first commit

2026-05-25 14:34:29 +02:00
commit 64f5e06629
4236 changed files with 1314148 additions and 0 deletions
--- a/wp-content/plugins/elementor/modules/atomic-widgets/elements/atomic-self-hosted-video/atomic-self-hosted-video.html.twig
+++ b/wp-content/plugins/elementor/modules/atomic-widgets/elements/atomic-self-hosted-video/atomic-self-hosted-video.html.twig
@@ -0,0 +1,44 @@
+{% set classes = settings.classes | merge( [ base_styles.base ] ) | join(' ') %}
+{% set id_attribute = settings._cssid is not empty ? 'id=' ~ settings._cssid | e('html_attr') : '' %}
+{% set video_classes = base_styles.base %}
+{% set video_start_time = settings.start_time %}
+{% set video_end_time = settings.end_time %}
+{% if video_start_time is not empty %}
+	{% set video_timings = '#t=' ~ video_start_time %}
+{% else %}
+	{% set video_timings = '#t=0' %}
+{% endif %}
+{% if video_end_time is not empty and video_end_time > video_start_time %}
+	{% set video_timings = video_timings ~ ',' ~ video_end_time %}
+{% endif %}
+{% if settings.source.url is not empty %}
+  {% set video_url = settings.source.url | e('full_url') %}
+	<video
+    data-id="{{ id }}" data-interaction-id="{{ interaction_id }}"
+    data-e-type="{{ type }}" data-interactions="{{ interactions | json_encode | e('html_attr') }}"
+    {{ id_attribute }}
+    class="{{ classes }}"
+    {{ settings.attributes | raw }}
+		class="{{ video_classes }}"
+		{% if settings.poster_enabled %}poster="{{ settings.poster.src | e('full_url') }}"{% endif %}
+		{% if settings.autoplay %}autoplay{% endif %}
+		{% if settings.mute %}muted{% endif %}
+		{% if settings.loop %}loop{% endif %}
+		{% if settings.controls %}controls{% endif %}
+		{% if settings.playsinline %}playsinline{% endif %}
+		{% if not settings.download %}controlslist="nodownload"{% endif %}
+		preload="{{ settings.preload }}"
+	>
+		<source src="{{ video_url ~ video_timings }}">
+	</video>
+{% else %}
+	{% if settings.poster_enabled %}
+  <div style="width:100%; aspect-ratio: 16/9; background-image: url({{ settings.poster.src | e('full_url') }}); background-size: contain; background-position: center center; background-repeat: no-repeat; min-height: 100px;"></div>
+	{% else %}
+	<div style="width:100%; background-color: rgb(245, 245, 245); aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center;">
+	<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+		<path d="M17.6902 8.92189C18.3227 8.56844 19.0991 8.58381 19.7162 8.96355L54.3829 30.2969C54.9738 30.661 55.3334 31.3059 55.3334 32C55.3334 32.6941 54.9738 33.339 54.3829 33.7031L19.7162 55.0365C19.0991 55.4162 18.3227 55.4316 17.6902 55.0781C17.0584 54.7245 16.6667 54.0574 16.6667 53.3333V10.6667L16.685 10.3984C16.7685 9.7807 17.1373 9.23132 17.6902 8.92189ZM20.6667 49.7526L49.5157 32L20.6667 14.2448V49.7526Z" fill="black" fill-opacity="0.54"/>
+	</svg>
+	</div>
+	{% endif %}
+{% endif %}
--- a/wp-content/plugins/elementor/modules/atomic-widgets/elements/atomic-self-hosted-video/atomic-self-hosted-video.php
+++ b/wp-content/plugins/elementor/modules/atomic-widgets/elements/atomic-self-hosted-video/atomic-self-hosted-video.php
@@ -0,0 +1,208 @@
+<?php
+
+namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Self_Hosted_Video;
+
+use Elementor\Modules\AtomicWidgets\Controls\Section;
+use Elementor\Modules\AtomicWidgets\Controls\Types\Image_Control;
+use Elementor\Modules\AtomicWidgets\Controls\Types\Number_Control;
+use Elementor\Modules\AtomicWidgets\Controls\Types\Select_Control;
+use Elementor\Modules\AtomicWidgets\Controls\Types\Switch_Control;
+use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control;
+use Elementor\Modules\AtomicWidgets\Controls\Types\Video_Control;
+use Elementor\Modules\AtomicWidgets\DynamicTags\Dynamic_Prop_Type;
+use Elementor\Modules\AtomicWidgets\Elements\Base\Atomic_Widget_Base;
+use Elementor\Modules\AtomicWidgets\Elements\Base\Has_Template;
+use Elementor\Modules\AtomicWidgets\PropDependencies\Manager as Dependency_Manager;
+use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Image_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Boolean_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Number_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Video_Src_Prop_Type;
+use Elementor\Modules\AtomicWidgets\Styles\Style_Definition;
+use Elementor\Modules\AtomicWidgets\Styles\Style_Variant;
+use Elementor\Modules\AtomicWidgets\Utils\Image\Placeholder_Image;
+use Elementor\Modules\Components\PropTypes\Overridable_Prop_Type;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+class Atomic_Self_Hosted_Video extends Atomic_Widget_Base {
+
+	use Has_Template;
+
+	protected static function get_preload_options() {
+		return [
+			'auto' => esc_html__( 'Auto', 'elementor' ),
+			'metadata' => esc_html__( 'Metadata', 'elementor' ),
+			'none' => esc_html__( 'None (Lazy Load)', 'elementor' ),
+		]; }
+
+	protected function get_css_id_control_meta(): array {
+		return [
+			'layout' => 'two-columns',
+			'topDivider' => false,
+		];
+	}
+
+	public static function get_element_type(): string {
+		return 'e-self-hosted-video';
+	}
+
+	public function get_title() {
+		return esc_html__( 'Video', 'elementor' );
+	}
+
+	public function get_keywords() {
+		return [ 'ato', 'atom', 'atoms', 'atomic', 'video', 'player', 'media', 'hosted' ];
+	}
+
+	public function get_icon() {
+		return 'eicon-video';
+	}
+
+	protected static function define_props_schema(): array {
+		$playsinline_dependencies = Dependency_Manager::make()
+			->where([
+				'operator' => 'eq',
+				'path' => [ 'autoplay' ],
+				'value' => true,
+				'effect' => 'hide',
+			])
+			->get();
+
+		// NOTE: restore the dependency when dependencies works in overridables
+		$poster_dependencies = Dependency_Manager::make()
+			->where([
+				'operator' => 'eq',
+				'path' => [ 'poster_enabled' ],
+				'value' => true,
+				'effect' => 'hide',
+			])
+			->get();
+
+		$allow_download_dependencies = Dependency_Manager::make()
+			->where([
+				'operator' => 'eq',
+				'path' => [ 'controls' ],
+				'value' => true,
+				'effect' => 'hide',
+			])
+			->get();
+
+		return [
+			'classes' => Classes_Prop_Type::make()
+				->default( [] ),
+			'source' => Video_Src_Prop_Type::make(),
+			'autoplay' => Boolean_Prop_Type::make()->default( false ),
+			'playsinline' => Boolean_Prop_Type::make()
+				->default( false )
+				->set_dependencies( $playsinline_dependencies )
+				->meta( Overridable_Prop_Type::ignore() ),
+			'mute' => Boolean_Prop_Type::make()->default( false ),
+			'loop' => Boolean_Prop_Type::make()->default( false ),
+			'controls' => Boolean_Prop_Type::make()->default( true ),
+			'preload' => String_Prop_Type::make()
+				->default( 'metadata' )
+				->enum( array_keys( self::get_preload_options() ) ),
+			'download' => Boolean_Prop_Type::make()->default( false )
+				->set_dependencies( $allow_download_dependencies ),
+			'start_time' => Number_Prop_Type::make()
+				->default( null )
+				->meta( Dynamic_Prop_Type::ignore() )
+				->meta( 'suffix', 'SEC' ),
+			'end_time' => Number_Prop_Type::make()
+				->default( null )
+				->meta( 'suffix', 'SEC' )
+				->meta( Dynamic_Prop_Type::ignore() ),
+			'poster_enabled' => Boolean_Prop_Type::make()->default( false ),
+			'poster' => Image_Prop_Type::make()
+				->default_size( 'medium_large' )
+				->default_url( Placeholder_Image::get_placeholder_image() ),
+			// TODO: restore the dependency when dependencies works in overridables
+			// ->set_dependencies( $poster_dependencies ),
+		'attributes' => Attributes_Prop_Type::make()->meta( Overridable_Prop_Type::ignore() ),
+		];
+	}
+
+	protected function define_atomic_controls(): array {
+		return [
+			Section::make()
+				->set_label( __( 'Content', 'elementor' ) )
+				->set_items([
+					Video_Control::bind_to( 'source' )
+						->set_label( esc_html__( 'Video', 'elementor' ) ),
+					Number_Control::bind_to( 'start_time' )
+						->set_label( esc_html__( 'Start Time', 'elementor' ) )
+						->set_min( 0 )
+						->set_max( 10000 ),
+					Number_Control::bind_to( 'end_time' )
+						->set_label( esc_html__( 'End Time', 'elementor' ) )
+						->set_min( 0 )
+						->set_max( 10000 ),
+					Switch_Control::bind_to( 'autoplay' )->set_label( esc_html__( 'Autoplay', 'elementor' ) ),
+					Switch_Control::bind_to( 'playsinline' )
+						->set_label( esc_html__( 'Play on mobile', 'elementor' ) ),
+					Switch_Control::bind_to( 'mute' )->set_label( esc_html__( 'Mute', 'elementor' ) ),
+					Switch_Control::bind_to( 'loop' )->set_label( esc_html__( 'Loop', 'elementor' ) ),
+					Switch_Control::bind_to( 'controls' )->set_label( esc_html__( 'Player Controls', 'elementor' ) ),
+					Switch_Control::bind_to( 'download' )->set_label( esc_html__( 'Allow Download', 'elementor' ) ),
+					Select_Control::bind_to( 'preload' )
+						->set_label( esc_html__( 'Preload', 'elementor' ) )
+						->set_options( self::format_options( self::get_preload_options() ) ),
+					Switch_Control::bind_to( 'poster_enabled' )
+						->set_label( esc_html__( 'Poster Image', 'elementor' ) ),
+					Image_Control::bind_to( 'poster' )
+						->set_label( esc_html__( 'Image', 'elementor' ) ),
+				]),
+			Section::make()
+				->set_label( __( 'Settings', 'elementor' ) )
+				->set_id( 'settings' )
+				->set_items( $this->get_settings_controls() ),
+		];
+	}
+
+	protected function get_settings_controls(): array {
+		return [
+			Text_Control::bind_to( '_cssid' )
+				->set_label( __( 'ID', 'elementor' ) )
+				->set_meta( $this->get_css_id_control_meta() ),
+		];
+	}
+
+	protected function define_base_styles(): array {
+		$max_width = Size_Prop_Type::generate([
+			'unit' => 'vw',
+			'size' => 100,
+		]);
+		return [
+			'base' => Style_Definition::make()
+				->add_variant(
+					Style_Variant::make()
+						->add_prop( 'max-width', $max_width )
+						->add_prop( 'display', String_Prop_Type::generate( 'inline-block' ) )
+						->add_prop( 'aspect-ratio', String_Prop_Type::generate( '16/9' ) )
+				),
+		];
+	}
+
+	protected function get_templates(): array {
+		return [
+			'elementor/elements/atomic-self-hosted-video' => __DIR__ . '/atomic-self-hosted-video.html.twig',
+		];
+	}
+
+	private static function format_options( array $options ): array {
+		return array_map(
+			fn( $value, $key ) => [
+				'value' => $key,
+				'label' => $value,
+			],
+			$options,
+			array_keys( $options )
+		);
+	}
+}