first commit

wp-content/plugins/elementor/modules/atomic-widgets/elements/atomic-paragraph/atomic-paragraph.html.twig

@@ -0,0 +1,12 @@
+{% if settings.paragraph is not empty %}
+		{% set id_attribute = settings._cssid is not empty ? 'id=' ~ settings._cssid | e('html_attr') : '' %}
+        <p class="{{ settings.classes | merge( [ base_styles.base ] ) | join(' ') }}" {{ id_attribute }}>
+            {% if settings.link.href %}
+                <a href="{{ settings.link.href }}" target="{{ settings.link.target }}" class="{{ base_styles['link-base'] }}">
+                    {{ settings.paragraph }}
+                </a>
+            {% else %}
+                {{ settings.paragraph }}
+            {% endif %}
+        </p>
+{% endif %}

wp-content/plugins/elementor/modules/atomic-widgets/elements/atomic-paragraph/atomic-paragraph.php

@@ -0,0 +1,115 @@
+<?php
+
+namespace Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph;
+
+use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control;
+use Elementor\Modules\AtomicWidgets\Elements\Atomic_Widget_Base;
+use Elementor\Modules\AtomicWidgets\Controls\Section;
+use Elementor\Modules\AtomicWidgets\Controls\Types\Link_Control;
+use Elementor\Modules\AtomicWidgets\Controls\Types\Textarea_Control;
+use Elementor\Modules\AtomicWidgets\Elements\Has_Template;
+use Elementor\Modules\AtomicWidgets\Module;
+use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Link_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
+use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
+use Elementor\Modules\AtomicWidgets\Styles\Style_Definition;
+use Elementor\Modules\AtomicWidgets\Styles\Style_Variant;
+use Elementor\Plugin;
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+class Atomic_Paragraph extends Atomic_Widget_Base {
+	use Has_Template;
+
+	const LINK_BASE_STYLE_KEY = 'link-base';
+
+	public static function get_element_type(): string {
+		return 'e-paragraph';
+	}
+
+	public function get_title() {
+		return esc_html__( 'Paragraph', 'elementor' );
+	}
+
+	public function get_keywords() {
+		return [ 'ato', 'atom', 'atoms', 'atomic' ];
+	}
+
+	public function get_icon() {
+		return 'eicon-paragraph';
+	}
+
+	protected static function define_props_schema(): array {
+		$props = [
+			'classes' => Classes_Prop_Type::make()
+				->default( [] ),
+
+			'paragraph' => String_Prop_Type::make()
+				->default( __( 'Type your paragraph here', 'elementor' ) ),
+
+			'link' => Link_Prop_Type::make(),
+		];
+
+		if ( Plugin::$instance->experiments->is_feature_active( Module::EXPERIMENT_VERSION_3_30 ) ) {
+			$props['_cssid'] = String_Prop_Type::make();
+		}
+
+		return $props;
+	}
+
+	protected function define_atomic_controls(): array {
+		$settings_section_items = [
+			Link_Control::bind_to( 'link' )->set_label( __( 'Link', 'elementor' ) ),
+		];
+
+		if ( Plugin::$instance->experiments->is_feature_active( Module::EXPERIMENT_VERSION_3_30 ) ) {
+			$settings_section_items[] = Text_Control::bind_to( '_cssid' )->set_label( __( 'ID', 'elementor' ) )->set_meta( [
+				'layout' => 'two-columns',
+				'topDivider' => true,
+			] );
+		}
+
+		return [
+			Section::make()
+				->set_label( __( 'Content', 'elementor' ) )
+				->set_items( [
+					Textarea_Control::bind_to( 'paragraph' )
+						->set_label( __( 'Paragraph', 'elementor' ) )
+						->set_placeholder( __( 'Type your paragraph here', 'elementor' ) ),
+				] ),
+			Section::make()
+				->set_label( __( 'Settings', 'elementor' ) )
+				->set_items( $settings_section_items ),
+		];
+	}
+
+	protected function define_base_styles(): array {
+		$margin_value = Size_Prop_Type::generate( [
+			'unit' => 'px',
+			'size' => 0 ,
+		] );
+
+		return [
+			'base' => Style_Definition::make()
+				->add_variant(
+					Style_Variant::make()
+						->add_prop( 'margin', $margin_value )
+				),
+			self::LINK_BASE_STYLE_KEY => Style_Definition::make()
+				->add_variant(
+					Style_Variant::make()
+						->add_prop( 'all', 'unset' )
+						->add_prop( 'cursor', 'pointer' )
+				),
+		];
+	}
+
+	protected function get_templates(): array {
+		return [
+			'elementor/elements/atomic-paragraph' => __DIR__ . '/atomic-paragraph.html.twig',
+		];
+	}
+}