<?php namespace Elementor; if ( ! defined( 'ABSPATH' ) ) { exit; // Exit if accessed directly. } /** * Elementor animation control. * * A base control for creating entrance animation control. Displays a select box * with the available entrance animation effects @see Control_Animation::get_animations() . * * @since 1.0.0 */ class Control_Animation extends Base_Data_Control { /** * Get control type. * * Retrieve the animation control type. * * @since 1.0.0 * @access public * * @return string Control type. */ public function get_type() { return 'animation'; } /** * Retrieve default control settings. * * Get the default settings of the control. Used to return the default * settings while initializing the control. * * @since 2.5.0 * @access protected * * @return array Control default settings. */ protected function get_default_settings() { $default_settings['label_block'] = true; $default_settings['render_type'] = 'none'; return $default_settings; } /** * Get animations list. * * Retrieve the list of all the available animations. * * @since 1.0.0 * @access public * @static * * @return array Control type. */ public static function get_animations() { $additional_animations = []; /** * Entrance animations. * * Filters the animations list displayed in the animations control. * * This hook can be used to register animations in addition to the * basic Elementor animations. * * @since 2.4.0 * * @param array $additional_animations Additional animations array. */ $additional_animations = apply_filters( 'elementor/controls/animations/additional_animations', $additional_animations ); return array_merge( static::get_default_animations(), $additional_animations ); } public static function get_default_animations() { return [ 'Fading' => [ 'fadeIn' => 'Fade In', 'fadeInDown' => 'Fade In Down', 'fadeInLeft' => 'Fade In Left', 'fadeInRight' => 'Fade In Right', 'fadeInUp' => 'Fade In Up', ], 'Zooming' => [ 'zoomIn' => 'Zoom In', 'zoomInDown' => 'Zoom In Down', 'zoomInLeft' => 'Zoom In Left', 'zoomInRight' => 'Zoom In Right', 'zoomInUp' => 'Zoom In Up', ], 'Bouncing' => [ 'bounceIn' => 'Bounce In', 'bounceInDown' => 'Bounce In Down', 'bounceInLeft' => 'Bounce In Left', 'bounceInRight' => 'Bounce In Right', 'bounceInUp' => 'Bounce In Up', ], 'Sliding' => [ 'slideInDown' => 'Slide In Down', 'slideInLeft' => 'Slide In Left', 'slideInRight' => 'Slide In Right', 'slideInUp' => 'Slide In Up', ], 'Rotating' => [ 'rotateIn' => 'Rotate In', 'rotateInDownLeft' => 'Rotate In Down Left', 'rotateInDownRight' => 'Rotate In Down Right', 'rotateInUpLeft' => 'Rotate In Up Left', 'rotateInUpRight' => 'Rotate In Up Right', ], 'Attention Seekers' => [ 'bounce' => 'Bounce', 'flash' => 'Flash', 'pulse' => 'Pulse', 'rubberBand' => 'Rubber Band', 'shake' => 'Shake', 'headShake' => 'Head Shake', 'swing' => 'Swing', 'tada' => 'Tada', 'wobble' => 'Wobble', 'jello' => 'Jello', ], 'Light Speed' => [ 'lightSpeedIn' => 'Light Speed In', ], 'Specials' => [ 'rollIn' => 'Roll In', ], ]; } /** * Render animations control template. * * Used to generate the control HTML in the editor using Underscore JS * template. The variables for the class are available using `data` JS * object. * * @since 1.0.0 * @access public */ public function content_template() { ?> <div class="elementor-control-field"> <label for="<?php $this->print_control_uid(); ?>" class="elementor-control-title">{{{ data.label }}}</label> <div class="elementor-control-input-wrapper"> <select id="<?php $this->print_control_uid(); ?>" data-setting="{{ data.name }}"> <option value=""><?php echo esc_html__( 'Default', 'elementor' ); ?></option> <option value="none"><?php echo esc_html__( 'None', 'elementor' ); ?></option> <?php foreach ( static::get_animations() as $animations_group_name => $animations_group ) : ?> <optgroup label="<?php echo esc_attr( $animations_group_name ); ?>"> <?php foreach ( $animations_group as $animation_name => $animation_title ) : ?> <option value="<?php echo esc_attr( $animation_name ); ?>"><?php echo esc_html( $animation_title ); ?></option> <?php endforeach; ?> </optgroup> <?php endforeach; ?> </select> </div> </div> <# if ( data.description ) { #> <div class="elementor-control-field-description">{{{ data.description }}}</div> <# } #> <?php } public static function get_assets( $setting ) { if ( ! $setting || 'none' === $setting ) { return []; } return [ 'styles' => [ 'e-animation-' . $setting ], ]; } }
Name | Type | Size | Permission | Actions |
---|---|---|---|---|
groups | Folder | 0755 |
|
|
alert.php | File | 1.79 KB | 0644 |
|
animation.php | File | 4.76 KB | 0644 |
|
base-data.php | File | 3.66 KB | 0644 |
|
base-icon-font.php | File | 628 B | 0644 |
|
base-multiple.php | File | 2.03 KB | 0644 |
|
base-ui.php | File | 516 B | 0644 |
|
base-units.php | File | 3.5 KB | 0644 |
|
base.php | File | 3.08 KB | 0644 |
|
box-shadow.php | File | 3.39 KB | 0644 |
|
button.php | File | 1.68 KB | 0644 |
|
choose.php | File | 2.21 KB | 0644 |
|
code.php | File | 1.99 KB | 0644 |
|
color.php | File | 2.04 KB | 0644 |
|
date-time.php | File | 2.04 KB | 0644 |
|
deprecated-notice.php | File | 2.27 KB | 0644 |
|
dimensions.php | File | 4.94 KB | 0644 |
|
divider.php | File | 829 B | 0644 |
|
exit-animation.php | File | 2.54 KB | 0644 |
|
font.php | File | 2.22 KB | 0644 |
|
gallery.php | File | 5.15 KB | 0644 |
|
gaps.php | File | 1.62 KB | 0644 |
|
heading.php | File | 1.32 KB | 0644 |
|
hidden.php | File | 948 B | 0644 |
|
hover-animation.php | File | 4.32 KB | 0644 |
|
icon.php | File | 31.33 KB | 0644 |
|
icons.php | File | 7.67 KB | 0644 |
|
image-dimensions.php | File | 3.71 KB | 0644 |
|
media.php | File | 12.82 KB | 0644 |
|
notice.php | File | 4.07 KB | 0644 |
|
number.php | File | 2.09 KB | 0644 |
|
popover-toggle.php | File | 2.66 KB | 0644 |
|
raw-html.php | File | 1.48 KB | 0644 |
|
repeater.php | File | 4.94 KB | 0644 |
|
section.php | File | 1.32 KB | 0644 |
|
select.php | File | 2.56 KB | 0644 |
|
select2.php | File | 2.72 KB | 0644 |
|
slider.php | File | 3.49 KB | 0644 |
|
structure.php | File | 2.46 KB | 0644 |
|
switcher.php | File | 2.08 KB | 0644 |
|
tab.php | File | 1.01 KB | 0644 |
|
tabs.php | File | 944 B | 0644 |
|
text-shadow.php | File | 3.13 KB | 0644 |
|
text.php | File | 2.1 KB | 0644 |
|
textarea.php | File | 2.01 KB | 0644 |
|
url.php | File | 5.09 KB | 0644 |
|
wp-widget.php | File | 1.35 KB | 0644 |
|
wysiwyg.php | File | 1.73 KB | 0644 |
|