← All changes | includes/controls/Animations/Button_Animations.php +200 -0 51.1.2 → 51.1.83 View file →

		@@ -1,0 +1,200 @@
	1	+<?php
	2	+
	3	+namespace King_Addons\Button_Animations;
	4	+
	5	+use Elementor\Base_Data_Control;
	6	+
	7	+if (!defined('ABSPATH')) {
	8	+ exit; // Exit if accessed directly.
	9	+}
	10	+
	11	+class Button_Animations extends Base_Data_Control
	12	+{
	13	+
	14	+ private static ?array $_animations = null;
	15	+
	16	+ public function get_type(): string
	17	+ {
	18	+ return 'king-addons-button-animations';
	19	+ }
	20	+
	21	+ public static function get_animations(): array
	22	+ {
	23	+ // Return early if already set
	24	+ if (null !== self::$_animations) {
	25	+ return self::$_animations;
	26	+ }
	27	+
	28	+ $is_premium = king_addons_freemius()->can_use_premium_code__premium_only();
	29	+
	30	+ $pro_placeholders = [
	31	+ 'pro-king-addons-button-berlin' => esc_html__('Berlin + Text (Pro)', 'king-addons'),
	32	+ 'pro-king-addons-button-madrid-left' => esc_html__('Madrid Left + Text (Pro)', 'king-addons'),
	33	+ 'pro-king-addons-button-madrid-right' => esc_html__('Madrid Right + Text (Pro)', 'king-addons'),
	34	+ 'pro-king-addons-button-london-left' => esc_html__('London Left (Pro)', 'king-addons'),
	35	+ 'pro-king-addons-button-rome-left' => esc_html__('Rome Left (Pro)', 'king-addons'),
	36	+
	37	+ ];
	38	+ $pro_real = [
	39	+ 'king-addons-button-berlin' => esc_html__('Berlin + Text', 'king-addons'),
	40	+ 'king-addons-button-madrid-left' => esc_html__('Madrid Left + Text', 'king-addons'),
	41	+ 'king-addons-button-madrid-right' => esc_html__('Madrid Right + Text', 'king-addons'),
	42	+ 'king-addons-button-london-left' => esc_html__('London Left', 'king-addons'),
	43	+ 'king-addons-button-rome-left' => esc_html__('Rome Left', 'king-addons'),
	44	+ ];
	45	+
	46	+ $animation_pro_or_free = $is_premium ? $pro_real : $pro_placeholders;
	47	+
	48	+ // Animations
	49	+ $animations_group = array_merge(
	50	+ $animation_pro_or_free,
	51	+ [
	52	+ 'king-addons-button-london-right' => esc_html__('London Right', 'king-addons'),
	53	+ 'king-addons-button-rome-right' => esc_html__('Rome Right', 'king-addons'),
	54	+ 'king-addons-button-paris' => esc_html__('Paris', 'king-addons'),
	55	+ 'king-addons-button-oslo' => esc_html__('Oslo', 'king-addons'),
	56	+ ]
	57	+ );
	58	+
	59	+ // 2D Animations
	60	+ $animations_2d = [
	61	+ 'elementor-animation-backward' => esc_html__('Backward', 'king-addons'),
	62	+ 'elementor-animation-bob' => esc_html__('Bob', 'king-addons'),
	63	+ 'elementor-animation-bounce-in' => esc_html__('Bounce In', 'king-addons'),
	64	+ 'elementor-animation-bounce-out' => esc_html__('Bounce Out', 'king-addons'),
	65	+ 'elementor-animation-buzz' => esc_html__('Buzz', 'king-addons'),
	66	+ 'elementor-animation-buzz-out' => esc_html__('Buzz Out', 'king-addons'),
	67	+ 'elementor-animation-float' => esc_html__('Float', 'king-addons'),
	68	+ 'elementor-animation-forward' => esc_html__('Forward', 'king-addons'),
	69	+ 'elementor-animation-grow' => esc_html__('Grow', 'king-addons'),
	70	+ 'elementor-animation-grow-rotate' => esc_html__('Grow Rotate', 'king-addons'),
	71	+ 'elementor-animation-hang' => esc_html__('Hang', 'king-addons'),
	72	+ 'elementor-animation-pop' => esc_html__('Pop', 'king-addons'),
	73	+ 'elementor-animation-pulse' => esc_html__('Pulse', 'king-addons'),
	74	+ 'elementor-animation-pulse-grow' => esc_html__('Pulse Grow', 'king-addons'),
	75	+ 'elementor-animation-pulse-shrink' => esc_html__('Pulse Shrink', 'king-addons'),
	76	+ 'elementor-animation-push' => esc_html__('Push', 'king-addons'),
	77	+ 'elementor-animation-rotate' => esc_html__('Rotate', 'king-addons'),
	78	+ 'elementor-animation-shrink' => esc_html__('Shrink', 'king-addons'),
	79	+ 'elementor-animation-sink' => esc_html__('Sink', 'king-addons'),
	80	+ 'elementor-animation-skew' => esc_html__('Skew', 'king-addons'),
	81	+ 'elementor-animation-skew-backward' => esc_html__('Skew Backward', 'king-addons'),
	82	+ 'elementor-animation-skew-forward' => esc_html__('Skew Forward', 'king-addons'),
	83	+ 'elementor-animation-wobble-bottom' => esc_html__('Wobble Bottom', 'king-addons'),
	84	+ 'elementor-animation-wobble-horizontal' => esc_html__('Wobble Horizontal', 'king-addons'),
	85	+ 'elementor-animation-wobble-skew' => esc_html__('Wobble Skew', 'king-addons'),
	86	+ 'elementor-animation-wobble-to-bottom-right' => esc_html__('Wobble To Bottom Right', 'king-addons'),
	87	+ 'elementor-animation-wobble-to-top-right' => esc_html__('Wobble To Top Right', 'king-addons'),
	88	+ 'elementor-animation-wobble-top' => esc_html__('Wobble Top', 'king-addons'),
	89	+ 'elementor-animation-wobble-vertical' => esc_html__('Wobble Vertical', 'king-addons'),
	90	+ ];
	91	+
	92	+ // Background Animations
	93	+ $pro_real_animations_BG = [
	94	+ 'king-addons-button-none' => esc_html__('None', 'king-addons'),
	95	+ 'king-addons-button-bounce-to-bottom' => esc_html__('Bounce To Bottom', 'king-addons'),
	96	+ 'king-addons-button-bounce-to-left' => esc_html__('Bounce To Left', 'king-addons'),
	97	+ 'king-addons-button-bounce-to-right' => esc_html__('Bounce To Right', 'king-addons'),
	98	+ 'king-addons-button-bounce-to-top' => esc_html__('Bounce To Top', 'king-addons'),
	99	+ 'king-addons-button-overline-from-center' => esc_html__('Overline From Center', 'king-addons'),
	100	+ 'king-addons-button-overline-from-left' => esc_html__('Overline From Left', 'king-addons'),
	101	+ 'king-addons-button-overline-from-right' => esc_html__('Overline From Right', 'king-addons'),
	102	+ 'king-addons-button-overline-reveal' => esc_html__('Overline Reveal', 'king-addons'),
	103	+ 'king-addons-button-radial-in' => esc_html__('Radial In', 'king-addons'),
	104	+ 'king-addons-button-radial-out' => esc_html__('Radial Out', 'king-addons'),
	105	+ 'king-addons-button-rectangle-in' => esc_html__('Rectangle In', 'king-addons'),
	106	+ 'king-addons-button-rectangle-out' => esc_html__('Rectangle Out', 'king-addons'),
	107	+ 'king-addons-button-shutter-in-horizontal' => esc_html__('Shutter In Horizontal', 'king-addons'),
	108	+ 'king-addons-button-shutter-in-vertical' => esc_html__('Shutter In Vertical', 'king-addons'),
	109	+ 'king-addons-button-shutter-out-horizontal' => esc_html__('Shutter Out Horizontal', 'king-addons'),
	110	+ 'king-addons-button-shutter-out-vertical' => esc_html__('Shutter Out Vertical', 'king-addons'),
	111	+ 'king-addons-button-sweep-to-bottom' => esc_html__('Sweep To Bottom', 'king-addons'),
	112	+ 'king-addons-button-sweep-to-left' => esc_html__('Sweep To Left', 'king-addons'),
	113	+ 'king-addons-button-sweep-to-right' => esc_html__('Sweep To Right', 'king-addons'),
	114	+ 'king-addons-button-sweep-to-top' => esc_html__('Sweep To top', 'king-addons'),
	115	+ 'king-addons-button-underline-from-center' => esc_html__('Underline From Center', 'king-addons'),
	116	+ 'king-addons-button-underline-from-left' => esc_html__('Underline From Left', 'king-addons'),
	117	+ 'king-addons-button-underline-from-right' => esc_html__('Underline From Right', 'king-addons'),
	118	+ 'king-addons-button-underline-reveal' => esc_html__('Underline Reveal', 'king-addons'),
	119	+ ];
	120	+
	121	+ $pro_placeholders_animations_BG = [
	122	+ 'king-addons-button-none' => esc_html__('None', 'king-addons'),
	123	+ 'king-addons-button-bounce-to-bottom' => esc_html__('Bounce To Bottom', 'king-addons'),
	124	+ 'pro-king-addons-button-bounce-to-left' => esc_html__('Bounce To Left (Pro)', 'king-addons'),
	125	+ 'pro-king-addons-button-bounce-to-right' => esc_html__('Bounce To Right (Pro)', 'king-addons'),
	126	+ 'pro-king-addons-button-bounce-to-top' => esc_html__('Bounce To Top (Pro)', 'king-addons'),
	127	+ 'king-addons-button-overline-from-center' => esc_html__('Overline From Center', 'king-addons'),
	128	+ 'pro-king-addons-button-overline-from-left' => esc_html__('Overline From Left (Pro)', 'king-addons'),
	129	+ 'pro-king-addons-button-overline-from-right' => esc_html__('Overline From Right (Pro)', 'king-addons'),
	130	+ 'pro-king-addons-button-overline-reveal' => esc_html__('Overline Reveal (Pro)', 'king-addons'),
	131	+ 'king-addons-button-radial-in' => esc_html__('Radial In', 'king-addons'),
	132	+ 'pro-king-addons-button-radial-out' => esc_html__('Radial Out (Pro)', 'king-addons'),
	133	+ 'king-addons-button-rectangle-in' => esc_html__('Rectangle In', 'king-addons'),
	134	+ 'pro-king-addons-button-rectangle-out' => esc_html__('Rectangle Out (Pro)', 'king-addons'),
	135	+ 'king-addons-button-shutter-in-horizontal' => esc_html__('Shutter In Horizontal', 'king-addons'),
	136	+ 'pro-king-addons-button-shutter-in-vertical' => esc_html__('Shutter In Vertical (Pro)', 'king-addons'),
	137	+ 'pro-king-addons-button-shutter-out-horizontal' => esc_html__('Shutter Out Horizontal (Pro)', 'king-addons'),
	138	+ 'pro-king-addons-button-shutter-out-vertical' => esc_html__('Shutter Out Vertical (Pro)', 'king-addons'),
	139	+ 'pro-king-addons-button-sweep-to-bottom' => esc_html__('Sweep To Bottom (Pro)', 'king-addons'),
	140	+ 'pro-king-addons-button-sweep-to-left' => esc_html__('Sweep To Left (Pro)', 'king-addons'),
	141	+ 'pro-king-addons-button-sweep-to-right' => esc_html__('Sweep To Right (Pro)', 'king-addons'),
	142	+ 'king-addons-button-sweep-to-top' => esc_html__('Sweep To top', 'king-addons'),
	143	+ 'king-addons-button-underline-from-center' => esc_html__('Underline From Center', 'king-addons'),
	144	+ 'pro-king-addons-button-underline-from-left' => esc_html__('Underline From Left (Pro)', 'king-addons'),
	145	+ 'pro-king-addons-button-underline-from-right' => esc_html__('Underline From Right (Pro)', 'king-addons'),
	146	+ 'pro-king-addons-button-underline-reveal' => esc_html__('Underline Reveal (Pro)', 'king-addons'),
	147	+ ];
	148	+
	149	+ $animations_bg = $is_premium ? $pro_real_animations_BG : $pro_placeholders_animations_BG;
	150	+
	151	+ self::$_animations = [
	152	+ 'Background Animations' => $animations_bg,
	153	+ 'Animations' => $animations_group,
	154	+ '2D Animations' => $animations_2d,
	155	+ ];
	156	+
	157	+ return self::$_animations;
	158	+ }
	159	+
	160	+ public function content_template(): void
	161	+ {
	162	+ $control_uid = $this->get_control_uid();
	163	+ ?>
	164	+ <div class="elementor-control-field">
	165	+ <label for="<?php echo esc_attr($control_uid); ?>" class="elementor-control-title">
	166	+ {{{ data.label }}}
	167	+ </label>
	168	+ <div class="elementor-control-input-wrapper">
	169	+ <select id="<?php echo esc_attr($control_uid); ?>" data-setting="{{ data.name }}">
	170	+ <?php foreach (self::get_animations() as $animations_group_name => $animations_group) : ?>
	171	+ <optgroup label="<?php echo esc_attr($animations_group_name); ?>">
	172	+ <?php foreach ($animations_group as $animation_name => $animation_title) : ?>
	173	+ <option value="<?php echo esc_attr($animation_name); ?>">
	174	+ <?php echo esc_html($animation_title); ?>
	175	+ </option>
	176	+ <?php endforeach; ?>
	177	+ </optgroup>
	178	+ <?php endforeach; ?>
	179	+ </select>
	180	+ </div>
	181	+ </div>
	182	+ <# if ( data.description ) { #>
	183	+ <div class="elementor-control-field-description">
	184	+ {{{ data.description }}}
	185	+ </div>
	186	+ <# } #>
	187	+ <?php
	188	+ }
	189	+
	190	+ public static function get_assets($setting): array
	191	+ {
	192	+ if (!$setting || 'none' === $setting || !str_contains($setting, 'elementor-animation')) {
	193	+ return [];
	194	+ }
	195	+
	196	+ return [
	197	+ 'styles' => ['e-animation-' . str_replace('elementor-animation-', '', $setting)],
	198	+ ];
	199	+ }
	200	+}