Na}{

File Content: elementor-separator.php

<?php
class CurlyCoreElementorSeparator extends \Elementor\Widget_Base {

public function get_name() {
		return 'mkdf_separator'; 
	}

public function get_title() {
		return esc_html__( 'Separator', 'curly-core' );
	}

public function get_icon() {
		return 'curly-elementor-custom-icon curly-elementor-separator';
	}

public function get_categories() {
		return [ 'mikado' ];
	}

protected function register_controls() {

$this->start_controls_section(
			'general',
			[
				'label' => esc_html__( 'General', 'curly-core' ),
				'tab'   => \Elementor\Controls_Manager::TAB_CONTENT,
			]
		);
		$this->add_control(
			'custom_class',
			[
				'label'     => esc_html__( 'Custom CSS Class', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::TEXT,
				'description' => esc_html__( 'Style particular content element differently - add a class name and refer to it in custom CSS', 'curly-core' )
			]
		);

$this->add_control(
			'type',
			[
				'label'     => esc_html__( 'Type', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::SELECT,
				'options' => array(
					'normal' => esc_html__( 'Normal', 'curly-core'), 
					'full-width' => esc_html__( 'Full Width', 'curly-core')
				),
				'default' => 'normal'
			]
		);

$this->add_control(
			'position',
			[
				'label'     => esc_html__( 'Position', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::SELECT,
				'options' => array(
					'center' => esc_html__( 'Center', 'curly-core'), 
					'left' => esc_html__( 'Left', 'curly-core'), 
					'right' => esc_html__( 'Right', 'curly-core')
				),
				'default' => 'center',
				'condition' => [
					'type' => array( 'normal' )
				]
			]
		);

$this->add_control(
			'color',
			[
				'label'     => esc_html__( 'Color', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::COLOR
			]
		);

$this->add_control(
			'border_style',
			[
				'label'     => esc_html__( 'Style', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::SELECT,
				'options' => array(
					'' => esc_html__( 'Default', 'curly-core'), 
					'dashed' => esc_html__( 'Dashed', 'curly-core'), 
					'solid' => esc_html__( 'Solid', 'curly-core'), 
					'dotted' => esc_html__( 'Dotted', 'curly-core')
				),
				'default' => ''
			]
		);

$this->add_control(
			'width',
			[
				'label'     => esc_html__( 'Width (px or %)', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::TEXT,
				'condition' => [
					'type' => array( 'normal' )
				]
			]
		);

$this->add_control(
			'thickness',
			[
				'label'     => esc_html__( 'Thickness (px)', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::TEXT
			]
		);

$this->add_control(
			'top_margin',
			[
				'label'     => esc_html__( 'Top Margin (px or %)', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::TEXT
			]
		);

$this->add_control(
			'bottom_margin',
			[
				'label'     => esc_html__( 'Bottom Margin (px or %)', 'curly-core' ),
				'type'      => \Elementor\Controls_Manager::TEXT
			]
		);

$this->end_controls_section();
	}
	public function render() {

$params = $this->get_settings_for_display();

$params['holder_classes'] = $this->getHolderClasses($params);
        $params['holder_styles'] = $this->getHolderStyles($params);

echo curly_core_get_shortcode_module_template_part('templates/separator-template', 'separator', '', $params);

}

private function getHolderClasses($params) {
        $holderClasses = array();

$holderClasses[] = !empty($params['custom_class']) ? esc_attr($params['custom_class']) : '';
        $holderClasses[] = !empty($params['position']) ? 'mkdf-separator-' . $params['position'] : '';
        $holderClasses[] = !empty($params['type']) ? 'mkdf-separator-' . $params['type'] : '';

return implode(' ', $holderClasses);
    }

private function getHolderStyles($params) {
        $styles = array();

if ($params['color'] !== '') {
            $styles[] = 'border-color: ' . $params['color'];
        }

if ($params['border_style'] !== '') {
            $styles[] = 'border-style: ' . $params['border_style'];
        }

if ($params['width'] !== '') {
            if (curly_mkdf_string_ends_with($params['width'], '%') || curly_mkdf_string_ends_with($params['width'], 'px')) {
                $styles[] = 'width: ' . $params['width'];
            } else {
                $styles[] = 'width: ' . curly_mkdf_filter_px($params['width']) . 'px';
            }
        }

if ($params['thickness'] !== '') {
            $styles[] = 'border-bottom-width: ' . curly_mkdf_filter_px($params['thickness']) . 'px';
        }

if ($params['top_margin'] !== '') {
            if (curly_mkdf_string_ends_with($params['top_margin'], '%') || curly_mkdf_string_ends_with($params['top_margin'], 'px')) {
                $styles[] = 'margin-top: ' . $params['top_margin'];
            } else {
                $styles[] = 'margin-top: ' . curly_mkdf_filter_px($params['top_margin']) . 'px';
            }
        }

if ($params['bottom_margin'] !== '') {
            if (curly_mkdf_string_ends_with($params['bottom_margin'], '%') || curly_mkdf_string_ends_with($params['bottom_margin'], 'px')) {
                $styles[] = 'margin-bottom: ' . $params['bottom_margin'];
            } else {
                $styles[] = 'margin-bottom: ' . curly_mkdf_filter_px($params['bottom_margin']) . 'px';
            }
        }

return implode(';', $styles);
    }

}
\Elementor\Plugin::instance()->widgets_manager->register( new CurlyCoreElementorSeparator() );

Name	Size	Permission
assets	---	0755
templates	---	0755
elementor-separator.php	5626 bytes	0644
functions.php	1055 bytes	0644
load.php	146 bytes	0644
separator.php	7394 bytes	0644