<?php

[0] Fix | Delete

namespace Elementor;

[1] Fix | Delete

[2] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) {

[3] Fix | Delete

exit; // Exit if accessed directly.

[4] Fix | Delete

}

[5] Fix | Delete

[6] Fix | Delete

/**

[7] Fix | Delete

* Elementor Visual Choice control.

[8] Fix | Delete

*

[9] Fix | Delete

* This control extends the base Choose control allowing the user to choose between options represented by SVG or Image.

[10] Fix | Delete

*

[11] Fix | Delete

* @since 3.28.0

[12] Fix | Delete

*/

[13] Fix | Delete

class Control_Visual_Choice extends Base_Data_Control {

[14] Fix | Delete

[15] Fix | Delete

public function get_type() {

[16] Fix | Delete

return 'visual_choice';

[17] Fix | Delete

}

[18] Fix | Delete

[19] Fix | Delete

public function content_template() {

[20] Fix | Delete

$control_uid_input_type = '{{value}}';

[21] Fix | Delete

?>

[22] Fix | Delete

<div class="elementor-control-field">

[23] Fix | Delete

<label class="elementor-control-title">{{{ data.label }}}</label>

[24] Fix | Delete

<div class="elementor-control-input-wrapper">

[25] Fix | Delete

<div class="elementor-visual-choice-choices" style="--elementor-visual-choice-columns: {{ data.columns }};">

[26] Fix | Delete

<#

[27] Fix | Delete

_.each( data.options, function( options, value ) {

[28] Fix | Delete

choiceType = options.type || 'image';

[29] Fix | Delete

#>

[30] Fix | Delete

<div class="elementor-visual-choice-element elementor-visual-choice-element-{{ choiceType }}" style="--elementor-visual-choice-span: {{ data.toggle ? '1' : '0' }};">

[31] Fix | Delete

<input id="<?php $this->print_control_uid( $control_uid_input_type ); ?>" type="radio" name="elementor-visual-choice-{{ data.name }}-{{ data._cid }}" value="{{ value }}" class="elementor-screen-only">

[32] Fix | Delete

<label class="elementor-visual-choice-label tooltip-target" for="<?php $this->print_control_uid( $control_uid_input_type ); ?>" data-tooltip="{{ options.title }}">

[33] Fix | Delete

<#

[34] Fix | Delete

switch ( choiceType ) {

[35] Fix | Delete

case 'button':

[36] Fix | Delete

#>

[37] Fix | Delete

<div class="elementor-button">{{{ options.title }}}</div>

[38] Fix | Delete

<#

[39] Fix | Delete

break;

[40] Fix | Delete

case 'image':

[41] Fix | Delete

default:

[42] Fix | Delete

#>

[43] Fix | Delete

<img src="{{ options.image }}" aria-hidden="true" alt="{{ options.title }}" data-hover="{{ value }}" />

[44] Fix | Delete

<span class="elementor-screen-only">{{{ options.title }}}</span>

[45] Fix | Delete

<#

[46] Fix | Delete

};

[47] Fix | Delete

#>

[48] Fix | Delete

</label>

[49] Fix | Delete

</div>

[50] Fix | Delete

<# } ); #>

[51] Fix | Delete

</div>

[52] Fix | Delete

</div>

[53] Fix | Delete

</div>

[54] Fix | Delete

[55] Fix | Delete

<# if ( data.description ) { #>

[56] Fix | Delete

<div class="elementor-control-field-description">{{{ data.description }}}</div>

[57] Fix | Delete

<# } #>

[58] Fix | Delete

<?php

[59] Fix | Delete

}

[60] Fix | Delete

[61] Fix | Delete

protected function get_default_settings() {

[62] Fix | Delete

return [

[63] Fix | Delete

'options' => [],

[64] Fix | Delete

'toggle' => true,

[65] Fix | Delete

'columns' => 1,

[66] Fix | Delete

];

[67] Fix | Delete

}

[68] Fix | Delete

}

[69] Fix | Delete

[70] Fix | Delete