'Linear',
'power1.in' => 'Power1 In',
'power1.out' => 'Power1 Out',
'power1.inOut' => 'Power1 In Out',
'power2.in' => 'Power2 In',
'power2.out' => 'Power2 Out',
'power2.inOut' => 'Power2 In Out',
'power3.in' => 'Power3 In',
'power3.out' => 'Power3 Out',
'power3.inOut' => 'Power3 In Out',
'power4.in' => 'Power4 In',
'power4.out' => 'Power4 Out',
'power4.inOut' => 'Power4 In Out',
'back.in' => 'Back In',
'back.out' => 'Back Out',
'back.inOut' => 'Back In Out',
'bounce.in' => 'Bounce In',
'bounce.out' => 'Bounce Out',
'bounce.inOut' => 'Bounce In Out',
'circ.in' => 'Circ In',
'circ.out' => 'Circ Out',
'circ.inOut' => 'Circ In Out',
'elastic.in(1,0.2)' => 'Elastic In',
'elastic.out(1,0.2)' => 'Elastic Out',
'elastic.inOut(1,0.2)' => 'Elastic In Out',
'expo.in' => 'Expo In',
'expo.out' => 'Expo Out',
'expo.inOut' => 'Expo In Out',
'sine.in' => 'Sine In',
'sine.out' => 'Sine Out',
'sine.inOut' => 'Sine In Out',
];
$widget->add_control(
'lqd_parallax',
[
'label' => __( 'Scroll animations', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
'condition' => [
'lqd_inview' => ''
]
]
);
$widget->add_control(
'lqd_parallax_settings_popover',
[
'label' => __( 'General Settings', 'aihub-core' ),
'type' => Controls_Manager::POPOVER_TOGGLE,
'label_off' => __( 'Default', 'aihub-core' ),
'label_on' => __( 'Custom', 'aihub-core' ),
'default' => 'yes',
'condition' => [
'lqd_parallax' => 'yes'
],
// 'render_type' => 'none',
]
);
// Parallax Settings
$widget->start_popover();
$widget->add_control(
'lqd_parallax_enable_css',
[
'label' => __( 'Enable CSS Initize?', 'aihub-core' ),
'description' => __( 'The first keyframe will be initialized by CSS.', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_ease_hr',
[
'type' => Controls_Manager::DIVIDER,
]
);
$widget->add_control(
'lqd_parallax_trigger',
[
'label' => __( 'Trigger', 'aihub-core' ),
'type' => Controls_Manager::SELECT,
'default' => 'ghost',
'options' => [
'ghost' => __( 'Element itself', 'aihub-core' ),
'closestParentContainer' => __( 'Closest container', 'aihub-core' ),
'topParentContainer' => __( 'Last container', 'aihub-core' ),
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_ease',
[
'label' => __( 'Easing', 'aihub-core' ),
'type' => Controls_Manager::SELECT,
'default' => 'linear',
'options' => $ease_list,
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
],
// 'render_type' => 'none',
]
);
// $widget->add_control(
// 'lqd_parallax_settings_direction',
// [
// 'label' => __( 'Direction', 'aihub-core' ),
// 'type' => Controls_Manager::SELECT,
// 'default' => 'start',
// 'options' => [
// 'start' => __( 'Start', 'aihub-core' ),
// 'center' => __( 'Center', 'aihub-core' ),
// 'end' => __( 'End', 'aihub-core' ),
// 'edges' => __( 'Edges', 'aihub-core' ),
// 'random' => __( 'Random', 'aihub-core' ),
// ],
// 'condition' => [
// 'lqd_parallax_settings_popover' => 'yes'
// ],
// // 'render_type' => 'none',
// ]
// );
$widget->add_control(
'lqd_parallax_trigger_desc',
[
'type' => Controls_Manager::RAW_HTML,
'raw' => sprintf( __( 'For custom start and end values you can use keywords like top, bottom, left, right and center. You can also use numbers. E.g. 50% 50%. Or you can use relative values e.g. top bottom-=25%.
', 'aihub-core' ) ),
'separator' => 'before',
'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
'condition' => array(
'lqd_parallax_settings_trigger' => 'custom',
'lqd_parallax_settings_popover' => 'yes',
),
]
);
$widget->add_control(
'lqd_parallax_settings_trigger_start',
[
'label' => __( 'Trigger Start', 'aihub-core' ),
'type' => Controls_Manager::TEXT,
'placeholder' => __( 'Default: top bottom', 'aihub-core' ),
'default' => 'top bottom',
'description' => __( 'Define when parallax starts. Default is top bottom which means starts when top of the element hits the bottom of the viewport.', 'aihub-core' ),
'condition' => array(
'lqd_parallax_settings_trigger' => 'custom',
'lqd_parallax_settings_popover' => 'yes',
),
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_trigger_end',
[
'label' => __( 'Trigger End', 'aihub-core' ),
'type' => Controls_Manager::TEXT,
'placeholder' => __( 'Default: bottom top', 'aihub-core' ),
'default' => 'bottom top',
'description' => __( 'Define when parallax ends. Default is bottom top which means ends when bottom of the element hits the top of the viewport.', 'aihub-core' ),
'condition' => array(
'lqd_parallax_settings_trigger' => 'custom',
'lqd_parallax_settings_popover' => 'yes',
),
'separator' => 'after',
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_stagger',
[
'label' => __( 'Stagger', 'aihub-core' ),
'description' => __( 'Delay between animated elements.', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 10,
'step' => 0.1,
],
],
'default' => [
'size' => .16,
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_scrub',
[
'label' => __( 'Scrub', 'aihub-core' ),
//'description' => __( 'Scrub', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0.1,
'max' => 10,
'step' => 0.1,
],
],
'default' => [
'size' => 1,
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_animation_repeat_enable_hr',
[
'type' => Controls_Manager::DIVIDER,
]
);
$widget->add_control(
'lqd_parallax_settings_animation_repeat_enable',
[
'label' => esc_html__( 'Repeat Animation?', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
],
'separator' => 'before',
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_animation_repeat',
[
'label' => __( 'Repeat count', 'aihub-core' ),
'description' => __( 'Count of the animation repeat.', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 10,
'step' => 1,
],
],
'default' => [
'size' => 1,
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_animation_repeat_enable' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_animation_repeat_delay',
[
'label' => __( 'Repeat Delay', 'aihub-core' ),
'description' => __( 'Repeat delay of the animation.', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 10,
'step' => 0.1,
],
],
'default' => [
'size' => 0,
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_animation_repeat_enable' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_animation_yoyo',
[
'label' => esc_html__( 'Yoyo?', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_animation_repeat_enable' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_animation_yoyo_ease',
[
'label' => esc_html__( 'Yoyo Ease?', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_animation_repeat_enable' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_start_hr',
[
'type' => Controls_Manager::DIVIDER,
]
);
$widget->add_control(
'lqd_parallax_settings_start',
[
'label' => __( 'Start', 'aihub-core' ),
'type' => Controls_Manager::SELECT,
'default' => 'top bottom',
'options' => [
'top bottom' => __( 'On Enter', 'aihub-core' ),
'top top' => __( 'On Leave', 'aihub-core' ),
'center center' => __( 'On Center', 'aihub-core' ),
'percentage' => __( 'Percentage', 'aihub-core' ),
'custom' => __( 'Custom', 'aihub-core' ),
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_start_percentage',
[
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -100,
'max' => 100,
'step' => 1,
],
],
'default' => [
'size' => 0,
'unit' => 'px',
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_start' => 'percentage'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_start_custom',
[
'label' => __( 'Custom trigger', 'aihub-core' ),
'type' => Controls_Manager::TEXT,
'placeholder' => __( '50% 50%', 'aihub-core' ),
'description' => __( 'You can use numbers like this 50% 50% which means when center of the element hits center of the viewport.', 'aihub-core' ),
'condition' => array(
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_start' => 'custom',
),
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_startElementOffset',
[
'label' => __( 'Start Element Offset', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -100,
'max' => 100,
'step' => 1,
],
],
'default' => [
'size' => 0,
'unit' => 'px',
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_start!' => [ 'percentage', 'custom' ]
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_startViewportOffset',
[
'label' => __( 'Start Viewport Offset', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -100,
'max' => 100,
'step' => 1,
],
],
'default' => [
'size' => 0,
'unit' => 'px',
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_start!' => [ 'percentage', 'custom' ]
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_end',
[
'label' => __( 'End', 'aihub-core' ),
'type' => Controls_Manager::SELECT,
'default' => 'bottom top',
'options' => [
'top bottom' => __( 'On Enter', 'aihub-core' ),
'bottom top' => __( 'On Leave', 'aihub-core' ),
'center center' => __( 'On Center', 'aihub-core' ),
'percentage' => __( 'Percentage', 'aihub-core' ),
'custom' => __( 'Custom', 'aihub-core' ),
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_end_percentage',
[
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -100,
'max' => 100,
'step' => 1,
],
],
'default' => [
'size' => 0,
'unit' => 'px',
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_end' => 'percentage'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_end_custom',
[
'label' => __( 'Custom trigger', 'aihub-core' ),
'type' => Controls_Manager::TEXT,
'placeholder' => __( '50% 50%', 'aihub-core' ),
'description' => __( 'You can use numbers like this 50% 50% which means when center of the element hits center of the viewport.', 'aihub-core' ),
'condition' => array(
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_end' => 'custom',
),
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_endElementOffset',
[
'label' => __( 'End Element Offset', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -100,
'max' => 100,
'step' => 1,
],
],
'default' => [
'size' => 0,
'unit' => 'px',
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_end!' => [ 'percentage', 'custom' ]
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_endViewportOffset',
[
'label' => __( 'End Viewport Offset', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -100,
'max' => 100,
'step' => 1,
],
],
'default' => [
'size' => 0,
'unit' => 'px',
],
'condition' => [
'lqd_parallax_settings_popover' => 'yes',
'lqd_parallax_settings_end!' => [ 'percentage', 'custom' ]
],
// 'render_type' => 'none',
]
);
$widget->end_popover();
// Keyframe items
$repeater = new \Elementor\Repeater();
$repeater->add_control(
'options',
[
'label' => esc_html__( 'Enable Inner Ease, Delay & Duration??', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
// 'render_type' => 'none',
]
);
$repeater->add_control(
'ease',
[
'label' => __( 'Easing', 'aihub-core' ),
'type' => Controls_Manager::SELECT,
'default' => 'linear',
'options' => $ease_list,
'condition' => [
'options' => 'yes'
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'duration',
[
'label' => __( 'Duration', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 10,
'step' => 0.1,
],
],
'default' => [
'size' => 0.65,
],
'condition' => [
'options' => 'yes'
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'delay',
[
'label' => __( 'Start Delay', 'aihub-core' ),
'description' => __( 'Start delay of the animation.', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -1,
'max' => 10,
'step' => 0.1,
],
],
'default' => [
'size' => 0,
],
'condition' => [
'options' => 'yes'
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'x_hr',
[
'type' => Controls_Manager::DIVIDER,
]
);
$repeater->add_control(
'x',
[
'label' => __( 'Translate X', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'vw', 'vh', 'custom' ],
'range' => [
'px' => [
'min' => -500,
'max' => 500,
'step' => 1,
],
'%' => [
'min' => -100,
'max' => 100,
'step' => 0.1,
],
'vw' => [
'min' => -100,
'max' => 100,
'step' => 0.1,
],
'vh' => [
'min' => -100,
'max' => 100,
'step' => 0.1,
],
],
'default' => [
'size' => 0,
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'y',
[
'label' => __( 'Translate Y', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'vw', 'vh', 'custom' ],
'range' => [
'px' => [
'min' => -500,
'max' => 500,
'step' => 1,
],
'%' => [
'min' => -100,
'max' => 100,
'step' => 0.1,
],
'vw' => [
'min' => -100,
'max' => 100,
'step' => 0.1,
],
'vh' => [
'min' => -100,
'max' => 100,
'step' => 0.1,
],
],
'default' => [
'size' => 0,
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'z',
[
'label' => __( 'Translate Z', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -500,
'max' => 500,
'step' => 1
]
],
'default' => [
'size' => 0,
],
'separator' => 'after',
// 'render_type' => 'none',
]
);
$repeater->add_control(
'scaleX',
[
'label' => __( 'Scale X', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 5,
'step' => 0.1,
],
],
'default' => [
'size' => 1,
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'scaleY',
[
'label' => __( 'Scale Y', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 5,
'step' => 0.1,
],
],
'default' => [
'size' => 1,
],
'separator' => 'after',
// 'render_type' => 'none',
]
);
$repeater->add_control(
'skewX',
[
'label' => __( 'Skew X', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -500,
'max' => 500,
'step' => 1
]
],
'default' => [
'size' => 0,
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'skewY',
[
'label' => __( 'Skew Y', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -500,
'max' => 500,
'step' => 1
]
],
'default' => [
'size' => 0,
],
'separator' => 'after',
// 'render_type' => 'none',
]
);
$repeater->add_control(
'rotateX',
[
'label' => __( 'Rotate X', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -360,
'max' => 360,
'step' => 1,
],
],
'default' => [
'size' => 0,
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'rotateY',
[
'label' => __( 'Rotate Y', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -360,
'max' => 360,
'step' => 1,
],
],
'default' => [
'size' => 0,
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'rotateZ',
[
'label' => __( 'Rotate Z', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -360,
'max' => 360,
'step' => 1,
],
],
'default' => [
'size' => 0,
],
'separator' => 'after',
// 'render_type' => 'none',
]
);
$repeater->add_control(
'opacity',
[
'label' => __( 'Opacity', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 1,
'step' => 0.1,
],
],
'default' => [
'size' => 1,
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'transformOriginX',
[
'label' => __( 'Transform origin X', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => -500,
'max' => 500,
'step' => 1,
],
'%' => [
'min' => -100,
'max' => 100,
'step' => 0.1,
],
],
'default' => [
'size' => 50,
'unit' => '%',
],
'separator' => 'before',
// 'render_type' => 'none',
]
);
$repeater->add_control(
'transformOriginY',
[
'label' => __( 'Transform origin Y', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => -500,
'max' => 500,
'step' => 1,
],
'%' => [
'min' => -100,
'max' => 100,
'step' => 0.1,
],
],
'default' => [
'size' => 50,
'unit' => '%',
],
// 'render_type' => 'none',
]
);
$repeater->add_control(
'transformOriginZ',
[
'label' => __( 'Transform origin Z', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => -500,
'max' => 500,
'step' => 1,
],
],
'default' => [
'size' => 0,
],
'separator' => 'after',
// 'render_type' => 'none',
]
);
$widget->start_controls_tabs(
'lqd_parallax_devices',
);
$lqd_parallax_devices = [
'all' => [
'title' => esc_html__( 'All', 'aihub-core' ),
'icon' => '',
],
];
$active_breakpoints = \Elementor\Plugin::$instance->breakpoints->get_active_breakpoints();
if ( $active_breakpoints ) {
foreach( array_reverse($active_breakpoints) as $key => $breakpoint ){
$icon_attrs = 'class="eicon-device-' . str_replace( [ 'widescreen', '_extra' ], [ 'desktop', '' ], $key ) . '"';
if ( strpos( $key, '_extra' ) ) {
$icon_attrs .= ' style="transform:rotate(90deg);"';
}
$lqd_parallax_devices[$key] = [
'title' => esc_html__( $breakpoint->get_label(), 'aihub-core' ),
'icon' => '',
];
}
}
foreach( $lqd_parallax_devices as $key => $device ){
$widget->start_controls_tab(
'lqd_parallax_devices_' . $key,
[
'label' => $device['icon'],
'condition' => [
'lqd_parallax' => 'yes',
]
]
);
$widget->add_control(
'lqd_parallax_devices_popover_' . $key,
[
'label' => __( 'Settings for ' . $device['title'], 'aihub-core' ),
'type' => Controls_Manager::POPOVER_TOGGLE,
'label_off' => __( 'Default', 'aihub-core' ),
'label_on' => __( 'Custom', 'aihub-core' ),
'default' => '',
'condition' => [
'lqd_parallax' => 'yes'
],
// 'render_type' => 'none',
]
);
// Device Settings
$widget->start_popover();
$widget->add_control(
'lqd_parallax_settings_' . $key . '_ease',
[
'label' => __( 'Easing', 'aihub-core' ),
'type' => Controls_Manager::SELECT,
'default' => 'expo.out',
'options' => $ease_list,
'condition' => [
'lqd_parallax_devices_popover_' . $key => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_' . $key . '_stagger',
[
'label' => __( 'Stagger', 'aihub-core' ),
'description' => __( 'Delay between animated elements.', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 10,
'step' => 0.1,
],
],
'default' => [
'size' => .16,
],
'condition' => [
'lqd_parallax_devices_popover_' . $key => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_'. $key . '_animation_repeat_enable_hr',
[
'type' => Controls_Manager::DIVIDER,
]
);
$widget->add_control(
'lqd_parallax_settings_'. $key . '_animation_repeat_enable',
[
'label' => esc_html__( 'Repeat Animation?', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
'condition' => [
'lqd_parallax_devices_popover_' . $key => 'yes',
],
'separator' => 'before',
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_'. $key . '_animation_repeat',
[
'label' => __( 'Repeat count', 'aihub-core' ),
'description' => __( 'Count of the animation repeat.', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 10,
'step' => 1,
],
],
'default' => [
'size' => 1,
],
'condition' => [
'lqd_parallax_devices_popover_' . $key => 'yes',
'lqd_parallax_settings_' . $key . '_animation_repeat_enable' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_'. $key . '_animation_repeat_delay',
[
'label' => __( 'Repeat Delay', 'aihub-core' ),
'description' => __( 'Repeat delay of the animation.', 'aihub-core' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px' ],
'range' => [
'px' => [
'min' => 0,
'max' => 10,
'step' => 0.1,
],
],
'default' => [
'size' => 0,
],
'condition' => [
'lqd_parallax_devices_popover_' . $key => 'yes',
'lqd_parallax_settings_' . $key . '_animation_repeat_enable' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_'. $key . '_animation_yoyo',
[
'label' => esc_html__( 'Yoyo?', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
'condition' => [
'lqd_parallax_devices_popover_' . $key => 'yes',
'lqd_parallax_settings_' . $key . '_animation_repeat_enable' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->add_control(
'lqd_parallax_settings_'. $key . '_animation_yoyo_ease',
[
'label' => esc_html__( 'Yoyo Ease?', 'aihub-core' ),
'type' => Controls_Manager::SWITCHER,
'condition' => [
'lqd_parallax_devices_popover_' . $key => 'yes',
'lqd_parallax_settings_' . $key . '_animation_repeat_enable' => 'yes'
],
// 'render_type' => 'none',
]
);
$widget->end_popover();
// Keyframes
$widget->add_control(
'lqd_parallax_keyframes_' . $key,
[
'label' => esc_html__( 'Keyframes for ' . $device['title'], 'aihub-core' ),
'type' => Controls_Manager::REPEATER,
'fields' => $repeater->get_controls(),
'default' => $key === 'all' ? [[], []] : [],
'prevent_empty' => false,
'condition' => [
'lqd_parallax' => 'yes',
],
'title_field' => 'X: {{{x.size}}}{{{x.unit}}} Y: {{{y.size}}}{{{y.unit}}} Z: {{{z.size}}}{{{z.unit}}} Scale X: {{{scaleX.size}}} Scale Y: {{{scaleY.size}}} Skew X: {{{skewX.size}}} Skew Y: {{{skewY.size}}} Rotation X: {{{rotateX.size}}} Rotation Y: {{{rotateY.size}}} Rotation Z: {{{rotateZ.size}}} opacity: {{{opacity.size}}} Transform Origin X: {{{transformOriginX.size}}} Transform Origin Y: {{{transformOriginY.size}}} Transform Origin Z: {{{transformOriginZ.size}}}',
]
);
$widget->end_controls_tab();
}
$widget->end_controls_tabs();
}