(function ($, elementorFrontend, elementorModules) {
    'use strict';
    var _decor = elementorModules.frontend.handlers.Base.extend({
        onInit() {
            const elementSettings = this.getElementSettings();

            if (elementSettings.kinsey_path_text) {
                this.$element.css('--path', elementSettings.kinsey_path_text);
                $(document).trigger('path-reload');
            }
            if (elementSettings.kinsey_path_radius_value) {
                this.$element.css('--path-radius', elementSettings.kinsey_path_radius_value);
                $(document).trigger('path-reload');
            }
        },
        getChangeableProperties() {
            return {
                kinsey_path_text: 'kinsey_path_text',
                kinsey_path_radius_value: 'kinsey_path_radius_value',
            }
        },
        onElementChange(propertyName) {
            const changeableProperties = this.getChangeableProperties();
            if (changeableProperties[propertyName]) {
                if ('kinsey_path_text' === propertyName) {
                    let newSettingValue = this.getElementSettings('kinsey_path_text');
                    this.$element.css('--path', newSettingValue);
                    $(document).trigger('path-reload');
                    console.log(newSettingValue);
                }
                if ('kinsey_path_radius_value' === propertyName) {
                    let newSettingValue = this.getElementSettings('kinsey_path_radius_value');
                    this.$element.css('--path-radius', newSettingValue);
                    $(document).trigger('path-reload');
                }
            }
            $(document).trigger('path-reload');
        }
    });

    $(window).on('elementor/frontend/init', () => {
        const addHandler = ($element) => {
            elementorFrontend.elementsHandler.addHandler(_decor, {
                $element,
            });
        };

        elementorFrontend.hooks.addAction('frontend/element_ready/section', addHandler);
        elementorFrontend.hooks.addAction('frontend/element_ready/container', addHandler);
        elementorFrontend.hooks.addAction('frontend/element_ready/widget', addHandler);
    });

}(jQuery, window.elementorFrontend, window.elementorModules));