balmet.com

animation.php (4791B)

---

 <?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() {
 		$animations = [
 			'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',
 			],
 		];
 
 		$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( $animations, $additional_animations );
 	}
 
 	/**
 	 * 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-animations' ],
 		];
 	}
 }