[
'label' => esc_html_x( 'Curly', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => false,
'group' => 'line',
],
'curved' => [
'label' => esc_html_x( 'Curved', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => false,
'group' => 'line',
],
'multiple' => [
'label' => esc_html_x( 'Multiple', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => false,
'round' => false,
'group' => 'pattern',
],
'slashes' => [
'label' => esc_html_x( 'Slashes', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => false,
'view_box' => '0 0 20 16',
'group' => 'line',
],
'squared' => [
'label' => esc_html_x( 'Squared', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => false,
'group' => 'line',
],
'wavy' => [
'label' => esc_html_x( 'Wavy', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => false,
'group' => 'line',
],
'zigzag' => [
'label' => esc_html_x( 'Zigzag', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => false,
'group' => 'line',
],
'arrows' => [
'label' => esc_html_x( 'Arrows', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => true,
'round' => true,
'group' => 'pattern',
],
'pluses' => [
'label' => esc_html_x( 'Pluses', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => true,
'round' => false,
'group' => 'pattern',
],
'rhombus' => [
'label' => esc_html_x( 'Rhombus', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => false,
'group' => 'pattern',
],
'parallelogram' => [
'label' => esc_html_x( 'Parallelogram', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => false,
'group' => 'pattern',
],
'rectangles' => [
'label' => esc_html_x( 'Rectangles', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => false,
'supports_amount' => true,
'round' => true,
'group' => 'pattern',
'view_box' => '0 0 60 30',
],
'dots_tribal' => [
'label' => esc_html_x( 'Dots', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 126 26',
],
'trees_2_tribal' => [
'label' => esc_html_x( 'Fir Tree', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 126 26',
],
'rounds_tribal' => [
'label' => esc_html_x( 'Half Rounds', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 120 26',
],
'leaves_tribal' => [
'label' => esc_html_x( 'Leaves', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 117 26',
],
'stripes_tribal' => [
'label' => esc_html_x( 'Stripes', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 120 26',
],
'squares_tribal' => [
'label' => esc_html_x( 'Squares', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 126 26',
],
'trees_tribal' => [
'label' => esc_html_x( 'Trees', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 123 26',
],
'planes_tribal' => [
'label' => esc_html_x( 'Tribal', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 121 26',
],
'x_tribal' => [
'label' => esc_html_x( 'X', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 126 26',
],
'zigzag_tribal' => [
'label' => esc_html_x( 'Zigzag', 'Shapes', 'elementor' ),
'shape' => '',
'preserve_aspect_ratio' => true,
'supports_amount' => false,
'round' => false,
'group' => 'tribal',
'view_box' => '0 0 120 26',
],
]
);
}
private function filter_styles_by( $array, $key, $value ) {
return array_filter( $array, function( $style ) use ( $key, $value ) {
return $value === $style[ $key ];
} );
}
private function get_options_by_groups( $styles, $group = false ) {
$groups = [
'line' => [
'label' => esc_html__( 'Line', 'elementor' ),
'options' => [
'solid' => esc_html__( 'Solid', 'elementor' ),
'double' => esc_html__( 'Double', 'elementor' ),
'dotted' => esc_html__( 'Dotted', 'elementor' ),
'dashed' => esc_html__( 'Dashed', 'elementor' ),
],
],
];
foreach ( $styles as $key => $style ) {
if ( ! isset( $groups[ $style['group'] ] ) ) {
$groups[ $style['group'] ] = [
'label' => ucwords( str_replace( '_', '', $style['group'] ) ),
'options' => [],
];
}
$groups[ $style['group'] ]['options'][ $key ] = $style['label'];
}
if ( $group && isset( $groups[ $group ] ) ) {
return $groups[ $group ];
}
return $groups;
}
/**
* Register divider widget controls.
*
* Adds different input fields to allow the user to change and customize the widget settings.
*
* @since 3.1.0
* @access protected
*/
protected function register_controls() {
$styles = $this->get_separator_styles();
$this->start_controls_section(
'section_divider',
[
'label' => esc_html__( 'Divider', 'elementor' ),
]
);
$this->add_control(
'style',
[
'label' => esc_html__( 'Style', 'elementor' ),
'type' => Controls_Manager::SELECT,
'groups' => array_values( $this->get_options_by_groups( $styles ) ),
'render_type' => 'template',
'default' => 'solid',
'selectors' => [
'{{WRAPPER}}' => '--divider-border-style: {{VALUE}}',
],
]
);
$this->add_control(
'separator_type',
[
'type' => Controls_Manager::HIDDEN,
'default' => 'pattern',
'prefix_class' => 'elementor-widget-divider--separator-type-',
'condition' => [
'style!' => [
'',
'solid',
'double',
'dotted',
'dashed',
],
],
'render_type' => 'template',
]
);
$this->add_control(
'pattern_spacing_flag',
[
'type' => Controls_Manager::HIDDEN,
'default' => 'no-spacing',
'prefix_class' => 'elementor-widget-divider--',
'condition' => [
'style' => array_keys( $this->filter_styles_by( $styles, 'supports_amount', false ) ),
],
'render_type' => 'template',
]
);
$this->add_control(
'pattern_round_flag',
[
'type' => Controls_Manager::HIDDEN,
'default' => 'bg-round',
'prefix_class' => 'elementor-widget-divider--',
'condition' => [
'style' => array_keys( $this->filter_styles_by( $styles, 'round', true ) ),
],
]
);
$this->add_responsive_control(
'width',
[
'label' => esc_html__( 'Width', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
'range' => [
'px' => [
'max' => 1000,
],
],
'default' => [
'size' => 100,
'unit' => '%',
],
'tablet_default' => [
'unit' => '%',
],
'mobile_default' => [
'unit' => '%',
],
'selectors' => [
'{{WRAPPER}} .elementor-divider-separator' => 'width: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'align',
[
'label' => esc_html__( 'Alignment', 'elementor' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'elementor' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'elementor' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'elementor' ),
'icon' => 'eicon-text-align-right',
],
],
'selectors' => [
'{{WRAPPER}} .elementor-divider' => 'text-align: {{VALUE}}',
'{{WRAPPER}} .elementor-divider-separator' => 'margin: 0 auto; margin-{{VALUE}}: 0',
],
]
);
$this->add_control(
'look',
[
'label' => esc_html__( 'Add Element', 'elementor' ),
'type' => Controls_Manager::CHOOSE,
'default' => 'line',
'options' => [
'line' => [
'title' => esc_html__( 'None', 'elementor' ),
'icon' => 'eicon-ban',
],
'line_text' => [
'title' => esc_html__( 'Text', 'elementor' ),
'icon' => 'eicon-t-letter-bold',
],
'line_icon' => [
'title' => esc_html__( 'Icon', 'elementor' ),
'icon' => 'eicon-star',
],
],
'separator' => 'before',
'prefix_class' => 'elementor-widget-divider--view-',
'toggle' => false,
'render_type' => 'template',
]
);
$this->add_control(
'text',
[
'label' => esc_html__( 'Text', 'elementor' ),
'type' => Controls_Manager::TEXT,
'condition' => [
'look' => 'line_text',
],
'default' => esc_html__( 'Divider', 'elementor' ),
'dynamic' => [
'active' => true,
],
]
);
$this->add_control(
'html_tag',
[
'label' => esc_html__( 'HTML Tag', 'elementor' ),
'type' => Controls_Manager::SELECT,
'condition' => [
'look' => 'line_text',
],
'options' => [
'h1' => 'H1',
'h2' => 'H2',
'h3' => 'H3',
'h4' => 'H4',
'h5' => 'H5',
'h6' => 'H6',
'div' => 'div',
'span' => 'span',
'p' => 'p',
],
'default' => 'span',
]
);
$this->add_control(
'icon',
[
'label' => esc_html__( 'Icon', 'elementor' ),
'type' => Controls_Manager::ICONS,
'default' => [
'value' => 'fas fa-star',
'library' => 'fa-solid',
],
'condition' => [
'look' => 'line_icon',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_divider_style',
[
'label' => esc_html__( 'Divider', 'elementor' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'style!' => 'none',
],
]
);
$this->add_control(
'color',
[
'label' => esc_html__( 'Color', 'elementor' ),
'type' => Controls_Manager::COLOR,
'global' => [
'default' => Global_Colors::COLOR_SECONDARY,
],
'default' => '#000',
'render_type' => 'template',
'selectors' => [
'{{WRAPPER}}' => '--divider-color: {{VALUE}}',
],
]
);
$this->add_control(
'weight',
[
'label' => esc_html__( 'Weight', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'default' => [
'size' => 1,
],
'range' => [
'px' => [
'min' => 1,
'max' => 10,
'step' => 0.1,
],
'em' => [
'min' => 0.1,
'max' => 1,
],
'rem' => [
'min' => 0.1,
'max' => 1,
],
],
'render_type' => 'template',
'condition' => [
'style' => array_keys( $this->get_options_by_groups( $styles, 'line' )['options'] ),
],
'selectors' => [
'{{WRAPPER}}' => '--divider-border-width: {{SIZE}}{{UNIT}}',
],
]
);
$this->add_control(
'pattern_height',
[
'label' => esc_html__( 'Size', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'selectors' => [
'{{WRAPPER}}' => '--divider-pattern-height: {{SIZE}}{{UNIT}}',
],
'default' => [
'size' => 20,
],
'range' => [
'px' => [
'step' => 0.1,
],
],
'condition' => [
'style!' => [
'',
'solid',
'double',
'dotted',
'dashed',
],
],
]
);
$this->add_control(
'pattern_size',
[
'label' => esc_html__( 'Amount', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}}' => '--divider-pattern-size: {{SIZE}}{{UNIT}}',
],
'default' => [
'size' => 20,
],
'range' => [
'px' => [
'step' => 0.1,
],
'%' => [
'step' => 0.01,
],
],
'condition' => [
'style!' => array_merge( array_keys( $this->filter_styles_by( $styles, 'supports_amount', false ) ), [
'',
'solid',
'double',
'dotted',
'dashed',
] ),
],
]
);
$this->add_responsive_control(
'gap',
[
'label' => esc_html__( 'Gap', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'default' => [
'size' => 15,
],
'range' => [
'px' => [
'min' => 2,
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-divider' => 'padding-block-start: {{SIZE}}{{UNIT}}; padding-block-end: {{SIZE}}{{UNIT}};',
],
'separator' => 'before',
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_text_style',
[
'label' => esc_html__( 'Text', 'elementor' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'look' => 'line_text',
],
]
);
$this->add_control(
'text_color',
[
'label' => esc_html__( 'Color', 'elementor' ),
'type' => Controls_Manager::COLOR,
'global' => [
'default' => Global_Colors::COLOR_SECONDARY,
],
'selectors' => [
'{{WRAPPER}} .elementor-divider__text' => 'color: {{VALUE}}',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'typography',
'global' => [
'default' => Global_Typography::TYPOGRAPHY_SECONDARY,
],
'selector' => '{{WRAPPER}} .elementor-divider__text',
]
);
$this->add_group_control(
Group_Control_Text_Stroke::get_type(),
[
'name' => 'text_stroke',
'selector' => '{{WRAPPER}} .elementor-divider__text',
]
);
$this->add_control(
'text_align',
[
'label' => esc_html__( 'Position', 'elementor' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'elementor' ),
'icon' => 'eicon-h-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'elementor' ),
'icon' => 'eicon-h-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'elementor' ),
'icon' => 'eicon-h-align-right',
],
],
'default' => 'center',
'prefix_class' => 'elementor-widget-divider--element-align-',
]
);
$this->add_responsive_control(
'text_spacing',
[
'label' => esc_html__( 'Spacing', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
'range' => [
'px' => [
'max' => 50,
],
'%' => [
'max' => 50,
],
'em' => [
'max' => 5,
],
'rem' => [
'max' => 5,
],
'vw' => [
'max' => 50,
],
],
'selectors' => [
'{{WRAPPER}}' => '--divider-element-spacing: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'section_icon_style',
[
'label' => esc_html__( 'Icon', 'elementor' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'look' => 'line_icon',
],
]
);
$this->add_control(
'icon_view',
[
'label' => esc_html__( 'View', 'elementor' ),
'type' => Controls_Manager::SELECT,
'options' => [
'default' => esc_html__( 'Default', 'elementor' ),
'stacked' => esc_html__( 'Stacked', 'elementor' ),
'framed' => esc_html__( 'Framed', 'elementor' ),
],
'default' => 'default',
'prefix_class' => 'elementor-view-',
]
);
$this->add_responsive_control(
'icon_size',
[
'label' => esc_html__( 'Size', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'max' => 100,
],
'em' => [
'max' => 10,
],
'rem' => [
'max' => 10,
],
],
'selectors' => [
'{{WRAPPER}}' => '--divider-icon-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_control(
'icon_padding',
[
'label' => esc_html__( 'Padding', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'padding: {{SIZE}}{{UNIT}};',
],
'range' => [
'px' => [
'max' => 50,
],
'em' => [
'min' => 0,
'max' => 5,
],
'rem' => [
'min' => 0,
'max' => 5,
],
],
'condition' => [
'icon_view!' => 'default',
],
]
);
$this->add_control(
'primary_color',
[
'label' => esc_html__( 'Primary Color', 'elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}}.elementor-view-stacked .elementor-icon' => 'background-color: {{VALUE}};',
'{{WRAPPER}}.elementor-view-framed .elementor-icon, {{WRAPPER}}.elementor-view-default .elementor-icon' => 'color: {{VALUE}}; border-color: {{VALUE}};',
'{{WRAPPER}}.elementor-view-framed .elementor-icon, {{WRAPPER}}.elementor-view-default .elementor-icon svg' => 'fill: {{VALUE}};',
],
'global' => [
'default' => Global_Colors::COLOR_SECONDARY,
],
]
);
$this->add_control(
'secondary_color',
[
'label' => esc_html__( 'Secondary Color', 'elementor' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'condition' => [
'icon_view!' => 'default',
],
'selectors' => [
'{{WRAPPER}}.elementor-view-framed .elementor-icon' => 'background-color: {{VALUE}};',
'{{WRAPPER}}.elementor-view-stacked .elementor-icon' => 'color: {{VALUE}};',
'{{WRAPPER}}.elementor-view-stacked .elementor-icon svg' => 'fill: {{VALUE}};',
],
]
);
$this->add_control(
'icon_align',
[
'label' => esc_html__( 'Position', 'elementor' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' => esc_html__( 'Left', 'elementor' ),
'icon' => 'eicon-h-align-left',
],
'center' => [
'title' => esc_html__( 'Center', 'elementor' ),
'icon' => 'eicon-h-align-center',
],
'right' => [
'title' => esc_html__( 'Right', 'elementor' ),
'icon' => 'eicon-h-align-right',
],
],
'default' => 'center',
'prefix_class' => 'elementor-widget-divider--element-align-',
'separator' => 'before',
]
);
$this->add_responsive_control(
'icon_spacing',
[
'label' => esc_html__( 'Spacing', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', 'em', 'rem', 'custom' ],
'range' => [
'px' => [
'max' => 50,
],
'em' => [
'max' => 5,
],
'rem' => [
'max' => 5,
],
],
'selectors' => [
'{{WRAPPER}}' => '--divider-element-spacing: {{SIZE}}{{UNIT}}',
],
'separator' => 'before',
]
);
$this->add_responsive_control(
'rotate',
[
'label' => esc_html__( 'Rotate', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'deg', 'grad', 'rad', 'turn', 'custom' ],
'default' => [
'unit' => 'deg',
],
'tablet_default' => [
'unit' => 'deg',
],
'mobile_default' => [
'unit' => 'deg',
],
'selectors' => [
'{{WRAPPER}} .elementor-icon i, {{WRAPPER}} .elementor-icon svg' => 'transform: rotate({{SIZE}}{{UNIT}})',
],
]
);
$this->add_control(
'icon_border_width',
[
'label' => esc_html__( 'Border Width', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
'range' => [
'px' => [
'max' => 20,
],
'em' => [
'max' => 2,
],
],
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'border-width: {{SIZE}}{{UNIT}}',
],
'condition' => [
'icon_view' => 'framed',
],
]
);
$this->add_control(
'border_radius',
[
'label' => esc_html__( 'Border Radius', 'elementor' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%', 'em', 'rem', 'custom' ],
'selectors' => [
'{{WRAPPER}} .elementor-icon' => 'border-radius: {{SIZE}}{{UNIT}}',
],
'condition' => [
'icon_view!' => 'default',
],
]
);
$this->end_controls_section();
}
/**
* Build SVG
*
* Build SVG element markup based on the widgets settings.
*
* @return string - An SVG element.
*
* @since 2.7.0
* @access private
*/
private function build_svg() {
$settings = $this->get_settings_for_display();
if ( 'pattern' !== $settings['separator_type'] || empty( $settings['style'] ) ) {
return '';
}
$svg_shapes = $this->get_separator_styles();
$selected_pattern = $svg_shapes[ $settings['style'] ];
$preserve_aspect_ratio = $selected_pattern['preserve_aspect_ratio'] ? 'xMidYMid meet' : 'none';
$view_box = isset( $selected_pattern['view_box'] ) ? $selected_pattern['view_box'] : '0 0 24 24';
$attr = [
'preserveAspectRatio' => $preserve_aspect_ratio,
'overflow' => 'visible',
'height' => '100%',
'viewBox' => $view_box,
];
if ( 'line' !== $selected_pattern['group'] ) {
$attr['fill'] = 'black';
$attr['stroke'] = 'none';
} else {
$attr['fill'] = 'none';
$attr['stroke'] = 'black';
$attr['stroke-width'] = $settings['weight']['size'];
$attr['stroke-linecap'] = 'square';
$attr['stroke-miterlimit'] = '10';
}
$this->add_render_attribute( 'svg', $attr );
$pattern_attribute_string = $this->get_render_attribute_string( 'svg' );
$shape = $selected_pattern['shape'];
return '';
}
public function svg_to_data_uri( $svg ) {
return str_replace(
[ '<', '>', '"', '#' ],
[ '%3C', '%3E', "'", '%23' ],
$svg
);
}
/**
* Render divider widget output on the frontend.
*
* Written in PHP and used to generate the final HTML.
*
* @since 1.0.0
* @access protected
*/
protected function render() {
$settings = $this->get_settings_for_display();
$svg_code = $this->build_svg();
$has_icon = 'line_icon' === ( $settings['look'] ) && ! empty( $settings['icon'] );
$has_text = 'line_text' === ( $settings['look'] ) && ! empty( $settings['text'] );
$this->add_render_attribute( 'wrapper', 'class', 'elementor-divider' );
if ( ! empty( $svg_code ) ) {
$this->add_render_attribute( 'wrapper', 'style', '--divider-pattern-url: url("data:image/svg+xml,' . $this->svg_to_data_uri( $svg_code ) . '");' );
}
?>
print_render_attribute_string( 'wrapper' ); ?>>
'true',
] );
?>
add_inline_editing_attributes( 'text' );
$this->add_render_attribute( 'text', [ 'class' => [ 'elementor-divider__text', 'elementor-divider__element' ] ] );
?>
< print_render_attribute_string( 'text' ); ?>>
>