get_settings_for_display('eael_animated_character_enable'); if ('yes' !== $enable_character) { return; } $widget_id = $widget->get_id(); $settings = $widget->get_settings_for_display(); $speed = !empty($settings['eael_animated_character_speed']['size']) ? $settings['eael_animated_character_speed']['size'] : 1.0; $eye_tracking = !empty($settings['eael_animated_character_eye_tracking']) ? $settings['eael_animated_character_eye_tracking'] : 'no'; $password_covering = !empty($settings['eael_animated_character_password_covering']) ? $settings['eael_animated_character_password_covering'] : 'no'; $excited_mode = !empty($settings['eael_animated_character_excited_mode']) ? $settings['eael_animated_character_excited_mode'] : 'no'; $shake_intensity = !empty($settings['eael_animated_character_shake_intensity']['size']) ? $settings['eael_animated_character_shake_intensity']['size'] : 1.0; $wrapper_classes = 'eael-animated-character-wrapper'; ?>
render_pickachu_svg(); ?>
start_controls_section( 'eael_section_animated_character', [ 'label' => __('Animated Character', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_CONTENT, ] ); $lr->add_control( 'eael_animated_character_enable', [ 'label' => __('Show', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'return_value' => 'yes', 'default' => 'no', 'description' => __('Enable an interactive animated character that responds to form interactions.', 'essential-addons-elementor'), ] ); $lr->add_control( 'eael_animated_character_speed', [ 'label' => __('Animation Speed', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 0.1, 'max' => 3.0, 'step' => 0.1, ], ], 'default' => [ 'size' => 1.0, ], 'description' => __('Control the speed of character animations (0.1 = slow, 3.0 = fast)', 'essential-addons-elementor'), 'condition' => [ 'eael_animated_character_enable' => 'yes', ], ] ); $lr->add_control( 'eael_animated_character_triggers_heading', [ 'label' => __('Animation Triggers', 'essential-addons-elementor'), 'type' => Controls_Manager::HEADING, 'separator' => 'before', 'condition' => [ 'eael_animated_character_enable' => 'yes', ], ] ); $lr->add_control( 'eael_animated_character_eye_tracking', [ 'label' => __('Eye Tracking', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'label_on' => __('Yes', 'essential-addons-elementor'), 'label_off' => __('No', 'essential-addons-elementor'), 'return_value' => 'yes', 'default' => 'yes', 'description' => __('Character eyes follow cursor movement', 'essential-addons-elementor'), 'condition' => [ 'eael_animated_character_enable' => 'yes', ], ] ); $lr->add_control( 'eael_animated_character_password_covering', [ 'label' => __('Password Covering', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'label_on' => __('Yes', 'essential-addons-elementor'), 'label_off' => __('No', 'essential-addons-elementor'), 'return_value' => 'yes', 'default' => 'yes', 'description' => __('Character covers eyes when password field is focused', 'essential-addons-elementor'), 'condition' => [ 'eael_animated_character_enable' => 'yes', ], ] ); $lr->add_control( 'eael_animated_character_excited_mode', [ 'label' => __('Excited Mode', 'essential-addons-elementor'), 'type' => Controls_Manager::SWITCHER, 'return_value' => 'yes', 'default' => 'yes', 'description' => __('By enabling this, Pikachu will shake its ears and tail when the user enters a correctly formatted email.', 'essential-addons-elementor'), 'condition' => [ 'eael_animated_character_enable' => 'yes', ], ] ); $lr->add_control( 'eael_animated_character_shake_intensity', [ 'label' => __('Shake Intensity', 'essential-addons-elementor'), 'type' => Controls_Manager::SLIDER, 'range' => [ 'px' => [ 'min' => 0.1, 'max' => 3.0, 'step' => 0.1, ], ], 'default' => [ 'size' => 1.0, ], 'description' => __('Control the shake intensity of character animations (0.1 = slow, 3.0 = fast)', 'essential-addons-elementor'), 'condition' => [ 'eael_animated_character_enable' => 'yes', ], ] ); $lr->end_controls_section(); } /** * Add animated character style controls for Login Register widget * * @param Login_Register $lr */ public function lr_init_animated_character_style_controls($lr) { $lr->start_controls_section( 'eael_section_animated_character_style', [ 'label' => __('Animated Character', 'essential-addons-elementor'), 'tab' => Controls_Manager::TAB_STYLE, 'condition' => [ 'eael_animated_character_enable' => 'yes', ], ] ); $lr->add_control( 'eael_animated_character_face_colors_heading', [ 'label' => esc_html__( 'Face Colors', 'essential-addons-elementor' ), 'type' => Controls_Manager::HEADING, ] ); $lr->add_control( 'eael_animated_character_face_skin_color', [ 'label' => __('Skin', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#FFD93B', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-head .skin' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-face .skin' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_face_skin_edge_color', [ 'label' => __('Skin Edge', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#42304C', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-head .skin' => 'stroke: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_face_dimple_color', [ 'label' => __('Dimple', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#ED5D46', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-head .dimple' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-face .dimple' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_eye_color', [ 'label' => __('Eye', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#42304C', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-righEye .sclera' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-leftEye .sclera' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_eye_cornia_color', [ 'label' => __('Eye Cornia', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#F4EEE9', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-righEye .cornia' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-leftEye .cornia' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_nose_color', [ 'label' => __('Nose', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#42304C', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-mouth .nose' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_mouth_color', [ 'label' => __('Mouth', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#42304C', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-mouth .lip' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_toung_color', [ 'label' => __('Toung', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#ED5D46', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-mouth .toung' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_ear_color_heading', [ 'label' => esc_html__( 'Ear Colors', 'essential-addons-elementor' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $lr->add_control( 'eael_animated_character_ear_color', [ 'label' => __('Skin', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#FFD93B', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-earsLeft .skin' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-earsRight .skin' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_ear_edge_color', [ 'label' => __('Skin Egde', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#FFD93B', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-earsLeft .skin-edge' => 'stroke:{{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-earsLeft .top-corner' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-earsRight .skin-edge' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-earsRight .skin' => 'stroke:{{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_colors_heading', [ 'label' => esc_html__( 'Body Colors', 'essential-addons-elementor' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before' ] ); $lr->add_control( 'eael_animated_character_skin_color', [ 'label' => __('Skin', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#FFD93B', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-body .skin' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-lefthand .skin' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-righthand .skin' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_skin_edge_color', [ 'label' => __('Skin Edge', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#42304C', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-body .skin.full-body' => 'stroke: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-body .skin-edge' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-lefthand .skin-edge' => 'fill: {{VALUE}};', '{{WRAPPER}} .eael-animated-character .eael-pickachu-righthand .skin-edge' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_tail_color_heading', [ 'label' => esc_html__( 'Tail Colors', 'essential-addons-elementor' ), 'type' => Controls_Manager::HEADING, 'separator' => 'before', ] ); $lr->add_control( 'eael_animated_character_tail_color', [ 'label' => __('Skin', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#FFD93B', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-tail .skin' => 'fill: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_tail_edge_color', [ 'label' => __('Skin Egde', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#FFD93B', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-tail .skin' => 'stroke: {{VALUE}};', ], ] ); $lr->add_control( 'eael_animated_character_tail_shade_color', [ 'label' => __('Shade', 'essential-addons-elementor'), 'type' => Controls_Manager::COLOR, 'default' => '#E4AA2E', 'selectors' => [ '{{WRAPPER}} .eael-animated-character .eael-pickachu-tail .shadow' => 'fill: {{VALUE}};', ], ] ); $lr->end_controls_section(); } }