<?php

[0] Fix | Delete

[1] Fix | Delete

namespace Elementor\Modules\Shapes\Widgets;

[2] Fix | Delete

[3] Fix | Delete

use Elementor\Controls_Manager;

[4] Fix | Delete

use Elementor\Core\Kits\Documents\Tabs\Global_Typography;

[5] Fix | Delete

use Elementor\Group_Control_Typography;

[6] Fix | Delete

use Elementor\Modules\Shapes\Module as Shapes_Module;

[7] Fix | Delete

use Elementor\Group_Control_Text_Stroke;

[8] Fix | Delete

use Elementor\Plugin;

[9] Fix | Delete

use Elementor\Widget_Base;

[10] Fix | Delete

[11] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) {

[12] Fix | Delete

exit; // Exit if accessed directly.

[13] Fix | Delete

}

[14] Fix | Delete

[15] Fix | Delete

/**

[16] Fix | Delete

* Elementor WordArt widget.

[17] Fix | Delete

*

[18] Fix | Delete

* Elementor widget that displays text along SVG path.

[19] Fix | Delete

*/

[20] Fix | Delete

class TextPath extends Widget_Base {

[21] Fix | Delete

[22] Fix | Delete

const DEFAULT_PATH_FILL = '#E8178A';

[23] Fix | Delete

[24] Fix | Delete

/**

[25] Fix | Delete

* Get widget name.

[26] Fix | Delete

*

[27] Fix | Delete

* Retrieve Text Path widget name.

[28] Fix | Delete

*

[29] Fix | Delete

* @return string Widget name.

[30] Fix | Delete

* @access public

[31] Fix | Delete

*/

[32] Fix | Delete

public function get_name() {

[33] Fix | Delete

return 'text-path';

[34] Fix | Delete

}

[35] Fix | Delete

[36] Fix | Delete

public function get_group_name() {

[37] Fix | Delete

return 'shapes';

[38] Fix | Delete

}

[39] Fix | Delete

[40] Fix | Delete

/**

[41] Fix | Delete

* Get widget title.

[42] Fix | Delete

*

[43] Fix | Delete

* Retrieve Text Path widget title.

[44] Fix | Delete

*

[45] Fix | Delete

* @return string Widget title.

[46] Fix | Delete

* @access public

[47] Fix | Delete

*/

[48] Fix | Delete

public function get_title() {

[49] Fix | Delete

return esc_html__( 'Text Path', 'elementor' );

[50] Fix | Delete

}

[51] Fix | Delete

[52] Fix | Delete

/**

[53] Fix | Delete

* Get widget icon.

[54] Fix | Delete

*

[55] Fix | Delete

* Retrieve Text Path widget icon.

[56] Fix | Delete

*

[57] Fix | Delete

* @return string Widget icon.

[58] Fix | Delete

* @access public

[59] Fix | Delete

*/

[60] Fix | Delete

public function get_icon() {

[61] Fix | Delete

return 'eicon-wordart';

[62] Fix | Delete

}

[63] Fix | Delete

[64] Fix | Delete

/**

[65] Fix | Delete

* Get widget keywords.

[66] Fix | Delete

*

[67] Fix | Delete

* Retrieve the list of keywords the widget belongs to.

[68] Fix | Delete

*

[69] Fix | Delete

* @return array Widget keywords.

[70] Fix | Delete

* @access public

[71] Fix | Delete

*/

[72] Fix | Delete

public function get_keywords() {

[73] Fix | Delete

return [ 'text path', 'word path', 'text on path', 'wordart', 'word art' ];

[74] Fix | Delete

}

[75] Fix | Delete

[76] Fix | Delete

/**

[77] Fix | Delete

* Get style dependencies.

[78] Fix | Delete

*

[79] Fix | Delete

* Retrieve the list of style dependencies the widget requires.

[80] Fix | Delete

*

[81] Fix | Delete

* @since 3.24.0

[82] Fix | Delete

* @access public

[83] Fix | Delete

*

[84] Fix | Delete

* @return array Widget style dependencies.

[85] Fix | Delete

*/

[86] Fix | Delete

public function get_style_depends(): array {

[87] Fix | Delete

return [ 'widget-text-path' ];

[88] Fix | Delete

}

[89] Fix | Delete

[90] Fix | Delete

public function has_widget_inner_wrapper(): bool {

[91] Fix | Delete

return ! Plugin::$instance->experiments->is_feature_active( 'e_optimized_markup' );

[92] Fix | Delete

}

[93] Fix | Delete

[94] Fix | Delete

/**

[95] Fix | Delete

* Register content controls under content tab.

[96] Fix | Delete

*/

[97] Fix | Delete

protected function register_content_tab() {

[98] Fix | Delete

$this->start_controls_section(

[99] Fix | Delete

'section_content_text_path',

[100] Fix | Delete

[

[101] Fix | Delete

'label' => esc_html__( 'Text Path', 'elementor' ),

[102] Fix | Delete

'tab' => Controls_Manager::TAB_CONTENT,

[103] Fix | Delete

]

[104] Fix | Delete

);

[105] Fix | Delete

[106] Fix | Delete

$this->add_control(

[107] Fix | Delete

'text',

[108] Fix | Delete

[

[109] Fix | Delete

'label' => esc_html__( 'Text', 'elementor' ),

[110] Fix | Delete

'type' => Controls_Manager::TEXT,

[111] Fix | Delete

'label_block' => true,

[112] Fix | Delete

'default' => esc_html__( 'Add Your Curvy Text Here', 'elementor' ),

[113] Fix | Delete

'frontend_available' => true,

[114] Fix | Delete

'render_type' => 'none',

[115] Fix | Delete

'dynamic' => [

[116] Fix | Delete

'active' => true,

[117] Fix | Delete

],

[118] Fix | Delete

]

[119] Fix | Delete

);

[120] Fix | Delete

[121] Fix | Delete

$this->add_control(

[122] Fix | Delete

'path',

[123] Fix | Delete

[

[124] Fix | Delete

'label' => esc_html__( 'Path Type', 'elementor' ),

[125] Fix | Delete

'type' => Controls_Manager::SELECT,

[126] Fix | Delete

'options' => Shapes_Module::get_paths(),

[127] Fix | Delete

'default' => 'wave',

[128] Fix | Delete

]

[129] Fix | Delete

);

[130] Fix | Delete

[131] Fix | Delete

$this->add_control(

[132] Fix | Delete

'custom_path',

[133] Fix | Delete

[

[134] Fix | Delete

'label' => esc_html__( 'SVG', 'elementor' ),

[135] Fix | Delete

'type' => Controls_Manager::MEDIA,

[136] Fix | Delete

'media_types' => [

[137] Fix | Delete

'svg',

[138] Fix | Delete

],

[139] Fix | Delete

'condition' => [

[140] Fix | Delete

'path' => 'custom',

[141] Fix | Delete

],

[142] Fix | Delete

'dynamic' => [

[143] Fix | Delete

'active' => true,

[144] Fix | Delete

],

[145] Fix | Delete

'description' => sprintf(

[146] Fix | Delete

'%1$s <a target="_blank" href="https://go.elementor.com/text-path-create-paths/">%2$s</a>',

[147] Fix | Delete

esc_html__( 'Want to create custom text paths with SVG?', 'elementor' ),

[148] Fix | Delete

esc_html__( 'Learn more', 'elementor' )

[149] Fix | Delete

),

[150] Fix | Delete

]

[151] Fix | Delete

);

[152] Fix | Delete

[153] Fix | Delete

$this->add_control(

[154] Fix | Delete

'link',

[155] Fix | Delete

[

[156] Fix | Delete

'label' => esc_html__( 'Link', 'elementor' ),

[157] Fix | Delete

'type' => Controls_Manager::URL,

[158] Fix | Delete

'label_block' => true,

[159] Fix | Delete

'dynamic' => [

[160] Fix | Delete

'active' => true,

[161] Fix | Delete

],

[162] Fix | Delete

'placeholder' => esc_html__( 'Paste URL or type', 'elementor' ),

[163] Fix | Delete

'frontend_available' => true,

[164] Fix | Delete

]

[165] Fix | Delete

);

[166] Fix | Delete

[167] Fix | Delete

$this->add_responsive_control(

[168] Fix | Delete

'align',

[169] Fix | Delete

[

[170] Fix | Delete

'label' => esc_html__( 'Alignment', 'elementor' ),

[171] Fix | Delete

'type' => Controls_Manager::CHOOSE,

[172] Fix | Delete

'default' => '',

[173] Fix | Delete

'options' => [

[174] Fix | Delete

'left' => [

[175] Fix | Delete

'title' => esc_html__( 'Left', 'elementor' ),

[176] Fix | Delete

'icon' => 'eicon-text-align-left',

[177] Fix | Delete

],

[178] Fix | Delete

'center' => [

[179] Fix | Delete

'title' => esc_html__( 'Center', 'elementor' ),

[180] Fix | Delete

'icon' => 'eicon-text-align-center',

[181] Fix | Delete

],

[182] Fix | Delete

'right' => [

[183] Fix | Delete

'title' => esc_html__( 'Right', 'elementor' ),

[184] Fix | Delete

'icon' => 'eicon-text-align-right',

[185] Fix | Delete

],

[186] Fix | Delete

],

[187] Fix | Delete

'selectors' => [

[188] Fix | Delete

'{{WRAPPER}}' => '--alignment: {{VALUE}}',

[189] Fix | Delete

],

[190] Fix | Delete

'frontend_available' => true,

[191] Fix | Delete

]

[192] Fix | Delete

);

[193] Fix | Delete

[194] Fix | Delete

$this->add_control(

[195] Fix | Delete

'text_path_direction',

[196] Fix | Delete

[

[197] Fix | Delete

'label' => esc_html__( 'Text Direction', 'elementor' ),

[198] Fix | Delete

'type' => Controls_Manager::SELECT,

[199] Fix | Delete

'default' => '',

[200] Fix | Delete

'options' => [

[201] Fix | Delete

'' => esc_html__( 'Default', 'elementor' ),

[202] Fix | Delete

'rtl' => esc_html__( 'RTL', 'elementor' ),

[203] Fix | Delete

'ltr' => esc_html__( 'LTR', 'elementor' ),

[204] Fix | Delete

],

[205] Fix | Delete

'selectors' => [

[206] Fix | Delete

'{{WRAPPER}}' => '--direction: {{VALUE}}',

[207] Fix | Delete

],

[208] Fix | Delete

'frontend_available' => true,

[209] Fix | Delete

]

[210] Fix | Delete

);

[211] Fix | Delete

[212] Fix | Delete

$this->add_control(

[213] Fix | Delete

'show_path',

[214] Fix | Delete

[

[215] Fix | Delete

'label' => esc_html__( 'Show Path', 'elementor' ),

[216] Fix | Delete

'type' => Controls_Manager::SWITCHER,

[217] Fix | Delete

'label_on' => esc_html__( 'On', 'elementor' ),

[218] Fix | Delete

'label_off' => esc_html__( 'Off', 'elementor' ),

[219] Fix | Delete

'return_value' => self::DEFAULT_PATH_FILL,

[220] Fix | Delete

'separator' => 'before',

[221] Fix | Delete

'default' => '',

[222] Fix | Delete

'selectors' => [

[223] Fix | Delete

'{{WRAPPER}}' => '--path-stroke: {{VALUE}}; --path-fill: transparent;',

[224] Fix | Delete

],

[225] Fix | Delete

]

[226] Fix | Delete

);

[227] Fix | Delete

[228] Fix | Delete

$this->end_controls_section();

[229] Fix | Delete

}

[230] Fix | Delete

[231] Fix | Delete

/**

[232] Fix | Delete

* Register style controls under style tab.

[233] Fix | Delete

*/

[234] Fix | Delete

protected function register_style_tab() {

[235] Fix | Delete

/**

[236] Fix | Delete

* Text Path styling section.

[237] Fix | Delete

*/

[238] Fix | Delete

$this->start_controls_section(

[239] Fix | Delete

'section_style_text_path',

[240] Fix | Delete

[

[241] Fix | Delete

'label' => esc_html__( 'Text Path', 'elementor' ),

[242] Fix | Delete

'tab' => Controls_Manager::TAB_STYLE,

[243] Fix | Delete

]

[244] Fix | Delete

);

[245] Fix | Delete

[246] Fix | Delete

$this->add_responsive_control(

[247] Fix | Delete

'size',

[248] Fix | Delete

[

[249] Fix | Delete

'label' => esc_html__( 'Size', 'elementor' ),

[250] Fix | Delete

'type' => Controls_Manager::SLIDER,

[251] Fix | Delete

'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],

[252] Fix | Delete

'range' => [

[253] Fix | Delete

'%' => [

[254] Fix | Delete

'min' => 0,

[255] Fix | Delete

'max' => 100,

[256] Fix | Delete

'step' => 10,

[257] Fix | Delete

],

[258] Fix | Delete

'px' => [

[259] Fix | Delete

'max' => 800,

[260] Fix | Delete

'step' => 50,

[261] Fix | Delete

],

[262] Fix | Delete

],

[263] Fix | Delete

'default' => [

[264] Fix | Delete

'size' => 500,

[265] Fix | Delete

],

[266] Fix | Delete

'tablet_default' => [

[267] Fix | Delete

'size' => 500,

[268] Fix | Delete

],

[269] Fix | Delete

'mobile_default' => [

[270] Fix | Delete

'size' => 500,

[271] Fix | Delete

],

[272] Fix | Delete

'selectors' => [

[273] Fix | Delete

'{{WRAPPER}}' => '--width: {{SIZE}}{{UNIT}};',

[274] Fix | Delete

],

[275] Fix | Delete

]

[276] Fix | Delete

);

[277] Fix | Delete

[278] Fix | Delete

$this->add_responsive_control(

[279] Fix | Delete

'rotation',

[280] Fix | Delete

[

[281] Fix | Delete

'label' => esc_html__( 'Rotate', 'elementor' ),

[282] Fix | Delete

'type' => Controls_Manager::SLIDER,

[283] Fix | Delete

'size_units' => [ 'deg', 'grad', 'rad', 'turn', 'custom' ],

[284] Fix | Delete

'default' => [

[285] Fix | Delete

'unit' => 'deg',

[286] Fix | Delete

],

[287] Fix | Delete

'tablet_default' => [

[288] Fix | Delete

'unit' => 'deg',

[289] Fix | Delete

],

[290] Fix | Delete

'mobile_default' => [

[291] Fix | Delete

'unit' => 'deg',

[292] Fix | Delete

],

[293] Fix | Delete

'selectors' => [

[294] Fix | Delete

'{{WRAPPER}}' => '--rotate: {{SIZE}}{{UNIT}};',

[295] Fix | Delete

],

[296] Fix | Delete

]

[297] Fix | Delete

);

[298] Fix | Delete

[299] Fix | Delete

$this->add_control(

[300] Fix | Delete

'text_heading',

[301] Fix | Delete

[

[302] Fix | Delete

'label' => esc_html__( 'Text', 'elementor' ),

[303] Fix | Delete

'type' => Controls_Manager::HEADING,

[304] Fix | Delete

]

[305] Fix | Delete

);

[306] Fix | Delete

[307] Fix | Delete

$this->add_group_control(

[308] Fix | Delete

Group_Control_Typography::get_type(),

[309] Fix | Delete

[

[310] Fix | Delete

'name' => 'text_typography',

[311] Fix | Delete

'selector' => '{{WRAPPER}}',

[312] Fix | Delete

'global' => [

[313] Fix | Delete

'default' => Global_Typography::TYPOGRAPHY_TEXT,

[314] Fix | Delete

],

[315] Fix | Delete

'fields_options' => [

[316] Fix | Delete

'font_size' => [

[317] Fix | Delete

'default' => [

[318] Fix | Delete

'size' => '20',

[319] Fix | Delete

'unit' => 'px',

[320] Fix | Delete

],

[321] Fix | Delete

'size_units' => [ 'px' ],

[322] Fix | Delete

],

[323] Fix | Delete

// Text decoration isn't an inherited property, so it's required to explicitly

[324] Fix | Delete

// target the specific `textPath` element.

[325] Fix | Delete

'text_decoration' => [

[326] Fix | Delete

'selectors' => [

[327] Fix | Delete

'{{WRAPPER}} textPath' => 'text-decoration: {{VALUE}};',

[328] Fix | Delete

],

[329] Fix | Delete

],

[330] Fix | Delete

],

[331] Fix | Delete

]

[332] Fix | Delete

);

[333] Fix | Delete

[334] Fix | Delete

$this->add_group_control(

[335] Fix | Delete

Group_Control_Text_Stroke::get_type(),

[336] Fix | Delete

[

[337] Fix | Delete

'name' => 'text_stroke',

[338] Fix | Delete

'selector' => '{{WRAPPER}} textPath',

[339] Fix | Delete

]

[340] Fix | Delete

);

[341] Fix | Delete

[342] Fix | Delete

$this->add_responsive_control(

[343] Fix | Delete

'word_spacing',

[344] Fix | Delete

[

[345] Fix | Delete

'label' => esc_html__( 'Word Spacing', 'elementor' ),

[346] Fix | Delete

'type' => Controls_Manager::SLIDER,

[347] Fix | Delete

'size_units' => [ 'px', 'em', 'rem', 'custom' ],

[348] Fix | Delete

'range' => [

[349] Fix | Delete

'px' => [

[350] Fix | Delete

'min' => -20,

[351] Fix | Delete

'max' => 20,

[352] Fix | Delete

],

[353] Fix | Delete

'em' => [

[354] Fix | Delete

'min' => -1,

[355] Fix | Delete

'max' => 1,

[356] Fix | Delete

],

[357] Fix | Delete

'rem' => [

[358] Fix | Delete

'min' => -1,

[359] Fix | Delete

'max' => 1,

[360] Fix | Delete

],

[361] Fix | Delete

],

[362] Fix | Delete

'default' => [

[363] Fix | Delete

'size' => '',

[364] Fix | Delete

],

[365] Fix | Delete

'tablet_default' => [

[366] Fix | Delete

'size' => '',

[367] Fix | Delete

],

[368] Fix | Delete

'mobile_default' => [

[369] Fix | Delete

'size' => '',

[370] Fix | Delete

],

[371] Fix | Delete

'selectors' => [

[372] Fix | Delete

'{{WRAPPER}}' => '--word-spacing: {{SIZE}}{{UNIT}};',

[373] Fix | Delete

],

[374] Fix | Delete

]

[375] Fix | Delete

);

[376] Fix | Delete

[377] Fix | Delete

$this->add_control(

[378] Fix | Delete

'start_point',

[379] Fix | Delete

[

[380] Fix | Delete

'label' => esc_html__( 'Starting Point', 'elementor' ) . ' (%)',

[381] Fix | Delete

'type' => Controls_Manager::SLIDER,

[382] Fix | Delete

'size_units' => [ '%' ],

[383] Fix | Delete

'range' => [

[384] Fix | Delete

'px' => [

[385] Fix | Delete

'min' => -100,

[386] Fix | Delete

'max' => 100,

[387] Fix | Delete

'step' => 1,

[388] Fix | Delete

],

[389] Fix | Delete

],

[390] Fix | Delete

'default' => [

[391] Fix | Delete

'unit' => '%',

[392] Fix | Delete

'size' => 0,

[393] Fix | Delete

],

[394] Fix | Delete

'frontend_available' => true,

[395] Fix | Delete

'render_type' => 'none',

[396] Fix | Delete

]

[397] Fix | Delete

);

[398] Fix | Delete

[399] Fix | Delete

$this->start_controls_tabs( 'text_style' );

[400] Fix | Delete

[401] Fix | Delete

/**

[402] Fix | Delete

* Normal tab.

[403] Fix | Delete

*/

[404] Fix | Delete

$this->start_controls_tab(

[405] Fix | Delete

'text_normal',

[406] Fix | Delete

[

[407] Fix | Delete

'label' => esc_html__( 'Normal', 'elementor' ),

[408] Fix | Delete

]

[409] Fix | Delete

);

[410] Fix | Delete

[411] Fix | Delete

$this->add_control(

[412] Fix | Delete

'text_color_normal',

[413] Fix | Delete

[

[414] Fix | Delete

'label' => esc_html__( 'Color', 'elementor' ),

[415] Fix | Delete

'type' => Controls_Manager::COLOR,

[416] Fix | Delete

'default' => '',

[417] Fix | Delete

'selectors' => [

[418] Fix | Delete

'{{WRAPPER}}' => '--text-color: {{VALUE}};',

[419] Fix | Delete

],

[420] Fix | Delete

]

[421] Fix | Delete

);

[422] Fix | Delete

[423] Fix | Delete

$this->end_controls_tab();

[424] Fix | Delete

[425] Fix | Delete

/**

[426] Fix | Delete

* Hover tab.

[427] Fix | Delete

*/

[428] Fix | Delete

$this->start_controls_tab(

[429] Fix | Delete

'text_hover',

[430] Fix | Delete

[

[431] Fix | Delete

'label' => esc_html__( 'Hover', 'elementor' ),

[432] Fix | Delete

]

[433] Fix | Delete

);

[434] Fix | Delete

[435] Fix | Delete

$this->add_control(

[436] Fix | Delete

'text_color_hover',

[437] Fix | Delete

[

[438] Fix | Delete

'label' => esc_html__( 'Color', 'elementor' ),

[439] Fix | Delete

'type' => Controls_Manager::COLOR,

[440] Fix | Delete

'default' => '',

[441] Fix | Delete

'selectors' => [

[442] Fix | Delete

'{{WRAPPER}}' => '--text-color-hover: {{VALUE}};',

[443] Fix | Delete

],

[444] Fix | Delete

]

[445] Fix | Delete

);

[446] Fix | Delete

[447] Fix | Delete

$this->add_control(

[448] Fix | Delete

'hover_animation',

[449] Fix | Delete

[

[450] Fix | Delete

'label' => esc_html__( 'Hover Animation', 'elementor' ),

[451] Fix | Delete

'type' => Controls_Manager::HOVER_ANIMATION,

[452] Fix | Delete

]

[453] Fix | Delete

);

[454] Fix | Delete

[455] Fix | Delete

$this->add_control(

[456] Fix | Delete

'hover_transition',

[457] Fix | Delete

[

[458] Fix | Delete

'label' => esc_html__( 'Transition Duration', 'elementor' ),

[459] Fix | Delete

'type' => Controls_Manager::SLIDER,

[460] Fix | Delete

'size_units' => [ 's', 'ms', 'custom' ],

[461] Fix | Delete

'default' => [

[462] Fix | Delete

'unit' => 's',

[463] Fix | Delete

'size' => 0.3,

[464] Fix | Delete

],

[465] Fix | Delete

'selectors' => [

[466] Fix | Delete

'{{WRAPPER}}' => '--transition: {{SIZE}}{{UNIT}}',

[467] Fix | Delete

],

[468] Fix | Delete

]

[469] Fix | Delete

);

[470] Fix | Delete

[471] Fix | Delete

$this->end_controls_tab();

[472] Fix | Delete

[473] Fix | Delete

$this->end_controls_tabs();

[474] Fix | Delete

[475] Fix | Delete

$this->end_controls_section();

[476] Fix | Delete

[477] Fix | Delete

/**

[478] Fix | Delete

* Path styling section.

[479] Fix | Delete

*/

[480] Fix | Delete

$this->start_controls_section(

[481] Fix | Delete

'section_style_path',

[482] Fix | Delete

[

[483] Fix | Delete

'label' => esc_html__( 'Path', 'elementor' ),

[484] Fix | Delete

'tab' => Controls_Manager::TAB_STYLE,

[485] Fix | Delete

'condition' => [

[486] Fix | Delete

'show_path!' => '',

[487] Fix | Delete

],

[488] Fix | Delete

]

[489] Fix | Delete

);

[490] Fix | Delete

[491] Fix | Delete

$this->start_controls_tabs( 'path_style' );

[492] Fix | Delete

[493] Fix | Delete

/**

[494] Fix | Delete

* Normal tab.

[495] Fix | Delete

*/

[496] Fix | Delete

$this->start_controls_tab(

[497] Fix | Delete

'path_normal',

[498] Fix | Delete

[

[499] Fix | Delete