<?php

[0] Fix | Delete

namespace Elementor\Modules\Styleguide;

[1] Fix | Delete

[2] Fix | Delete

use Elementor\Core\Base\Module as Base_Module;

[3] Fix | Delete

use Elementor\Plugin;

[4] Fix | Delete

use Elementor\Modules\Styleguide\Controls\Switcher;

[5] Fix | Delete

[6] Fix | Delete

if ( ! defined( 'ABSPATH' ) ) {

[7] Fix | Delete

exit; // Exit if accessed directly.

[8] Fix | Delete

}

[9] Fix | Delete

[10] Fix | Delete

class Module extends Base_Module {

[11] Fix | Delete

[12] Fix | Delete

const ASSETS_HANDLE = 'elementor-styleguide';

[13] Fix | Delete

const ASSETS_SRC = 'styleguide';

[14] Fix | Delete

[15] Fix | Delete

/**

[16] Fix | Delete

* Initialize the Container-Converter module.

[17] Fix | Delete

*

[18] Fix | Delete

* @return void

[19] Fix | Delete

*/

[20] Fix | Delete

public function __construct() {

[21] Fix | Delete

parent::__construct();

[22] Fix | Delete

add_action( 'elementor/editor/after_enqueue_scripts', [ $this, 'enqueue_main_scripts' ] );

[23] Fix | Delete

add_action( 'elementor/preview/enqueue_styles', [ $this, 'enqueue_styles' ] );

[24] Fix | Delete

[25] Fix | Delete

add_action( 'elementor/frontend/after_register_scripts', function () {

[26] Fix | Delete

$is_preview = Plugin::$instance->preview->is_preview();

[27] Fix | Delete

[28] Fix | Delete

if ( ! $is_preview ) {

[29] Fix | Delete

return;

[30] Fix | Delete

}

[31] Fix | Delete

[32] Fix | Delete

$this->enqueue_app_initiator( $is_preview );

[33] Fix | Delete

} );

[34] Fix | Delete

[35] Fix | Delete

add_action( 'elementor/controls/register', [ $this, 'register_controls' ] );

[36] Fix | Delete

add_action( 'elementor/element/after_section_start', [ $this, 'add_styleguide_enable_controls' ], 10, 3 );

[37] Fix | Delete

}

[38] Fix | Delete

[39] Fix | Delete

/**

[40] Fix | Delete

* Retrieve the module name.

[41] Fix | Delete

*

[42] Fix | Delete

* @return string

[43] Fix | Delete

*/

[44] Fix | Delete

public function get_name() {

[45] Fix | Delete

return 'styleguide';

[46] Fix | Delete

}

[47] Fix | Delete

[48] Fix | Delete

/**

[49] Fix | Delete

* Enqueue scripts.

[50] Fix | Delete

*

[51] Fix | Delete

* @return void

[52] Fix | Delete

*/

[53] Fix | Delete

public function enqueue_main_scripts() {

[54] Fix | Delete

wp_enqueue_script(

[55] Fix | Delete

static::ASSETS_HANDLE,

[56] Fix | Delete

$this->get_js_assets_url( static::ASSETS_SRC ),

[57] Fix | Delete

[ 'elementor-editor' ],

[58] Fix | Delete

ELEMENTOR_VERSION,

[59] Fix | Delete

true

[60] Fix | Delete

);

[61] Fix | Delete

[62] Fix | Delete

$kit_id = Plugin::$instance->kits_manager->get_active_id();

[63] Fix | Delete

[64] Fix | Delete

wp_localize_script( static::ASSETS_HANDLE, 'elementorStyleguideConfig', [

[65] Fix | Delete

'activeKitId' => $kit_id,

[66] Fix | Delete

] );

[67] Fix | Delete

[68] Fix | Delete

wp_set_script_translations( static::ASSETS_HANDLE, 'elementor' );

[69] Fix | Delete

}

[70] Fix | Delete

[71] Fix | Delete

public function enqueue_app_initiator( $is_preview = false ) {

[72] Fix | Delete

$dependencies = [

[73] Fix | Delete

'wp-i18n',

[74] Fix | Delete

'react',

[75] Fix | Delete

'react-dom',

[76] Fix | Delete

];

[77] Fix | Delete

[78] Fix | Delete

if ( ! $is_preview ) {

[79] Fix | Delete

$dependencies[] = static::ASSETS_HANDLE;

[80] Fix | Delete

}

[81] Fix | Delete

[82] Fix | Delete

wp_enqueue_script(

[83] Fix | Delete

static::ASSETS_HANDLE . '-app-initiator',

[84] Fix | Delete

$this->get_js_assets_url( static::ASSETS_SRC . '-app-initiator' ),

[85] Fix | Delete

$dependencies,

[86] Fix | Delete

ELEMENTOR_VERSION,

[87] Fix | Delete

true

[88] Fix | Delete

);

[89] Fix | Delete

[90] Fix | Delete

wp_set_script_translations( static::ASSETS_HANDLE . '-app-initiator', 'elementor' );

[91] Fix | Delete

}

[92] Fix | Delete

[93] Fix | Delete

public function enqueue_styles() {

[94] Fix | Delete

wp_enqueue_style(

[95] Fix | Delete

static::ASSETS_HANDLE,

[96] Fix | Delete

$this->get_css_assets_url( 'modules/styleguide/editor' ),

[97] Fix | Delete

[],

[98] Fix | Delete

ELEMENTOR_VERSION

[99] Fix | Delete

);

[100] Fix | Delete

}

[101] Fix | Delete

[102] Fix | Delete

public function register_controls() {

[103] Fix | Delete

$controls_manager = Plugin::$instance->controls_manager;

[104] Fix | Delete

[105] Fix | Delete

$controls_manager->register( new Switcher() );

[106] Fix | Delete

}

[107] Fix | Delete

[108] Fix | Delete

/**

[109] Fix | Delete

* Add the Enable Styleguide Preview controls to Global Colors and Global Fonts.

[110] Fix | Delete

*

[111] Fix | Delete

* @param $element

[112] Fix | Delete

* @param string $section_id

[113] Fix | Delete

* @param array $args

[114] Fix | Delete

*/

[115] Fix | Delete

public function add_styleguide_enable_controls( $element, $section_id, $args ) {

[116] Fix | Delete

if ( 'kit' !== $element->get_name() || ! in_array( $section_id, [ 'section_global_colors', 'section_text_style' ] ) ) {

[117] Fix | Delete

return;

[118] Fix | Delete

}

[119] Fix | Delete

[120] Fix | Delete

$control_name = str_replace( 'global-', '', $args['tab'] ) . '_enable_styleguide_preview';

[121] Fix | Delete

[122] Fix | Delete

$element->add_control(

[123] Fix | Delete

$control_name,

[124] Fix | Delete

[

[125] Fix | Delete

'label' => esc_html__( 'Show global settings', 'elementor' ),

[126] Fix | Delete

'type' => Switcher::CONTROL_TYPE,

[127] Fix | Delete

'description' => esc_html__( 'Temporarily overlay the canvas with the style guide to preview your changes to global colors and fonts.', 'elementor' ),

[128] Fix | Delete

'separator' => 'after',

[129] Fix | Delete

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

[130] Fix | Delete

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

[131] Fix | Delete

'on_change_command' => true,

[132] Fix | Delete

]

[133] Fix | Delete

);

[134] Fix | Delete

}

[135] Fix | Delete

}

[136] Fix | Delete

[137] Fix | Delete