', { class: 'elementor-tags-list__item' }); $tag.text(tag.title).attr('data-tag-name', tag.name); $tagsListInner.append($tag); }); }); // Create and inject pro dynamic teaser template if Pro is not installed if (!elementor.helpers.hasPro() && Object.keys(tags).length) { var proTeaser = Marionette.Renderer.render('#tmpl-elementor-dynamic-tags-promo', { promotionUrl: elementor.config.dynamicPromotionURL.replace('%s', this.view.model.get('name')) }); $tagsListInner.append(proTeaser); } $tagsListInner.on('click', '.elementor-tags-list__item', this.onTagsListItemClick.bind(this)); elementorCommon.elements.$body.append($tagsList); }, getTagsList: function getTagsList() { if (!this.ui.tagsList) { this.createTagsList(); } return this.ui.tagsList; }, toggleTagsList: function toggleTagsList() { var $tagsList = this.getTagsList(); if ($tagsList.is(':visible')) { $tagsList.hide(); return; } var direction = elementorCommon.config.isRTL ? 'left' : 'right'; $tagsList.show().position({ my: "".concat(direction, " top"), at: "".concat(direction, " bottom+5"), of: this.ui.dynamicSwitcher }); }, setTagView: function setTagView(id, name, settings) { if (this.tagView) { this.tagView.destroy(); } var tagView = this.tagView = new TagPanelView({ id: id, name: name, settings: settings, controlName: this.view.model.get('name'), dynamicSettings: this.getOption('dynamicSettings') }), elementContainer = this.view.options.container, tagViewLabel = elementContainer.controls[tagView.options.controlName].label; tagView.options.container = new elementorModules.editor.Container({ type: 'dynamic', id: id, model: tagView.model, settings: tagView.model, view: tagView, parent: elementContainer, label: elementContainer.label + ' ' + tagViewLabel, controls: tagView.model.options.controls, renderer: elementContainer }); tagView.render(); this.$el.find('.elementor-control-tag-area').after(tagView.el); this.listenTo(tagView, 'remove', this.onTagViewRemove.bind(this)); }, setDefaultTagView: function setDefaultTagView() { var tagData = elementor.dynamicTags.tagTextToTagData(this.getDynamicValue()); this.setTagView(tagData.id, tagData.name, tagData.settings); }, tagViewToTagText: function tagViewToTagText() { var tagView = this.tagView; return elementor.dynamicTags.tagDataToTagText(tagView.getOption('id'), tagView.getOption('name'), tagView.model); }, getDynamicValue: function getDynamicValue() { return this.view.container.dynamic.get(this.view.model.get('name')); }, destroyTagView: function destroyTagView() { if (this.tagView) { this.tagView.destroy(); this.tagView = null; } }, showPromotion: function showPromotion() { var hasProAndNotConnected = elementor.helpers.hasProAndNotConnected(), dialogOptions = { title: __('Dynamic Content', 'elementor'), content: __('Create more personalized and dynamic sites by populating data from various sources with dozens of dynamic tags to choose from.', 'elementor'), targetElement: this.ui.dynamicSwitcher, position: { blockStart: '-10' }, actionButton: { url: hasProAndNotConnected ? elementorProEditorConfig.urls.connect : elementor.config.dynamicPromotionURL.replace('%s', this.view.model.get('name')), text: hasProAndNotConnected ? __('Connect & Activate', 'elementor') : __('Upgrade', 'elementor') } }; elementor.promotion.showDialog(dialogOptions); }, onRender: function onRender() { this.$el.addClass('elementor-control-dynamic'); this.renderTools(); this.toggleDynamicClass(); if (this.isDynamicMode()) { this.setDefaultTagView(); } }, onDynamicSwitcherClick: function onDynamicSwitcherClick(event) { event.stopPropagation(); if (this.getOption('tags').length) { this.toggleTagsList(); } else { this.showPromotion(); } }, onTagsListItemClick: function onTagsListItemClick(event) { var $tag = jQuery(event.currentTarget); this.setTagView(elementorCommon.helpers.getUniqueId(), $tag.data('tagName'), {}); // If an element has an active global value, disable it before applying the dynamic value. if (this.view.getGlobalKey()) { this.view.triggerMethod('unset:global:value'); } if (this.isDynamicMode()) { $e.run('document/dynamic/settings', { container: this.view.options.container, settings: (0, _defineProperty2.default)({}, this.view.model.get('name'), this.tagViewToTagText()) }); } else { $e.run('document/dynamic/enable', { container: this.view.options.container, settings: (0, _defineProperty2.default)({}, this.view.model.get('name'), this.tagViewToTagText()) }); } this.toggleDynamicClass(); this.toggleTagsList(); if (this.tagView.getTagConfig().settings_required) { this.tagView.showSettingsPopup(); } }, onTagViewRemove: function onTagViewRemove() { $e.run('document/dynamic/disable', { container: this.view.options.container, settings: (0, _defineProperty2.default)({}, this.view.model.get('name'), this.tagViewToTagText()) }); this.toggleDynamicClass(); }, onAfterExternalChange: function onAfterExternalChange() { this.destroyTagView(); if (this.isDynamicMode()) { this.setDefaultTagView(); } this.toggleDynamicClass(); }, onDestroy: function onDestroy() { this.destroyTagView(); if (this.ui.tagsList) { this.ui.tagsList.remove(); } } }); /***/ }), /***/ "../assets/dev/js/editor/components/dynamic-tags/manager.js": /*!******************************************************************!*\ !*** ../assets/dev/js/editor/components/dynamic-tags/manager.js ***! \******************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } module.exports = elementorModules.Module.extend({ CACHE_KEY_NOT_FOUND_ERROR: 'Cache key not found', tags: { Base: __webpack_require__(/*! elementor-dynamic-tags/tag */ "../assets/dev/js/editor/components/dynamic-tags/tag.js") }, cache: {}, cacheRequests: {}, cacheCallbacks: [], getTagRenderPostId: function getTagRenderPostId(tag) { var _tag$editorRenderPost; return (_tag$editorRenderPost = tag.editorRenderPostId) !== null && _tag$editorRenderPost !== void 0 ? _tag$editorRenderPost : elementor.config.document.id; }, addCacheRequest: function addCacheRequest(tag) { var postId = this.getTagRenderPostId(tag); var cacheKey = this.createCacheKey(tag); if (!this.cacheRequests[postId]) { this.cacheRequests[postId] = {}; } this.cacheRequests[postId][cacheKey] = true; }, createCacheKey: function createCacheKey(tag) { var postId = this.getTagRenderPostId(tag); return btoa(tag.getOption('name')) + '-' + btoa(encodeURIComponent(JSON.stringify(tag.model))) + '-' + postId; }, loadTagDataFromCache: function loadTagDataFromCache(tag) { var cacheKey = this.createCacheKey(tag); if (undefined !== this.cache[cacheKey]) { return this.cache[cacheKey]; } var postId = this.getTagRenderPostId(tag); if (!this.cacheRequests[postId] || !this.cacheRequests[postId][cacheKey]) { this.addCacheRequest(tag); } }, loadCacheRequests: function loadCacheRequests() { var _this = this; var cacheRequests = this.cacheRequests, cacheCallbacks = this.cacheCallbacks; this.cacheRequests = {}; this.cacheCallbacks = []; var postIds = Object.keys(cacheRequests); if (0 === postIds.length) { cacheCallbacks.forEach(function (entry) { entry.callback(); }); return; } var pendingRequests = postIds.length; var onRequestComplete = function onRequestComplete() { pendingRequests -= 1; if (0 === pendingRequests) { cacheCallbacks.forEach(function (entry) { entry.callback(); }); } }; var needsUniqueIds = postIds.length > 1; var batchId = needsUniqueIds ? elementorCommon.helpers.getUniqueId() : null; postIds.forEach(function (postId) { elementorCommon.ajax.addRequest('render_tags', _objectSpread(_objectSpread({}, needsUniqueIds ? { unique_id: "render_tags-".concat(postId, "-").concat(batchId) } : {}), {}, { data: { post_id: Number(postId), tags: Object.keys(cacheRequests[postId]) }, success: function success(data) { _this.cache = _objectSpread(_objectSpread({}, _this.cache), data); onRequestComplete(); } })); }); }, refreshCacheFromServer: function refreshCacheFromServer(callback) { this.cacheCallbacks.push({ callback: callback }); this.loadCacheRequests(); }, getConfig: function getConfig(key) { return this.getItems(elementor.config.dynamicTags, key); }, parseTagsText: function parseTagsText(text, settings, parseCallback) { var self = this; if ('object' === settings.returnType) { return self.parseTagText(text, settings, parseCallback); } return text.replace(/\[elementor-tag[^\]]+]/g, function (tagText) { return self.parseTagText(tagText, settings, parseCallback); }); }, parseTagText: function parseTagText(tagText, settings, parseCallback) { var tagData = this.tagTextToTagData(tagText); if (!tagData) { if ('object' === settings.returnType) { return {}; } return ''; } return parseCallback(tagData.id, tagData.name, tagData.settings); }, tagTextToTagData: function tagTextToTagData(tagText) { var tagIDMatch = tagText.match(/id="(.*?(?="))"/), tagNameMatch = tagText.match(/name="(.*?(?="))"/), tagSettingsMatch = tagText.match(/settings="(.*?(?="]))/); if (!tagIDMatch || !tagNameMatch || !tagSettingsMatch) { return false; } return { id: tagIDMatch[1], name: tagNameMatch[1], settings: JSON.parse(decodeURIComponent(tagSettingsMatch[1])) }; }, createTag: function createTag(tagID, tagName, tagSettings) { var tagConfig = this.getConfig('tags.' + tagName); if (!tagConfig) { return; } var TagClass = this.tags[tagName] || this.tags.Base, model = new elementorModules.editor.elements.models.BaseSettings(tagSettings, { controls: tagConfig.controls }); return new TagClass({ id: tagID, name: tagName, model: model }); }, getTagDataContent: function getTagDataContent(tagID, tagName, tagSettings) { var tag = this.createTag(tagID, tagName, tagSettings); if (!tag) { return; } return tag.getContent(); }, tagDataToTagText: function tagDataToTagText(tagID, tagName, tagSettings) { tagSettings = encodeURIComponent(JSON.stringify(tagSettings && tagSettings.toJSON({ remove: ['default'] }) || {})); return '[elementor-tag id="' + tagID + '" name="' + tagName + '" settings="' + tagSettings + '"]'; }, tagContainerToTagText: function tagContainerToTagText(/** Container*/container) { return elementor.dynamicTags.tagDataToTagText(container.view.getOption('id'), container.view.getOption('name'), container.view.model); }, cleanCache: function cleanCache() { this.cache = {}; }, onInit: function onInit() { this.loadCacheRequests = _.debounce(this.loadCacheRequests, 300); } }); /***/ }), /***/ "../assets/dev/js/editor/components/dynamic-tags/tag-controls-stack-empty.js": /*!***********************************************************************************!*\ !*** ../assets/dev/js/editor/components/dynamic-tags/tag-controls-stack-empty.js ***! \***********************************************************************************/ /***/ ((module) => { "use strict"; module.exports = Marionette.ItemView.extend({ className: 'elementor-tag-controls-stack-empty', template: '#tmpl-elementor-tag-controls-stack-empty' }); /***/ }), /***/ "../assets/dev/js/editor/components/dynamic-tags/tag-controls-stack.js": /*!*****************************************************************************!*\ !*** ../assets/dev/js/editor/components/dynamic-tags/tag-controls-stack.js ***! \*****************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var EmptyView = __webpack_require__(/*! elementor-dynamic-tags/tag-controls-stack-empty */ "../assets/dev/js/editor/components/dynamic-tags/tag-controls-stack-empty.js"); module.exports = elementorModules.editor.views.ControlsStack.extend({ activeTab: 'content', template: _.noop, emptyView: EmptyView, isEmpty: function isEmpty() { // Ignore the section control return this.collection.length < 2; }, childViewOptions: function childViewOptions() { return { container: this.options.container }; }, getNamespaceArray: function getNamespaceArray() { var currentPageView = elementor.getPanelView().getCurrentPageView(), eventNamespace = currentPageView.getNamespaceArray(); eventNamespace.push(currentPageView.activeSection); eventNamespace.push(this.getOption('controlName')); eventNamespace.push(this.getOption('name')); return eventNamespace; }, onRenderTemplate: function onRenderTemplate() { this.activateFirstSection(); } }); /***/ }), /***/ "../assets/dev/js/editor/components/dynamic-tags/tag-panel-view.js": /*!*************************************************************************!*\ !*** ../assets/dev/js/editor/components/dynamic-tags/tag-panel-view.js ***! \*************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var TagControlsStack = __webpack_require__(/*! elementor-dynamic-tags/tag-controls-stack */ "../assets/dev/js/editor/components/dynamic-tags/tag-controls-stack.js"); module.exports = Marionette.ItemView.extend({ className: 'elementor-dynamic-cover e-input-style', tagControlsStack: null, templateHelpers: function templateHelpers() { var helpers = {}; if (this.model) { helpers.controls = this.model.options.controls; } return helpers; }, ui: { remove: '.elementor-dynamic-cover__remove' }, events: function events() { var events = { 'click @ui.remove': 'onRemoveClick' }; if (this.hasSettings()) { events.click = 'onClick'; } return events; }, getTemplate: function getTemplate() { var config = this.getTagConfig(), templateFunction = Marionette.TemplateCache.get('#tmpl-elementor-control-dynamic-cover'), renderedTemplate = Marionette.Renderer.render(templateFunction, { hasSettings: this.hasSettings(), isRemovable: !this.getOption('dynamicSettings').default, title: config.title, content: config.panel_template }); return Marionette.TemplateCache.prototype.compileTemplate(renderedTemplate.trim()); }, getTagConfig: function getTagConfig() { return elementor.dynamicTags.getConfig('tags.' + this.getOption('name')); }, initSettingsPopup: function initSettingsPopup() { var settingsPopupOptions = { className: 'elementor-tag-settings-popup', position: { my: 'left top+5', at: 'left bottom', of: this.$el, autoRefresh: true }, hide: { ignore: '.select2-container' } }; var settingsPopup = elementorCommon.dialogsManager.createWidget('buttons', settingsPopupOptions); this.getSettingsPopup = function () { return settingsPopup; }; }, hasSettings: function hasSettings() { return !!Object.values(this.getTagConfig().controls).length; }, showSettingsPopup: function showSettingsPopup() { if (!this.tagControlsStack) { this.initTagControlsStack(); } var settingsPopup = this.getSettingsPopup(); if (settingsPopup.isVisible()) { return; } settingsPopup.show(); }, initTagControlsStack: function initTagControlsStack() { this.tagControlsStack = new TagControlsStack({ model: this.model, controls: this.model.controls, name: this.options.name, controlName: this.options.controlName, container: this.options.container, el: this.getSettingsPopup().getElements('message')[0] }); this.tagControlsStack.render(); }, initModel: function initModel() { this.model = new elementorModules.editor.elements.models.BaseSettings(this.getOption('settings'), { controls: this.getTagConfig().controls }); }, initialize: function initialize() { // The `model` should always be available. this.initModel(); if (!this.hasSettings()) { return; } this.initSettingsPopup(); this.listenTo(this.model, 'change', this.render); }, onClick: function onClick() { this.showSettingsPopup(); }, onRemoveClick: function onRemoveClick(event) { event.stopPropagation(); this.destroy(); this.trigger('remove'); }, onDestroy: function onDestroy() { if (this.hasSettings()) { this.getSettingsPopup().destroy(); } if (this.tagControlsStack) { this.tagControlsStack.destroy(); } } }); /***/ }), /***/ "../assets/dev/js/editor/components/dynamic-tags/tag.js": /*!**************************************************************!*\ !*** ../assets/dev/js/editor/components/dynamic-tags/tag.js ***! \**************************************************************/ /***/ ((module) => { "use strict"; module.exports = Marionette.ItemView.extend({ hasTemplate: true, tagName: 'span', className: function className() { return 'elementor-tag'; }, getTemplate: function getTemplate() { if (!this.hasTemplate) { return false; } return Marionette.TemplateCache.get('#tmpl-elementor-tag-' + this.getOption('name') + '-content'); }, initialize: function initialize() { try { this.getTemplate(); } catch (e) { this.hasTemplate = false; } }, getConfig: function getConfig(key) { var config = elementor.dynamicTags.getConfig('tags.' + this.getOption('name')); if (key) { return config[key]; } return config; }, getContent: function getContent() { var contentType = this.getConfig('content_type'), data; if (!this.hasTemplate) { data = elementor.dynamicTags.loadTagDataFromCache(this); if (undefined === data) { throw new Error(elementor.dynamicTags.CACHE_KEY_NOT_FOUND_ERROR); } } if ('ui' === contentType) { this.render(); if (this.hasTemplate) { return this.el.outerHTML; } if (this.getConfig('wrapped_tag')) { data = jQuery(data).html(); } this.$el.html(data); } return data; }, onRender: function onRender() { this.el.id = 'elementor-tag-' + this.getOption('id'); } }); /***/ }), /***/ "../assets/dev/js/editor/components/hotkeys/component.js": /*!***************************************************************!*\ !*** ../assets/dev/js/editor/components/hotkeys/component.js ***! \***************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _componentModalBase = _interopRequireDefault(__webpack_require__(/*! elementor-api/modules/component-modal-base */ "../modules/web-cli/assets/js/modules/component-modal-base.js")); var _modalLayout = _interopRequireDefault(__webpack_require__(/*! ./modal-layout */ "../assets/dev/js/editor/components/hotkeys/modal-layout.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Component = exports["default"] = /*#__PURE__*/function (_ComponentModalBase) { function Component() { (0, _classCallCheck2.default)(this, Component); return _callSuper(this, Component, arguments); } (0, _inherits2.default)(Component, _ComponentModalBase); return (0, _createClass2.default)(Component, [{ key: "getNamespace", value: function getNamespace() { return 'shortcuts'; } }, { key: "defaultShortcuts", value: function defaultShortcuts() { return { '': { keys: 'ctrl+?, shift+?', exclude: ['input'] } }; } }, { key: "getModalLayout", value: function getModalLayout() { return _modalLayout.default; } }]); }(_componentModalBase.default); /***/ }), /***/ "../assets/dev/js/editor/components/hotkeys/hotkeys.js": /*!*************************************************************!*\ !*** ../assets/dev/js/editor/components/hotkeys/hotkeys.js ***! \*************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _component = _interopRequireDefault(__webpack_require__(/*! ./component */ "../assets/dev/js/editor/components/hotkeys/component.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var _default = exports["default"] = /*#__PURE__*/function (_elementorModules$Mod) { function _default() { (0, _classCallCheck2.default)(this, _default); return _callSuper(this, _default, arguments); } (0, _inherits2.default)(_default, _elementorModules$Mod); return (0, _createClass2.default)(_default, [{ key: "onInit", value: function onInit() { $e.components.register(new _component.default({ manager: this })); } }]); }(elementorModules.Module); /***/ }), /***/ "../assets/dev/js/editor/components/hotkeys/modal-content.js": /*!*******************************************************************!*\ !*** ../assets/dev/js/editor/components/hotkeys/modal-content.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _environment = _interopRequireDefault(__webpack_require__(/*! elementor-common/utils/environment */ "../core/common/assets/js/utils/environment.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var _default = exports["default"] = /*#__PURE__*/function (_Marionette$LayoutVie) { function _default() { (0, _classCallCheck2.default)(this, _default); return _callSuper(this, _default, arguments); } (0, _inherits2.default)(_default, _Marionette$LayoutVie); return (0, _createClass2.default)(_default, [{ key: "id", value: function id() { return 'elementor-hotkeys'; } }, { key: "templateHelpers", value: function templateHelpers() { return { environment: _environment.default }; } }, { key: "getTemplate", value: function getTemplate() { return '#tmpl-elementor-hotkeys'; } }]); }(Marionette.LayoutView); /***/ }), /***/ "../assets/dev/js/editor/components/hotkeys/modal-layout.js": /*!******************************************************************!*\ !*** ../assets/dev/js/editor/components/hotkeys/modal-layout.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _get2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/get */ "../node_modules/@babel/runtime/helpers/get.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _modalContent = _interopRequireDefault(__webpack_require__(/*! ./modal-content */ "../assets/dev/js/editor/components/hotkeys/modal-content.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; } var _default = exports["default"] = /*#__PURE__*/function (_elementorModules$com) { function _default() { (0, _classCallCheck2.default)(this, _default); return _callSuper(this, _default, arguments); } (0, _inherits2.default)(_default, _elementorModules$com); return (0, _createClass2.default)(_default, [{ key: "getModalOptions", value: function getModalOptions() { return { id: 'elementor-hotkeys__modal' }; } }, { key: "getLogoOptions", value: function getLogoOptions() { return { title: __('Keyboard Shortcuts', 'elementor') }; } }, { key: "initialize", value: function initialize() { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _superPropGet(_default, "initialize", this, 3)(args); this.showLogo(); this.showContentView(); } }, { key: "showContentView", value: function showContentView() { this.modalContent.show(new _modalContent.default()); } }]); }(elementorModules.common.views.modal.Layout); /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/classes/icon-library.js": /*!********************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/classes/icon-library.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js")); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _default = exports["default"] = /*#__PURE__*/function () { function _default() { var _this = this; (0, _classCallCheck2.default)(this, _default); (0, _defineProperty2.default)(this, "loaded", {}); (0, _defineProperty2.default)(this, "notifyCallback", null); (0, _defineProperty2.default)(this, "fetchIcons", function (library) { fetch(library.fetchJson, { mode: 'cors' }).then(function (res) { return res.json(); }).then(function (json) { library.icons = json.icons; return _this.normalizeIconList(library); }); }); (0, _defineProperty2.default)(this, "runCallback", function (library) { if ('function' !== typeof _this.notifyCallback) { return library; } return _this.notifyCallback(library); }); (0, _defineProperty2.default)(this, "initIconType", function (libraryConfig, callback) { _this.notifyCallback = callback; var store = elementor.iconManager.store; if (_this.loaded[libraryConfig.name]) { libraryConfig.icons = store.getIcons(libraryConfig); return _this.runCallback(libraryConfig); } // Enqueue CSS if (libraryConfig.enqueue) { libraryConfig.enqueue.forEach(function (assetURL) { var versionAddedURL = "".concat(assetURL).concat(libraryConfig !== null && libraryConfig !== void 0 && libraryConfig.ver ? '?ver=' + libraryConfig.ver : ''); elementor.helpers.enqueueEditorStylesheet(versionAddedURL); }); } if (libraryConfig.url) { var versionAddedURL = "".concat(libraryConfig.url).concat(libraryConfig !== null && libraryConfig !== void 0 && libraryConfig.ver ? '?ver=' + libraryConfig.ver : ''); elementor.helpers.enqueueEditorStylesheet(versionAddedURL); } // Already saved an stored if (store.isValid(libraryConfig)) { var data = store.get(store.getKey(libraryConfig)); return _this.normalizeIconList(data); } // Comes with icons if (libraryConfig.icons && libraryConfig.icons.length) { return _this.normalizeIconList(libraryConfig); } // Get icons from via ajax if (libraryConfig.fetchJson) { return _this.fetchIcons(libraryConfig); } // @todo: error handling }); } return (0, _createClass2.default)(_default, [{ key: "normalizeIconList", value: function normalizeIconList(library) { var icons = {}; var name; jQuery.each(library.icons, function (index, icon) { name = icon; if ('object' === (0, _typeof2.default)(name)) { name = Object.entries(name)[0][0]; } if (!name) { return; } icons[name] = { prefix: library.prefix, selector: library.prefix + name.trim(':'), name: elementorCommon.helpers.upperCaseWords(name).trim(':').split('-').join(' '), filter: name.trim(':'), displayPrefix: library.displayPrefix || library.prefix.replace('-', '') }; }); if (Object.keys(icons).length) { library.icons = icons; this.loaded[library.name] = true; elementor.iconManager.store.save(library); this.runCallback(library); } } }]); }(); /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/classes/store.js": /*!*************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/classes/store.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _Store = /*#__PURE__*/function () { function Store() { (0, _classCallCheck2.default)(this, Store); } return (0, _createClass2.default)(Store, [{ key: "save", value: function save(library) { elementorCommon.storage.set(_Store.getKey(library), library); } }, { key: "getIcons", value: function getIcons(library) { var data = this.get(_Store.getKey(library)); if (data && data.icons) { return data.icons; } return false; } }, { key: "get", value: function get(key) { return elementorCommon.storage.get(key); } }, { key: "isValid", value: function isValid(library) { var saved = this.get(_Store.getKey(library)); if (!saved) { return false; } if (saved.ver !== library.ver) { // @todo: delete from localStorage if version is invalid return false; } return saved.icons && saved.icons.length; } }], [{ key: "getKey", value: function getKey(library) { var name = library.name ? library.name : library; return "elementor_".concat(name, "_icons"); } }]); }(); var _default = exports["default"] = _Store; /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/components/icon-list.js": /*!********************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/components/icon-list.js ***! \********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var LazyIconList = /*#__PURE__*/function (_Component) { function LazyIconList() { var _this; (0, _classCallCheck2.default)(this, LazyIconList); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _callSuper(this, LazyIconList, [].concat(args)); (0, _defineProperty2.default)(_this, "state", { itemSize: { width: 0, height: 0 }, wrapperSize: { width: 0, height: 0 }, firstRowInView: 0 }); (0, _defineProperty2.default)(_this, "selectors", { item: '.elementor-icons-manager__tab__item', wrapper: 'elementor-icons-manager__tab__wrapper' }); (0, _defineProperty2.default)(_this, "attachScrollListener", function () { var element = document.getElementById(_this.selectors.wrapper); if (element) { element.addEventListener('scroll', _this.handleScroll); } }); (0, _defineProperty2.default)(_this, "maybeMeasureItem", function () { if (_this.state.itemSize.width) { return; } // CSS Item Padding var itemPadding = 20, testElement = document.querySelector(_this.selectors.item); if (!testElement) { return; } var wrapper = document.getElementById(_this.selectors.wrapper); var newState = { itemSize: { width: testElement.offsetWidth + itemPadding, height: testElement.offsetHeight + itemPadding }, wrapperSize: { width: wrapper.offsetWidth, height: wrapper.clientHeight } }; return _this.setState(newState, function () { _this.maybeScrollToSelected(); }); }); (0, _defineProperty2.default)(_this, "maybeScrollToSelected", function () { if (!_this.hasSelected()) { return; } var selectedIndex = _this.props.selectedIndex, _this$state = _this.state, wrapperSize = _this$state.wrapperSize, itemSize = _this$state.itemSize, itemsInRow = Math.floor(wrapperSize.width / itemSize.width), selectedItemRow = Math.ceil(selectedIndex / itemsInRow) - 1, scrollTop = selectedItemRow * itemSize.height; setTimeout(function () { _this.props.parentRef.current.scrollTo({ top: scrollTop, left: 0, behavior: 'auto' }); }, 0); }); (0, _defineProperty2.default)(_this, "handleScroll", function () { _this.clearDebounceScrollCallback(); _this._debounce = setTimeout(function () { var element = document.getElementById(_this.selectors.wrapper); var itemSize = _this.state.itemSize; _this.setState({ firstRowInView: Math.floor(element.scrollTop / itemSize.height) }); }, 10); }); (0, _defineProperty2.default)(_this, "render", function () { var _this$state2 = _this.state, itemSize = _this$state2.itemSize, wrapperSize = _this$state2.wrapperSize; var firstRowInView = _this.state.firstRowInView; if (!itemSize.width) { return _this.renderFirstElementForMeasurement(); } var items = _this.props.items, itemsInRow = Math.floor(wrapperSize.width / itemSize.width), totalRows = Math.ceil(items.length / itemsInRow), spareRows = 4; var rowsInView = Math.ceil(wrapperSize.height / itemSize.height) + spareRows; if (rowsInView > totalRows) { rowsInView = totalRows; } // Prevent scroll overflow if (firstRowInView > totalRows - rowsInView) { firstRowInView = totalRows - rowsInView; } var tailRows = totalRows - firstRowInView - rowsInView, firstItemIndexInWindow = firstRowInView * itemsInRow, lastItemIndexInWindow = (firstRowInView + rowsInView) * itemsInRow - 1, itemsInView = items.slice(firstItemIndexInWindow, lastItemIndexInWindow + 1), offsetStyle = { height: "".concat(firstRowInView * itemSize.height, "px") }, tailStyle = { height: "".concat(tailRows * itemSize.height, "px") }; return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", { className: 'elementor-icons-manager__tab__content__offset', style: offsetStyle }), /*#__PURE__*/_react.default.createElement("div", { id: 'elementor-icons-manager__tab__content' }, itemsInView), /*#__PURE__*/_react.default.createElement("div", { className: 'elementor-icons-manager__tab__content__tail', style: tailStyle })); }); return _this; } (0, _inherits2.default)(LazyIconList, _Component); return (0, _createClass2.default)(LazyIconList, [{ key: "componentDidMount", value: function componentDidMount() { this.attachScrollListener(); this.maybeMeasureItem(); } }, { key: "componentWillUnmount", value: function componentWillUnmount() { this.clearDebounceScrollCallback(); var element = document.getElementById(this.selectors.wrapper); if (element) { element.removeEventListener('scroll', this.handleScroll); } } }, { key: "clearDebounceScrollCallback", value: function clearDebounceScrollCallback() { clearTimeout(this._debounce); } }, { key: "renderFirstElementForMeasurement", value: function renderFirstElementForMeasurement() { return /*#__PURE__*/_react.default.createElement("div", { id: 'elementor-icons-manager__tab__content' }, this.props.items[0]); } }, { key: "hasSelected", value: function hasSelected() { return -1 !== this.props.selectedIndex; } }]); }(_react.Component); var _default = exports["default"] = LazyIconList; LazyIconList.propTypes = { items: _propTypes.default.array, selectedIndex: _propTypes.default.number, parentRef: _propTypes.default.any }; /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/components/icon-manager.js": /*!***********************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/components/icon-manager.js ***! \***********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.renderIconManager = exports["default"] = void 0; var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ "../node_modules/@babel/runtime/helpers/extends.js")); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); var _react2 = _interopRequireDefault(__webpack_require__(/*! elementor-utils/react */ "../assets/dev/js/utils/react.js")); var _tab = _interopRequireDefault(__webpack_require__(/*! ./tab */ "../assets/dev/js/editor/components/icons-manager/components/tab.js")); var _iconsGoPro = _interopRequireDefault(__webpack_require__(/*! ./icons-go-pro */ "../assets/dev/js/editor/components/icons-manager/components/icons-go-pro.js")); function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var IconsManager = /*#__PURE__*/function (_Component) { function IconsManager() { var _this; (0, _classCallCheck2.default)(this, IconsManager); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _callSuper(this, IconsManager, [].concat(args)); (0, _defineProperty2.default)(_this, "scrollViewRef", (0, _react.createRef)()); (0, _defineProperty2.default)(_this, "state", { activeTab: _this.props.activeTab, selected: { library: '', value: '' }, iconTabs: elementor.config.icons.libraries, loaded: _this.props.loaded, filter: '' }); (0, _defineProperty2.default)(_this, "cache", {}); (0, _defineProperty2.default)(_this, "loadAllTabs", function () { var loaded = _this.state.loaded; var icons = _this.props.icons; icons.forEach(function (tabSettings) { if (loaded[tabSettings.name]) { return; } if (-1 < ['all', 'recommended'].indexOf(tabSettings.name)) { return; } elementor.iconManager.library.initIconType(_objectSpread({}, tabSettings), function (library) { _this.cache[library.name] = library; loaded[tabSettings.name] = true; }); }); loaded.all = true; loaded.recommended = true; _this.setState({ loaded: loaded }); }); (0, _defineProperty2.default)(_this, "getActiveTab", function () { var activeTab = _this.state.activeTab; var loaded = _this.state.loaded, icons = _this.props.icons; if (!activeTab) { if (_this.props.activeTab) { activeTab = _this.props.activeTab; } } if ('GoPro' === activeTab) { return activeTab; } if (!loaded[activeTab]) { return false; } var tabSettings = _objectSpread({}, icons.filter(function (tab) { return tab.name === activeTab; })[0]); if (loaded[activeTab]) { return _objectSpread({}, tabSettings); } if ('all' === tabSettings.name && !loaded.all) { return _this.loadAllTabs(); } elementor.iconManager.library.initIconType(_objectSpread({}, tabSettings), function (library) { _this.cache[library.name] = library; _this.updateLoaded(library.name); }); return false; }); (0, _defineProperty2.default)(_this, "getIconTabsLinks", function () { var native = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; return _this.props.icons.map(function (tab) { if (native ^ _this.isNativeTab(tab)) { return ''; } var isCurrentTab = tab.name === _this.state.activeTab; var className = 'elementor-icons-manager__tab-link'; if (isCurrentTab) { className += ' elementor-active'; } return ( /*#__PURE__*/ // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions _react.default.createElement("div", { className: className, key: tab.name, onClick: function onClick() { if (isCurrentTab) { return; } _this.setState({ activeTab: tab.name }); } }, /*#__PURE__*/_react.default.createElement("i", { className: tab.labelIcon }), tab.label) ); }); }); (0, _defineProperty2.default)(_this, "getActiveTabIcons", function (activeTab) { if (activeTab.name) { return _this.getActiveTabIcons(activeTab.name); } if (_this.cache[activeTab]) { return _this.cache[activeTab].icons; } if ('recommended' === activeTab) { return _this.state.iconTabs[0].icons; } if ('all' === activeTab) { return _this.getAllIcons(); } if (!_this.state.loaded[activeTab]) { var librarySettings = _this.props.icons.filter(function (library) { return activeTab === library.name; }); return elementor.iconManager.library.initIconType(_objectSpread({}, librarySettings[0]), function (library) { _this.cache[library.name] = library; _this.updateLoaded(library.name); }); } return elementor.iconManager.store.getIcons(activeTab); }); (0, _defineProperty2.default)(_this, "getAllIcons", function () { if (_this.cache.all) { return _this.cache.all.icons; } var icons = {}; _this.props.icons.forEach(function (tabSettings) { if ('all' === tabSettings.name || 'recommended' === tabSettings.name) { return; } icons[tabSettings.name] = _this.getActiveTabIcons(tabSettings.name); }); _this.cache.all = { icons: icons }; return icons; }); (0, _defineProperty2.default)(_this, "handleSearch", function (event) { var filter = event.target.value; if (filter && '' !== filter) { filter = filter.toLocaleLowerCase(); if (_this.state.filter === filter) { return; } } else { filter = ''; } _this.setState({ filter: filter }); }); (0, _defineProperty2.default)(_this, "setSelected", function (selected) { elementor.iconManager.setSettings('selectedIcon', selected); _this.setState({ selected: selected }); }); (0, _defineProperty2.default)(_this, "getSelected", function () { var selected = _this.state.selected; if ('' === selected.value && _this.props.selected && _this.props.selected.value) { selected = { value: _this.props.selected.value, library: _this.props.selected.library }; } return selected; }); (0, _defineProperty2.default)(_this, "render", function () { var activeTab = _this.getActiveTab(), activeTabName = activeTab.name ? activeTab.name : activeTab, _this$props$showSearc = _this.props.showSearch, showSearch = _this$props$showSearc === void 0 ? true : _this$props$showSearc, filter = _this.state.filter; if ('GoPro' !== activeTab) { if (!activeTabName || !_this.state.loaded[activeTabName]) { return 'Loading'; } if (activeTab) { activeTab.icons = _this.getActiveTabIcons(activeTab); } } var selected = _this.getSelected(); return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__sidebar", className: 'elementor-templates-modal__sidebar' }, /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__tab-links" }, _this.getIconTabsLinks(), _this.getUploadCustomButton(), _this.getIconTabsLinks(false))), /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__main", className: 'elementor-templates-modal__content' }, 'GoPro' === activeTabName ? /*#__PURE__*/_react.default.createElement(_iconsGoPro.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, showSearch ? _this.getSearchHTML() : '', /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__tab__wrapper", ref: _this.scrollViewRef }, /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__tab__title" }, activeTab.label), /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__tab__content_wrapper" }, /*#__PURE__*/_react.default.createElement("input", { type: "hidden", name: "icon_value", id: "icon_value", value: selected.value }), /*#__PURE__*/_react.default.createElement("input", { type: "hidden", name: "icon_type", id: "icon_type", value: selected.library }), _this.state.loaded[activeTab.name] ? /*#__PURE__*/_react.default.createElement(_tab.default, (0, _extends2.default)({ setSelected: _this.setSelected, selected: selected, filter: filter, key: activeTab.name, parentRef: _this.scrollViewRef }, activeTab)) : 'Loading'))))); }); return _this; } (0, _inherits2.default)(IconsManager, _Component); return (0, _createClass2.default)(IconsManager, [{ key: "updateLoaded", value: function updateLoaded(libraryName) { var loaded = this.state.loaded; loaded[libraryName] = true; this.setState({ loaded: loaded }); } }, { key: "isNativeTab", value: function isNativeTab(tab) { return ('all' === tab.name || 'recommended' === tab.name || 'fa-' === tab.name.substr(0, 3)) && tab.native; } }, { key: "getUploadCustomButton", value: function getUploadCustomButton() { var _this2 = this; var onClick = function onClick() { if ('GoPro' === _this2.state.activeTab) { return; } _this2.setState({ activeTab: 'GoPro' }); }; if (this.props.customIconsURL) { onClick = function onClick() { window.open(_this2.props.customIconsURL, '_blank'); }; } return /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__upload" }, /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__upload__title" }, __('My Libraries', 'elementor')), /*#__PURE__*/_react.default.createElement("button", { id: "elementor-icons-manager__upload__button", className: "elementor-button", onClick: onClick }, __('Upload', 'elementor'))); } }, { key: "getSearchHTML", value: function getSearchHTML() { return /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__search" }, /*#__PURE__*/_react.default.createElement("input", { placeholder: 'Filter by name...', onInput: this.handleSearch }), /*#__PURE__*/_react.default.createElement("i", { className: 'eicon-search' })); } }]); }(_react.Component); var _default = exports["default"] = IconsManager; var renderIconManager = exports.renderIconManager = function renderIconManager(props) { var containerElement = document.querySelector('#elementor-icons-manager-modal .dialog-content'); return _react2.default.render(/*#__PURE__*/_react.default.createElement(IconsManager, (0, _extends2.default)({}, props, { containerElement: containerElement })), containerElement); }; IconsManager.propTypes = { activeTab: _propTypes.default.any, customIconsURL: _propTypes.default.string, icons: _propTypes.default.any, loaded: _propTypes.default.any, modalView: _propTypes.default.any, recommended: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]), selected: _propTypes.default.any, showSearch: _propTypes.default.bool }; /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/components/icon.js": /*!***************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/components/icon.js ***! \***************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Icon = exports["default"] = /*#__PURE__*/function (_Component) { function Icon() { var _this; (0, _classCallCheck2.default)(this, Icon); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _callSuper(this, Icon, [].concat(args)); (0, _defineProperty2.default)(_this, "setSelected", function () { _this.props.setSelectedHandler({ value: _this.props.data.displayPrefix + ' ' + _this.props.data.selector, library: _this.props.library }); }); (0, _defineProperty2.default)(_this, "render", function () { return ( /*#__PURE__*/ // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions _react.default.createElement("div", { className: _this.props.containerClass, key: _this.props.keyID, onClick: _this.setSelected, filter: _this.props.data.filter }, /*#__PURE__*/_react.default.createElement("div", { className: "elementor-icons-manager__tab__item__content" }, /*#__PURE__*/_react.default.createElement("i", { className: 'elementor-icons-manager__tab__item__icon ' + _this.props.className }), /*#__PURE__*/_react.default.createElement("div", { className: 'elementor-icons-manager__tab__item__name', title: _this.props.data.name }, _this.props.data.name))) ); }); return _this; } (0, _inherits2.default)(Icon, _Component); return (0, _createClass2.default)(Icon); }(_react.Component); Icon.propTypes = { className: _propTypes.default.string, containerClass: _propTypes.default.string, data: _propTypes.default.object, keyID: _propTypes.default.string, library: _propTypes.default.string, selector: _propTypes.default.string, setSelectedHandler: _propTypes.default.func }; /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/components/icons-go-pro.js": /*!***********************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/components/icons-go-pro.js ***! \***********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var IconsGoPro = /*#__PURE__*/function (_Component) { function IconsGoPro() { var _this; (0, _classCallCheck2.default)(this, IconsGoPro); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _callSuper(this, IconsGoPro, [].concat(args)); (0, _defineProperty2.default)(_this, "render", function () { return /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__promotion" }, /*#__PURE__*/_react.default.createElement("i", { id: "elementor-icons-manager__promotion__icon", className: "eicon-nerd" }), /*#__PURE__*/_react.default.createElement("div", { id: "elementor-icons-manager__promotion__text" }, __('Become a Pro user to upload unlimited font icon folders to your website.', 'elementor')), /*#__PURE__*/_react.default.createElement("a", { href: elementor.config.icons.goProURL, id: "elementor-icons-manager__promotion__link", className: "elementor-button go-pro", target: "_blank", rel: "noopener noreferrer" }, __('Upgrade Now', 'elementor'))); }); return _this; } (0, _inherits2.default)(IconsGoPro, _Component); return (0, _createClass2.default)(IconsGoPro); }(_react.Component); var _default = exports["default"] = IconsGoPro; /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/components/tab.js": /*!**************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/components/tab.js ***! \**************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _react = _interopRequireWildcard(__webpack_require__(/*! react */ "react")); var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js")); var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js")); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ "../node_modules/prop-types/index.js")); var _iconList = _interopRequireDefault(__webpack_require__(/*! ./icon-list */ "../assets/dev/js/editor/components/icons-manager/components/icon-list.js")); var _icon = _interopRequireDefault(__webpack_require__(/*! ./icon */ "../assets/dev/js/editor/components/icons-manager/components/icon.js")); function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Tab = /*#__PURE__*/function (_Component) { function Tab() { var _this; (0, _classCallCheck2.default)(this, Tab); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _callSuper(this, Tab, [].concat(args)); (0, _defineProperty2.default)(_this, "componentDidMount", function () { if (_this.props.selected && _this.props.selected.value) { setTimeout(function () { var element = document.querySelector('.elementor-selected'); if (element) { element.scrollIntoView(false); } }, 0); } }); (0, _defineProperty2.default)(_this, "handleFullIconList", function () { var fullIconList = []; Object.entries(_this.props.icons).forEach(function (library) { if ('recommended' !== library[0]) { fullIconList = [].concat((0, _toConsumableArray2.default)(fullIconList), (0, _toConsumableArray2.default)(_this.getIconsOfType(library[0], library[1]))); } }); return fullIconList.sort(function (a, b) { return a.filter === b.filter ? 0 : +(a.filter > b.filter) || -1; }); }); (0, _defineProperty2.default)(_this, "getLibrary", function (libraryName) { var icons = elementor.config.icons.libraries.filter(function (library) { return libraryName === library.name; }); return icons; }); (0, _defineProperty2.default)(_this, "handleRecommendedList", function () { var recommendedIconList = []; Object.entries(_this.props.icons).forEach(function (library) { var iconLibrary = _this.getLibrary(library[0]), iconsOfType = iconLibrary[0].icons, recommendedIconsOfType = {}; library[1].forEach(function (iconName) { if (iconsOfType[iconName]) { recommendedIconsOfType[iconName] = iconsOfType[iconName]; } }); recommendedIconList = [].concat((0, _toConsumableArray2.default)(recommendedIconList), (0, _toConsumableArray2.default)(_this.getIconsOfType(library[0], recommendedIconsOfType))); }); return recommendedIconList; }); (0, _defineProperty2.default)(_this, "getIconsComponentList", function () { var iconsToShow = []; var _this$props = _this.props, name = _this$props.name, icons = _this$props.icons, filter = _this$props.filter; switch (name) { case 'all': iconsToShow = _this.handleFullIconList(); break; case 'recommended': iconsToShow = _this.handleRecommendedList(); break; default: iconsToShow = _this.getIconsOfType(name, icons); break; } if (filter) { iconsToShow = Object.values(iconsToShow).filter(function (icon) { return icon.props.data.name.toLowerCase().indexOf(filter) > -1; }); } return iconsToShow; }); (0, _defineProperty2.default)(_this, "render", function () { var icons = _this.getIconsComponentList(); var selectedIndex = -1; var _iterator = _createForOfIteratorHelper(icons.entries()), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var _step$value = (0, _slicedToArray2.default)(_step.value, 2), index = _step$value[0], icon = _step$value[1]; if (icon.props.containerClass.includes('elementor-selected')) { selectedIndex = index; break; } } } catch (err) { _iterator.e(err); } finally { _iterator.f(); } return /*#__PURE__*/_react.default.createElement(_iconList.default, { selectedIndex: selectedIndex, items: icons, parentRef: _this.props.parentRef }); }); return _this; } (0, _inherits2.default)(Tab, _Component); return (0, _createClass2.default)(Tab, [{ key: "getIconsOfType", value: function getIconsOfType(type, icons) { var _this2 = this; var _this$props2 = this.props, selected = _this$props2.selected, filter = _this$props2.filter; return Object.entries(icons).map(function (icon) { var iconData = icon[1], iconName = icon[0], className = iconData.displayPrefix + ' ' + iconData.selector; var containerClass = 'elementor-icons-manager__tab__item'; if (selected.value === className) { containerClass += ' elementor-selected'; } var key = containerClass + type + '-' + iconName + filter; return /*#__PURE__*/_react.default.createElement(_icon.default, { key: key, library: type, keyID: iconName, containerClass: containerClass, className: className, setSelectedHandler: _this2.props.setSelected, data: iconData }); }); } }]); }(_react.Component); Tab.propTypes = { data: _propTypes.default.any, filter: _propTypes.default.any, icons: _propTypes.default.object, name: _propTypes.default.string, selected: _propTypes.default.object, setSelected: _propTypes.default.func, parentRef: _propTypes.default.any }; var _default = exports["default"] = Tab; /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/icons-manager.js": /*!*************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/icons-manager.js ***! \*************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _modalLayout = _interopRequireDefault(__webpack_require__(/*! ./modal-layout */ "../assets/dev/js/editor/components/icons-manager/modal-layout.js")); var _iconManager = __webpack_require__(/*! ./components/icon-manager */ "../assets/dev/js/editor/components/icons-manager/components/icon-manager.js"); var _iconLibrary = _interopRequireDefault(__webpack_require__(/*! ./classes/icon-library */ "../assets/dev/js/editor/components/icons-manager/classes/icon-library.js")); var _store = _interopRequireDefault(__webpack_require__(/*! ./classes/store */ "../assets/dev/js/editor/components/icons-manager/classes/store.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var _default = exports["default"] = /*#__PURE__*/function (_elementorModules$Mod) { function _default() { (0, _classCallCheck2.default)(this, _default); return _callSuper(this, _default, arguments); } (0, _inherits2.default)(_default, _elementorModules$Mod); return (0, _createClass2.default)(_default, [{ key: "onInit", value: function onInit() { // Init icon library helper this.library = new _iconLibrary.default(); // Init Icon library Storage helper this.store = new _store.default(); // Fetch fa4 to fa5 migration data elementor.helpers.fetchFa4ToFa5Mapping(); this.cache = {}; } }, { key: "getLayout", value: function getLayout() { var _this = this; if (!this.layout) { this.layout = new _modalLayout.default(); var layoutModal = this.layout.getModal(); layoutModal.addButton({ name: 'insert_icon', text: __('Insert', 'elementor'), classes: 'elementor-button e-primary', callback: function callback() { _this.updateControlValue(); _this.unMountIconManager(); } }); layoutModal.on('show', this.onPickerShow.bind(this)).on('hide', this.unMountIconManager.bind(this)); } return this.layout; } }, { key: "getDefaultSettings", value: function getDefaultSettings() { return { selectedIcon: {} }; } }, { key: "unMountIconManager", value: function unMountIconManager() { this.unmount(); } }, { key: "loadIconLibraries", value: function loadIconLibraries() { if (!this.cache.loaded) { elementor.config.icons.libraries.forEach(function (library) { if ('all' === library.name) { return; } elementor.iconManager.library.initIconType(library); }); this.cache.loaded = true; } } }, { key: "onPickerShow", value: function onPickerShow() { var controlView = this.getSettings('controlView'), loaded = { GoPro: true }, iconManagerConfig = { recommended: controlView.model.get('recommended') || false }; var selected = controlView.getControlValue(), icons = elementor.config.icons.libraries; if (!selected.library || !selected.value) { selected = { value: '', library: '' }; } iconManagerConfig.selected = selected; this.setSettings('selectedIcon', selected); if (iconManagerConfig.recommended) { var hasRecommended = false; icons.forEach(function (library, index) { if ('recommended' === library.name) { hasRecommended = true; icons[index].icons = iconManagerConfig.recommended; } }); if (!hasRecommended) { icons.unshift({ name: 'recommended', label: 'Recommended', icons: iconManagerConfig.recommended, labelIcon: 'eicon-star-o', native: true }); } } else { icons = icons.filter(function (library) { return 'recommended' !== library.name; }); } icons.forEach(function (tab, index) { if (-1 === ['all', 'recommended'].indexOf(tab.name)) { elementor.iconManager.library.initIconType(tab, function (lib) { icons[index] = lib; }); } loaded[tab.name] = true; }); iconManagerConfig.loaded = loaded; iconManagerConfig.icons = icons; // Set active tab var activeTab = selected.library || icons[0].name; if ('svg' === selected.library) { activeTab = icons[0].name; } // Selected Library exists if (!Object.keys(icons).some(function (library) { return library === activeTab; })) { activeTab = icons[0].name; } // Show recommended tab if selected from it if (iconManagerConfig.recommended && '' !== selected.library && '' !== selected.value && Object.prototype.hasOwnProperty.call(iconManagerConfig.recommended, selected.library)) { var iconLibrary = icons.filter(function (library) { return selected.library === library.name; }); var selectedIconName = selected.value.replace(iconLibrary[0].displayPrefix + ' ' + iconLibrary[0].prefix, ''); if (iconManagerConfig.recommended[selected.library].some(function (icon) { return -1 < icon.indexOf(selectedIconName); })) { activeTab = icons[0].name; } } iconManagerConfig.customIconsURL = elementor.config.customIconsURL; iconManagerConfig.activeTab = activeTab; var _renderIconManager = (0, _iconManager.renderIconManager)(iconManagerConfig), unmount = _renderIconManager.unmount; this.unmount = unmount; } }, { key: "updateControlValue", value: function updateControlValue() { var settings = this.getSettings(); settings.controlView.setValue(settings.selectedIcon); settings.controlView.applySavedValue(); } }, { key: "show", value: function show(options) { this.setSettings('controlView', options.view); this.getLayout().showModal(options); } }]); }(elementorModules.Module); /***/ }), /***/ "../assets/dev/js/editor/components/icons-manager/modal-layout.js": /*!************************************************************************!*\ !*** ../assets/dev/js/editor/components/icons-manager/modal-layout.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _get2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/get */ "../node_modules/@babel/runtime/helpers/get.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _layout = _interopRequireDefault(__webpack_require__(/*! elementor-common/views/modal/layout */ "../core/common/assets/js/views/modal/layout.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; } var _default = exports["default"] = /*#__PURE__*/function (_BaseModalLayout) { function _default() { (0, _classCallCheck2.default)(this, _default); return _callSuper(this, _default, arguments); } (0, _inherits2.default)(_default, _BaseModalLayout); return (0, _createClass2.default)(_default, [{ key: "getModalOptions", value: function getModalOptions() { return { id: 'elementor-icons-manager-modal' }; } }, { key: "getLogoOptions", value: function getLogoOptions() { return { title: __('Icon Library', 'elementor') }; } }, { key: "initialize", value: function initialize() { for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _superPropGet(_default, "initialize", this, 3)(args); this.showLogo(); } }]); }(_layout.default); /***/ }), /***/ "../assets/dev/js/editor/components/preview/commands/drop.js": /*!*******************************************************************!*\ !*** ../assets/dev/js/editor/components/preview/commands/drop.js ***! \*******************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.Drop = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Drop = exports.Drop = /*#__PURE__*/function (_$e$modules$editor$Co) { function Drop() { (0, _classCallCheck2.default)(this, Drop); return _callSuper(this, Drop, arguments); } (0, _inherits2.default)(Drop, _$e$modules$editor$Co); return (0, _createClass2.default)(Drop, [{ key: "validateArgs", value: function validateArgs() { var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; this.requireContainer(args); this.requireArgumentType('model', 'object', args); } }, { key: "apply", value: function apply() { var args = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; var _args$containers = args.containers, containers = _args$containers === void 0 ? [args.container] : _args$containers, _args$options = args.options, options = _args$options === void 0 ? {} : _args$options, result = []; containers.forEach(function (container) { result.push(container.view.createElementFromModel(args.model, options)); }); if (1 === containers.length) { return result[0]; } return result; } }]); }($e.modules.editor.CommandContainerBase); /***/ }), /***/ "../assets/dev/js/editor/components/preview/commands/index.js": /*!********************************************************************!*\ !*** ../assets/dev/js/editor/components/preview/commands/index.js ***! \********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); Object.defineProperty(exports, "Drop", ({ enumerable: true, get: function get() { return _drop.Drop; } })); Object.defineProperty(exports, "Reload", ({ enumerable: true, get: function get() { return _reload.Reload; } })); var _drop = __webpack_require__(/*! ./drop */ "../assets/dev/js/editor/components/preview/commands/drop.js"); var _reload = __webpack_require__(/*! ./reload */ "../assets/dev/js/editor/components/preview/commands/reload.js"); /***/ }), /***/ "../assets/dev/js/editor/components/preview/commands/reload.js": /*!*********************************************************************!*\ !*** ../assets/dev/js/editor/components/preview/commands/reload.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.Reload = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Reload = exports.Reload = /*#__PURE__*/function (_$e$modules$CommandBa) { function Reload() { (0, _classCallCheck2.default)(this, Reload); return _callSuper(this, Reload, arguments); } (0, _inherits2.default)(Reload, _$e$modules$CommandBa); return (0, _createClass2.default)(Reload, [{ key: "apply", value: function apply() { elementor.reloadPreview(); } }]); }($e.modules.CommandBase); /***/ }), /***/ "../assets/dev/js/editor/components/preview/component.js": /*!***************************************************************!*\ !*** ../assets/dev/js/editor/components/preview/component.js ***! \***************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var commands = _interopRequireWildcard(__webpack_require__(/*! ./commands/ */ "../assets/dev/js/editor/components/preview/commands/index.js")); function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Component = exports["default"] = /*#__PURE__*/function (_$e$modules$Component) { function Component() { (0, _classCallCheck2.default)(this, Component); return _callSuper(this, Component, arguments); } (0, _inherits2.default)(Component, _$e$modules$Component); return (0, _createClass2.default)(Component, [{ key: "getNamespace", value: function getNamespace() { return 'preview'; } }, { key: "defaultCommands", value: function defaultCommands() { return this.importCommands(commands); } }]); }($e.modules.ComponentBase); /***/ }), /***/ "../assets/dev/js/editor/components/selection/manager.js": /*!***************************************************************!*\ !*** ../assets/dev/js/editor/components/selection/manager.js ***! \***************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** * @typedef {import('../../container/container')} Container */ var Manager = exports["default"] = /*#__PURE__*/function (_elementorModules$edi) { /** * Manager constructor. * * @return {Manager} manager */ function Manager() { var _this; (0, _classCallCheck2.default)(this, Manager); _this = _callSuper(this, Manager); // Using a Proxy in order to use update methods only once on external invocations, but internally the `add` or // `remove` methods may be executed many times, when update methods will be used only once. /** * Selected elements. * * The list of the selected elements. * * @type {{}} */ (0, _defineProperty2.default)(_this, "elements", {}); /** * Selected elements type. * * Represents the common type of multiple selected elements, or false when the selected elements are of different * types. * * @type {string|boolean} */ (0, _defineProperty2.default)(_this, "type", false); return (0, _possibleConstructorReturn2.default)(_this, new Proxy(_this, { get: function get(target, prop) { if (['add', 'remove'].includes(prop)) { return function () { if (!target.isAllowed()) { return; } var result = target[prop].apply(target, arguments); target.updateType(); target.updateSortable(); target.updatePanelPage(); target.updateNavigator(); return result; }; } return Reflect.get.apply(Reflect, arguments); } })); } /** * Get selection elements. * * Get the list of selected elements as an array of containers. If a fallback element container specified, it will * be returned when there are no selected elements. * * @param {Container[]|Container} fallback * @return {Container[]} selection elements */ (0, _inherits2.default)(Manager, _elementorModules$edi); return (0, _createClass2.default)(Manager, [{ key: "getElements", value: function getElements() { var fallback = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null; var result = Object.values(this.elements); if (!result.length && fallback) { result = Array.isArray(fallback) ? fallback : [fallback]; } return result; } /** * Add elements to selection. * * Add new elements to selection by their container, and clear the currently selected elements unless appending is * active, in which case the new elements are just added to the current selection. * * @param {Container[]|Container} containers * @param {boolean} append */ }, { key: "add", value: function add(containers) { var append = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; if (!this.isAllowed()) { return; } containers = Array.isArray(containers) ? containers : [containers]; // If command/ctrl+click not clicked, clear selected elements. if (!append) { this.remove([], true); } var _iterator = _createForOfIteratorHelper(containers), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var container = _step.value; this.elements[container.id] = container; container.view.select(); } } catch (err) { _iterator.e(err); } finally { _iterator.f(); } } /** * Remove elements from selection. * * Remove elements from selection by their container, unless the parameter for clearing all selected elements is * active, in which case the the whole selection is cleared. * * @param {Container[]|Container} containers * @param {boolean} all */ }, { key: "remove", value: function remove(containers) { var all = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; if (!this.isAllowed()) { return; } containers = Array.isArray(containers) ? containers : [containers]; if (all) { containers = this.getElements(); } var _iterator2 = _createForOfIteratorHelper(containers), _step2; try { for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { var container = _step2.value; delete this.elements[container.id]; container.view.deselect(); } } catch (err) { _iterator2.e(err); } finally { _iterator2.f(); } } /** * Does element selected. * * Check whether an element container exists in the selected elements. * * @param {Container} container * @return {boolean} true if the container exists in the selected elements */ }, { key: "has", value: function has(container) { return this.getElements().includes(container); } /** * Update selected elements type. * * Resolve the common type of all selected elements and assign it as class property. When the selected objects are * of different types, `false` is assigned. */ }, { key: "updateType", value: function updateType() { var elements = this.getElements(); this.type = Boolean(elements.length) && elements.reduce(function (previous, current) { if (previous === current.type) { return current.type; } return false; }, elements[0].type); } /** * Update sortable state. * * In case more than one element is selected, currently sorting supposed to be disabled, and vice-versa. */ }, { key: "updateSortable", value: function updateSortable() { elementor.toggleSortableState(!this.isMultiple()); } /** * Update the panel page. * * Selected elements affect the panel panel in a way that when element is selected - its settings page is displayed, * and when the element is blurred (unfocused) - the the default page opened. When more than one element selected, * the default page should appear. */ }, { key: "updatePanelPage", value: function updatePanelPage() { var elements = this.getElements(); if (1 === elements.length) { $e.run('panel/editor/open', { model: elements[0].model, view: elements[0].view }); } else { $e.internal('panel/open-default', { autoFocusSearch: false }); } } /** * Update navigator selections. * * Any change in the document selected elements should be reflected in the navigator, this method is responsible for * updating the navigator. */ }, { key: "updateNavigator", value: function updateNavigator() { if (!$e.components.get('document/elements').utils.showNavigator()) { return; } elementor.navigator.getLayout().elements.currentView.recursiveChildInvoke('updateSelection'); } /** * Is multiple selection. * * Check whether multiple elements were selected. * * @return {boolean} true if multiple elements were selected */ }, { key: "isMultiple", value: function isMultiple() { return this.getElements().length > 1; } /** * Is selection of same type. * * Check whether the selected elements are of same type. * * @return {boolean} true if the selected elements are of same type */ }, { key: "isSameType", value: function isSameType() { return !this.getElements().length || Boolean(this.type); } }, { key: "isAllowed", value: function isAllowed() { return 'edit' === elementor.channels.dataEditMode.request('activeMode'); } }]); }(elementorModules.editor.utils.Module); /***/ }), /***/ "../assets/dev/js/editor/components/settings/base/manager.js": /*!*******************************************************************!*\ !*** ../assets/dev/js/editor/components/settings/base/manager.js ***! \*******************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var ControlsCSSParser = __webpack_require__(/*! elementor-editor-utils/controls-css-parser */ "../assets/dev/js/editor/utils/controls-css-parser.js"); module.exports = elementorModules.ViewModule.extend({ model: null, hasChange: false, changeCallbacks: {}, addChangeCallback: function addChangeCallback(attribute, callback) { this.changeCallbacks[attribute] = callback; }, bindEvents: function bindEvents() { elementor.on('document:loaded', this.onElementorDocumentLoaded); this.model.on('change', this.onModelChange); }, unbindEvents: function unbindEvents() { elementor.off('document:loaded', this.onElementorDocumentLoaded); }, addPanelPage: function addPanelPage() { var name = this.getSettings('name'); elementor.getPanelView().addPage(name + '_settings', { view: elementor.settings.panelPages[name] || elementor.settings.panelPages.base, title: this.getSettings('panelPage.title'), options: { editedView: this.getEditedView(), model: this.model, controls: this.model.controls, name: name } }); }, getContainerType: function getContainerType() { return this.getSettings('name') + '_settings'; }, /** * @deprecated since 3.7.0, use `getContainerType()` instead. */ getContainerId: function getContainerId() { elementorDevTools.deprecation.deprecated('getContainerId()', '3.7.0', 'getContainerType()'); return this.getContainerType(); }, // Emulate an element view/model structure with the parts needed for a container. getEditedView: function getEditedView() { var documentElementType = elementor.elementsManager.getElementTypeClass('document'), ModelClass = documentElementType.getModel(), type = this.getContainerType(), editModel = new ModelClass({ id: type, elType: type, settings: this.model }); var container = new elementorModules.editor.Container({ type: type, id: type, model: editModel, settings: editModel.get('settings'), view: false, parent: false, label: this.getSettings('panelPage').title, controls: this.model.controls, document: this.getDocument(), renderer: false }); return { getContainer: function getContainer() { return container; }, getEditModel: function getEditModel() { return editModel; }, model: editModel, container: container }; }, getDocument: function getDocument() { return false; }, updateStylesheet: function updateStylesheet(keepOldEntries) { var controlsCSS = this.getControlsCSS(); if (!keepOldEntries) { controlsCSS.stylesheet.empty(); } this.model.handleRepeaterData(this.model.attributes); controlsCSS.addStyleRules(this.model.getStyleControls(), this.model.attributes, this.model.controls, [/{{WRAPPER}}/g], [this.getSettings('cssWrapperSelector')]); controlsCSS.addStyleToDocument({ // Ensures we don't override default global style at: 'before', of: '#elementor-style-e-global-style' }); }, initModel: function initModel() { this.model = new elementorModules.editor.elements.models.BaseSettings(this.getSettings('settings'), { controls: this.getSettings('controls') }); }, getStyleId: function getStyleId() { return this.getSettings('name'); }, initControlsCSSParser: function initControlsCSSParser() { var controlsCSS; this.destroyControlsCSS = function () { controlsCSS.removeStyleFromDocument(); }; this.getControlsCSS = function () { if (!controlsCSS) { controlsCSS = new ControlsCSSParser({ id: this.getStyleId(), settingsModel: this.model, context: this.getEditedView() }); } return controlsCSS; }; }, getDataToSave: function getDataToSave(data) { return data; }, save: function save(callback) { var _this = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() { var self, settings, data; return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: self = _this; if (self.hasChange) { _context.next = 1; break; } return _context.abrupt("return"); case 1: settings = _this.model.toJSON({ remove: ['default'] }), data = _this.getDataToSave({ data: settings }); NProgress.start(); return _context.abrupt("return", elementorCommon.ajax.addRequest('save_' + _this.getSettings('name') + '_settings', { data: data, success: function success() { NProgress.done(); self.setSettings('settings', settings); self.hasChange = false; if (callback) { callback.apply(self, arguments); } }, error: function error() { // eslint-disable-next-line no-alert alert('An error occurred.'); } })); case 2: case "end": return _context.stop(); } }, _callee); }))(); }, onInit: function onInit() { this.initModel(); this.initControlsCSSParser(); this.addPanelMenuItem(); this.debounceSave = _.debounce(this.save, 3000); elementorModules.ViewModule.prototype.onInit.apply(this, arguments); }, /** * BC for custom settings without a JS component. */ addPanelMenuItem: function addPanelMenuItem() { var menuSettings = this.getSettings('panelPage.menu'); if (!menuSettings) { return; } var namespace = 'panel/' + this.getSettings('name') + '-settings', menuItemOptions = { icon: menuSettings.icon, title: this.getSettings('panelPage.title'), type: 'page', pageName: this.getSettings('name') + '_settings', callback: function callback() { return $e.route("".concat(namespace, "/settings")); } }; $e.bc.ensureTab(namespace, 'settings', menuItemOptions.pageName); elementor.modules.layouts.panel.pages.menu.Menu.addItem(menuItemOptions, 'settings', menuSettings.beforeItem); }, onModelChange: function onModelChange(model) { var self = this; self.hasChange = true; this.getControlsCSS().stylesheet.empty(); _.each(model.changed, function (value, key) { if (self.changeCallbacks[key]) { self.changeCallbacks[key].call(self, value); } }); self.updateStylesheet(true); self.debounceSave(); }, onElementorDocumentLoaded: function onElementorDocumentLoaded() { this.updateStylesheet(); this.addPanelPage(); }, destroy: function destroy() { this.unbindEvents(); this.model.destroy(); } }); /***/ }), /***/ "../assets/dev/js/editor/components/settings/base/panel.js": /*!*****************************************************************!*\ !*** ../assets/dev/js/editor/components/settings/base/panel.js ***! \*****************************************************************/ /***/ ((module) => { "use strict"; module.exports = elementorModules.editor.views.ControlsStack.extend({ id: function id() { return 'elementor-panel-' + this.getOption('name') + '-settings'; }, getTemplate: function getTemplate() { return '#tmpl-elementor-panel-' + this.getOption('name') + '-settings'; }, childViewContainer: function childViewContainer() { return '#elementor-panel-' + this.getOption('name') + '-settings-controls'; }, childViewOptions: function childViewOptions() { return { container: this.getOption('editedView').getContainer() }; } }); /***/ }), /***/ "../assets/dev/js/editor/components/settings/editor-preferences/manager.js": /*!*********************************************************************************!*\ !*** ../assets/dev/js/editor/components/settings/editor-preferences/manager.js ***! \*********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _manager = _interopRequireDefault(__webpack_require__(/*! ../base/manager */ "../assets/dev/js/editor/components/settings/base/manager.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var _default = exports["default"] = /*#__PURE__*/function (_BaseManager) { function _default() { var _this; (0, _classCallCheck2.default)(this, _default); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _callSuper(this, _default, [].concat(args)); _this.changeCallbacks = { ui_theme: _this.onUIThemeChanged, panel_width: _this.onPanelWidthChanged, edit_buttons: _this.onEditButtonsChanged, show_hidden_elements: _this.onShowHiddenElementsChange, show_launchpad_checklist: _this.toggleChecklistIconVisibility }; return _this; } (0, _inherits2.default)(_default, _BaseManager); return (0, _createClass2.default)(_default, [{ key: "getDefaultSettings", value: function getDefaultSettings() { return { darkModeLinkID: 'elementor-editor-dark-mode-css' }; } }, { key: "toggleChecklistIconVisibility", value: function toggleChecklistIconVisibility(switcherValue) { var shouldShow = 'yes' === switcherValue; this.addMixpanelTrackingChecklist(shouldShow); $e.run('checklist/toggle-icon', shouldShow); } }, { key: "onUIThemeChanged", value: function onUIThemeChanged(newValue) { var $lightUi = jQuery('#e-theme-ui-light-css'); var $darkUi = jQuery('#e-theme-ui-dark-css'); if ('auto' === newValue) { $lightUi.attr('media', '(prefers-color-scheme: light)'); $darkUi.attr('media', '(prefers-color-scheme: dark)'); return; } if ('light' === newValue) { $lightUi.attr('media', 'all'); $darkUi.attr('media', 'none'); } else { $lightUi.attr('media', 'none'); $darkUi.attr('media', 'all'); } } }, { key: "onPanelWidthChanged", value: function onPanelWidthChanged(newValue) { elementor.panel.saveSize({ width: newValue.size + newValue.unit }); elementor.panel.setSize(); } }, { key: "onEditButtonsChanged", value: function onEditButtonsChanged() { // Let the button change before the high-performance action of rendering the entire page setTimeout(function () { return elementor.getPreviewView()._renderChildren(); }, 300); } }, { key: "onShowHiddenElementsChange", value: function onShowHiddenElementsChange() { elementorFrontend.elements.$body.toggleClass('e-preview--show-hidden-elements'); } }, { key: "addMixpanelTrackingChecklist", value: function addMixpanelTrackingChecklist(shouldShow) { var name = shouldShow ? 'checklistShow' : 'checklistHide'; var postId = elementor.getPreviewContainer().document.config.id; var postTitle = elementor.getPreviewContainer().model.attributes.settings.attributes.post_title; var postTypeTitle = elementor.getPreviewContainer().document.config.post_type_title; var documentType = elementor.getPreviewContainer().document.config.type; return elementorCommon.eventsManager.dispatchEvent(elementorCommon.eventsManager.config.names.elementorEditor.userPreferences[name], { location: elementorCommon.eventsManager.config.locations.elementorEditor, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.userPreferences, trigger: elementorCommon.eventsManager.config.triggers.toggleClick, element: elementorCommon.eventsManager.config.elements.toggle, postId: postId, postTitle: postTitle, postTypeTitle: postTypeTitle, documentType: documentType }); } }]); }(_manager.default); /***/ }), /***/ "../assets/dev/js/editor/components/settings/page/component.js": /*!*********************************************************************!*\ !*** ../assets/dev/js/editor/components/settings/page/component.js ***! \*********************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _componentBase = _interopRequireDefault(__webpack_require__(/*! elementor-editor/component-base */ "../assets/dev/js/editor/component-base.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Component = exports["default"] = /*#__PURE__*/function (_ComponentBase) { function Component() { (0, _classCallCheck2.default)(this, Component); return _callSuper(this, Component, arguments); } (0, _inherits2.default)(Component, _ComponentBase); return (0, _createClass2.default)(Component, [{ key: "getNamespace", value: function getNamespace() { return 'panel/page-settings'; } }, { key: "defaultTabs", value: function defaultTabs() { return { settings: { title: __('Settings', 'elementor') }, style: { title: __('Style', 'elementor') }, advanced: { title: __('Advanced', 'elementor') } }; } }, { key: "renderTab", value: function renderTab(tab, args) { var activeControl = args.activeControl, _args$refresh = args.refresh, refresh = _args$refresh === void 0 ? false : _args$refresh; if (this.shouldRenderPage(tab) || refresh) { elementor.getPanelView().setPage('page_settings').activateTab(tab); } this.activateControl(activeControl); } }, { key: "shouldRenderPage", value: function shouldRenderPage(tab) { var _currentPanelView$get; var currentPanelView = elementor.getPanelView(); var isSamePage = 'page_settings' === currentPanelView.getCurrentPageName(); var isSameTab = tab === ((_currentPanelView$get = currentPanelView.getCurrentPageView()) === null || _currentPanelView$get === void 0 ? void 0 : _currentPanelView$get.activeTab); return !isSamePage || !isSameTab; } }, { key: "getTabsWrapperSelector", value: function getTabsWrapperSelector() { return '.elementor-panel-navigation'; } }]); }(_componentBase.default); /***/ }), /***/ "../assets/dev/js/editor/components/settings/page/manager.js": /*!*******************************************************************!*\ !*** ../assets/dev/js/editor/components/settings/page/manager.js ***! \*******************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _construct2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/construct */ "../node_modules/@babel/runtime/helpers/construct.js")); var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js")); var _component = _interopRequireDefault(__webpack_require__(/*! ./component */ "../assets/dev/js/editor/components/settings/page/component.js")); var _childrenArray = _interopRequireDefault(__webpack_require__(/*! elementor-editor/container/model/children-array */ "../assets/dev/js/editor/container/model/children-array.js")); var BaseSettings = __webpack_require__(/*! elementor-editor/components/settings/base/manager */ "../assets/dev/js/editor/components/settings/base/manager.js"); module.exports = BaseSettings.extend({ getStyleId: function getStyleId() { return this.getSettings('name') + '-' + elementor.documents.getCurrent().id; }, onInit: function onInit() { BaseSettings.prototype.onInit.apply(this); $e.components.register(new _component.default({ manager: this })); }, save: function save() {}, getDataToSave: function getDataToSave(data) { data.id = elementor.config.document.id; return data; }, // Emulate an element view/model structure with the parts needed for a container. getEditedView: function getEditedView() { var _this = this; if (this.editedView) { return this.editedView; } var documentElementType = elementor.elementsManager.getElementTypeClass('document'), ModelClass = documentElementType.getModel(), type = this.getContainerType(), editModel = new ModelClass({ id: type, elType: type, settings: this.model, elements: elementor.elements }), container = new elementorModules.editor.Container({ type: type, id: editModel.id, model: editModel, settings: editModel.get('settings'), label: elementor.config.document.panel.title, controls: this.model.controls, children: (0, _construct2.default)(_childrenArray.default, (0, _toConsumableArray2.default)(elementor.elements || [])), parent: false, // Emulate a view that can render the style. renderer: { view: { lookup: function lookup() { return container; }, renderOnChange: function renderOnChange() { return _this.updateStylesheet(); }, renderUI: function renderUI() { return _this.updateStylesheet(); } } } }); this.editedView = { getContainer: function getContainer() { return container; }, getEditModel: function getEditModel() { return editModel; }, model: editModel, container: container }; return this.editedView; }, getContainerType: function getContainerType() { return 'document'; }, /** * @deprecated since 3.7.0, use `getContainerType()` instead. */ getContainerId: function getContainerId() { elementorDevTools.deprecation.deprecated('getContainerId()', '3.7.0', 'getContainerType()'); return this.getContainerType(); } }); /***/ }), /***/ "../assets/dev/js/editor/components/settings/settings.js": /*!***************************************************************!*\ !*** ../assets/dev/js/editor/components/settings/settings.js ***! \***************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _manager = _interopRequireDefault(__webpack_require__(/*! ./editor-preferences/manager */ "../assets/dev/js/editor/components/settings/editor-preferences/manager.js")); module.exports = elementorModules.Module.extend({ modules: { base: __webpack_require__(/*! elementor-editor/components/settings/base/manager */ "../assets/dev/js/editor/components/settings/base/manager.js"), page: __webpack_require__(/*! elementor-editor/components/settings/page/manager */ "../assets/dev/js/editor/components/settings/page/manager.js"), editorPreferences: _manager.default }, panelPages: { base: __webpack_require__(/*! elementor-editor/components/settings/base/panel */ "../assets/dev/js/editor/components/settings/base/panel.js") }, onInit: function onInit() { this.initSettings(); }, initSettings: function initSettings() { var self = this; _.each(elementor.config.settings, function (config, name) { var Manager = self.modules[name] || self.modules.base; self[name] = new Manager(config); }); } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/behaviors/insert-template.js": /*!****************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/behaviors/insert-template.js ***! \****************************************************************************************/ /***/ ((module) => { "use strict"; var InsertTemplateHandler; InsertTemplateHandler = Marionette.Behavior.extend({ ui: { insertButton: '.elementor-template-library-template-insert' }, events: { 'click @ui.insertButton': 'onInsertButtonClick' }, onRender: function onRender() { this.ui.insertButton.toggleClass('disabled', this.view.model.isLocked()); }, onInsertButtonClick: function onInsertButtonClick(e) { if ('locked' === this.view.model.get('status')) { e.preventDefault(); e.stopPropagation(); return; } var args = { model: this.view.model }; this.ui.insertButton.addClass('elementor-disabled'); var activeSource = args.model.get('source'); /** * Filter template source. * * @param bool isRemote - If `true` the source is a remote source. * @param string activeSource - The current template source. */ var isRemote = elementor.hooks.applyFilters('templates/source/is-remote', 'remote' === activeSource, activeSource); if (isRemote && !elementor.config.library_connect.is_connected) { $e.route('library/connect', args); return; } $e.run('library/insert-template', args); } }); module.exports = InsertTemplateHandler; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/collections/templates.js": /*!************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/collections/templates.js ***! \************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var TemplateLibraryTemplateModel = __webpack_require__(/*! elementor-templates/models/template */ "../assets/dev/js/editor/components/template-library/models/template.js"), TemplateLibraryCollection; TemplateLibraryCollection = Backbone.Collection.extend({ model: TemplateLibraryTemplateModel }); module.exports = TemplateLibraryCollection; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/commands-data/index.js": /*!**********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/commands-data/index.js ***! \**********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); Object.defineProperty(exports, "Templates", ({ enumerable: true, get: function get() { return _templates.Templates; } })); var _templates = __webpack_require__(/*! ./templates */ "../assets/dev/js/editor/components/template-library/commands-data/templates.js"); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/commands-data/templates.js": /*!**************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/commands-data/templates.js ***! \**************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = exports.Templates = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Templates = exports.Templates = /*#__PURE__*/function (_$e$modules$CommandDa) { function Templates() { (0, _classCallCheck2.default)(this, Templates); return _callSuper(this, Templates, arguments); } (0, _inherits2.default)(Templates, _$e$modules$CommandDa); return (0, _createClass2.default)(Templates, null, [{ key: "getEndpointFormat", value: function getEndpointFormat() { return 'template-library/templates'; } }]); }($e.modules.CommandData); var _default = exports["default"] = Templates; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/commands/index.js": /*!*****************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/commands/index.js ***! \*****************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); Object.defineProperty(exports, "InsertTemplate", ({ enumerable: true, get: function get() { return _insertTemplate.InsertTemplate; } })); Object.defineProperty(exports, "Open", ({ enumerable: true, get: function get() { return _open.Open; } })); var _insertTemplate = __webpack_require__(/*! ./insert-template */ "../assets/dev/js/editor/components/template-library/commands/insert-template.js"); var _open = __webpack_require__(/*! ./open */ "../assets/dev/js/editor/components/template-library/commands/open.js"); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/commands/insert-template.js": /*!***************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/commands/insert-template.js ***! \***************************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = exports.InsertTemplate = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var InsertTemplate = exports.InsertTemplate = /*#__PURE__*/function (_$e$modules$CommandBa) { function InsertTemplate() { (0, _classCallCheck2.default)(this, InsertTemplate); return _callSuper(this, InsertTemplate, arguments); } (0, _inherits2.default)(InsertTemplate, _$e$modules$CommandBa); return (0, _createClass2.default)(InsertTemplate, [{ key: "apply", value: function apply(args) { return this.component.insertTemplate(args); } }]); }($e.modules.CommandBase); var _default = exports["default"] = InsertTemplate; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/commands/open.js": /*!****************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/commands/open.js ***! \****************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = exports.Open = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var Open = exports.Open = /*#__PURE__*/function (_$e$modules$CommandBa) { function Open() { (0, _classCallCheck2.default)(this, Open); return _callSuper(this, Open, arguments); } (0, _inherits2.default)(Open, _$e$modules$CommandBa); return (0, _createClass2.default)(Open, [{ key: "apply", value: function apply(args) { return this.component.show(args); } }]); }($e.modules.CommandBase); var _default = exports["default"] = Open; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/component.js": /*!************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/component.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _readOnlyError2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/readOnlyError */ "../node_modules/@babel/runtime/helpers/readOnlyError.js")); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _get2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/get */ "../node_modules/@babel/runtime/helpers/get.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _componentModalBase = _interopRequireDefault(__webpack_require__(/*! elementor-api/modules/component-modal-base */ "../modules/web-cli/assets/js/modules/component-modal-base.js")); var commands = _interopRequireWildcard(__webpack_require__(/*! ./commands/ */ "../assets/dev/js/editor/components/template-library/commands/index.js")); var commandsData = _interopRequireWildcard(__webpack_require__(/*! ./commands-data/ */ "../assets/dev/js/editor/components/template-library/commands-data/index.js")); var _constants = __webpack_require__(/*! ./constants */ "../assets/dev/js/editor/components/template-library/constants.js"); var _globalStylesDialog = __webpack_require__(/*! ./views/parts/global-styles-dialog */ "../assets/dev/js/editor/components/template-library/views/parts/global-styles-dialog.js"); var _editorOneEvents = __webpack_require__(/*! elementor-editor-utils/editor-one-events */ "../assets/dev/js/editor/utils/editor-one-events.js"); function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t3 in e) "default" !== _t3 && {}.hasOwnProperty.call(e, _t3) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t3)) && (i.get || i.set) ? o(f, _t3, i) : f[_t3] = e[_t3]); return f; })(e, t); } function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; } var TemplateLibraryLayoutView = __webpack_require__(/*! elementor-templates/views/library-layout */ "../assets/dev/js/editor/components/template-library/views/library-layout.js"); var Component = exports["default"] = /*#__PURE__*/function (_ComponentModalBase) { function Component() { (0, _classCallCheck2.default)(this, Component); return _callSuper(this, Component, arguments); } (0, _inherits2.default)(Component, _ComponentModalBase); return (0, _createClass2.default)(Component, [{ key: "__construct", value: function __construct(args) { _superPropGet(Component, "__construct", this, 3)([args]); // When switching documents update defaultTabs. elementor.on('document:loaded', this.onDocumentLoaded.bind(this)); // Remove whole component cache data. $e.data.deleteCache(this, 'library'); elementor.channels.templates.on('quota:update', function () { var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}, force = _ref.force; $e.components.get('cloud-library').utils.setQuotaConfig(force); }); } }, { key: "getNamespace", value: function getNamespace() { return 'library'; } }, { key: "defaultTabs", value: function defaultTabs() { return { 'templates/blocks': { title: __('Blocks', 'elementor'), getFilter: function getFilter() { return { source: 'remote', type: 'block', subtype: elementor.config.document.remoteLibrary.category }; } }, 'templates/pages': { title: __('Pages', 'elementor'), filter: { source: 'remote', type: 'page' } }, 'templates/my-templates': { title: __('Templates', 'elementor'), getFilter: function getFilter() { var _elementor$templates$, _elementor$templates$2; return { source: (_elementor$templates$ = elementor.templates.getSourceSelection()) !== null && _elementor$templates$ !== void 0 ? _elementor$templates$ : 'local', view: (_elementor$templates$2 = elementor.templates.getViewSelection()) !== null && _elementor$templates$2 !== void 0 ? _elementor$templates$2 : 'list' }; } } }; } }, { key: "defaultRoutes", value: function defaultRoutes() { var _this = this; var defaultRoutes = { import: function _import() { _this.manager.layout.showImportView(); }, 'save-template': function saveTemplate(args) { var _args$context; _this.manager.layout.showSaveTemplateView(args.model, (_args$context = args.context) !== null && _args$context !== void 0 ? _args$context : _constants.SAVE_CONTEXTS.SAVE); }, preview: function preview(args) { _this.manager.layout.showPreviewView(args.model); }, connect: function connect(args) { args.texts = { title: __('Connect to Template Library', 'elementor'), message: __('Access this template and our entire library by creating a free personal account', 'elementor'), button: __('Get Started', 'elementor') }; _this.manager.layout.showConnectView(args); }, 'view-folder': function viewFolder(args) { _this.manager.layout.showFolderView(args); } }; return defaultRoutes; } }, { key: "defaultCommands", value: function defaultCommands() { var modalCommands = _superPropGet(Component, "defaultCommands", this, 3)([]); return _objectSpread(_objectSpread({}, modalCommands), this.importCommands(commands)); } }, { key: "defaultData", value: function defaultData() { return this.importCommands(commandsData); } }, { key: "defaultShortcuts", value: function defaultShortcuts() { return { open: { keys: 'ctrl+shift+l' } }; } }, { key: "onDocumentLoaded", value: function onDocumentLoaded(document) { this.setDefaultRoute(document.config.remoteLibrary.default_route); this.maybeOpenLibrary(); } }, { key: "renderTab", value: function renderTab(tab) { var currentTab = this.tabs[tab]; var filter = currentTab.getFilter ? currentTab.getFilter() : currentTab.filter; this.trackLibraryNavigation(tab, currentTab.title); this.currentTab = tab; this.manager.setScreen(filter); } }, { key: "trackLibraryNavigation", value: function trackLibraryNavigation(tab, tabTitle) { _editorOneEvents.EditorOneEventManager.sendELibraryNav(tabTitle || tab); } }, { key: "activateTab", value: function activateTab(tab) { var _this$manager; $e.routes.saveState('library'); _superPropGet(Component, "activateTab", this, 3)([tab]); // Update ARIA attributes for accessibility var $tabsWrapper = jQuery(this.getTabsWrapperSelector()); var $tabs = $tabsWrapper.find('[role="tab"]'); var $activeTab = $tabs.filter("[data-tab=\"".concat(tab, "\"]")); var $templatesContainer = (_this$manager = this.manager) === null || _this$manager === void 0 || (_this$manager = _this$manager.layout) === null || _this$manager === void 0 || (_this$manager = _this$manager.modalContent) === null || _this$manager === void 0 || (_this$manager = _this$manager.currentView) === null || _this$manager === void 0 ? void 0 : _this$manager.$childViewContainer; $tabs.attr({ 'aria-selected': 'false', tabindex: '-1' }); $activeTab.attr({ 'aria-selected': 'true', tabindex: '0' }); if ($templatesContainer !== null && $templatesContainer !== void 0 && $templatesContainer.length) { $templatesContainer.attr({ role: 'tabpanel', 'aria-labelledby': "tab-".concat(tab) }); } } }, { key: "open", value: function open() { _superPropGet(Component, "open", this, 3)([]); if (!this.manager.layout) { this.manager.layout = this.layout; } this.manager.layout.setHeaderDefaultParts(); return true; } }, { key: "close", value: function close() { if (!_superPropGet(Component, "close", this, 3)([])) { return false; } this.manager.modalConfig = {}; return true; } }, { key: "show", value: function show(args) { this.manager.modalConfig = args; if (args.toDefault || !$e.routes.restoreState('library')) { $e.route(this.getDefaultRoute()); } } // TODO: Move function to 'insert-template' command. }, { key: "insertTemplate", value: function insertTemplate(args) { var _this2 = this; this.downloadTemplate(args, function (data, callbackParams) { var _model$get, _elementor$config$lib; var model = callbackParams.model; var source = (_model$get = model.get('source')) !== null && _model$get !== void 0 ? _model$get : 'local'; var templateType = model.get('type'); var templateTitle = model.get('title'); var templateId = model.get('template_id'); var baseTier = (_elementor$config$lib = elementor.config.library_connect) === null || _elementor$config$lib === void 0 ? void 0 : _elementor$config$lib.base_access_tier; var templateTier = model.get('accessTier'); $e.run('document/elements/import', { model: model, data: data, options: callbackParams.importOptions, onAfter: function onAfter() { _this2.manager.eventManager.sendTemplateInsertedEvent({ library_type: source }); _editorOneEvents.EditorOneEventManager.sendELibraryInsert({ assetId: templateId, assetName: templateTitle, libraryType: templateType || source, proRequired: baseTier !== templateTier }); } }); }); } }, { key: "downloadTemplate", value: function downloadTemplate(args, callback) { var _this3 = this; var autoImportSettings = elementor.config.document.remoteLibrary.autoImportSettings, model = args.model; var _args$withPageSetting = args.withPageSettings, withPageSettings = _args$withPageSetting === void 0 ? null : _args$withPageSetting; if (autoImportSettings) { withPageSettings = true; } this.manager.layout.showLoadingView(); var shouldFetchPageSettings = null === withPageSettings ? model.get('hasPageSettings') : withPageSettings; this.manager.requestTemplateContent(model.get('source'), model.get('template_id'), { data: { with_page_settings: shouldFetchPageSettings }, success: function () { var _success = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(data) { var processedData, globalStylesResult, importOptions, insertTemplateHandler, _t; return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: _this3.manager.layout.hideLoadingView(); processedData = data; if (!_this3.manager.hasGlobalStyles(data)) { _context.next = 4; break; } _context.prev = 1; _context.next = 2; return _this3.processGlobalStylesImport(data); case 2: globalStylesResult = _context.sent; processedData = globalStylesResult.data; withPageSettings = globalStylesResult.withPageSettings; _context.next = 4; break; case 3: _context.prev = 3; _t = _context["catch"](1); return _context.abrupt("return"); case 4: if (!_this3.manager.hasGlobalStyles(data) && null === withPageSettings) { withPageSettings = false; } importOptions = jQuery.extend({}, _this3.manager.modalConfig.importOptions); importOptions.withPageSettings = withPageSettings; if (!(null === withPageSettings && model.get('hasPageSettings'))) { _context.next = 5; break; } insertTemplateHandler = _this3.getImportSettingsDialog(); insertTemplateHandler.showImportDialogWithData(model, processedData, importOptions, callback); return _context.abrupt("return"); case 5: _this3.manager.layout.hideModal(); _this3.showFlatteningWarningIfNeeded(processedData); callback(processedData, { model: model, importOptions: importOptions }); case 6: case "end": return _context.stop(); } }, _callee, null, [[1, 3]]); })); function success(_x) { return _success.apply(this, arguments); } return success; }(), error: function error(data) { _this3.manager.showErrorDialog(data); }, complete: function complete() { _this3.manager.layout.hideLoadingView(); } }); } }, { key: "processGlobalStylesImport", value: function () { var _processGlobalStylesImport = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2(data) { var _yield$showGlobalStyl, mode, result, processedData, _t2; return _regenerator.default.wrap(function (_context2) { while (1) switch (_context2.prev = _context2.next) { case 0: _context2.next = 1; return (0, _globalStylesDialog.showGlobalStylesDialog)(); case 1: _yield$showGlobalStyl = _context2.sent; mode = _yield$showGlobalStyl.mode; this.manager.layout.showLoadingView(); _context2.prev = 2; _context2.next = 3; return new Promise(function (resolve, reject) { elementorCommon.ajax.addRequest('process_global_styles', { data: { content: JSON.stringify(data.content), import_mode: mode, global_classes: data.global_classes ? JSON.stringify(data.global_classes) : null, global_variables: data.global_variables ? JSON.stringify(data.global_variables) : null }, success: resolve, error: reject }); }); case 3: result = _context2.sent; processedData = _objectSpread(_objectSpread({}, data), {}, { content: result.content, flattened_classes_count: result.flattened_classes_count || 0, flattened_variables_count: result.flattened_variables_count || 0 }); if (result.updated_global_classes || result.updated_global_variables) { window.dispatchEvent(new CustomEvent('elementor/global-styles/imported', { detail: { global_classes: result.updated_global_classes, global_variables: result.updated_global_variables } })); } return _context2.abrupt("return", { data: processedData, withPageSettings: 'match_site' === mode }); case 4: _context2.prev = 4; _t2 = _context2["catch"](2); this.manager.showErrorDialog(_t2); throw _t2; case 5: _context2.prev = 5; this.manager.layout.hideLoadingView(); return _context2.finish(5); case 6: case "end": return _context2.stop(); } }, _callee2, this, [[2, 4, 5, 6]]); })); function processGlobalStylesImport(_x2) { return _processGlobalStylesImport.apply(this, arguments); } return processGlobalStylesImport; }() }, { key: "getImportSettingsDialog", value: function getImportSettingsDialog() { var self = this; var InsertTemplateHandler = { dialog: null, showImportDialog: function showImportDialog(model) { var dialog = InsertTemplateHandler.getDialog(model); dialog.onConfirm = function () { $e.run('library/insert-template', { model: model, withPageSettings: true, onAfter: function onAfter() { elementor.templates.eventManager.sendInsertApplySettingsEvent({ apply_modal_result: 'apply', library_type: model.get('source') }); } }); }; dialog.onCancel = function () { $e.run('library/insert-template', { model: model, withPageSettings: false, onAfter: function onAfter() { elementor.templates.eventManager.sendInsertApplySettingsEvent({ apply_modal_result: "don't apply", library_type: model.get('source') }); } }); }; dialog.show(); }, showImportDialogWithData: function showImportDialogWithData(model, data, importOptions, callback) { var dialog = InsertTemplateHandler.getDialog(model); dialog.onConfirm = function () { importOptions.withPageSettings = true; elementor.templates.eventManager.sendInsertApplySettingsEvent({ apply_modal_result: 'apply', library_type: model.get('source') }); self.manager.layout.hideModal(); callback(data, { model: model, importOptions: importOptions }); }; dialog.onCancel = function () { importOptions.withPageSettings = false; elementor.templates.eventManager.sendInsertApplySettingsEvent({ apply_modal_result: "don't apply", library_type: model.get('source') }); self.manager.layout.hideModal(); callback(data, { model: model, importOptions: importOptions }); }; dialog.show(); }, initDialog: function initDialog(model) { InsertTemplateHandler.dialog = elementorCommon.dialogsManager.createWidget('confirm', { id: 'elementor-insert-template-settings-dialog', /* Translators: %s is the type content */ headerMessage: __('Apply the settings of this %s too?', 'elementor').replace('%s', elementor.translate(model.attributes.type)), /* Translators: %s is the type content */ message: __('This will override the design, layout, and other settings of the %s you’re working on.', 'elementor').replace('%s', elementor.documents.getCurrent().container.label), strings: { confirm: __('Apply', 'elementor'), cancel: __('Don’t apply', 'elementor') } }); }, getDialog: function getDialog(model) { if (!InsertTemplateHandler.dialog) { InsertTemplateHandler.initDialog(model); } return InsertTemplateHandler.dialog; } }; return InsertTemplateHandler; } }, { key: "getTabsWrapperSelector", value: function getTabsWrapperSelector() { return '#elementor-template-library-header-menu'; } }, { key: "getModalLayout", value: function getModalLayout() { return TemplateLibraryLayoutView; } }, { key: "maybeOpenLibrary", value: function maybeOpenLibrary() { if ('#library' === location.hash) { $e.run('library/open'); location.hash = ''; } } }, { key: "showFlatteningWarningIfNeeded", value: function showFlatteningWarningIfNeeded(result) { var flattenedClassesCount = result.flattened_classes_count || 0; var flattenedVariablesCount = result.flattened_variables_count || 0; if (0 === flattenedClassesCount && 0 === flattenedVariablesCount) { return; } var message; if (flattenedClassesCount > 0 && flattenedVariablesCount > 0) { message = __('Some styles were added as static values because the style limits were reached.', 'elementor'); } else if (flattenedClassesCount > 0) { message = __('Some styles were added as static values because the class limit was reached.', 'elementor'); } else { message = __('Some styles were added as static values because the variable limit was reached.', 'elementor'); } elementor.notifications.showToast({ message: message }); } }]); }(_componentModalBase.default); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/constants.js": /*!************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/constants.js ***! \************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; Object.defineProperty(exports, "__esModule", ({ value: true })); exports.SAVE_CONTEXTS = exports.QUOTA_WARNINGS = exports.QUOTA_BAR_STATES = void 0; var SAVE_CONTEXTS = exports.SAVE_CONTEXTS = Object.freeze({ SAVE: 'save', MOVE: 'move', COPY: 'copy', BULK_MOVE: 'bulkMove', BULK_COPY: 'bulkCopy' }); var QUOTA_WARNINGS = exports.QUOTA_WARNINGS = Object.freeze({ /* Translators: 1: Quota usage percentage */ // eslint-disable-next-line @wordpress/i18n-no-flanking-whitespace, @wordpress/i18n-translator-comments warning: __('You\'ve saved %1$d%% of the templates in your plan. To get more space ', 'elementor') + '' + __('Upgrade now', 'elementor') + '', /* Translators: 1: Quota usage percentage */ // eslint-disable-next-line @wordpress/i18n-no-flanking-whitespace, @wordpress/i18n-translator-comments alert: __('You\'ve saved %1$d%% of the templates in your plan. To get more space ', 'elementor') + '' + __('Upgrade now', 'elementor') + '' }); var QUOTA_BAR_STATES = exports.QUOTA_BAR_STATES = Object.freeze({ NORMAL: 'normal', WARNING: 'warning', ALERT: 'alert' }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/event-manager/index.js": /*!**********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/event-manager/index.js ***! \**********************************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports.EventManager = void 0; var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } var EVENTS_MAP = { SAVE_TEMPLATE_CONTEXT_MENU_EXPOSURE: 'save_template_context_menu_exposure', NEW_SAVE_TEMPLATE_CLICKED: 'new_save_template_clicked', TEMPLATE_SAVED: 'template_saved', TEMPLATE_TRANSFER: 'template_transfer', ITEM_DELETED: 'item_deleted', TEMPLATE_IMPORT: 'template_import', TEMPLATE_RENAME: 'template_rename', TEMPLATE_INSERTED: 'template_inserted', BULK_ACTIONS_SUCCESS: 'bulk_actions', BULK_ACTIONS_FAILED: 'bulk_actions', FOLDER_CREATE: 'folder_create', QUOTA_BAR_CAPACITY: 'quota_bar_capacity', INSERT_APPLY_SETTINGS: 'insert_apply_settings', UPGRADE_CLICKED: 'upgrade_clicked', PAGE_VIEWED: 'page_viewed', DELETION_UNDO: 'deletion_undo', CT_BADGE_HOVER: 'ct_badge_hover' }; var CLOUD_TEMPLATES_EXPERIMENTS = { SAVE_TEMPLATE: 'save-template-cloud' }; var EventManager = exports.EventManager = /*#__PURE__*/function () { function EventManager() { (0, _classCallCheck2.default)(this, EventManager); } return (0, _createClass2.default)(EventManager, [{ key: "getExperimentVariant", value: function () { var _getExperimentVariant = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(experimentName) { var _elementorCommon, _elementorCommon2; return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: if ((_elementorCommon = elementorCommon) !== null && _elementorCommon !== void 0 && _elementorCommon.eventsManager) { _context.next = 1; break; } return _context.abrupt("return", 'control'); case 1: return _context.abrupt("return", ((_elementorCommon2 = elementorCommon) === null || _elementorCommon2 === void 0 || (_elementorCommon2 = _elementorCommon2.eventsManager) === null || _elementorCommon2 === void 0 ? void 0 : _elementorCommon2.getExperimentVariant(experimentName, 'control')) || 'control'); case 2: case "end": return _context.stop(); } }, _callee); })); function getExperimentVariant(_x) { return _getExperimentVariant.apply(this, arguments); } return getExperimentVariant; }() }, { key: "getSaveTemplateExperimentVariant", value: function getSaveTemplateExperimentVariant() { return this.getExperimentVariant(CLOUD_TEMPLATES_EXPERIMENTS.SAVE_TEMPLATE); } }, { key: "startSaveTemplateExperiment", value: function startSaveTemplateExperiment(variant) { var _elementorCommon3, _elementorCommon4; if (!((_elementorCommon3 = elementorCommon) !== null && _elementorCommon3 !== void 0 && _elementorCommon3.eventsManager)) { return; } return (_elementorCommon4 = elementorCommon) === null || _elementorCommon4 === void 0 || (_elementorCommon4 = _elementorCommon4.eventsManager) === null || _elementorCommon4 === void 0 ? void 0 : _elementorCommon4.startExperiment(CLOUD_TEMPLATES_EXPERIMENTS.SAVE_TEMPLATE, variant); } }, { key: "sendEvent", value: function sendEvent(eventName, data) { return elementorCommon.eventsManager.dispatchEvent(eventName, data); } }, { key: "sendContextMenuExposureEvent", value: function sendContextMenuExposureEvent() { return this.sendEvent(EVENTS_MAP.SAVE_TEMPLATE_CONTEXT_MENU_EXPOSURE, { location: elementorCommon.eventsManager.config.locations.elementorEditor, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.contextMenu, trigger: elementorCommon.eventsManager.config.triggers.visible }); } }, { key: "sendNewSaveTemplateClickedEvent", value: function sendNewSaveTemplateClickedEvent() { return this.sendEvent(EVENTS_MAP.NEW_SAVE_TEMPLATE_CLICKED, { location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModal, trigger: elementorCommon.eventsManager.config.triggers.click }); } }, { key: "sendTemplateSavedEvent", value: function sendTemplateSavedEvent(data) { return this.sendEvent(EVENTS_MAP.TEMPLATE_SAVED, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModal, trigger: elementorCommon.eventsManager.config.triggers.click }, data)); } }, { key: "sendTemplateTransferEvent", value: function sendTemplateTransferEvent(data) { return this.sendEvent(EVENTS_MAP.TEMPLATE_TRANSFER, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModal }, data)); } }, { key: "sendItemDeletedEvent", value: function sendItemDeletedEvent(data) { return this.sendEvent(EVENTS_MAP.ITEM_DELETED, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.deleteDialog }, data)); } }, { key: "sendTemplateImportEvent", value: function sendTemplateImportEvent(data) { return this.sendEvent(EVENTS_MAP.TEMPLATE_IMPORT, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModal }, data)); } }, { key: "sendTemplateRenameEvent", value: function sendTemplateRenameEvent(data) { return this.sendEvent(EVENTS_MAP.TEMPLATE_RENAME, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.renameDialog }, data)); } }, { key: "sendTemplateInsertedEvent", value: function sendTemplateInsertedEvent(data) { return this.sendEvent(EVENTS_MAP.TEMPLATE_INSERTED, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library }, data)); } }, { key: "sendBulkActionsSuccessEvent", value: function sendBulkActionsSuccessEvent(data) { return this.sendEvent(EVENTS_MAP.BULK_ACTIONS_SUCCESS, _objectSpread({ bulk_status: 'success', location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModal }, data)); } }, { key: "sendBulkActionsFailedEvent", value: function sendBulkActionsFailedEvent(data) { return this.sendEvent(EVENTS_MAP.BULK_ACTIONS_FAILED, _objectSpread({ bulk_status: 'fail', location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModal }, data)); } }, { key: "sendFolderCreateEvent", value: function sendFolderCreateEvent() { return this.sendEvent(EVENTS_MAP.FOLDER_CREATE, { location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.createFolderDialog }); } }, { key: "sendQuotaBarCapacityEvent", value: function sendQuotaBarCapacityEvent(data) { return this.sendEvent(EVENTS_MAP.QUOTA_BAR_CAPACITY, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library }, data)); } }, { key: "sendInsertApplySettingsEvent", value: function sendInsertApplySettingsEvent(data) { return this.sendEvent(EVENTS_MAP.INSERT_APPLY_SETTINGS, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.applySettingsDialog }, data)); } }, { key: "sendUpgradeClickedEvent", value: function sendUpgradeClickedEvent(data) { var _elementor; return this.sendEvent(EVENTS_MAP.UPGRADE_CLICKED, _objectSpread({ location: elementorCommon.eventsManager.config.locations.templatesLibrary.library, current_sub: (_elementor = elementor) === null || _elementor === void 0 || (_elementor = _elementor.config) === null || _elementor === void 0 || (_elementor = _elementor.library_connect) === null || _elementor === void 0 ? void 0 : _elementor.current_access_tier }, data)); } }, { key: "sendPageViewEvent", value: function sendPageViewEvent(data) { return this.sendEvent(EVENTS_MAP.PAGE_VIEWED, _objectSpread({ page_loaded: data.location }, data)); } }, { key: "sendDeletionUndoEvent", value: function sendDeletionUndoEvent(data) { return this.sendEvent(EVENTS_MAP.DELETION_UNDO, _objectSpread({}, data)); } }, { key: "sendCTBadgeEvent", value: function sendCTBadgeEvent(data) { return this.sendEvent(EVENTS_MAP.CT_BADGE_HOVER, { ct_badge_hover_position: data.ct_badge_hover_position, ct_badge_type: data.ct_badge_type, ct_position_state: data.ct_position_state }); } }]); }(); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/manager.js": /*!**********************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/manager.js ***! \**********************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js")); var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js")); var _component = _interopRequireDefault(__webpack_require__(/*! ./component */ "../assets/dev/js/editor/components/template-library/component.js")); var _localStorage = _interopRequireDefault(__webpack_require__(/*! elementor-api/core/data/storages/local-storage */ "../modules/web-cli/assets/js/core/data/storages/local-storage.js")); var _eventManager = __webpack_require__(/*! ./event-manager */ "../assets/dev/js/editor/components/template-library/event-manager/index.js"); var _constants = __webpack_require__(/*! ./constants */ "../assets/dev/js/editor/components/template-library/constants.js"); function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } var TemplateLibraryCollection = __webpack_require__(/*! elementor-templates/collections/templates */ "../assets/dev/js/editor/components/template-library/collections/templates.js"); var TemplateLibraryManager = function TemplateLibraryManager() { var _this3 = this; this.modalConfig = {}; this.eventManager = new _eventManager.EventManager(); var self = this, templateTypes = {}, storage = new _localStorage.default(), storageKeyPrefix = 'my_templates_', sourceKey = 'source', viewKey = 'view', bulkSelectedItems = new Set(), lastDeletedItems = new Set(); var variantsConfig = { control: { saveBtnText: __('Save', 'elementor'), saveDialogDescription: sprintf(/* Translators: 1: Opening bold tag, 2: Closing bold tag. 2: Line break tag. 4: Opening bold tag, 5: Closing bold tag. */ __("You can save it to %1$sCloud Templates%2$s to reuse across any of your Elementor sites at any time%3$sor to %4$sSite Templates%5$s so it's always ready when editing this website.", 'elementor'), '', '', '
', '', '') }, B: { saveBtnText: __('Save page', 'elementor'), saveDialogDescription: sprintf(/* Translators: 1: Opening bold tag, 2: Closing bold tag. 3: Opening bold tag, 4: Closing bold tag. */ __('Store your design in %1$sCloud Templates%2$s for future Elementor projects. Or save it to %3$sSite Templates%4$s, to reuse anywhere on this site.', 'elementor'), '', '', '', '') } }; var deleteDialog, errorDialog, templatesCollection, config = {}, filterTerms = {}, isLoading = false, total = 0, toastConfig = { show: false, options: {} }, bulkSelectedItemsTypes = []; var registerDefaultTemplateTypes = function registerDefaultTemplateTypes() { self.getDefaultTemplateTypeData().then(function (data) { var elements = Object.entries(elementor.getConfig().elements).reduce(function (acc, _ref) { var _ref2 = (0, _slicedToArray2.default)(_ref, 2), type = _ref2[0], element = _ref2[1]; if (!(element !== null && element !== void 0 && element.atomic_props_schema)) { return acc; } acc[type] = element.title; return acc; }, {}); var translationMap = _objectSpread(_objectSpread({ page: __('Page', 'elementor'), section: __('Section', 'elementor'), container: __('Container', 'elementor') }, elements), {}, (0, _defineProperty2.default)({}, elementor.config.document.type, elementor.config.document.panel.title)); jQuery.each(translationMap, function (type, title) { self.getDefaultTemplateTypeSafeData(title, type).then(function (defaultTemplateData) { var safeData = jQuery.extend(true, {}, data, defaultTemplateData); self.registerTemplateType(type, safeData); }); }); }); }; var registerDefaultFilterTerms = function registerDefaultFilterTerms() { filterTerms = { text: { callback: function callback(value) { value = value.toLowerCase(); if (this.get('title').toLowerCase().indexOf(value) >= 0) { return true; } return _.any(this.get('tags'), function (tag) { return tag.toLowerCase().indexOf(value) >= 0; }); } }, type: {}, subtype: {}, favorite: {} }; }; this.isLoading = function () { return isLoading; }; this.canLoadMore = function () { if (!templatesCollection) { return false; } return templatesCollection.length < total; }; this.init = function () { var _this = this; registerDefaultTemplateTypes(); registerDefaultFilterTerms(); this.component = $e.components.register(new _component.default({ manager: this })); elementor.addBackgroundClickListener('libraryToggleMore', { element: '.elementor-template-library-template-more' }); window.addEventListener('message', function (message) { var data = message.data; if (!data.name || data.name !== 'library/capture-screenshot-done') { return; } var template = templatesCollection.models.find(function (templateModel) { return templateModel.get('template_id') === parseInt(data.id); }); if (!template) { return null; } template.set('preview_url', data.imageUrl); }); this.handleKeydown = function (event) { if (_this.isSelectAllShortcut(event) && _this.isCloudGridView() && _this.isClickedInLibrary(event)) { event.preventDefault(); _this.selectAllTemplates(); } if (_this.isUndoShortCut(event) && lastDeletedItems.size) { _this.restoreRemovedItems(); } }; document.addEventListener('keydown', this.handleKeydown); }; this.getDefaultTemplateTypeData = function () { return this.eventManager.getSaveTemplateExperimentVariant().then(function (experimentVariant) { var _variantsConfig$exper; return { saveDialog: { icon: '', canSaveToCloud: true, saveBtnText: (_variantsConfig$exper = variantsConfig[experimentVariant]) === null || _variantsConfig$exper === void 0 ? void 0 : _variantsConfig$exper.saveBtnText }, moveDialog: { description: __('Alternatively, you can copy the template.', 'elementor'), icon: '', canSaveToCloud: true, saveBtnText: __('Move', 'elementor'), nameLabel: '', namePlaceholder: '' }, copyDialog: { description: __('Alternatively, you can move the template.', 'elementor'), icon: '', canSaveToCloud: true, saveBtnText: __('Copy', 'elementor'), nameLabel: '', namePlaceholder: '' }, bulkMoveDialog: { description: __('Alternatively, you can copy the templates.', 'elementor'), title: __('Move templates to a different location', 'elementor'), icon: '', canSaveToCloud: true, saveBtnText: __('Move', 'elementor'), nameLabel: '', namePlaceholder: '' }, bulkCopyDialog: { description: __('Alternatively, you can move the templates.', 'elementor'), title: __('Copy templates to a different location', 'elementor'), icon: '', canSaveToCloud: true, saveBtnText: __('Copy', 'elementor'), nameLabel: '', namePlaceholder: '' } }; }); }; this.getDefaultTemplateTypeSafeData = function (title, type) { return this.eventManager.getSaveTemplateExperimentVariant().then(function (experimentVariant) { var _variantsConfig$exper2; var isPageType = 'page' === type; /* Translators: %s: Template type. */ var nameLabel = sprintf(__('%s name', 'elementor'), title); var namePlaceholder = isPageType ? __('Type the page name here', 'elementor') : __('Give your template a name', 'elementor'); return { saveDialog: { description: ((_variantsConfig$exper2 = variantsConfig[experimentVariant]) === null || _variantsConfig$exper2 === void 0 ? void 0 : _variantsConfig$exper2.saveDialogDescription) || '', /* Translators: %s: Template type. */ title: sprintf(__('Save this %s to your library', 'elementor'), title), nameLabel: nameLabel, namePlaceholder: namePlaceholder, /* Translators: %s: Template type. */ saveLocationLabel: sprintf(__('Where would you like to save this %s?', 'elementor'), title) }, moveDialog: { /* Translators: %s: Template type. */ title: sprintf(__('Move your %s to a different location', 'elementor'), title), /* Translators: %s: Template type. */ saveLocationLabel: sprintf(__('Where would you like to move this %s?', 'elementor'), title), nameLabel: nameLabel, namePlaceholder: namePlaceholder }, copyDialog: { /* Translators: %s: Template type. */ title: sprintf(__('Copy your %s to a different location', 'elementor'), title), /* Translators: %s: Template type. */ saveLocationLabel: sprintf(__('Where would you like to cppy this %s?', 'elementor'), title), nameLabel: nameLabel, namePlaceholder: namePlaceholder }, bulkMoveDialog: { saveLocationLabel: __('Where would you like to move selected templates?', 'elementor') }, bulkCopyDialog: { saveLocationLabel: __('Where would you like to copy selected templates?', 'elementor') } }; }); }; this.isSelectAllShortcut = function (event) { return (event.metaKey || event.ctrlKey) && 'a' === event.key; }; this.isUndoShortCut = function (event) { return (event.metaKey || event.ctrlKey) && 'z' === event.key; }; this.isCloudGridView = function () { return 'cloud' === this.getFilter('source') && 'grid' === this.getViewSelection(); }; this.isClickedInLibrary = function (event) { if (event.target === document.body) { return true; // When the rename dialog is closed it sets the target to the body. } var libraryElement = document.getElementById('elementor-template-library-modal'); return libraryElement && event.target === libraryElement; }; this.clearLastRemovedItems = function () { lastDeletedItems.clear(); }; this.addLastRemovedItems = function (ids) { if (!Array.isArray(ids) && !ids.length) { return; } ids.forEach(function (id) { return lastDeletedItems.add(id); }); }; this.selectAllTemplates = function () { var _this2 = this; document.querySelectorAll('.elementor-template-library-template[data-template_id]').forEach(function (element) { var templateId = element.getAttribute('data-template_id'); var type = element.getAttribute('data-type'); element.classList.add('bulk-selected-item'); _this2.addBulkSelectionItem(templateId, type); }); this.layout.handleBulkActionBar(); }; this.restoreRemovedItems = function () { this.onUndoDelete(1 < lastDeletedItems.size); }; this.getSourceSelection = function () { return storage.getItem(storageKeyPrefix + sourceKey); }; this.setSourceSelection = function (value) { return storage.setItem(storageKeyPrefix + sourceKey, value); }; this.getViewSelection = function () { return storage.getItem(storageKeyPrefix + viewKey); }; this.setViewSelection = function (value) { return storage.setItem(storageKeyPrefix + viewKey, value); }; this.getTemplateTypes = function (type) { if (type) { return templateTypes[type]; } return templateTypes; }; this.registerTemplateType = function (type, data) { if (templateTypes.hasOwnProperty(type)) { return; } templateTypes[type] = data; }; this.deleteTemplate = function (templateModel, options) { this.clearLastRemovedItems(); var dialog = self.getDeleteDialog(templateModel); dialog.onConfirm = function () { if (options.onConfirm) { options.onConfirm(); } var templateId = templateModel.get('template_id'); var source = templateModel.get('source'); var itemType = templateModel.get('subType'); elementorCommon.ajax.addRequest('delete_template', { data: { source: source, template_id: templateId }, success: function success(response) { templatesCollection.remove(templateModel); if ('cloud' === source) { self.addLastRemovedItems([templateId]); } if (options.onSuccess) { options.onSuccess(response); } self.layout.updateViewCollection(self.filterTemplates()); var buttons = 'cloud' === source ? [{ name: 'undo_bulk', text: __('Undo', 'elementor'), callback: function callback() { self.onUndoDelete(); } }] : null; elementor.notifications.showToast({ message: "1 item deleted successfully", buttons: buttons }); self.triggerQuotaUpdate(); self.resetBulkActionBar(); self.eventManager.sendItemDeletedEvent({ library_type: source, item_type: itemType }); } }); }; dialog.show(); }; this.renameTemplate = function (templateModel, options) { var originalTitle = templateModel.get('title'); _this3.clearLastRemovedItems(); var dialog = _this3.getRenameDialog(templateModel); return new Promise(function (resolve) { dialog.onConfirm = function () { if (options.onConfirm) { options.onConfirm(); } var source = templateModel.get('source'); elementorCommon.ajax.addRequest('rename_template', { data: { source: source, id: templateModel.get('template_id'), title: templateModel.get('title') }, success: function success(response) { templateModel.trigger('change:title'); _this3.eventManager.sendTemplateRenameEvent({ source: source }); resolve(response); }, error: function error(_error) { _this3.showErrorDialog(_error); templateModel.set('title', originalTitle); resolve(); } }); }; dialog.show(); }); }; this.getRenameDialog = function (templateModel) { var headerMessage = sprintf( // Translators: %1$s: Folder name, %2$s: Number of templates. __('Rename "%1$s"', 'elementor'), templateModel.get('title')); var originalTitle = templateModel.get('title'); var $inputArea = jQuery('', { id: 'elementor-rename-template-dialog__input', type: 'text', value: templateModel.get('title') }).attr('autocomplete', 'off'); var dialog = elementorCommon.dialogsManager.createWidget('confirm', { id: 'elementor-template-library-rename-dialog', headerMessage: headerMessage, message: $inputArea, strings: { confirm: __('Rename', 'elementor') }, hide: { ignore: '#elementor-template-library-modal' }, onCancel: function onCancel() { templateModel.set('title', originalTitle); }, onShow: function onShow() { elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.renameDialog }); $inputArea.trigger('focus'); } }); $inputArea.on('input', function (event) { event.preventDefault(); var title = event.target.value.trim(); templateModel.set('title', title, { silent: true }); dialog.getElements('ok').prop('disabled', !self.isTemplateTitleValid(title)); }); return dialog; }; this.isTemplateTitleValid = function (title) { return title.trim().length > 0 && title.trim().length <= 75; }; this.getFolderTemplates = function (parentElement) { _this3.clearLastRemovedItems(); var parentId = parentElement.model.get('template_id'); var parentTitle = parentElement.model.get('title'); return new Promise(function (resolve) { isLoading = true; var ajaxOptions = { data: { source: 'cloud', template_id: parentId }, success: function success(data) { _this3.setFilter('orderby', '', true); _this3.setFilter('order', '', true); _this3.setFilter('parent', { id: parentId, title: parentTitle }); templatesCollection = new TemplateLibraryCollection(data.templates); elementor.templates.layout.hideLoadingView(); self.layout.updateViewCollection(templatesCollection.models); self.layout.modalContent.currentView.ui.addNewFolder.remove(); self.layout.modalContent.currentView.ui.addNewFolderDivider.remove(); self.layout.resetSortingUI(); isLoading = false; resolve(); }, error: function error(_error2) { isLoading = false; _this3.showErrorDialog(_error2); } }; elementorCommon.ajax.addRequest('get_item_children', ajaxOptions); }); }; this.createFolder = function (folderData, options) { var _this4 = this; this.clearLastRemovedItems(); if (null !== this.getFilter('parent')) { this.showErrorDialog(__('You can not create a folder inside another folder.', 'elementor')); return; } var dialog = this.getCreateFolderDialog(folderData); return new Promise(function (resolve) { dialog.onConfirm = /*#__PURE__*/(0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() { return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: _context.next = 1; return elementorCommon.ajax.addRequest('create_folder', { data: { source: folderData.source, title: folderData.title }, success: function success(response) { resolve(response); options === null || options === void 0 || options.onSuccess(); _this4.eventManager.sendFolderCreateEvent(); }, error: function error(_error3) { _this4.showErrorDialog(_error3); resolve(); } }); case 1: case "end": return _context.stop(); } }, _callee); })); dialog.show(); }); }; this.getCreateFolderDialog = function (folderData) { var paragraph = document.createElement('p'); paragraph.className = 'elementor-create-folder-template-dialog__p'; paragraph.textContent = __('Save assets to reuse on any site in your account.', 'elementor'); var inputArea = document.createElement('input'); inputArea.className = 'elementor-create-folder-template-dialog__input'; inputArea.type = 'text'; inputArea.value = ''; inputArea.placeholder = __('Folder name', 'elementor'); inputArea.autocomplete = 'off'; var fragment = document.createDocumentFragment(); fragment.appendChild(paragraph); fragment.appendChild(inputArea); var dialog = elementorCommon.dialogsManager.createWidget('confirm', { id: 'elementor-template-library-create-new-folder-dialog', headerMessage: __('Create a new folder', 'elementor'), message: fragment, strings: { confirm: __('Create', 'elementor') }, hide: { ignore: '#elementor-template-library-modal' }, onShow: function onShow() { inputArea.focus(); elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.newFolderModal }); } }); dialog.getElements('ok').prop('disabled', true); inputArea.addEventListener('input', function (event) { event.preventDefault(); var title = event.target.value.trim(); folderData.title = title; var isTitleValid = self.isTemplateTitleValid(title); dialog.getElements('ok').prop('disabled', !isTitleValid); }); return dialog; }; this.deleteFolder = function (templateModel, options) { var _this5 = this; this.clearLastRemovedItems(); var ajaxOptions = { data: { source: 'cloud', template_id: templateModel.get('template_id') }, success: function success(data) { return _this5.handleGetFolderDataSuccess(templateModel, options, data); } }; elementorCommon.ajax.addRequest('get_item_children', ajaxOptions); }; this.handleGetFolderDataSuccess = function (templateModel, options, data) { var _this6 = this; var dialog = this.getDeleteFolderDialog(templateModel, data); dialog.onConfirm = function () { var _options$onConfirm; (_options$onConfirm = options.onConfirm) === null || _options$onConfirm === void 0 || _options$onConfirm.call(options); _this6.sendDeleteRequest(templateModel, options); }; dialog.show(); }; this.getDeleteFolderDialog = function (templateModel, data) { var deleteFolderDialog = elementorCommon.dialogsManager.createWidget('confirm', { id: 'elementor-template-library-delete-dialog', headerMessage: __('Delete this folder?', 'elementor'), message: sprintf( // Translators: %1$s: Folder name, %2$s: Number of templates. __('This will permanently delete "%1$s" that contains %2$d templates.', 'elementor'), templateModel.get('title'), data.total), strings: { confirm: __('Delete', 'elementor') }, onShow: function onShow() { elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.deleteFolderDialog }); } }); deleteFolderDialog.getElements('ok').addClass('e-danger color-white'); return deleteFolderDialog; }; this.getBulkDeleteDialog = function () { var bulkDeleteDialog = elementorCommon.dialogsManager.createWidget('confirm', { id: 'elementor-template-library-bulk-delete-dialog', headerMessage: __('Delete items?', 'elementor'), message: sprintf( // Translators: %1$s: Number of selected items. __('This will permanently remove %1$s selected items.', 'elementor'), bulkSelectedItems.size), strings: { confirm: __('Delete', 'elementor') } }); bulkDeleteDialog.getElements('ok').addClass('e-danger color-white'); return bulkDeleteDialog; }; this.sendDeleteRequest = function (templateModel, options) { var _this7 = this; var templateId = templateModel.get('template_id'); var source = templateModel.get('source'); elementorCommon.ajax.addRequest('delete_template', { data: { source: source, template_id: templateId }, success: function success(response) { var _options$onSuccess; self.addLastRemovedItems([templateId]); templatesCollection.remove(templateModel, { silent: true }); (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 || _options$onSuccess.call(options, response); elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.deleteFolderDialog }); elementor.templates.eventManager.sendItemDeletedEvent({ library_type: source, item_type: 'folder' }); _this7.triggerQuotaUpdate(); } }); }; /** * @param {*} model - Template model. * @param {Object} args - Template arguments. * @deprecated since 2.8.0, use `$e.run( 'library/insert-template' )` instead. */ this.importTemplate = function (model) { var args = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; this.clearLastRemovedItems(); elementorDevTools.deprecation.deprecated('importTemplate', '2.8.0', "$e.run( 'library/insert-template' )"); args.model = model; $e.run('library/insert-template', args); }; this.saveTemplate = function (type, data) { var _data$source; this.clearLastRemovedItems(); var templateType = templateTypes[type]; _.extend(data, { source: (_data$source = data.source) !== null && _data$source !== void 0 ? _data$source : 'local', type: type }); if (templateType.prepareSavedData) { data = templateType.prepareSavedData(data); } data.content = JSON.stringify(data.content); var defaultAjaxParams = { data: data, success: function success(successData) { $e.route('library/templates/my-templates', { onBefore: function onBefore() { self.triggerQuotaUpdate(); if (templatesCollection) { var itemExist = templatesCollection.findWhere({ template_id: successData.template_id }); if (!itemExist) { templatesCollection.add(successData); } } self.sendOnSavedTemplateSuccessEvent(data); } }); }, error: function error(errorData) { self.showErrorDialog(errorData); self.clearToastConfig(); self.sendOnSavedTemplateFailedEvent(data); } }; var ajaxParams = _.extend(defaultAjaxParams, templateType.ajaxParams); elementorCommon.ajax.addRequest(this.getSaveAjaxAction(data.save_context), ajaxParams); }; this.sendOnSavedTemplateSuccessEvent = function (formData) { if (_constants.SAVE_CONTEXTS.SAVE === formData.save_context) { self.eventManager.sendTemplateSavedEvent({ library_type: formData.source, template_type: formData.type }); } else if ([_constants.SAVE_CONTEXTS.COPY, _constants.SAVE_CONTEXTS.MOVE].includes(formData.save_context)) { self.eventManager.sendTemplateTransferEvent({ transfer_method: formData.save_context, template_type: formData.type, template_origin: formData.from_source, template_destination: formData.source }); } else if ([_constants.SAVE_CONTEXTS.BULK_MOVE, _constants.SAVE_CONTEXTS.BULK_COPY].includes(formData.save_context)) { self.eventManager.sendBulkActionsSuccessEvent({ bulk_action: _constants.SAVE_CONTEXTS.BULK_MOVE === formData.save_context ? 'move' : 'copy', library_type: formData.source, bulk_count: formData.from_template_id.length, template_origin: formData.from_source, template_destination: formData.source }); } }; this.sendOnSavedTemplateFailedEvent = function (formData) { if ([_constants.SAVE_CONTEXTS.BULK_MOVE, _constants.SAVE_CONTEXTS.BULK_COPY].includes(formData.save_context)) { self.eventManager.sendBulkActionsFailedEvent({ bulk_action: _constants.SAVE_CONTEXTS.BULK_MOVE === formData.save_context ? 'move' : 'copy', library_type: formData.source, bulk_count: formData.from_template_id.length, template_origin: formData.from_source, template_destination: formData.source }); } }; this.getSaveAjaxAction = function (saveContext) { var _saveActions$saveCont; this.clearLastRemovedItems(); var saveActions = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _constants.SAVE_CONTEXTS.SAVE, 'save_template'), _constants.SAVE_CONTEXTS.MOVE, 'move_template'), _constants.SAVE_CONTEXTS.COPY, 'copy_template'), _constants.SAVE_CONTEXTS.BULK_MOVE, 'bulk_move_templates'), _constants.SAVE_CONTEXTS.BULK_COPY, 'bulk_copy_templates'); return (_saveActions$saveCont = saveActions[saveContext]) !== null && _saveActions$saveCont !== void 0 ? _saveActions$saveCont : 'save_template'; }; this.requestTemplateContent = function (source, id, ajaxOptions) { this.clearLastRemovedItems(); var options = { unique_id: id, data: { source: source, edit_mode: true, display: true, template_id: id } }; if (ajaxOptions) { jQuery.extend(true, options, ajaxOptions); } return elementorCommon.ajax.addRequest('get_template_data', options); }; this.hasGlobalStyles = function (templateData) { var _templateData$global_, _templateData$global_2; var hasClasses = ((_templateData$global_ = templateData.global_classes) === null || _templateData$global_ === void 0 ? void 0 : _templateData$global_.items) && Object.keys(templateData.global_classes.items).length > 0; var hasVariables = ((_templateData$global_2 = templateData.global_variables) === null || _templateData$global_2 === void 0 ? void 0 : _templateData$global_2.data) && Object.keys(templateData.global_variables.data).length > 0; return hasClasses || hasVariables; }; this.syncGlobalStylesBeforeSave = function () { var promises = []; var event = new CustomEvent('elementor/global-styles/before-save', { detail: { promises: promises } }); window.dispatchEvent(event); return Promise.allSettled(promises); }; this.markAsFavorite = function (templateModel, favorite) { this.clearLastRemovedItems(); var options = { data: { source: templateModel.get('source'), template_id: templateModel.get('template_id'), favorite: favorite } }; return elementorCommon.ajax.addRequest('mark_template_as_favorite', options); }; this.getDeleteDialog = function (templateModel) { if (!deleteDialog) { deleteDialog = elementorCommon.dialogsManager.createWidget('confirm', { id: 'elementor-template-library-delete-dialog', headerMessage: __('Delete this template?', 'elementor'), message: sprintf( // Translators: %1$s: Template name. __('This will permanently remove "%1$s".', 'elementor'), templateModel.get('title')), strings: { confirm: __('Delete', 'elementor') }, onShow: function onShow() { elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.deleteDialog }); } }); deleteDialog.getElements('ok').addClass('e-danger color-white'); } return deleteDialog; }; this.getErrorDialog = function () { if (!errorDialog) { errorDialog = elementorCommon.dialogsManager.createWidget('alert', { id: 'elementor-template-library-error-dialog', headerMessage: __('An error occurred.', 'elementor') }); } return errorDialog; }; this.getTemplatesCollection = function () { return templatesCollection; }; this.getConfig = function (item) { if (item) { return config[item] ? config[item] : {}; } return config; }; this.requestLibraryData = function (options) { if (templatesCollection && !options.forceUpdate) { if (options.onUpdate) { options.onUpdate(); } return; } if (options.onBeforeUpdate) { options.onBeforeUpdate(); } var ajaxOptions = { data: {}, success: function success(data) { templatesCollection = new TemplateLibraryCollection(data.templates); if (data.config) { config = data.config; } if (options.onUpdate) { options.onUpdate(); } } }; if (options.forceSync) { ajaxOptions.data.sync = true; } elementorCommon.ajax.addRequest('get_library_data', ajaxOptions); }; this.getFilter = function (name) { return elementor.channels.templates.request('filter:' + name); }; this.setFilter = function (name, value, silent) { this.clearLastRemovedItems(); elementor.channels.templates.reply('filter:' + name, value); if (!silent) { elementor.channels.templates.trigger('filter:change'); } }; this.getFilterTerms = function (termName) { if (termName) { return filterTerms[termName]; } return filterTerms; }; this.setScreen = function (args) { this.clearLastRemovedItems(); elementor.channels.templates.stopReplying(); self.setFilter('source', args.source, true); self.setFilter('type', args.type, true); self.setFilter('subtype', args.subtype, true); self.showTemplates(); }; this.loadTemplates = function (onUpdate) { this.clearLastRemovedItems(); isLoading = true; total = 0; self.layout.showLoadingView(); var query = { source: this.getFilter('source') }, options = {}; // TODO: Remove - it when all the data commands is ready, manage the cache!. if ('local' === query.source || 'cloud' === query.source) { options.refresh = true; } this.setFilter('parent', null, query); var loadTemplatesData = function loadTemplatesData() { return $e.data.get('library/templates', query, options).then(function (result) { var _result$data; var templates = 'cloud' === query.source ? result.data.templates.templates : result.data.templates; templatesCollection = new TemplateLibraryCollection(templates); if ((_result$data = result.data) !== null && _result$data !== void 0 && (_result$data = _result$data.templates) !== null && _result$data !== void 0 && _result$data.total) { var _result$data2; total = (_result$data2 = result.data) === null || _result$data2 === void 0 || (_result$data2 = _result$data2.templates) === null || _result$data2 === void 0 ? void 0 : _result$data2.total; } if (result.data.config) { config = result.data.config; } self.layout.hideLoadingView(); if (onUpdate) { onUpdate(); } }).finally(function () { isLoading = false; }); }; var handleCloudSource = function handleCloudSource() { var _elementorAppConfig$c; if ('undefined' === typeof ((_elementorAppConfig$c = elementorAppConfig['cloud-library']) === null || _elementorAppConfig$c === void 0 ? void 0 : _elementorAppConfig$c.quota)) { return $e.components.get('cloud-library').utils.getQuotaConfig(true).then(function () { if (self.shouldShowCloudStateView()) { self.layout.showCloudStateView(); return; } return loadTemplatesData(); }).catch(function () { self.layout.showCloudStateView(); isLoading = false; }); } if (self.shouldShowCloudStateView()) { self.layout.showCloudStateView(); return; } return loadTemplatesData(); }; if ('cloud' === query.source) { handleCloudSource(); } else { loadTemplatesData(); } }; this.searchTemplates = function (data) { _this3.clearLastRemovedItems(); return new Promise(function (resolve) { _this3.setFilter('parent', null); isLoading = true; var ajaxOptions = { data: data, success: function success(result) { isLoading = false; templatesCollection = new TemplateLibraryCollection(result.templates); total = result.total; self.layout.updateViewCollection(templatesCollection.models); _this3.setFilter('text', data.search); resolve(result); }, error: function error(_error4) { isLoading = false; _this3.showErrorDialog(_error4); resolve(); } }; elementorCommon.ajax.addRequest('search_templates', ajaxOptions); }); }; this.loadMore = function () { var _this3$getFilter; var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}, onUpdate = _ref4.onUpdate, _ref4$search = _ref4.search, search = _ref4$search === void 0 ? '' : _ref4$search, _ref4$refresh = _ref4.refresh, refresh = _ref4$refresh === void 0 ? false : _ref4$refresh; isLoading = true; _this3.clearLastRemovedItems(); var source = _this3.getFilter('source'); var parentId = (_this3$getFilter = _this3.getFilter('parent')) === null || _this3$getFilter === void 0 ? void 0 : _this3$getFilter.id; var ajaxOptions = { data: { source: source, offset: refresh ? 0 : templatesCollection.length, search: search, parentId: parentId, orderby: elementor.templates.getFilter('orderby') || null, order: elementor.templates.getFilter('order') || null }, success: function success(result) { var collection = new TemplateLibraryCollection(result.templates); if (refresh) { templatesCollection.reset(collection.models); self.layout.updateViewCollection(templatesCollection.models); } else { templatesCollection.add(collection.models, { merge: true }); self.layout.addTemplates(collection.models); } if (onUpdate) { onUpdate(); } isLoading = false; }, error: function error() { isLoading = false; } }; elementorCommon.ajax.addRequest('load_more_templates', ajaxOptions); }; this.showTemplates = function () { // The tabs should exist in DOM on loading. self.layout.setHeaderDefaultParts(); self.loadTemplates(function () { var templatesToShow = self.filterTemplates(); self.layout.showTemplatesView(new TemplateLibraryCollection(templatesToShow)); self.handleToast(); }); }; this.handleToast = function () { var _toastConfig, _toastConfig2; if (!((_toastConfig = toastConfig) !== null && _toastConfig !== void 0 && _toastConfig.show)) { return; } elementor.notifications.showToast((_toastConfig2 = toastConfig) === null || _toastConfig2 === void 0 ? void 0 : _toastConfig2.options); this.clearToastConfig(); }; this.setToastConfig = function (newConfig) { toastConfig = newConfig; }; this.clearToastConfig = function () { this.setToastConfig({ show: false, options: {} }); }; this.filterTemplates = function () { var activeSource = self.getFilter('source'); return templatesCollection.filter(function (model) { if (activeSource !== model.get('source')) { return false; } var typeInfo = templateTypes[model.get('type')]; return !typeInfo || false !== typeInfo.showInLibrary; }); }; this.showErrorDialog = function (errorMessage) { if ('object' === (0, _typeof2.default)(errorMessage)) { var message = ''; _.each(errorMessage, function (error) { if (!(error !== null && error !== void 0 && error.message)) { return; } message += ''; }); errorMessage = message; } else if (errorMessage) { errorMessage += '.'; } if (errorMessage) { errorMessage = __('The following error(s) occurred while processing the request:', 'elementor') + ''; } else { errorMessage = __('Please try again.', 'elementor'); } self.getErrorDialog().setMessage(errorMessage).show(); }; this.onSelectSourceFilterChange = function (event) { var _event$currentTarget$, _event$currentTarget; var templatesSource = (_event$currentTarget$ = event === null || event === void 0 || (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 || (_event$currentTarget = _event$currentTarget.dataset) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.source) !== null && _event$currentTarget$ !== void 0 ? _event$currentTarget$ : 'local', alreadyActive = templatesSource === self.getFilter('source'); if (alreadyActive) { return; } self.setSourceSelection(templatesSource); self.setFilter('source', templatesSource, true); self.clearBulkSelectionItems(); self.loadTemplates(function () { var templatesToShow = self.filterTemplates(); self.layout.showTemplatesView(new TemplateLibraryCollection(templatesToShow)); }); }; this.onSelectViewChange = function (selectedView) { self.setViewSelection(selectedView); self.setFilter(viewKey, selectedView, true); self.layout.updateViewCollection(self.filterTemplates()); self.resetBulkActionBar(); }; this.resetBulkActionBar = function () { _this3.clearBulkSelectionItems(); _this3.layout.handleBulkActionBarUi(); }; this.shouldShowCloudStateView = function () { if (!elementor.config.library_connect.is_connected) { return true; } return !this.hasCloudLibraryQuota() || this.cloudLibraryIsDeactivated(); }; this.cloudLibraryIsDeactivated = function () { var _elementorAppConfig$c2; var quota = (_elementorAppConfig$c2 = elementorAppConfig['cloud-library']) === null || _elementorAppConfig$c2 === void 0 ? void 0 : _elementorAppConfig$c2.quota; if (!quota) { return false; } var _quota$currentUsage = quota.currentUsage, currentUsage = _quota$currentUsage === void 0 ? 0 : _quota$currentUsage, _quota$threshold = quota.threshold, threshold = _quota$threshold === void 0 ? 0 : _quota$threshold, _quota$subscriptionId = quota.subscriptionId, subscriptionId = _quota$subscriptionId === void 0 ? '' : _quota$subscriptionId; var isOverThreshold = currentUsage > threshold; var hasSubscription = '' !== subscriptionId; return isOverThreshold && !hasSubscription; }; this.hasCloudLibraryQuota = function () { var _elementorAppConfig$c3, _elementorAppConfig$c4; return 'undefined' !== typeof ((_elementorAppConfig$c3 = elementorAppConfig['cloud-library']) === null || _elementorAppConfig$c3 === void 0 ? void 0 : _elementorAppConfig$c3.quota) && 0 < ((_elementorAppConfig$c4 = elementorAppConfig['cloud-library'].quota) === null || _elementorAppConfig$c4 === void 0 ? void 0 : _elementorAppConfig$c4.threshold); }; this.addBulkSelectionItem = function (templateId) { var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'template'; bulkSelectedItemsTypes.push(type); bulkSelectedItems.add(parseInt(templateId)); }; this.removeBulkSelectionItem = function (templateId) { var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'template'; var index = bulkSelectedItemsTypes.findIndex(function (item) { return item === type; }); if (index !== -1) { bulkSelectedItemsTypes.splice(index, 1); } bulkSelectedItems.delete(parseInt(templateId)); }; this.clearBulkSelectionItems = function () { bulkSelectedItems.clear(); bulkSelectedItemsTypes = []; }; this.getBulkSelectionItems = function () { return bulkSelectedItems; }; this.getUniqueBulkSelectionItemsTypesEventLabel = function () { var types = (0, _toConsumableArray2.default)(new Set(bulkSelectedItemsTypes)); var hasFolders = types.includes('folder'); var hasTemplates = types.some(function (type) { return type !== 'folder'; }); if (hasFolders && hasTemplates) { return 'both'; } if (hasFolders) { return 'folder'; } return 'template'; }; this.onBulkDeleteClick = function () { var _this8 = this; this.clearLastRemovedItems(); return new Promise(function (resolve) { var selectedItems = _this8.getBulkSelectionItems(); if (!selectedItems.size) { return; } var dialog = _this8.getBulkDeleteDialog(); var source = _this8.getFilter('source'); var templateIds = Array.from(selectedItems); dialog.onConfirm = function () { isLoading = true; var ajaxOptions = { data: { source: source, template_ids: templateIds }, success: function success() { isLoading = false; var modelsToRemove = templatesCollection.models.filter(function (templateModel) { return selectedItems.has(templateModel.get('template_id')); }); if ('cloud' === source) { self.addLastRemovedItems(templateIds); } templatesCollection.remove(modelsToRemove); self.layout.updateViewCollection(self.filterTemplates()); var tempBulkSelectedItemsTypes = bulkSelectedItemsTypes; self.clearBulkSelectionItems(); bulkSelectedItemsTypes = tempBulkSelectedItemsTypes; self.eventManager.sendBulkActionsSuccessEvent({ library_type: source, bulk_action: 'delete', bulk_count: templateIds.length }); var buttons = 'cloud' === source ? [{ name: 'undo_bulk_delete', text: __('Undo', 'elementor'), callback: function callback() { _this8.onUndoDelete(1 < templateIds.length); } }] : null; elementor.notifications.showToast({ message: "".concat(templateIds.length, " items deleted successfully"), buttons: buttons }); _this8.triggerQuotaUpdate(); resolve(); }, error: function error(_error5) { isLoading = false; _this8.showErrorDialog(_error5); self.eventManager.sendBulkActionsFailedEvent({ library_type: source, bulk_action: 'delete', bulk_count: templateIds.length }); resolve(); } }; elementorCommon.ajax.addRequest('bulk_delete_templates', ajaxOptions); }; dialog.onCancel = function () { resolve(); }; dialog.show(); }); }; this.onUndoDelete = function () { var _this9 = this; var isBulk = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; return new Promise(function (resolve) { isLoading = true; if (!lastDeletedItems.size) { return resolve(); } var source = _this9.getFilter('source'); var templateIds = Array.from(lastDeletedItems); var ajaxOptions = { data: { source: source, template_ids: templateIds }, success: function success() { isLoading = false; $e.routes.refreshContainer('library'); _this9.clearLastRemovedItems(); _this9.triggerQuotaUpdate(); bulkSelectedItemsTypes = []; resolve(); }, error: function error(_error6) { isLoading = false; _this9.clearLastRemovedItems(); _this9.showErrorDialog(_error6); resolve(); } }; elementorCommon.ajax.addRequest('bulk_undo_delete_items', ajaxOptions); self.eventManager.sendDeletionUndoEvent({ is_bulk: isBulk, item_type: _this9.getUniqueBulkSelectionItemsTypesEventLabel() }); }); }; this.triggerQuotaUpdate = function () { var force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; elementor.channels.templates.trigger('quota:update', { force: force }); }; }; module.exports = new TemplateLibraryManager(); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/models/template.js": /*!******************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/models/template.js ***! \******************************************************************************/ /***/ ((module) => { "use strict"; module.exports = Backbone.Model.extend({ defaults: { template_id: 0, title: '', source: '', type: '', subtype: '', author: '', thumbnail: '', url: '', export_link: '', status: null, preview_url: null, generate_preview_url: null, tags: [] }, isLocked: function isLocked() { return 'locked' === this.get('status'); } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/library-layout.js": /*!***********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/library-layout.js ***! \***********************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _constants = __webpack_require__(/*! ./../constants */ "../assets/dev/js/editor/components/template-library/constants.js"); var TemplateLibraryHeaderActionsView = __webpack_require__(/*! elementor-templates/views/parts/header-parts/actions */ "../assets/dev/js/editor/components/template-library/views/parts/header-parts/actions.js"), TemplateLibraryHeaderMenuView = __webpack_require__(/*! elementor-templates/views/parts/header-parts/menu */ "../assets/dev/js/editor/components/template-library/views/parts/header-parts/menu.js"), TemplateLibraryHeaderPreviewView = __webpack_require__(/*! elementor-templates/views/parts/header-parts/preview */ "../assets/dev/js/editor/components/template-library/views/parts/header-parts/preview.js"), TemplateLibraryHeaderBackView = __webpack_require__(/*! elementor-templates/views/parts/header-parts/back */ "../assets/dev/js/editor/components/template-library/views/parts/header-parts/back.js"), TemplateLibraryCollectionView = __webpack_require__(/*! elementor-templates/views/parts/templates */ "../assets/dev/js/editor/components/template-library/views/parts/templates.js"), TemplateLibrarySaveTemplateView = __webpack_require__(/*! elementor-templates/views/parts/save-template */ "../assets/dev/js/editor/components/template-library/views/parts/save-template.js"), TemplateLibrarySaveTemplateVariantBView = __webpack_require__(/*! elementor-templates/views/parts/save-template-variant-b */ "../assets/dev/js/editor/components/template-library/views/parts/save-template-variant-b.js"), TemplateLibraryImportView = __webpack_require__(/*! elementor-templates/views/parts/import */ "../assets/dev/js/editor/components/template-library/views/parts/import.js"), TemplateLibraryConnectView = __webpack_require__(/*! elementor-templates/views/parts/connect */ "../assets/dev/js/editor/components/template-library/views/parts/connect.js"), TemplateLibraryCloudStateView = __webpack_require__(/*! elementor-templates/views/parts/cloud-states */ "../assets/dev/js/editor/components/template-library/views/parts/cloud-states.js"), TemplateLibraryPreviewView = __webpack_require__(/*! elementor-templates/views/parts/preview */ "../assets/dev/js/editor/components/template-library/views/parts/preview.js"), TemplateLibraryNavigationContainerView = __webpack_require__(/*! elementor-templates/views/parts/navigation-container */ "../assets/dev/js/editor/components/template-library/views/parts/navigation-container.js"); function resolveSaveTemplateByVariant(variant) { switch (variant) { case 'B': return TemplateLibrarySaveTemplateVariantBView; case 'control': case 'A': default: return TemplateLibrarySaveTemplateView; } } module.exports = elementorModules.common.views.modal.Layout.extend({ getModalOptions: function getModalOptions() { var _window$elementor$con, _window; var allowClosingModal = (_window$elementor$con = (_window = window) === null || _window === void 0 || (_window = _window.elementor) === null || _window === void 0 || (_window = _window.config) === null || _window === void 0 || (_window = _window.document) === null || _window === void 0 || (_window = _window.panel) === null || _window === void 0 ? void 0 : _window.allow_closing_remote_library) !== null && _window$elementor$con !== void 0 ? _window$elementor$con : true; return { id: 'elementor-template-library-modal', hide: { onOutsideClick: allowClosingModal, onBackgroundClick: allowClosingModal, onEscKeyPress: allowClosingModal, ignore: '.dialog-widget-content, .dialog-buttons-undo_bulk_delete, .dialog-buttons-template_after_save, #elementor-library--infotip__dialog, #elementor-template-library-rename-dialog, #elementor-template-library-delete-dialog' } }; }, initModal: function initModal() { var _this = this; elementorModules.common.views.modal.Layout.prototype.initModal.call(this); var $widget = this.modal.getElements('widget'); if ($widget.length && 'true' === $widget.attr('aria-modal')) { $widget.attr('role', 'dialog'); } // Move focus inside the modal when it opens (WAI-ARIA dialog pattern) this.modal.on('show', function () { var $modalWidget = _this.modal.getElements('widget'); if ($modalWidget.length) { $modalWidget.trigger('focus'); } }); // Focus trap: keep Tab/Shift+Tab cycling within the modal (WAI-ARIA dialog pattern) if ($widget.length) { $widget.on('keydown', function (event) { if ('Tab' !== event.key) { return; } var $focusable = $widget.find('a[href], button, input, select, textarea, [tabindex]').filter(':visible').not('[tabindex="-1"], [disabled]'); if (!$focusable.length) { return; } var $first = $focusable.first(); var $last = $focusable.last(); if (event.shiftKey) { if ($first[0] === event.target || $widget[0] === event.target) { event.preventDefault(); $last.trigger('focus'); } } else if ($last[0] === event.target) { event.preventDefault(); $first.trigger('focus'); } }); } }, getLogoOptions: function getLogoOptions() { return { title: __('Library', 'elementor'), click: function click() { $e.run('library/open', { toDefault: true }); } }; }, getTemplateActionButton: function getTemplateActionButton(templateData) { var subscriptionPlans = elementor.config.library_connect.subscription_plans, baseAccessTier = elementor.config.library_connect.base_access_tier, templateAccessTier = templateData.accessTier, shouldUpgrade = baseAccessTier !== templateAccessTier; var viewId = '#tmpl-elementor-template-library-' + (shouldUpgrade ? 'upgrade-plan-button' : 'insert-button'); viewId = elementor.hooks.applyFilters('elementor/editor/template-library/template/action-button', viewId, templateData); var template = Marionette.TemplateCache.get(viewId); var subscriptionPlan = subscriptionPlans[templateAccessTier]; var promotionText = elementorAppConfig.hasPro ? 'Upgrade' : "Go ".concat(subscriptionPlan.label); try { var promotionUrlPieces = new URL(subscriptionPlan.promotion_url); var queryString = promotionUrlPieces.searchParams.toString(); var promotionLinkQueryString = elementor.hooks.applyFilters('elementor/editor/template-library/template/promotion-link-search-params', queryString, templateData); return Marionette.Renderer.render(template, { promotionText: promotionText, promotionLink: "".concat(promotionUrlPieces.origin).concat(promotionUrlPieces.pathname, "?").concat(promotionLinkQueryString) }); } catch (e) { return Marionette.Renderer.render(template, { promotionText: promotionText, promotionLink: subscriptionPlan.promotion_url }); } }, setHeaderDefaultParts: function setHeaderDefaultParts() { var headerView = this.getHeaderView(); headerView.tools.show(new TemplateLibraryHeaderActionsView()); headerView.menuArea.show(new TemplateLibraryHeaderMenuView()); this.showLogo(); }, showTemplatesView: function showTemplatesView(templatesCollection) { var prevView = this.modalContent.currentView; var shouldRestoreFocus = prevView && prevView._restoreFocusToSourceFilter; var isInitialOpen = !prevView; this.modalContent.show(new TemplateLibraryCollectionView({ collection: templatesCollection })); this.syncTabpanelAriaLabelledby(); if (shouldRestoreFocus) { var newView = this.modalContent.currentView; if (newView && newView.ui.selectSourceFilter) { var $selected = newView.ui.selectSourceFilter.filter('[aria-checked="true"]'); if ($selected.length) { $selected.trigger('focus'); } } } else if (isInitialOpen) { this.focusFirstElement(); } }, syncTabpanelAriaLabelledby: function syncTabpanelAriaLabelledby() { var _$e$components$get, _this$modalContent$cu; var activeTab = (_$e$components$get = $e.components.get('library')) === null || _$e$components$get === void 0 ? void 0 : _$e$components$get.currentTab; var $container = (_this$modalContent$cu = this.modalContent.currentView) === null || _this$modalContent$cu === void 0 ? void 0 : _this$modalContent$cu.$childViewContainer; if (activeTab && $container !== null && $container !== void 0 && $container.length) { $container.attr('aria-labelledby', "tab-".concat(activeTab)); } }, focusFirstElement: function focusFirstElement() { var $widget = this.modal.getElements('widget'); if (!$widget.length) { return; } var $firstFocusable = $widget.find('button, a, input, select, [tabindex="0"]').filter(':visible').first(); if ($firstFocusable.length) { $firstFocusable.trigger('focus'); } else { $widget.attr('tabindex', '-1').trigger('focus'); } }, updateViewCollection: function updateViewCollection(models) { var _TemplateLibraryNavig; this.modalContent.currentView.collection.reset(models); this.modalContent.currentView.ui.navigationContainer.html((_TemplateLibraryNavig = new TemplateLibraryNavigationContainerView().render()) === null || _TemplateLibraryNavig === void 0 ? void 0 : _TemplateLibraryNavig.el); // Restore focus within the modal after re-render to prevent focus escaping to BODY var $widget = this.modal.getElements('widget'); if ($widget.length && !$widget[0].contains($widget[0].ownerDocument.activeElement)) { this.focusFirstElement(); } }, addTemplates: function addTemplates(models) { this.modalContent.currentView.collection.add(models, { merge: true }); }, showImportView: function showImportView() { var headerView = this.getHeaderView(); headerView.menuArea.reset(); this.modalContent.show(new TemplateLibraryImportView()); headerView.logoArea.show(new TemplateLibraryHeaderBackView()); }, showConnectView: function showConnectView(args) { this.getHeaderView().menuArea.reset(); this.modalContent.show(new TemplateLibraryConnectView(args)); }, showCloudStateView: function showCloudStateView() { elementor.templates.layout.hideLoadingView(); this.modalContent.show(new TemplateLibraryCloudStateView()); }, showSaveTemplateView: function showSaveTemplateView(elementModel) { var _arguments = arguments, _this2 = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() { var context, headerView, experimentVariant, SaveTemplateView; return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: context = _arguments.length > 1 && _arguments[1] !== undefined ? _arguments[1] : _constants.SAVE_CONTEXTS.SAVE; headerView = _this2.getHeaderView(); headerView.menuArea.reset(); if (_constants.SAVE_CONTEXTS.SAVE !== context) { headerView.logoArea.show(new TemplateLibraryHeaderBackView()); } _context.next = 1; return elementor.templates.eventManager.getSaveTemplateExperimentVariant(); case 1: experimentVariant = _context.sent; SaveTemplateView = resolveSaveTemplateByVariant(experimentVariant); elementor.templates.eventManager.startSaveTemplateExperiment(experimentVariant); _this2.modalContent.show(new SaveTemplateView({ model: elementModel, context: context })); case 2: case "end": return _context.stop(); } }, _callee); }))(); }, showPreviewView: function showPreviewView(templateModel) { this.modalContent.show(new TemplateLibraryPreviewView({ url: templateModel.get('url') })); var headerView = this.getHeaderView(); headerView.menuArea.reset(); headerView.tools.show(new TemplateLibraryHeaderPreviewView({ model: templateModel })); headerView.logoArea.show(new TemplateLibraryHeaderBackView()); }, showFolderView: function showFolderView(elementModel) { return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() { return _regenerator.default.wrap(function (_context2) { while (1) switch (_context2.prev = _context2.next) { case 0: _context2.prev = 0; elementor.templates.layout.showLoadingView(); _context2.next = 1; return elementor.templates.getFolderTemplates(elementModel); case 1: _context2.prev = 1; elementor.templates.layout.hideLoadingView(); return _context2.finish(1); case 2: case "end": return _context2.stop(); } }, _callee2, null, [[0,, 1, 2]]); }))(); }, createScreenshotIframe: function createScreenshotIframe(previewUrl) { var iframe = document.createElement('iframe'); iframe.src = previewUrl; iframe.width = '1200'; iframe.height = '500'; iframe.style = 'visibility: hidden;'; document.body.appendChild(iframe); return iframe; }, handleBulkActionBarUi: function handleBulkActionBarUi() { if (0 === this.modalContent.currentView.$('.bulk-selection-item-checkbox:checked').length) { this.modalContent.currentView.$el.addClass('no-bulk-selections'); this.modalContent.currentView.$el.removeClass('has-bulk-selections'); } else { this.modalContent.currentView.$el.addClass('has-bulk-selections'); this.modalContent.currentView.$el.removeClass('no-bulk-selections'); } this.handleBulkActionBar(); }, handleBulkActionBar: function handleBulkActionBar() { var _elementor$templates$; var selectedCount = (_elementor$templates$ = elementor.templates.getBulkSelectionItems().size) !== null && _elementor$templates$ !== void 0 ? _elementor$templates$ : 0; var display = 0 === selectedCount ? 'none' : 'flex'; var countText = "".concat(selectedCount, " Selected"); var announcementText = 0 === selectedCount ? '' : "".concat(selectedCount, " ").concat(1 === selectedCount ? __('template', 'elementor') : __('templates', 'elementor'), " ").concat(__('selected. Bulk actions available.', 'elementor')); this.modalContent.currentView.ui.bulkSelectedCount.html(countText); if (announcementText && this.modalContent.currentView.ui.bulkSelectedCount.length) { this.modalContent.currentView.ui.bulkSelectedCount.attr('aria-label', announcementText); } this.modalContent.currentView.ui.bulkSelectionActionBar.css('display', display); // TODO: Temporary fix until the bulk action bar will be as separate view. var displayNavigationContainer = 0 === selectedCount ? 'flex' : 'none'; this.modalContent.currentView.ui.navigationContainer.css('display', displayNavigationContainer); }, selectAllCheckboxMinus: function selectAllCheckboxMinus() { if (this.isListView()) { this.modalContent.currentView.ui.bulkSelectAllCheckbox.addClass('checkbox-minus'); } }, selectAllCheckboxNormal: function selectAllCheckboxNormal() { if (this.isListView()) { this.modalContent.currentView.ui.bulkSelectAllCheckbox.removeClass('checkbox-minus'); } }, isListView: function isListView() { return 'list' === elementor.templates.getViewSelection(); }, resetSortingUI: function resetSortingUI() { var _this$modalContent$cu2; Array.from(((_this$modalContent$cu2 = this.modalContent.currentView.ui) === null || _this$modalContent$cu2 === void 0 ? void 0 : _this$modalContent$cu2.orderInputs) || []).forEach(function (input) { input.checked = false; }); } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/cloud-states.js": /*!***************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/cloud-states.js ***! \***************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); module.exports = Marionette.ItemView.extend({ tagName: 'main', template: '#tmpl-elementor-template-library-connect-states', id: 'elementor-template-library-connect-states', ui: { selectSourceFilter: '.elementor-template-library-filter-select-source .source-option', title: '.elementor-template-library-blank-title', message: '.elementor-template-library-blank-message', icon: '.elementor-template-library-blank-icon', button: '.elementor-template-library-cloud-empty__button', cloudBadge: '.elementor-template-library-connect-states-badge .source-option-badge.cloud-badge' }, events: { 'click @ui.selectSourceFilter': 'onSelectSourceFilterChange', 'click @ui.button': 'onButtonClick' }, modesStrings: function modesStrings() { var _elementorAppConfig$c, _elementorAppConfig, _elementorAppConfig$c2, _elementorAppConfig2, _elementorAppConfig3, _elementorAppConfig$c3, _elementorAppConfig4; var defaultIcon = this.getDefaultIcon(); return { notConnected: { title: (_elementorAppConfig$c = (_elementorAppConfig = elementorAppConfig) === null || _elementorAppConfig === void 0 || (_elementorAppConfig = _elementorAppConfig['cloud-library']) === null || _elementorAppConfig === void 0 ? void 0 : _elementorAppConfig.library_connect_title_copy) !== null && _elementorAppConfig$c !== void 0 ? _elementorAppConfig$c : __('Connect to your Elementor account', 'elementor'), message: (_elementorAppConfig$c2 = (_elementorAppConfig2 = elementorAppConfig) === null || _elementorAppConfig2 === void 0 || (_elementorAppConfig2 = _elementorAppConfig2['cloud-library']) === null || _elementorAppConfig2 === void 0 ? void 0 : _elementorAppConfig2.library_connect_sub_title_copy) !== null && _elementorAppConfig$c2 !== void 0 ? _elementorAppConfig$c2 : __('Then you can find all your templates in one convenient library.', 'elementor'), icon: defaultIcon, button: "").concat((_elementorAppConfig$c3 = (_elementorAppConfig4 = elementorAppConfig) === null || _elementorAppConfig4 === void 0 || (_elementorAppConfig4 = _elementorAppConfig4['cloud-library']) === null || _elementorAppConfig4 === void 0 ? void 0 : _elementorAppConfig4.library_connect_button_copy) !== null && _elementorAppConfig$c3 !== void 0 ? _elementorAppConfig$c3 : __('Connect', 'elementor'), "") }, connectedNoQuota: { title: __('It’s time to level up', 'elementor'), message: __('Elementor Pro plans come with Cloud Templates.', 'elementor') + '
' + __('Upgrade now to re-use your templates on all the websites you’re working on.', 'elementor'), icon: ""), button: "".concat(__('Upgrade now', 'elementor'), "") }, deactivated: { title: __('Your library has been deactivated', 'elementor'), message: __('This is because you don’t have an active subscription.', 'elementor') + '
' + __('Your templates are saved for 90 days from the day your subscription expires,', 'elementor') + '
' + __('then they’ll be gone forever.', 'elementor'), icon: ""), button: "".concat(__('Renew my subscription', 'elementor'), "") } }; }, getDefaultIcon: function getDefaultIcon() { return ""); }, getCurrentMode: function getCurrentMode() { if (!elementor.config.library_connect.is_connected) { return 'notConnected'; } if (elementor.templates.cloudLibraryIsDeactivated()) { return 'deactivated'; } return 'connectedNoQuota'; }, onRender: function onRender() { var _elementor$templates$; this.updateTemplateMarkup(); this.handleElementorConnect(); this.handleCloudBadge(); (_elementor$templates$ = elementor.templates.layout.getHeaderView()) === null || _elementor$templates$ === void 0 || (_elementor$templates$ = _elementor$templates$.tools) === null || _elementor$templates$ === void 0 || (_elementor$templates$ = _elementor$templates$.$el[0]) === null || _elementor$templates$ === void 0 || (_elementor$templates$ = _elementor$templates$.classList) === null || _elementor$templates$ === void 0 || _elementor$templates$.add('e-hidden-disabled'); elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.cloudTabUpgrade }); }, handleCloudBadge: function handleCloudBadge() { var _this = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() { var _this$ui$cloudBadge; var experimentVariant; return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: if ((_this$ui$cloudBadge = _this.ui.cloudBadge) !== null && _this$ui$cloudBadge !== void 0 && _this$ui$cloudBadge.length) { _context.next = 1; break; } return _context.abrupt("return"); case 1: _context.next = 2; return elementor.templates.eventManager.getSaveTemplateExperimentVariant(); case 2: experimentVariant = _context.sent; _this.ui.cloudBadge.toggle('B' === experimentVariant); case 3: case "end": return _context.stop(); } }, _callee); }))(); }, updateTemplateMarkup: function updateTemplateMarkup() { var modeStrings = this.modesStrings()[this.getCurrentMode()]; this.ui.title.html(modeStrings.title); this.ui.message.html(modeStrings.message); this.ui.button.html(modeStrings.button); this.ui.icon.html(modeStrings.icon); }, handleElementorConnect: function handleElementorConnect() { var $connectButton = this.$el.find('.connect-button'); if (!$connectButton.length) { return; } $connectButton.elementorConnect({ popup: { width: 726, height: 534 }, success: function success() { elementor.config.library_connect.is_connected = true; elementor.notifications.showToast({ message: __('Connected successfully.', 'elementor') }); $e.routes.refreshContainer('library'); }, error: function error() { elementor.config.library_connect.is_connected = false; } }); }, onSelectSourceFilterChange: function onSelectSourceFilterChange(event) { elementor.templates.onSelectSourceFilterChange(event); }, onButtonClick: function onButtonClick() { elementor.templates.eventManager.sendUpgradeClickedEvent({ secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.cloudTab, upgradePosition: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.cloudTab }); }, onDestroy: function onDestroy() { var _elementor$templates$2; (_elementor$templates$2 = elementor.templates.layout.getHeaderView()) === null || _elementor$templates$2 === void 0 || (_elementor$templates$2 = _elementor$templates$2.tools) === null || _elementor$templates$2 === void 0 || (_elementor$templates$2 = _elementor$templates$2.$el[0]) === null || _elementor$templates$2 === void 0 || (_elementor$templates$2 = _elementor$templates$2.classList) === null || _elementor$templates$2 === void 0 || _elementor$templates$2.remove('e-hidden-disabled'); } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/connect.js": /*!**********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/connect.js ***! \**********************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; module.exports = Marionette.ItemView.extend({ tagName: 'main', template: '#tmpl-elementor-template-library-connect', id: 'elementor-template-library-connect', ui: { connect: '#elementor-template-library-connect__button', thumbnails: '#elementor-template-library-connect-thumbnails' }, templateHelpers: function templateHelpers() { return this.getOption('texts'); }, onRender: function onRender() { var _this = this; elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.cloudTabConnect }); this.ui.connect.elementorConnect({ parseUrl: function parseUrl(url) { return url.replace('%%template_type%%', _this.model.get('type')); }, success: function success() { elementor.config.library_connect.is_connected = true; // If is connecting during insert template. if (_this.getOption('model')) { $e.run('library/insert-template', { model: _this.getOption('model') }); } else { $e.run('library/close'); elementor.notifications.showToast({ message: __('Connected successfully.', 'elementor') }); } }, error: function error() { elementor.config.library_connect.is_connected = false; } }); } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/folders/folder-empty.js": /*!***********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/folders/folder-empty.js ***! \***********************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"]; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; module.exports = Marionette.ItemView.extend({ tagName: 'li', className: 'no-results', template: _.template(sprintf(/* Translators: 1: Empty message, 2: CTA. */ '

%1$s
%2$s

', __('Folders you create will appear here.', 'elementor'), __('To create a new one, go to Cloud Templates.', 'elementor'))) }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/folders/folder-item.js": /*!**********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/folders/folder-item.js ***! \**********************************************************************************************/ /***/ ((module) => { "use strict"; module.exports = Marionette.ItemView.extend({ tagName: 'li', template: _.template('<%= title %>'), className: 'folder-item', attributes: function attributes() { var data = this.model.toJSON(); return { 'data-id': data.template_id, 'data-value': data.title, role: 'option', tabindex: '-1' }; }, render: function render() { this.$el.html(this.template(this.model.toJSON())); return this; } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/folders/folders-list.js": /*!***********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/folders/folders-list.js ***! \***********************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var EmptyView = __webpack_require__(/*! ./folder-empty */ "../assets/dev/js/editor/components/template-library/views/parts/folders/folder-empty.js"); var FolderItemView = __webpack_require__(/*! ./folder-item */ "../assets/dev/js/editor/components/template-library/views/parts/folders/folder-item.js"); module.exports = Marionette.CollectionView.extend({ tagName: 'ul', className: 'folder-list', childView: FolderItemView, emptyView: EmptyView, attributes: { role: 'listbox', 'aria-label': 'Folders' } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/global-styles-dialog.js": /*!***********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/global-styles-dialog.js ***! \***********************************************************************************************/ /***/ ((__unused_webpack_module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; exports.showGlobalStylesDialog = showGlobalStylesDialog; function showGlobalStylesDialog() { return new Promise(function (resolve, reject) { var settled = false; var dialog = elementorCommon.dialogsManager.createWidget('lightbox', { id: 'elementor-global-styles-dialog', headerMessage: '', message: wp.template('elementor-global-styles-dialog')(), position: { my: 'center', at: 'center' }, hide: { onBackgroundClick: false }, onShow: function onShow() { setupDialogEventListeners(dialog, function (payload) { if (settled) { return; } settled = true; resolve(payload); dialog.hide(); }, function (error) { if (settled) { return; } settled = true; reject(error); dialog.hide(); }); }, onHide: function onHide() { if (settled) { return; } settled = true; reject(new Error('Dialog closed')); } }); dialog.show(); }); } function setupDialogEventListeners(dialog, resolve, reject) { var $content = dialog.getElements('message'); var $matchRadio = $content.find('#elementor-global-styles-match'); var $keepRadio = $content.find('#elementor-global-styles-keep'); var $createCheckbox = $content.find('#elementor-global-styles-create'); var $checkboxContainer = $content.find('.elementor-global-styles-dialog__checkbox-container'); var $insertBtn = $content.find('#elementor-global-styles-insert'); var $cancelBtn = $content.find('#elementor-global-styles-cancel'); $matchRadio.off('.elementorGlobalStyles').on('change.elementorGlobalStyles', function () { $checkboxContainer.hide(); }); $keepRadio.off('.elementorGlobalStyles').on('change.elementorGlobalStyles', function () { $checkboxContainer.show(); }); $insertBtn.off('.elementorGlobalStyles').on('click.elementorGlobalStyles', function () { var mode; if ($matchRadio.is(':checked')) { mode = 'match_site'; } else if ($createCheckbox.is(':checked')) { mode = 'keep_create'; } else { mode = 'keep_flatten'; } resolve({ mode: mode }); }); $cancelBtn.off('.elementorGlobalStyles').on('click.elementorGlobalStyles', function () { reject(new Error('User cancelled')); }); } var _default = exports["default"] = showGlobalStylesDialog; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/header-parts/actions.js": /*!***********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/header-parts/actions.js ***! \***********************************************************************************************/ /***/ ((module) => { "use strict"; module.exports = Marionette.ItemView.extend({ template: '#tmpl-elementor-template-library-header-actions', id: 'elementor-template-library-header-actions', ui: { import: '#elementor-template-library-header-import', importIcon: '#elementor-template-library-header-import i', sync: '#elementor-template-library-header-sync', syncIcon: '#elementor-template-library-header-sync i', save: '#elementor-template-library-header-save', saveIcon: '#elementor-template-library-header-save i' }, events: { 'click @ui.import': 'onImportClick', 'click @ui.sync': 'onSyncClick', 'click @ui.save': 'onSaveClick' }, onImportClick: function onImportClick() { $e.route('library/import'); }, onRender: function onRender() { var _$e$components$get$cu; var currentTab = (_$e$components$get$cu = $e.components.get('library').currentTab) !== null && _$e$components$get$cu !== void 0 ? _$e$components$get$cu : ''; this.ui.import.toggleClass('elementor-hidden', 'templates/my-templates' !== currentTab); }, onSyncClick: function onSyncClick() { var self = this; self.ui.syncIcon.addClass('eicon-animation-spin'); elementor.templates.requestLibraryData({ onUpdate: function onUpdate() { self.ui.syncIcon.removeClass('eicon-animation-spin'); $e.routes.refreshContainer('library'); }, forceUpdate: true, forceSync: true }); }, onSaveClick: function onSaveClick() { $e.route('library/save-template'); } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/header-parts/back.js": /*!********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/header-parts/back.js ***! \********************************************************************************************/ /***/ ((module) => { "use strict"; module.exports = Marionette.ItemView.extend({ template: '#tmpl-elementor-template-library-header-back', id: 'elementor-template-library-header-preview-back', events: { 'click .elementor-template-library-header-back-button': 'onClick' }, onClick: function onClick() { $e.routes.restoreState('library'); } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/header-parts/menu.js": /*!********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/header-parts/menu.js ***! \********************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _keyboardNav = __webpack_require__(/*! elementor-editor-utils/keyboard-nav */ "../assets/dev/js/editor/utils/keyboard-nav.js"); module.exports = Marionette.ItemView.extend({ template: '#tmpl-elementor-template-library-header-menu', id: 'elementor-template-library-header-menu', ui: { tabs: '[role="tab"]' }, events: { 'keydown @ui.tabs': 'onTabKeyDown' }, templateHelpers: function templateHelpers() { return { tabs: $e.components.get('library').getTabs() }; }, attributes: function attributes() { return { role: 'tablist', 'aria-label': __('Library sections', 'elementor') }; }, onTabKeyDown: function onTabKeyDown(event) { (0, _keyboardNav.rovingTabindex)({ event: event, $items: this.ui.tabs, orientation: 'horizontal', onActivate: function onActivate() { // Tabs activate on arrow navigation, not Enter/Space. } }); // After rovingTabindex moves focus to the new tab, activate it. // activateTab triggers a re-render, so we must re-query the DOM afterwards. var $focused = jQuery(event.currentTarget.ownerDocument.activeElement); var targetTabName = $focused.data('tab'); if (!targetTabName) { return; } var libraryComponent = $e.components.get('library'); if (!libraryComponent) { return; } try { libraryComponent.activateTab(targetTabName); var $tabAfterRerender = jQuery("#elementor-template-library-header-menu [data-tab=\"".concat(targetTabName, "\"]")); if ($tabAfterRerender.length) { $tabAfterRerender.trigger('focus'); } } catch (error) { // eslint-disable-next-line no-console console.error('Tab activation failed:', error); } } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/header-parts/preview.js": /*!***********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/header-parts/preview.js ***! \***********************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var TemplateLibraryInsertTemplateBehavior = __webpack_require__(/*! elementor-templates/behaviors/insert-template */ "../assets/dev/js/editor/components/template-library/behaviors/insert-template.js"); module.exports = Marionette.ItemView.extend({ template: '#tmpl-elementor-template-library-header-preview', id: 'elementor-template-library-header-preview', behaviors: { insertTemplate: { behaviorClass: TemplateLibraryInsertTemplateBehavior } } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/import.js": /*!*********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/import.js ***! \*********************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"]; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _filesUploadHandler = _interopRequireDefault(__webpack_require__(/*! ../../../../utils/files-upload-handler */ "../assets/dev/js/editor/utils/files-upload-handler.js")); var _jsonUploadWarningMessage = __webpack_require__(/*! elementor-utils/json-upload-warning-message */ "../assets/dev/js/utils/json-upload-warning-message.js"); var _globalStylesDialog = __webpack_require__(/*! ./global-styles-dialog */ "../assets/dev/js/editor/components/template-library/views/parts/global-styles-dialog.js"); var TemplateLibraryImportView; TemplateLibraryImportView = Marionette.ItemView.extend({ tagName: 'main', template: '#tmpl-elementor-template-library-import', id: 'elementor-template-library-import', ui: { uploadForm: '#elementor-template-library-import-form', fileInput: '#elementor-template-library-import-form-input', icon: '.elementor-template-library-blank-icon i' }, events: { 'change @ui.fileInput': 'onFileInputChange' }, droppedFiles: null, submitForm: function submitForm() { var _this = this; var file; if (this.droppedFiles) { file = this.droppedFiles[0]; this.droppedFiles = null; } else { file = this.ui.fileInput[0].files[0]; this.ui.uploadForm[0].reset(); } var fileReader = new FileReader(); fileReader.onload = function (event) { return _this.importTemplate(file.name, event.target.result.replace(/^[^,]+,/, '')); }; fileReader.readAsDataURL(file); }, importTemplate: function importTemplate(fileName, fileData) { var _this2 = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() { var layout, activeSource, jsonContent, _yield$showGlobalStyl, mode, enableUnfilteredFilesModal, _t, _t2; return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: layout = elementor.templates.layout; activeSource = elementor.templates.getFilter('source'); _this2.options = { data: { fileName: fileName, fileData: fileData, source: activeSource }, success: function success(successData) { elementor.templates.clearLastRemovedItems(); elementor.templates.getTemplatesCollection().add(successData); elementor.templates.setToastConfig({ show: true, options: { /* Translators: 1: Number of templates */ message: sprintf(__('You successfully imported %1$d template(s).', 'elementor'), successData.length), position: { my: 'right bottom', at: 'right-10 bottom-10', of: '#elementor-template-library-modal .dialog-lightbox-widget-content' } } }); $e.route('library/templates/my-templates'); elementor.templates.triggerQuotaUpdate(); elementor.templates.eventManager.sendTemplateImportEvent({ library_type: activeSource, file_type: fileName.split('.').pop(), template_count: successData.length }); }, error: function error(errorData) { elementor.templates.showErrorDialog(errorData); layout.showImportView(); }, complete: function complete() { layout.hideLoadingView(); } }; _context.next = 1; return (0, _jsonUploadWarningMessage.showJsonUploadWarningMessageIfNeeded)({ introductionMap: window.elementor.config.user.introduction, IntroductionClass: window.elementorModules.editor.utils.Introduction }); case 1: if (!fileName.endsWith('.json')) { _context.next = 8; break; } _context.prev = 2; jsonContent = JSON.parse(atob(fileData)); if (!elementor.templates.hasGlobalStyles(jsonContent)) { _context.next = 6; break; } _context.prev = 3; _context.next = 4; return (0, _globalStylesDialog.showGlobalStylesDialog)(); case 4: _yield$showGlobalStyl = _context.sent; mode = _yield$showGlobalStyl.mode; _this2.options.data.import_mode = mode; _context.next = 6; break; case 5: _context.prev = 5; _t = _context["catch"](3); return _context.abrupt("return"); case 6: _context.next = 8; break; case 7: _context.prev = 7; _t2 = _context["catch"](2); console.warn('Failed to parse template JSON for global styles check:', _t2); // eslint-disable-line no-console case 8: if (!elementorCommon.config.filesUpload.unfilteredFiles) { enableUnfilteredFilesModal = _filesUploadHandler.default.getUnfilteredFilesNotEnabledImportTemplateDialog(function () { return _this2.sendImportRequest(); }); enableUnfilteredFilesModal.show(); } else { _this2.sendImportRequest(); } case 9: case "end": return _context.stop(); } }, _callee, null, [[2, 7], [3, 5]]); }))(); }, sendImportRequest: function sendImportRequest() { elementorCommon.ajax.addRequest('import_template', this.options); elementor.templates.layout.showLoadingView(); }, onRender: function onRender() { this.ui.uploadForm.on({ 'drag dragstart dragend dragover dragenter dragleave drop': this.onFormActions.bind(this), dragenter: this.onFormDragEnter.bind(this), 'dragleave drop': this.onFormDragLeave.bind(this), drop: this.onFormDrop.bind(this) }); this.resolveIcon(); elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.importModal }); }, resolveIcon: function resolveIcon() { var activeSource = elementor.templates.getFilter('source') || 'local'; var className = 'local' === activeSource ? 'eicon-library-upload' : 'eicon-library-import'; this.ui.icon.removeClass().addClass(className); }, onFormActions: function onFormActions(event) { event.preventDefault(); event.stopPropagation(); }, onFormDragEnter: function onFormDragEnter() { this.ui.uploadForm.addClass('elementor-drag-over'); }, onFormDragLeave: function onFormDragLeave(event) { if (jQuery(event.relatedTarget).closest(this.ui.uploadForm).length) { return; } this.ui.uploadForm.removeClass('elementor-drag-over'); }, onFormDrop: function onFormDrop(event) { this.droppedFiles = event.originalEvent.dataTransfer.files; this.submitForm(); }, onFileInputChange: function onFileInputChange() { this.submitForm(); } }); module.exports = TemplateLibraryImportView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/navigation-container.js": /*!***********************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/navigation-container.js ***! \***********************************************************************************************/ /***/ ((module) => { "use strict"; module.exports = Marionette.ItemView.extend({ template: '#tmpl-elementor-template-library-navigation-container', className: 'elementor-template-library-navigation-container', ui: { title: '.elementor-template-library-current-folder-title', backButton: '.elementor-template-library-navigation-back-button' }, events: { 'click @ui.backButton': 'onBackButtonClick' }, render: function render() { if (null === elementor.templates.getFilter('parent')) { return this; } return Marionette.ItemView.prototype.render.call(this); }, onRender: function onRender() { var _elementor$templates$; this.ui.title.text((_elementor$templates$ = elementor.templates.getFilter('parent')) === null || _elementor$templates$ === void 0 ? void 0 : _elementor$templates$.title); }, onBackButtonClick: function onBackButtonClick() { elementor.templates.setFilter('parent', null); $e.route('library/templates/my-templates'); } }); /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/preview.js": /*!**********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/preview.js ***! \**********************************************************************************/ /***/ ((module) => { "use strict"; var TemplateLibraryPreviewView; TemplateLibraryPreviewView = Marionette.ItemView.extend({ tagName: 'main', template: '#tmpl-elementor-template-library-preview', id: 'elementor-template-library-preview', ui: { iframe: '> iframe' }, onRender: function onRender() { this.ui.iframe.attr('src', this.getOption('url')); } }); module.exports = TemplateLibraryPreviewView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/save-template-variant-b.js": /*!**************************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/save-template-variant-b.js ***! \**************************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"]; var TemplateLibrarySaveTemplateView = __webpack_require__(/*! ./save-template */ "../assets/dev/js/editor/components/template-library/views/parts/save-template.js"); var TemplateLibrarySaveTemplateVariantBView = TemplateLibrarySaveTemplateView.extend({ id: 'elementor-template-library-save-template-variant-b', template: '#tmpl-elementor-template-library-save-template-variant-b', ui: function ui() { return _.extend(TemplateLibrarySaveTemplateView.prototype.ui.apply(this, arguments), { selectFolderLink: '.select-folder-link', cloudAccountBadge: '.cloud-account-badge', siteAccountBadge: '.site-account-badge', connect: '#elementor-template-library-connect__badge-variant-b' }); }, events: function events() { return _.extend(TemplateLibrarySaveTemplateView.prototype.events.apply(this, arguments), { 'click @ui.selectFolderLink': 'onEllipsisIconClick', 'mouseenter @ui.upgradeBadge': 'showInfoTip', 'mouseenter @ui.cloudAccountBadge': 'showCloudAccountBadgeTooltip', 'mouseenter @ui.siteAccountBadge': 'showSiteAccountBadgeTooltip', 'mouseleave @ui.cloudAccountBadge': 'hideCloudAccountBadgeTooltip', 'mouseleave @ui.siteAccountBadge': 'hideSiteAccountBadgeTooltip', 'mouseleave @ui.upgradeBadge': 'hideInfoTip' }); }, getConnectInfoTipPosition: function getConnectInfoTipPosition() { return 'top-50'; }, addVariantClass: function addVariantClass($widget) { return $widget.addClass('variant-b'); }, showInfoTip: function showInfoTip() { if (this.infoTipDialog) { this.infoTipDialog.hide(); } var message = elementor.templates.hasCloudLibraryQuota() ? __('Upgrade your subscription to get more space and reuse saved assets across all your sites.', 'elementor') : __('Upgrade your subscription to access Cloud Templates and reuse saved assets across all your sites.', 'elementor'); this.infoTipDialog = elementor.dialogsManager.createWidget('buttons', { id: 'elementor-library--infotip__dialog', effects: { show: 'show', hide: 'hide' }, position: { of: this.ui.upgradeBadge, at: 'top-50' } }).setMessage(message); this.infoTipDialog.getElements('header').remove(); this.infoTipDialog.getElements('buttonsWrapper').remove(); this.infoTipDialog.getElements('widget').addClass('variant-b'); this.infoTipDialog.show(); this.sendCTBadgeEvent('cloud'); }, showCloudAccountBadgeTooltip: function showCloudAccountBadgeTooltip() { if (this.cloudAccountBadgeDialog) { this.cloudAccountBadgeDialog.hide(); } var emailReplacement = elementor.config.library_connect.is_connected ? elementor.config.library_connect.user_email : __('connected', 'elementor'); /* Translators: %s: User's email. */ var message = sprintf(__('Only %s Elementor account can access Cloud Templates from any connected site.', 'elementor'), emailReplacement); this.cloudAccountBadgeDialog = elementor.dialogsManager.createWidget('buttons', { id: 'elementor-library--cloud-upgrade__dialog', effects: { show: 'show', hide: 'hide' }, position: { of: this.ui.cloudAccountBadge, at: 'top-55' } }).setMessage(message); this.cloudAccountBadgeDialog.getElements('widget').addClass('variant-b'); this.cloudAccountBadgeDialog.getElements('header').remove(); this.cloudAccountBadgeDialog.getElements('buttonsWrapper').remove(); this.cloudAccountBadgeDialog.show(); }, hideCloudAccountBadgeTooltip: function hideCloudAccountBadgeTooltip() { if (this.cloudAccountBadgeDialog) { this.cloudAccountBadgeDialog.hide(); } }, showSiteAccountBadgeTooltip: function showSiteAccountBadgeTooltip() { if (this.siteAccountBadgeDialog) { this.siteAccountBadgeDialog.hide(); } var message = __('Authorized users on this site can access Site Templates.', 'elementor'); this.siteAccountBadgeDialog = elementor.dialogsManager.createWidget('buttons', { id: 'elementor-library--site-info__dialog', effects: { show: 'show', hide: 'hide' }, position: { of: this.ui.siteAccountBadge, at: 'top-35' } }).setMessage(message); this.siteAccountBadgeDialog.getElements('widget').addClass('variant-b'); this.siteAccountBadgeDialog.getElements('header').remove(); this.siteAccountBadgeDialog.getElements('buttonsWrapper').remove(); this.siteAccountBadgeDialog.show(); this.sendCTBadgeEvent('site'); }, hideSiteAccountBadgeTooltip: function hideSiteAccountBadgeTooltip() { if (this.siteAccountBadgeDialog) { this.siteAccountBadgeDialog.hide(); } }, sendCTBadgeEvent: function sendCTBadgeEvent(badgeType) { elementor.templates.eventManager.sendCTBadgeEvent({ ct_badge_hover_position: this.getOption('context'), ct_badge_type: badgeType, ct_position_state: this.getPositionState() }); }, getPositionState: function getPositionState() { if (!elementor.config.library_connect.is_connected) { return 'connect'; } if (!elementor.templates.hasCloudLibraryQuota() || this.cloudMaxCapacityReached()) { return 'upgrade'; } return 'eligible'; } }); module.exports = TemplateLibrarySaveTemplateVariantBView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/save-template.js": /*!****************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/save-template.js ***! \****************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; /* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _constants = __webpack_require__(/*! ./../../constants */ "../assets/dev/js/editor/components/template-library/constants.js"); var _keyboardNav = __webpack_require__(/*! elementor-editor-utils/keyboard-nav */ "../assets/dev/js/editor/utils/keyboard-nav.js"); var TemplateLibraryTemplateModel = __webpack_require__(/*! elementor-templates/models/template */ "../assets/dev/js/editor/components/template-library/models/template.js"); var TemplateLibraryCollection = __webpack_require__(/*! elementor-templates/collections/templates */ "../assets/dev/js/editor/components/template-library/collections/templates.js"); var FolderCollectionView = __webpack_require__(/*! ./folders/folders-list */ "../assets/dev/js/editor/components/template-library/views/parts/folders/folders-list.js"); var LOAD_MORE_ID = 0; var TemplateLibrarySaveTemplateView = Marionette.ItemView.extend({ tagName: 'main', id: 'elementor-template-library-save-template', template: '#tmpl-elementor-template-library-save-template', ui: function ui() { return { form: '#elementor-template-library-save-template-form', submitButton: '#elementor-template-library-save-template-submit', ellipsisIcon: '.cloud-library-form-inputs .ellipsis-container', foldersList: '.cloud-folder-selection-dropdown ul', foldersDropdown: '.cloud-folder-selection-dropdown', foldersListContainer: '.cloud-folder-selection-dropdown-list', removeFolderSelection: '.source-selections .selected-folder i', selectedFolder: '.selected-folder', selectedFolderText: '.selected-folder-text', hiddenInputSelectedFolder: '#parentId', templateNameInput: '#elementor-template-library-save-template-name', localInput: '.source-selections-input.local', cloudInput: '.source-selections-input.cloud', sourceSelectionCheckboxes: '.source-selections-input input[type="checkbox"]', infoIcon: '.source-selections-input.cloud .eicon-info', connect: '#elementor-template-library-connect__badge', connectBadge: '.source-selections-input.cloud .connect-badge', cloudFormInputs: '.cloud-library-form-inputs', upgradeBadge: '.source-selections-input.cloud .upgrade-badge' }; }, events: function events() { return { 'submit @ui.form': 'onFormSubmit', 'click @ui.ellipsisIcon': 'onEllipsisIconClick', 'keydown @ui.ellipsisIcon': 'onEllipsisIconKeyDown', 'click @ui.foldersList': 'onFoldersListClick', 'keydown @ui.foldersListContainer': 'onFoldersListKeyDown', 'click @ui.removeFolderSelection': 'onRemoveFolderSelectionClick', 'click @ui.selectedFolderText': 'onSelectedFolderTextClick', 'click @ui.upgradeBadge': 'onUpgradeBadgeClicked', 'change @ui.sourceSelectionCheckboxes': 'handleSourceSelectionChange', 'mouseenter @ui.infoIcon': 'showInfoTip', 'mouseleave @ui.infoIcon': 'hideInfoTip', 'mouseenter @ui.connectBadge': 'showConnectInfoTip', 'mouseleave @ui.connectBadge': 'hideConnectInfoTip', 'input @ui.templateNameInput': 'onTemplateNameInputChange' }; }, onRender: function onRender() { var _elementorAppConfig$c, _this$templateHelpers, _this = this; if ('undefined' === typeof ((_elementorAppConfig$c = elementorAppConfig['cloud-library']) === null || _elementorAppConfig$c === void 0 ? void 0 : _elementorAppConfig$c.quota) && (_this$templateHelpers = this.templateHelpers()) !== null && _this$templateHelpers !== void 0 && _this$templateHelpers.canSaveToCloud) { elementor.templates.layout.showLoadingView(); $e.components.get('cloud-library').utils.setQuotaConfig().then(function (data) { elementorAppConfig['cloud-library'].quota = data; }).catch(function () { delete elementorAppConfig['cloud-library'].quota; }).finally(function () { _this.handleOnRender(); elementor.templates.layout.hideLoadingView(); }); } else { this.handleOnRender(); } }, onDestroy: function onDestroy() { this.unbindDocumentClickHandler(); }, handleOnRender: function handleOnRender() { var _this2 = this; setTimeout(function () { return _this2.ui.templateNameInput.trigger('focus'); }); var context = this.getOption('context'); elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary["".concat(context, "Modal")] }); if (_constants.SAVE_CONTEXTS.SAVE === context) { this.handleSaveAction(); } if (_constants.SAVE_CONTEXTS.MOVE === context || _constants.SAVE_CONTEXTS.COPY === context) { this.handleSingleActionContextUiState(); } if (_constants.SAVE_CONTEXTS.BULK_MOVE === context || _constants.SAVE_CONTEXTS.BULK_COPY === context) { this.handleBulkActionContextUiState(); } if (!elementor.templates.hasCloudLibraryQuota()) { this.handleCloudLibraryPromo(); } if (this.cloudMaxCapacityReached()) { this.handleCloudLibraryPromo('max-capacity'); } if (!elementor.config.library_connect.is_connected) { this.handleElementorConnect(); } this.bindDocumentClickHandler(); }, cloudMaxCapacityReached: function cloudMaxCapacityReached() { var _elementorAppConfig$c2, _elementorAppConfig$c3, _elementorAppConfig$c4, _elementorAppConfig$c5; return 'undefined' !== typeof ((_elementorAppConfig$c2 = elementorAppConfig['cloud-library']) === null || _elementorAppConfig$c2 === void 0 ? void 0 : _elementorAppConfig$c2.quota) && 0 < ((_elementorAppConfig$c3 = elementorAppConfig['cloud-library'].quota) === null || _elementorAppConfig$c3 === void 0 ? void 0 : _elementorAppConfig$c3.threshold) && ((_elementorAppConfig$c4 = elementorAppConfig['cloud-library'].quota) === null || _elementorAppConfig$c4 === void 0 ? void 0 : _elementorAppConfig$c4.currentUsage) >= ((_elementorAppConfig$c5 = elementorAppConfig['cloud-library'].quota) === null || _elementorAppConfig$c5 === void 0 ? void 0 : _elementorAppConfig$c5.threshold); }, handleSaveAction: function handleSaveAction() { this.maybeEnableSaveButton(); }, handleSingleActionContextUiState: function handleSingleActionContextUiState() { var title = this.model.get('title'); this.ui.templateNameInput.val(title); this.handleContextUiStateCheckboxes(); this.maybeEnableSaveButton(); }, maybeEnableSaveButton: function maybeEnableSaveButton() { var _this$templateHelpers2; if (!((_this$templateHelpers2 = this.templateHelpers()) !== null && _this$templateHelpers2 !== void 0 && _this$templateHelpers2.canSaveToCloud)) { return; } var isAnyChecked = this.ui.sourceSelectionCheckboxes.is(':checked'); var title = this.ui.templateNameInput.val().trim(); var isTitleFilled = this.ui.templateNameInput.is(':visible') ? elementor.templates.isTemplateTitleValid(title) : true; this.updateSubmitButtonState(!isAnyChecked || !isTitleFilled); }, handleBulkActionContextUiState: function handleBulkActionContextUiState() { this.ui.templateNameInput.remove(); this.handleContextUiStateCheckboxes(); this.maybeEnableSaveButton(); }, handleContextUiStateCheckboxes: function handleContextUiStateCheckboxes() { var fromSource = elementor.templates.getFilter('source'); if ('local' === fromSource) { this.$('.source-selections-input #cloud').prop('checked', true); this.ui.localInput.addClass('disabled'); } }, handleCloudLibraryPromo: function handleCloudLibraryPromo() { var stateClass = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'promotion'; if (_constants.SAVE_CONTEXTS.SAVE === this.getOption('context')) { this.$('.source-selections-input #local').prop('checked', true); } else { this.$('.source-selections-input #local, .source-selections-input.local label').css('pointer-events', 'none'); } this.$('.source-selections-input #cloud').prop('checked', false); this.$('.source-selections-input #cloud').prop('disabled', true); this.ui.cloudFormInputs.addClass(stateClass); elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModalSelectUpgrade }); }, getSaveType: function getSaveType() { var type; if (_constants.SAVE_CONTEXTS.MOVE === this.getOption('context') || _constants.SAVE_CONTEXTS.COPY === this.getOption('context')) { type = this.model.get('type'); } else if (this.model) { type = this.model.get('elType'); } else if (elementor.config.document.library && elementor.config.document.library.save_as_same_type) { type = elementor.config.document.type; } else { type = 'page'; } return type; }, templateHelpers: function templateHelpers() { var saveType = this.getSaveType(), templateType = elementor.templates.getTemplateTypes(saveType), saveContext = this.getOption('context'); return templateType["".concat(saveContext, "Dialog")]; }, onEllipsisIconKeyDown: function onEllipsisIconKeyDown(event) { if ('Escape' === event.key) { event.preventDefault(); if (this.ui.foldersDropdown.is(':visible')) { this.hideFoldersDropdown(); (0, _keyboardNav.suppressEscapeKeyUp)(event); } return; } if ('Tab' === event.key && !event.shiftKey || 'ArrowDown' === event.key) { if (this.ui.foldersDropdown.is(':visible')) { event.preventDefault(); event.stopPropagation(); this.focusFirstFolderItem(); } } }, onFoldersListKeyDown: function onFoldersListKeyDown(event) { if ('Escape' === event.key) { event.preventDefault(); this.hideFoldersDropdown(); this.ui.ellipsisIcon.trigger('focus'); (0, _keyboardNav.suppressEscapeKeyUp)(event); return; } if ('Tab' === event.key) { this.handleFolderTab(event); return; } var $items = this.getFolderItems(); (0, _keyboardNav.rovingTabindex)({ event: event, $items: $items, orientation: 'vertical', homeEnd: false, onActivate: function onActivate(e, $item) { e.stopPropagation(); $item.trigger('click'); } }); event.stopPropagation(); }, handleFolderTab: function handleFolderTab(event) { var $items = this.getFolderItems(); var currentIndex = $items.index(event.target); if (event.shiftKey) { if (currentIndex <= 0) { // Close dropdown and let the browser naturally move focus backwards. this.hideFoldersDropdown(); this.ui.ellipsisIcon.trigger('focus'); } else { event.preventDefault(); event.stopPropagation(); $items.eq(currentIndex - 1).trigger('focus'); } return; } if (currentIndex < $items.length - 1) { event.preventDefault(); event.stopPropagation(); $items.eq(currentIndex + 1).trigger('focus'); } else { // Close dropdown and let the browser naturally advance focus forward. this.hideFoldersDropdown(); this.ui.ellipsisIcon.trigger('focus'); } }, updateEllipsisAriaExpanded: function updateEllipsisAriaExpanded(expanded) { this.ui.ellipsisIcon.attr('aria-expanded', expanded ? 'true' : 'false'); }, onFormSubmit: function onFormSubmit(event) { var _this3 = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() { var _this3$templateHelper; var formData, JSONParams, _t; return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: event.preventDefault(); formData = _this3.ui.form.elementorSerializeObject(), JSONParams = { remove: ['default'] }; formData.parentTitle = formData.parentId ? _this3.ui.selectedFolderText.html() : ''; formData.content = _this3.model ? [_this3.model.toJSON(JSONParams)] : elementor.elements.toJSON(JSONParams); _this3.updateSourceSelections(formData); if (!(!(formData !== null && formData !== void 0 && formData.source) && (_this3$templateHelper = _this3.templateHelpers()) !== null && _this3$templateHelper !== void 0 && _this3$templateHelper.canSaveToCloud)) { _context.next = 1; break; } _this3.showEmptySourceErrorDialog(); return _context.abrupt("return"); case 1: _this3.ui.submitButton.addClass('elementor-button-state'); _this3.updateSaveContext(formData); _this3.updateToastConfig(formData); _this3.updateSourceState(formData); _context.prev = 2; _context.next = 3; return $e.run('document/save/auto', { force: true }); case 3: _context.next = 5; break; case 4: _context.prev = 4; _t = _context["catch"](2); case 5: _context.next = 6; return elementor.templates.syncGlobalStylesBeforeSave(); case 6: elementor.templates.saveTemplate(_this3.getSaveType(), formData); case 7: case "end": return _context.stop(); } }, _callee, null, [[2, 4]]); }))(); }, updateSourceSelections: function updateSourceSelections(formData) { var selectedSources = ['cloud', 'local'].filter(function (type) { return formData[type]; }); if (!selectedSources.length) { return; } formData.source = selectedSources; ['cloud', 'local'].forEach(function (type) { return delete formData[type]; }); }, showEmptySourceErrorDialog: function showEmptySourceErrorDialog() { elementorCommon.dialogsManager.createWidget('alert', { id: 'elementor-template-library-error-dialog', headerMessage: __('An error occurred.', 'elementor'), message: __('Please select at least one location.', 'elementor') }).show(); }, updateSaveContext: function updateSaveContext(formData) { var _this$getOption; var saveContext = (_this$getOption = this.getOption('context')) !== null && _this$getOption !== void 0 ? _this$getOption : _constants.SAVE_CONTEXTS.SAVE; formData.save_context = saveContext; if ([_constants.SAVE_CONTEXTS.MOVE, _constants.SAVE_CONTEXTS.BULK_MOVE, _constants.SAVE_CONTEXTS.COPY, _constants.SAVE_CONTEXTS.BULK_COPY].includes(saveContext)) { formData.from_source = elementor.templates.getFilter('source'); formData.from_template_id = [_constants.SAVE_CONTEXTS.MOVE, _constants.SAVE_CONTEXTS.COPY].includes(saveContext) ? this.model.get('template_id') : Array.from(elementor.templates.getBulkSelectionItems()); } }, updateToastConfig: function updateToastConfig(formData) { var _formData$source, _this$getOption2, _formData$source2, _formData$parentId, _formData$parentTitle; if (!((_formData$source = formData.source) !== null && _formData$source !== void 0 && _formData$source.length)) { return; } var lastSource = formData.source.at(-1), saveContext = (_this$getOption2 = this.getOption('context')) !== null && _this$getOption2 !== void 0 ? _this$getOption2 : _constants.SAVE_CONTEXTS.SAVE, toastMessage = this.getToastMessage(lastSource, saveContext, formData); if (!toastMessage) { return; } var toastButtons = ((_formData$source2 = formData.source) === null || _formData$source2 === void 0 ? void 0 : _formData$source2.length) > 1 ? null : this.getToastButtons(lastSource, formData === null || formData === void 0 || (_formData$parentId = formData.parentId) === null || _formData$parentId === void 0 ? void 0 : _formData$parentId.trim(), formData === null || formData === void 0 || (_formData$parentTitle = formData.parentTitle) === null || _formData$parentTitle === void 0 ? void 0 : _formData$parentTitle.trim()); elementor.templates.setToastConfig({ show: true, options: { message: toastMessage, buttons: toastButtons, position: { my: 'right bottom', at: 'right-10 bottom-10', of: '#elementor-template-library-modal .dialog-lightbox-widget-content' } } }); }, updateSourceState: function updateSourceState(formData) { var _formData$source3, _this$getOption3; if (!((_formData$source3 = formData.source) !== null && _formData$source3 !== void 0 && _formData$source3.length)) { return; } var saveContext = (_this$getOption3 = this.getOption('context')) !== null && _this$getOption3 !== void 0 ? _this$getOption3 : _constants.SAVE_CONTEXTS.SAVE; if (_constants.SAVE_CONTEXTS.SAVE !== saveContext) { return; } var lastSource = formData.source.at(-1); elementor.templates.setSourceSelection(lastSource); elementor.templates.setFilter('source', lastSource, true); }, getToastMessage: function getToastMessage(lastSource, saveContext, formData) { var _formData$source4, _formData$from_templa, _formData$from_templa2, _formData$from_templa3, _formData$from_templa4, _actions$key; var key = "".concat(lastSource, "_").concat(saveContext); if (((_formData$source4 = formData.source) === null || _formData$source4 === void 0 ? void 0 : _formData$source4.length) > 1) { return __('Template saved to your Site and Cloud Templates.', 'elementor'); } var actions = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, "local_".concat(_constants.SAVE_CONTEXTS.MOVE), this.getFormattedToastMessage('moved to your Site Templates', formData.title)), "cloud_".concat(_constants.SAVE_CONTEXTS.MOVE), this.getFormattedToastMessage('moved to your Cloud Templates', formData.title)), "local_".concat(_constants.SAVE_CONTEXTS.COPY), this.getFormattedToastMessage('copied to your Site Templates', formData.title)), "cloud_".concat(_constants.SAVE_CONTEXTS.COPY), this.getFormattedToastMessage('copied to your Cloud Templates', formData.title)), "local_".concat(_constants.SAVE_CONTEXTS.BULK_MOVE), this.getFormattedToastMessage('moved to your Site Templates', null, (_formData$from_templa = formData.from_template_id) === null || _formData$from_templa === void 0 ? void 0 : _formData$from_templa.length)), "cloud_".concat(_constants.SAVE_CONTEXTS.BULK_MOVE), this.getFormattedToastMessage('moved to your Cloud Templates', null, (_formData$from_templa2 = formData.from_template_id) === null || _formData$from_templa2 === void 0 ? void 0 : _formData$from_templa2.length)), "local_".concat(_constants.SAVE_CONTEXTS.BULK_COPY), this.getFormattedToastMessage('copied to your Site Templates', null, (_formData$from_templa3 = formData.from_template_id) === null || _formData$from_templa3 === void 0 ? void 0 : _formData$from_templa3.length)), "cloud_".concat(_constants.SAVE_CONTEXTS.BULK_COPY), this.getFormattedToastMessage('copied to your Cloud Templates', null, (_formData$from_templa4 = formData.from_template_id) === null || _formData$from_templa4 === void 0 ? void 0 : _formData$from_templa4.length)); return (_actions$key = actions[key]) !== null && _actions$key !== void 0 ? _actions$key : false; }, getFormattedToastMessage: function getFormattedToastMessage(action, title, count) { if (count !== undefined) { /* Translators: 1: Number of templates, 2: Action performed (e.g., "moved", "copied"). */ return sprintf(__('%1$d Template(s) %2$s.', 'elementor'), count, action); } /* Translators: 1: Template title or "Template" fallback, 2: Action performed. */ return sprintf(__('%1$s %2$s.', 'elementor'), title ? "\"".concat(title, "\"") : __('Template', 'elementor'), action); }, getToastButtons: function getToastButtons(lastSource, parentId, parentTitle) { var _this4 = this; var parsedParentId = parseInt(parentId, 10) || null; return [{ name: 'template_after_save', text: __('View', 'elementor'), callback: function callback() { return _this4.navigateToSavedSource(lastSource, parsedParentId, parentTitle); } }]; }, navigateToSavedSource: function navigateToSavedSource(lastSource, parentId, parentTitle) { elementor.templates.setSourceSelection(lastSource); elementor.templates.setFilter('source', lastSource, true); if (parentId) { var model = new TemplateLibraryTemplateModel({ template_id: parentId, title: parentTitle }); $e.route('library/view-folder', { model: model }); elementor.templates.layout.showTemplatesView(new TemplateLibraryCollection(elementor.templates.filterTemplates())); return; } $e.routes.refreshContainer('library'); }, onSelectedFolderTextClick: function onSelectedFolderTextClick() { if (!this.folderCollectionView) { this.onEllipsisIconClick(); return; } if (!this.ui.foldersDropdown.is(':visible')) { this.ui.foldersDropdown.show(); } else { this.hideFoldersDropdown(); } }, onEllipsisIconClick: function onEllipsisIconClick() { var _this5 = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() { return _regenerator.default.wrap(function (_context2) { while (1) switch (_context2.prev = _context2.next) { case 0: if (!_this5.ui.foldersDropdown.is(':visible')) { _context2.next = 1; break; } _this5.hideFoldersDropdown(); _this5.updateEllipsisAriaExpanded(false); return _context2.abrupt("return"); case 1: _this5.ui.foldersDropdown.show(); _this5.updateEllipsisAriaExpanded(true); if (_this5.folderCollectionView) { _context2.next = 5; break; } _this5.folderCollectionView = new FolderCollectionView({ collection: new TemplateLibraryCollection() }); _this5.addSpinner(); _this5.renderFolderDropdown(); _context2.prev = 2; _context2.next = 3; return _this5.fetchFolders(); case 3: _context2.prev = 3; _this5.removeSpinner(); _this5.disableSelectedFolder(); _this5.focusFirstFolderItem(); return _context2.finish(3); case 4: _context2.next = 6; break; case 5: _this5.focusFirstFolderItem(); case 6: elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModalSelectFolder }); case 7: case "end": return _context2.stop(); } }, _callee2, null, [[2,, 3, 4]]); }))(); }, getFolderItems: function getFolderItems() { // Must query the DOM fresh because the folder list is rendered dynamically // after the view's initial render, so this.ui.foldersList may be stale. return this.$('.cloud-folder-selection-dropdown ul li:visible'); }, focusFirstFolderItem: function focusFirstFolderItem() { var $firstItem = this.getFolderItems().first(); if ($firstItem.length) { $firstItem.trigger('focus'); } }, renderFolderDropdown: function renderFolderDropdown() { var _this$folderCollectio; this.ui.foldersListContainer.html((_this$folderCollectio = this.folderCollectionView.render()) === null || _this$folderCollectio === void 0 ? void 0 : _this$folderCollectio.el); }, addSpinner: function addSpinner() { var spinner = new TemplateLibraryTemplateModel({ template_id: LOAD_MORE_ID, title: '' }); this.folderCollectionView.collection.add(spinner); }, removeSpinner: function removeSpinner() { var spinner = this.folderCollectionView.collection.findWhere({ template_id: LOAD_MORE_ID }); if (spinner) { this.folderCollectionView.collection.remove(spinner); } }, fetchFolders: function fetchFolders() { var _this6 = this; return new Promise(function (resolve) { var offset = _this6.folderCollectionView.collection.length - 1; var ajaxOptions = { data: { source: 'cloud', offset: offset }, success: function success(response) { _this6.folderCollectionView.collection.add(response === null || response === void 0 ? void 0 : response.templates); if (_this6.shouldAddLoadMoreItem(response)) { _this6.addLoadMoreItem(); } resolve(response); }, error: function error(_error) { elementor.templates.showErrorDialog(_error); resolve(); } }; elementorCommon.ajax.addRequest('get_folders', ajaxOptions); }); }, disableSelectedFolder: function disableSelectedFolder() { if (!_constants.SAVE_CONTEXTS.MOVE === this.getOption('context')) { return; } if (!this.model || !Number.isInteger(this.model.get('parentId'))) { return; } this.$(".folder-list li[data-id=\"".concat(this.model.get('parentId'), "\"]")).addClass('disabled'); }, onFoldersListClick: function onFoldersListClick(event) { var _event$target$dataset = event.target.dataset, id = _event$target$dataset.id, value = _event$target$dataset.value; if (!id || !value) { return; } if (this.clickedOnLoadMore(id)) { this.loadMoreFolders(); return; } this.handleFolderSelected(id, value); }, clickedOnLoadMore: function clickedOnLoadMore(templateId) { return LOAD_MORE_ID === +templateId; }, handleFolderSelected: function handleFolderSelected(id, value) { this.highlightSelectedFolder(id); this.hideFoldersDropdown(); this.ui.ellipsisIcon.hide(); this.ui.selectedFolderText.html(value); this.ui.selectedFolder.show(); this.ui.hiddenInputSelectedFolder.val(id); this.$('.source-selections-input #cloud').prop('checked', true); this.maybeEnableSaveButton(); }, highlightSelectedFolder: function highlightSelectedFolder(id) { this.clearSelectedFolder(); this.$(".folder-list li[data-id=\"".concat(id, "\"]")).addClass('selected'); }, clearSelectedFolder: function clearSelectedFolder() { this.$('.folder-list li.selected').removeClass('selected'); }, onRemoveFolderSelectionClick: function onRemoveFolderSelectionClick() { this.clearSelectedFolder(); this.ui.selectedFolderText.html(''); this.ui.selectedFolder.hide(); this.ui.ellipsisIcon.show(); this.ui.hiddenInputSelectedFolder.val(''); this.hideFoldersDropdown(); }, loadMoreFolders: function loadMoreFolders() { var _this7 = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() { return _regenerator.default.wrap(function (_context3) { while (1) switch (_context3.prev = _context3.next) { case 0: _this7.removeLoadMoreItem(); _this7.addSpinner(); _context3.prev = 1; _context3.next = 2; return _this7.fetchFolders(); case 2: _context3.prev = 2; _this7.removeSpinner(); _this7.disableSelectedFolder(); return _context3.finish(2); case 3: case "end": return _context3.stop(); } }, _callee3, null, [[1,, 2, 3]]); }))(); }, shouldAddLoadMoreItem: function shouldAddLoadMoreItem(response) { return this.folderCollectionView.collection.length < (response === null || response === void 0 ? void 0 : response.total); }, addLoadMoreItem: function addLoadMoreItem() { this.folderCollectionView.collection.add({ template_id: LOAD_MORE_ID, title: __('Load More', 'elementor') }); }, removeLoadMoreItem: function removeLoadMoreItem() { var loadMore = this.folderCollectionView.collection.findWhere({ template_id: LOAD_MORE_ID }); if (loadMore) { this.folderCollectionView.collection.remove(loadMore); } }, handleSourceSelectionChange: function handleSourceSelectionChange(event) { this.maybeAllowOnlyOneCheckboxToBeChecked(event); this.maybeEnableSaveButton(); }, maybeAllowOnlyOneCheckboxToBeChecked: function maybeAllowOnlyOneCheckboxToBeChecked(event) { var _this8 = this; if (this.moreThanOneCheckboxCanBeChecked()) { return; } var selectedCheckbox = event.currentTarget; this.ui.sourceSelectionCheckboxes.each(function (_, checkbox) { var wrapper = _this8.$(checkbox).closest('.source-selections-input'); if (checkbox !== selectedCheckbox) { if (selectedCheckbox.checked) { wrapper.addClass('disabled'); checkbox.checked = false; } else { wrapper.removeClass('disabled'); } } }); }, moreThanOneCheckboxCanBeChecked: function moreThanOneCheckboxCanBeChecked() { return _constants.SAVE_CONTEXTS.SAVE === this.getOption('context') || 'cloud' !== elementor.templates.getFilter('source'); }, showInfoTip: function showInfoTip() { var _this9 = this; if (this.infoTipDialog) { this.infoTipDialog.hide(); } var message = elementor.templates.hasCloudLibraryQuota() ? __('Upgrade your subscription to get more space and reuse saved assets across all your sites.', 'elementor') : __('Upgrade your subscription to access Cloud Templates and reuse saved assets across all your sites.', 'elementor'); var goLink = elementor.templates.hasCloudLibraryQuota() ? 'https://go.elementor.com/go-pro-cloud-templates-save-to-100-usage-notice' : 'https://go.elementor.com/go-pro-cloud-templates-save-to-free-tooltip/'; this.infoTipDialog = elementor.dialogsManager.createWidget('buttons', { id: 'elementor-library--infotip__dialog', effects: { show: 'show', hide: 'hide' }, position: { of: this.ui.infoIcon, at: 'top-75' } }).setMessage(message).addButton({ name: 'learn_more', text: __('Upgrade Now', 'elementor'), classes: '', callback: function callback() { open(goLink, '_blank'); _this9.onUpgradeBadgeClicked(); } }); this.infoTipDialog.getElements('header').remove(); this.infoTipDialog.show(); }, hideInfoTip: function hideInfoTip() { if (this.infoTipDialog) { this.infoTipDialog.hide(); } }, getConnectInfoTipPosition: function getConnectInfoTipPosition() { return 'top+80'; }, showConnectInfoTip: function showConnectInfoTip() { if (this.connectInfoTipDialog) { this.connectInfoTipDialog.hide(); } this.connectInfoTipDialog = elementor.dialogsManager.createWidget('buttons', { id: 'elementor-library--connect_infotip__dialog', effects: { show: 'show', hide: 'hide' }, position: { of: this.ui.connectBadge, at: this.getConnectInfoTipPosition() } }).setMessage(__('To access the Cloud Templates Library you must have an active Elementor Pro subscription', 'elementor') + ' ' + __('and', 'elementor') + ' ' + __('connect your site.', 'elementor')); this.connectInfoTipDialog.getElements('header').remove(); this.connectInfoTipDialog.getElements('buttonsWrapper').remove(); this.addVariantClass(this.connectInfoTipDialog.getElements('widget')); this.connectInfoTipDialog.show(); }, addVariantClass: function addVariantClass() { return ''; }, hideConnectInfoTip: function hideConnectInfoTip() { if (this.connectInfoTipDialog) { this.connectInfoTipDialog.hide(); } }, handleElementorConnect: function handleElementorConnect() { elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModalSelectConnect }); this.ui.connect.elementorConnect({ success: function success() { elementor.config.library_connect.is_connected = true; $e.run('library/close'); elementor.notifications.showToast({ message: __('Connected successfully.', 'elementor') }); }, error: function error() { elementor.config.library_connect.is_connected = false; } }); }, onTemplateNameInputChange: function onTemplateNameInputChange() { this.maybeEnableSaveButton(); }, updateSubmitButtonState: function updateSubmitButtonState(shouldDisableSubmitButton) { this.ui.submitButton.toggleClass('e-primary', !shouldDisableSubmitButton); this.ui.submitButton.prop('disabled', shouldDisableSubmitButton); }, hideFoldersDropdown: function hideFoldersDropdown() { this.ui.foldersDropdown.hide(); this.updateEllipsisAriaExpanded(false); }, bindDocumentClickHandler: function bindDocumentClickHandler() { this.documentClickHandler = this.hideDropdownIfClickOutside.bind(this); elementor.templates.layout.modalContent.$el.on('click', this.documentClickHandler); }, unbindDocumentClickHandler: function unbindDocumentClickHandler() { if (!this.documentClickHandler) { return; } elementor.templates.layout.modalContent.$el.off('click', this.documentClickHandler); this.documentClickHandler = null; }, hideDropdownIfClickOutside: function hideDropdownIfClickOutside(event) { if (!this.ui.foldersDropdown.is(':visible')) { return; } var target = jQuery(event.target); var isClickInsideDropdown = target.closest(this.ui.foldersDropdown).length > 0; var isClickOnEllipsisIcon = target.closest(this.ui.ellipsisIcon).length > 0; var isClickOnSelectedFolderText = target.closest(this.ui.selectedFolderText).length > 0; if (!isClickInsideDropdown && !isClickOnEllipsisIcon && !isClickOnSelectedFolderText) { this.hideFoldersDropdown(); } }, onUpgradeBadgeClicked: function onUpgradeBadgeClicked() { var upgradePosition = elementor.templates.hasCloudLibraryQuota() ? 'save to-max' : 'save to-free'; elementor.templates.eventManager.sendUpgradeClickedEvent({ secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.saveModal, upgrade_position: upgradePosition }); } }); module.exports = TemplateLibrarySaveTemplateView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/templates-empty.js": /*!******************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/templates-empty.js ***! \******************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var TemplateLibraryTemplatesEmptyView = Marionette.ItemView.extend({ tagName: 'main', id: 'elementor-template-library-templates-empty', template: '#tmpl-elementor-template-library-templates-empty', ui: { title: '.elementor-template-library-blank-title', message: '.elementor-template-library-blank-message', icon: '.elementor-template-library-blank-icon', button: '.elementor-template-library-cloud-empty__button', backToEditor: '.e-back-to-editor' }, events: { 'click @ui.backToEditor': 'closeLibrary' }, closeLibrary: function closeLibrary(event) { event.preventDefault(); $e.run('library/close'); }, modesStrings: function modesStrings() { var defaultIcon = this.getDefaultIcon(); return { empty: { title: __('Haven’t Saved Templates Yet?', 'elementor'), message: __('This is where your templates should be. Design it. Save it. Reuse it.', 'elementor'), icon: defaultIcon, button: '' }, noResults: { title: __('No Results Found', 'elementor'), message: __('Please make sure your search is spelled correctly or try a different words.', 'elementor'), icon: defaultIcon, button: '' }, noFavorites: { title: __('No Favorite Templates', 'elementor'), message: __('You can mark any pre-designed template as a favorite.', 'elementor'), icon: defaultIcon, button: '' }, cloudEmpty: { title: __('No templates saved just yet', 'elementor'), message: __('Once you save a template, it’ll show up here, ready for reuse across all of your Elementor sites—no extra work needed.', 'elementor'), icon: this.getCloudIcon(), button: "".concat(__('Back to editor', 'elementor'), "") }, cloudFolderEmpty: { title: __('No templates to show here, yet', 'elementor'), message: __('Once you save some templates to this folder, you can use them on any website you’re working on.', 'elementor'), icon: this.getEmptyFolderIcon(), button: "".concat(__('Back to editor', 'elementor'), "") } }; }, getDefaultIcon: function getDefaultIcon() { return ""); }, getCloudIcon: function getCloudIcon() { return ""; }, getEmptyFolderIcon: function getEmptyFolderIcon() { return ""; }, getCurrentMode: function getCurrentMode() { if (elementor.templates.getFilter('text')) { return 'noResults'; } if (elementor.templates.getFilter('favorite')) { return 'noFavorites'; } if ('cloud' === elementor.templates.getFilter('source')) { return null !== elementor.templates.getFilter('parent') ? 'cloudFolderEmpty' : 'cloudEmpty'; } return 'empty'; }, onRender: function onRender() { var modeStrings = this.modesStrings()[this.getCurrentMode()]; this.ui.title.html(modeStrings.title); this.ui.message.html(modeStrings.message); this.ui.button.html(modeStrings.button); this.ui.icon.html(modeStrings.icon); } }); module.exports = TemplateLibraryTemplatesEmptyView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/parts/templates.js": /*!************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/parts/templates.js ***! \************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var sprintf = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["sprintf"]; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _select = _interopRequireDefault(__webpack_require__(/*! elementor-editor-utils/select2.js */ "../assets/dev/js/editor/utils/select2.js")); var _keyboardNav = __webpack_require__(/*! elementor-editor-utils/keyboard-nav */ "../assets/dev/js/editor/utils/keyboard-nav.js"); var _constants = __webpack_require__(/*! ./../../constants */ "../assets/dev/js/editor/components/template-library/constants.js"); var TemplateLibraryTemplateLocalView = __webpack_require__(/*! elementor-templates/views/template/local */ "../assets/dev/js/editor/components/template-library/views/template/local.js"); var TemplateLibraryTemplateRemoteView = __webpack_require__(/*! elementor-templates/views/template/remote */ "../assets/dev/js/editor/components/template-library/views/template/remote.js"); var TemplateLibraryTemplateCloudView = __webpack_require__(/*! elementor-templates/views/template/cloud */ "../assets/dev/js/editor/components/template-library/views/template/cloud.js"); var TemplateLibraryCollectionView = Marionette.CompositeView.extend({ tagName: 'main', template: '#tmpl-elementor-template-library-templates', id: 'elementor-template-library-templates', childViewContainer: '#elementor-template-library-templates-container', reorderOnSort: true, emptyView: function emptyView() { var EmptyView = __webpack_require__(/*! elementor-templates/views/parts/templates-empty */ "../assets/dev/js/editor/components/template-library/views/parts/templates-empty.js"); return new EmptyView(); }, ui: { textFilter: '#elementor-template-library-filter-text', selectFilter: '.elementor-template-library-filter-select', myFavoritesFilter: '#elementor-template-library-filter-my-favorites', orderInputs: '.elementor-template-library-order-input', orderLabels: 'label.elementor-template-library-order-label', searchInputIcon: '#elementor-template-library-filter-text-wrapper i', loadMoreAnchor: '#elementor-template-library-load-more-anchor', sourceFilterRadiogroup: '.elementor-template-library-filter-select-source', selectSourceFilter: '.elementor-template-library-filter-select-source .source-option', addNewFolder: '#elementor-template-library-add-new-folder', addNewFolderDivider: '.elementor-template-library-filter-toolbar-side-actions .divider', selectGridView: '#elementor-template-library-view-grid', selectListView: '#elementor-template-library-view-list', bulkSelectionActionBar: '.bulk-selection-action-bar', bulkActionBarDelete: '.bulk-selection-action-bar .bulk-delete', bulkSelectedCount: '.bulk-selection-action-bar .selected-count', bulkSelectAllCheckbox: '#bulk-select-all', clearBulkSelections: '.bulk-selection-action-bar .clear-bulk-selections', bulkMove: '.bulk-selection-action-bar .bulk-move', bulkCopy: '.bulk-selection-action-bar .bulk-copy', quota: '.quota-progress-container .quota-progress-bar', quotaFill: '.quota-progress-container .quota-progress-bar .quota-progress-bar-fill', quotaValue: '.quota-progress-container .quota-progress-bar-value', quotaWarning: '.quota-progress-container .progress-bar-container .quota-warning', quotaUpgrade: '.quota-progress-container .progress-bar-container .quota-warning a', quotaStatus: '#elementor-template-library-quota-status', navigationContainer: '#elementor-template-library-navigation-container', sourceOptionBadges: '.source-option-badge.variant-b-only', cloudBadge: '.source-option-badge.cloud-badge', siteBadge: '.source-option-badge.site-badge', sortStatus: '#elementor-template-library-sort-status', loadStatus: '#elementor-template-library-load-status' }, events: { 'input @ui.textFilter': 'onTextFilterInput', 'change @ui.selectFilter': 'onSelectFilterChange', 'change @ui.myFavoritesFilter': 'onMyFavoritesFilterChange', 'mousedown @ui.orderLabels': 'onOrderLabelsClick', 'click @ui.selectSourceFilter': 'onSelectSourceFilterChange', 'keydown @ui.selectSourceFilter': 'onSelectSourceFilterKeyDown', 'click @ui.addNewFolder': 'onCreateNewFolderClick', 'click @ui.selectGridView': 'onSelectGridViewClick', 'click @ui.selectListView': 'onSelectListViewClick', 'change @ui.bulkSelectAllCheckbox': 'onBulkSelectAllCheckbox', 'click @ui.clearBulkSelections': 'onClearBulkSelections', 'mouseenter @ui.bulkMove': 'onHoverBulkAction', 'mouseenter @ui.bulkCopy': 'onHoverBulkAction', 'click @ui.bulkMove': 'onClickBulkMove', 'click @ui.bulkActionBarDelete': 'onBulkDeleteClick', 'click @ui.bulkCopy': 'onClickBulkCopy', 'click @ui.quotaUpgrade': 'onQuotaUpgradeClicked', 'mouseenter @ui.cloudBadge': 'showCloudBadgeTooltip', 'mouseenter @ui.siteBadge': 'showSiteBadgeTooltip', 'mouseleave @ui.cloudBadge': 'hideCloudBadgeTooltip', 'mouseleave @ui.siteBadge': 'hideSiteBadgeTooltip' }, className: 'no-bulk-selections', resetQuotaBarStyles: function resetQuotaBarStyles() { this.ui.quota.removeClass(['quota-progress-bar-normal', 'quota-progress-bar-warning', 'quota-progress-bar-alert']); this.ui.quotaFill.removeClass(['quota-progress-bar-fill-normal', 'quota-progress-bar-fill-warning', 'quota-progress-bar-fill-alert']); }, setQuotaBarStyles: function setQuotaBarStyles(variant) { this.ui.quota.addClass("quota-progress-bar-".concat(variant)); this.ui.quotaFill.addClass("quota-progress-bar-fill-".concat(variant)); }, handleQuotaWarning: function handleQuotaWarning(variant, quotaUsage) { var message = _constants.QUOTA_WARNINGS[variant]; if (!message) { return; } this.ui.quotaWarning.html(sprintf(message, quotaUsage)); this.ui.quotaWarning.show(); }, handleQuotaBar: function handleQuotaBar() { var _elementorAppConfig, _quota$currentUsage, _quota$threshold; var quota = (_elementorAppConfig = elementorAppConfig) === null || _elementorAppConfig === void 0 || (_elementorAppConfig = _elementorAppConfig['cloud-library']) === null || _elementorAppConfig === void 0 ? void 0 : _elementorAppConfig.quota; var value = quota ? Math.round(quota.currentUsage / quota.threshold * 100) : 0; this.ui.quotaFill.css('width', "".concat(value, "%")); this.ui.quotaValue.text("".concat(quota === null || quota === void 0 || (_quota$currentUsage = quota.currentUsage) === null || _quota$currentUsage === void 0 ? void 0 : _quota$currentUsage.toLocaleString(), "/").concat(quota === null || quota === void 0 || (_quota$threshold = quota.threshold) === null || _quota$threshold === void 0 ? void 0 : _quota$threshold.toLocaleString())); this.ui.quotaWarning.hide(); this.resetQuotaBarStyles(); var quotaState = this.resolveQuotaState(value); this.handleQuotaWarning(quotaState, value); this.setQuotaBarStyles(quotaState); if (this.ui.quota.length) { this.ui.quota.attr({ 'aria-valuenow': value }); } if (quota && this.ui.quotaStatus.length) { // Translators: %1$s: current usage number, %2$s: threshold number var statusText = sprintf( // Translators: %1$s: current usage number, %2$s: threshold number __('%1$s of %2$s templates used', 'elementor'), quota.currentUsage.toLocaleString(), quota.threshold.toLocaleString()); this.ui.quotaStatus.text(statusText); } }, resolveQuotaState: function resolveQuotaState(value) { if (value < 80) { return _constants.QUOTA_BAR_STATES.NORMAL; } else if (value < 100) { return _constants.QUOTA_BAR_STATES.WARNING; } return _constants.QUOTA_BAR_STATES.ALERT; }, onClearBulkSelections: function onClearBulkSelections() { elementor.templates.clearBulkSelectionItems(); elementor.templates.layout.handleBulkActionBar(); elementor.templates.layout.selectAllCheckboxNormal(); this.deselectAllBulkItems(); }, deselectAllBulkItems: function deselectAllBulkItems() { if ('list' === elementor.templates.getViewSelection() || 'local' === elementor.templates.getFilter('source')) { this.ui.bulkSelectAllCheckbox.prop('checked', false).trigger('change'); } else { document.querySelectorAll('.bulk-selected-item').forEach(function (item) { item.classList.remove('bulk-selected-item'); item.setAttribute('aria-selected', 'false'); item.setAttribute('tabindex', '-1'); var checkbox = item.querySelector('.bulk-selection-item-checkbox'); if (checkbox) { checkbox.checked = false; checkbox.setAttribute('aria-checked', 'false'); } }); } }, onBulkSelectAllCheckbox: function onBulkSelectAllCheckbox() { var isChecked = this.$('#bulk-select-all:checked').length > 0; if (isChecked) { elementor.templates.layout.selectAllCheckboxNormal(); } this.updateBulkSelectedItems(isChecked); elementor.templates.layout.handleBulkActionBarUi(); }, updateBulkSelectedItems: function updateBulkSelectedItems(isChecked) { document.querySelectorAll('.bulk-selection-item-checkbox').forEach(function (checkbox) { checkbox.checked = isChecked; checkbox.setAttribute('aria-checked', String(isChecked)); var templateId = checkbox.dataset.template_id; var type = checkbox.dataset.type; var parentDiv = checkbox.closest('.elementor-template-library-template'); if (isChecked) { elementor.templates.addBulkSelectionItem(templateId, type); parentDiv === null || parentDiv === void 0 || parentDiv.classList.add('bulk-selected-item'); } else { elementor.templates.removeBulkSelectionItem(templateId, type); parentDiv === null || parentDiv === void 0 || parentDiv.classList.remove('bulk-selected-item'); } if (parentDiv) { parentDiv.setAttribute('aria-selected', String(isChecked)); parentDiv.setAttribute('tabindex', isChecked ? '0' : '-1'); } }); }, onBulkDeleteClick: function onBulkDeleteClick() { var _this = this; this.ui.bulkActionBarDelete.toggleClass('disabled'); elementor.templates.onBulkDeleteClick().finally(function () { _this.ui.bulkActionBarDelete.toggleClass('disabled'); elementor.templates.layout.handleBulkActionBar(); }); }, comparators: { title: function title(model) { return model.get('title').toLowerCase(); }, popularityIndex: function popularityIndex(model) { var popularityIndex = model.get('popularityIndex'); if (!popularityIndex) { popularityIndex = model.get('date'); } return -popularityIndex; }, trendIndex: function trendIndex(model) { var trendIndex = model.get('trendIndex'); if (!trendIndex) { trendIndex = model.get('date'); } return -trendIndex; } }, getChildView: function getChildView(childModel) { var sourceMappings = { local: TemplateLibraryTemplateLocalView, remote: TemplateLibraryTemplateRemoteView, cloud: TemplateLibraryTemplateCloudView }; var activeSource = childModel.get('source') ? childModel.get('source') : 'local'; /** * Filter template source. * * @param bool isRemote - If `true` the source is a remote source. * @param string activeSource - The current template source. */ var isRemote = elementor.hooks.applyFilters('templates/source/is-remote', 'remote' === activeSource, activeSource); return isRemote ? TemplateLibraryTemplateRemoteView : sourceMappings[activeSource] || TemplateLibraryTemplateLocalView; }, initialize: function initialize() { this.handleQuotaBar = this.handleQuotaBar.bind(this); this.handleQuotaUpdate = this.handleQuotaUpdate.bind(this); this.handleSourceFilterChange = this.handleSourceFilterChange.bind(this); this.listenTo(elementor.channels.templates, 'filter:change', this._renderChildren); this.listenTo(elementor.channels.templates, 'filter:change', this.handleSourceOptionBadges); this.listenTo(elementor.channels.templates, 'filter:change', this.handleSourceFilterChange); this.listenTo(elementor.channels.templates, 'quota:updated', this.handleQuotaUpdate); this.debouncedSearchTemplates = _.debounce(this.searchTemplates, 300); }, handleQuotaUpdate: function handleQuotaUpdate() { var _elementor$templates$, _this2 = this; var activeSource = (_elementor$templates$ = elementor.templates.getFilter('source')) !== null && _elementor$templates$ !== void 0 ? _elementor$templates$ : 'local'; if ('cloud' === activeSource) { $e.components.get('cloud-library').utils.getQuotaConfig().then(function () { _this2.handleQuotaBar(); }); } }, handleSourceFilterChange: function handleSourceFilterChange(filterName) { if ('source' === filterName) { var _elementor$templates$2; var activeSource = (_elementor$templates$2 = elementor.templates.getFilter('source')) !== null && _elementor$templates$2 !== void 0 ? _elementor$templates$2 : 'local'; this.updateSourceFilterAriaAttributes(activeSource); } }, updateSourceFilterAriaAttributes: function updateSourceFilterAriaAttributes(selectedSource) { if (!this.ui.selectSourceFilter.length) { return; } this.ui.selectSourceFilter.each(function () { var $option = jQuery(this), source = $option.data('source'), isSelected = source === selectedSource; $option.attr({ 'aria-checked': isSelected ? 'true' : 'false', tabindex: isSelected ? '0' : '-1' }); }); }, filter: function filter(childModel) { var activeSource = elementor.templates.getFilter('source'); if ('cloud' === activeSource) { return true; // Filtering happens on the backend. } var filterTerms = elementor.templates.getFilterTerms(), passingFilter = true; jQuery.each(filterTerms, function (filterTermName) { var filterValue = elementor.templates.getFilter(filterTermName); if (!filterValue) { return; } if (this.callback) { var callbackResult = this.callback.call(childModel, filterValue); if (!callbackResult) { passingFilter = false; } return callbackResult; } var filterResult = filterValue === childModel.get(filterTermName); if (!filterResult) { passingFilter = false; } return filterResult; }); return passingFilter; }, order: function order(by, reverseOrder) { var comparator = this.comparators[by] || by; if ('cloud' === elementor.templates.getFilter('source')) { this.handleCloudOrder(by, reverseOrder); return; } if (reverseOrder) { comparator = this.reverseOrder(comparator); } this.collection.comparator = comparator; this.collection.sort(); this.announceSortStatus(by, reverseOrder); }, announceSortStatus: function announceSortStatus(by, reverseOrder) { var orderLabels = { title: __('Name', 'elementor'), type: __('Type', 'elementor'), author: __('Created By', 'elementor'), date: __('Creation Date', 'elementor') }; var orderDirection = reverseOrder ? __('descending', 'elementor') : __('ascending', 'elementor'); var sortLabel = orderLabels[by] || by; var message = __('Sorted by', 'elementor') + ' ' + sortLabel + ', ' + orderDirection; if (this.ui.sortStatus.length) { this.ui.sortStatus.text(message); } }, announceLoadStatus: function announceLoadStatus(count) { var message = count + ' ' + __('more templates loaded', 'elementor'); if (this.ui.loadStatus.length) { this.ui.loadStatus.text(message); } }, handleCloudOrder: function handleCloudOrder(by, reverseOrder) { var _this3 = this; elementor.templates.setFilter('orderby', by); elementor.templates.setFilter('order', reverseOrder ? 'desc' : 'asc'); this.onClearBulkSelections(); this.collection.reset(); elementor.templates.layout.showLoadingView(); elementor.templates.loadMore({ onUpdate: function onUpdate() { elementor.templates.layout.hideLoadingView(); _this3.announceSortStatus(by, reverseOrder); }, search: this.ui.textFilter.val(), refresh: true }); }, reverseOrder: function reverseOrder(comparator) { if ('function' !== typeof comparator) { var comparatorValue = comparator; comparator = function comparator(model) { return model.get(comparatorValue); }; } return function (left, right) { var l = comparator(left); if (undefined === l) { return -1; } var r = comparator(right); if (undefined === r) { return 1; } if (l < r) { return 1; } if (l > r) { return -1; } return 0; }; }, addSourceData: function addSourceData() { var isEmpty = this.children.isEmpty(); this.$el.attr('data-template-source', isEmpty ? 'empty' : elementor.templates.getFilter('source')); }, addViewData: function addViewData() { var view = elementor.templates.getViewSelection(); this.$el.attr('data-template-view', view); }, setFiltersUI: function setFiltersUI() { if (!this.select2Instance && this.$(this.ui.selectFilter).length) { var $filters = this.$(this.ui.selectFilter), select2Options = { placeholder: __('Category', 'elementor'), allowClear: true, width: 150, dropdownParent: this.$el }; this.select2Instance = new _select.default({ $element: $filters, options: select2Options }); } }, setMasonrySkin: function setMasonrySkin() { var masonry = new elementorModules.utils.Masonry({ container: this.$childViewContainer, items: this.$childViewContainer.children() }); this.$childViewContainer.imagesLoaded(masonry.run.bind(masonry)); }, toggleFilterClass: function toggleFilterClass() { this.$el.toggleClass('elementor-templates-filter-active', !!(elementor.templates.getFilter('text') || elementor.templates.getFilter('favorite'))); }, isPageOrLandingPageTemplates: function isPageOrLandingPageTemplates() { var templatesType = elementor.templates.getFilter('type'); return 'page' === templatesType || 'lp' === templatesType; }, onDestroy: function onDestroy() { if (this.removeScrollListener) { this.removeScrollListener(); } }, shouldShowVariantB: function shouldShowVariantB() { return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() { var experimentVariant; return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: _context.next = 1; return elementor.templates.eventManager.getSaveTemplateExperimentVariant(); case 1: experimentVariant = _context.sent; return _context.abrupt("return", 'B' === experimentVariant); case 2: case "end": return _context.stop(); } }, _callee); }))(); }, handleSourceOptionBadges: function handleSourceOptionBadges() { var _this4 = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee2() { var shouldShow, activeSource; return _regenerator.default.wrap(function (_context2) { while (1) switch (_context2.prev = _context2.next) { case 0: _context2.next = 1; return _this4.shouldShowVariantB(); case 1: shouldShow = _context2.sent; if (shouldShow) { _context2.next = 2; break; } _this4.ui.sourceOptionBadges.hide(); return _context2.abrupt("return"); case 2: activeSource = elementor.templates.getFilter('source'); _this4.$('.source-option-badge.site-badge').toggle('local' === activeSource); _this4.$('.source-option-badge.cloud-badge').toggle('cloud' === activeSource); case 3: case "end": return _context2.stop(); } }, _callee2); }))(); }, onRender: function onRender() { elementor.templates.clearBulkSelectionItems(); var activeSource = elementor.templates.getFilter('source'); var templateType = elementor.templates.getFilter('type'); if ('remote' === activeSource && 'page' !== templateType && 'lb' !== templateType) { this.setFiltersUI(); } if ('cloud' === activeSource) { var isFolderView = elementor.templates.getFilter('parentId'); var location = isFolderView ? elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.cloudTabFolder : elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.cloudTab; elementor.templates.eventManager.sendPageViewEvent({ location: location }); this.handleQuotaBar(); } if ('local' === activeSource) { elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.siteTab }); } this.handleSourceOptionBadges(); }, onRenderCollection: function onRenderCollection() { this.addSourceData(); this.toggleFilterClass(); var activeSource = elementor.templates.getFilter('source'); if ('remote' === activeSource && !this.isPageOrLandingPageTemplates()) { this.setMasonrySkin(); } if ('cloud' === activeSource) { this.handleLoadMore(); this.addViewData(); this.handleQuotaUpdate(); } this.handleSourceOptionBadges(); }, onBeforeRenderEmpty: function onBeforeRenderEmpty() { this.addSourceData(); }, onTextFilterInput: function onTextFilterInput() { var activeSource = elementor.templates.getFilter('source'); if (['cloud', 'local'].includes(activeSource)) { elementor.templates.clearBulkSelectionItems(); elementor.templates.layout.handleBulkActionBar(); } if ('cloud' === activeSource) { this.debouncedSearchTemplates(activeSource); return; } elementor.templates.setFilter('text', this.ui.textFilter.val()); }, searchTemplates: function searchTemplates(source) { var _this5 = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee3() { return _regenerator.default.wrap(function (_context3) { while (1) switch (_context3.prev = _context3.next) { case 0: _this5.showLoadingSpinner(); _context3.prev = 1; _context3.next = 2; return elementor.templates.searchTemplates({ source: source, search: _this5.ui.textFilter.val() }); case 2: _context3.prev = 2; _this5.showSearchIcon(); return _context3.finish(2); case 3: case "end": return _context3.stop(); } }, _callee3, null, [[1,, 2, 3]]); }))(); }, showLoadingSpinner: function showLoadingSpinner() { this.ui.searchInputIcon.removeClass('eicon-search').addClass('eicon-loading eicon-animation-spin'); }, showSearchIcon: function showSearchIcon() { this.ui.searchInputIcon.removeClass('eicon-loading eicon-animation-spin').addClass('eicon-search'); }, onSelectFilterChange: function onSelectFilterChange(event) { var $select = jQuery(event.currentTarget), filterName = $select.data('elementor-filter'); elementor.templates.setFilter(filterName, $select.val()); }, onSelectSourceFilterChange: function onSelectSourceFilterChange(event) { elementor.templates.onSelectSourceFilterChange(event); }, onSelectSourceFilterKeyDown: function onSelectSourceFilterKeyDown(event) { var _this6 = this; var handled = (0, _keyboardNav.rovingTabindex)({ event: event, $items: this.ui.selectSourceFilter, orientation: 'both', activateOnFocus: true, homeEnd: false, onActivate: function onActivate(e, $item) { _this6._restoreFocusToSourceFilter = true; $item.trigger('click'); } }); if (handled) { this._restoreFocusToSourceFilter = true; } }, onSelectGridViewClick: function onSelectGridViewClick() { elementor.templates.onSelectViewChange('grid'); }, onSelectListViewClick: function onSelectListViewClick() { elementor.templates.onSelectViewChange('list'); }, onMyFavoritesFilterChange: function onMyFavoritesFilterChange() { elementor.templates.setFilter('favorite', this.ui.myFavoritesFilter[0].checked); }, onOrderLabelsClick: function onOrderLabelsClick(event) { var $clickedInput = jQuery(event.currentTarget.control); var toggle; if (!$clickedInput[0].checked) { toggle = 'asc' !== $clickedInput.data('default-ordering-direction'); } else { toggle = !$clickedInput.hasClass('elementor-template-library-order-reverse'); } $clickedInput.prop('checked', true); $clickedInput.toggleClass('elementor-template-library-order-reverse', toggle); this.order($clickedInput.val(), toggle); }, handleLoadMore: function handleLoadMore() { var _elementor, _this7 = this; if (this.removeScrollListener) { this.removeScrollListener(); } var scrollableContainer = (_elementor = elementor) === null || _elementor === void 0 || (_elementor = _elementor.templates) === null || _elementor === void 0 || (_elementor = _elementor.layout) === null || _elementor === void 0 ? void 0 : _elementor.modal.getElements('message'); var listener = function listener() { var scrollTop = scrollableContainer.scrollTop(); var scrollHeight = scrollableContainer[0].scrollHeight; var clientHeight = scrollableContainer.outerHeight(); var scrollPercentage = scrollTop / (scrollHeight - clientHeight) * 100; var canLoadMore = elementor.templates.canLoadMore() && !elementor.templates.isLoading(); if (scrollPercentage < 90 || !canLoadMore) { return; } _this7.ui.loadMoreAnchor.toggleClass('elementor-visibility-hidden'); elementor.templates.layout.selectAllCheckboxMinus(); var previousCount = _this7.collection.length; elementor.templates.loadMore({ onUpdate: function onUpdate() { _this7.ui.loadMoreAnchor.toggleClass('elementor-visibility-hidden'); var newCount = _this7.collection.length; var loadedCount = newCount - previousCount; if (loadedCount > 0) { _this7.announceLoadStatus(loadedCount); } }, search: _this7.ui.textFilter.val() }); }; scrollableContainer.on('scroll', listener); // QA #13: Also trigger load-more when keyboard focus reaches the last few items var focusListener = function focusListener(event) { var canLoadMore = elementor.templates.canLoadMore() && !elementor.templates.isLoading(); if (!canLoadMore) { return; } if (!_this7.$childViewContainer || !_this7.$childViewContainer.length) { return; } var $children = _this7.$childViewContainer.children(); var totalChildren = $children.length; if (totalChildren < 2) { return; } // Check if focus target is within one of the last 2 template items var $target = jQuery(event.target); var focusedIndex = $children.index($target.closest($children)); if (focusedIndex >= totalChildren - 2) { _this7.ui.loadMoreAnchor.toggleClass('elementor-visibility-hidden'); elementor.templates.layout.selectAllCheckboxMinus(); var previousCount = _this7.collection.length; elementor.templates.loadMore({ onUpdate: function onUpdate() { _this7.ui.loadMoreAnchor.toggleClass('elementor-visibility-hidden'); var newCount = _this7.collection.length; var loadedCount = newCount - previousCount; if (loadedCount > 0) { _this7.announceLoadStatus(loadedCount); } }, search: _this7.ui.textFilter.val() }); } }; scrollableContainer.on('focusin', focusListener); this.removeScrollListener = function () { scrollableContainer.off('scroll', listener); scrollableContainer.off('focusin', focusListener); }; }, onCreateNewFolderClick: function onCreateNewFolderClick() { var activeSource = elementor.templates.getFilter('source'); if ('cloud' !== activeSource) { return; } elementor.templates.createFolder({ source: activeSource }, { onSuccess: function onSuccess() { $e.routes.refreshContainer('library'); } }); }, onHoverBulkAction: function onHoverBulkAction() { if (this.hasFolderInBulkSelection() || this.hasLockedTemplatesInBulkSelection()) { this.ui.bulkMove.find('i').css('cursor', 'not-allowed'); this.ui.bulkCopy.find('i').css('cursor', 'not-allowed'); } else { this.ui.bulkMove.find('i').css('cursor', 'pointer'); this.ui.bulkCopy.find('i').css('cursor', 'pointer'); } }, onClickBulkMove: function onClickBulkMove() { if (this.hasFolderInBulkSelection() || this.hasLockedTemplatesInBulkSelection()) { return; } $e.route('library/save-template', { model: this.model, context: _constants.SAVE_CONTEXTS.BULK_MOVE }); }, hasFolderInBulkSelection: function hasFolderInBulkSelection() { var bulkSelectedItems = elementor.templates.getBulkSelectionItems(); return this.collection.some(function (model) { var templateId = model.get('template_id'); var type = model.get('type'); return bulkSelectedItems.has(templateId) && 'folder' === type; }); }, hasLockedTemplatesInBulkSelection: function hasLockedTemplatesInBulkSelection() { var bulkSelectedItems = elementor.templates.getBulkSelectionItems(); return this.collection.some(function (model) { var templateId = model.get('template_id'); return bulkSelectedItems.has(templateId) && model.isLocked(); }); }, onClickBulkCopy: function onClickBulkCopy() { if (this.hasFolderInBulkSelection() || this.hasLockedTemplatesInBulkSelection()) { return; } $e.route('library/save-template', { model: this.model, context: _constants.SAVE_CONTEXTS.BULK_COPY }); }, onQuotaUpgradeClicked: function onQuotaUpgradeClicked() { var _elementorAppConfig2; var quota = (_elementorAppConfig2 = elementorAppConfig) === null || _elementorAppConfig2 === void 0 || (_elementorAppConfig2 = _elementorAppConfig2['cloud-library']) === null || _elementorAppConfig2 === void 0 ? void 0 : _elementorAppConfig2.quota; var value = quota ? Math.round(quota.currentUsage / quota.threshold * 100) : 0; elementor.templates.eventManager.sendUpgradeClickedEvent({ secondaryLocation: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.quotaBar, upgrade_position: "quota bar ".concat(value ? value + '%' : '') }); }, showCloudBadgeTooltip: function showCloudBadgeTooltip() { if (this.cloudBadgeDialog) { this.cloudBadgeDialog.hide(); } var emailReplacement = elementor.config.library_connect.is_connected ? elementor.config.library_connect.user_email : __('connected', 'elementor'); /* Translators: %s: User's email. */ var message = sprintf(__('Only %s Elementor account can access Cloud Templates from any connected site.', 'elementor'), emailReplacement); this.cloudBadgeDialog = elementor.dialogsManager.createWidget('buttons', { id: 'elementor-library--cloud-upgrade__dialog', effects: { show: 'show', hide: 'hide' }, position: { of: this.ui.cloudBadge, at: 'top-50' } }).setMessage(message); this.cloudBadgeDialog.getElements('widget').addClass('variant-b'); this.cloudBadgeDialog.getElements('header').remove(); this.cloudBadgeDialog.getElements('buttonsWrapper').remove(); this.cloudBadgeDialog.show(); }, hideCloudBadgeTooltip: function hideCloudBadgeTooltip() { if (this.cloudBadgeDialog) { this.cloudBadgeDialog.hide(); } }, showSiteBadgeTooltip: function showSiteBadgeTooltip() { if (this.siteBadgeDialog) { this.siteBadgeDialog.hide(); } var message = __('Authorized users on this site can access Site Templates.', 'elementor'); this.siteBadgeDialog = elementor.dialogsManager.createWidget('buttons', { id: 'elementor-library--site-info__dialog', effects: { show: 'show', hide: 'hide' }, position: { of: this.ui.siteBadge, at: 'top-35' } }).setMessage(message); this.siteBadgeDialog.getElements('widget').addClass('variant-b'); this.siteBadgeDialog.getElements('header').remove(); this.siteBadgeDialog.getElements('buttonsWrapper').remove(); this.siteBadgeDialog.show(); }, hideSiteBadgeTooltip: function hideSiteBadgeTooltip() { if (this.siteBadgeDialog) { this.siteBadgeDialog.hide(); } } }); module.exports = TemplateLibraryCollectionView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/template/base.js": /*!**********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/template/base.js ***! \**********************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var TemplateLibraryInsertTemplateBehavior = __webpack_require__(/*! elementor-templates/behaviors/insert-template */ "../assets/dev/js/editor/components/template-library/behaviors/insert-template.js"); var _require = __webpack_require__(/*! elementor-utils/tiers */ "../assets/dev/js/utils/tiers.js"), isTierAtLeast = _require.isTierAtLeast, TIERS = _require.TIERS; var TemplateLibraryTemplateView = Marionette.ItemView.extend({ className: function className() { var classes = 'elementor-template-library-template'; var source = this.model.get('source'); classes += ' elementor-template-library-template-' + source; if ('remote' === source) { classes += ' elementor-template-library-template-' + this.model.get('type'); } if (elementor.config.library_connect.base_access_tier !== this.model.get('accessTier')) { classes += ' elementor-template-library-pro-template'; } return elementor.hooks.applyFilters('elementor/editor/template-library/template/classes', classes, this); }, attributes: function attributes() { var userAccessTier = elementor.config.library_connect.current_access_tier; var templateAccessTier = this.model.get('accessTier'); var canDownloadTemplate = isTierAtLeast(userAccessTier, templateAccessTier); // User with access to the template shouldn't see the badge. if (canDownloadTemplate) { return {}; } var subscriptionPlans = elementor.config.library_connect.subscription_plans; var subscriptionPlan = subscriptionPlans[templateAccessTier]; // Free user should see a generic "Pro" badge. if (userAccessTier === TIERS.free) { subscriptionPlan = subscriptionPlans.essential; } if (!subscriptionPlan) { return {}; } return { style: "--elementor-template-library-subscription-plan-label: \"".concat(subscriptionPlan.label, "\";--elementor-template-library-subscription-plan-color: ").concat(subscriptionPlan.color, ";") }; }, ui: function ui() { return { previewButton: '.elementor-template-library-template-preview' }; }, events: function events() { return { 'click @ui.previewButton': 'onPreviewButtonClick' }; }, behaviors: function behaviors() { var behaviors = { insertTemplate: { behaviorClass: TemplateLibraryInsertTemplateBehavior } }; return elementor.hooks.applyFilters('elementor/editor/template-library/template/behaviors', behaviors, this); } }); module.exports = TemplateLibraryTemplateView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/template/cloud.js": /*!***********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/template/cloud.js ***! \***********************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var TemplateLibraryTemplateLocalView = __webpack_require__(/*! elementor-templates/views/template/local */ "../assets/dev/js/editor/components/template-library/views/template/local.js"), TemplateLibraryTemplateCloudView; TemplateLibraryTemplateCloudView = TemplateLibraryTemplateLocalView.extend({ className: function className() { var view = elementor.templates.getViewSelection(), subType = 'FOLDER' === this.model.get('subType') ? 'folder' : 'template'; var classes = TemplateLibraryTemplateLocalView.prototype.className.apply(this, arguments); classes += ' elementor-template-library-template-view-' + view; classes += ' elementor-template-library-template-type-' + subType; return classes; }, attributes: function attributes() { if ('grid' === elementor.templates.getViewSelection()) { var data = this.model.toJSON(); return { 'data-template_id': data.template_id, 'data-type': data.type, 'data-status': data.status, tabindex: '0', 'aria-label': data.title || '' }; } }, ui: function ui() { return _.extend(TemplateLibraryTemplateLocalView.prototype.ui.apply(this, arguments), { previewImg: '.elementor-template-library-template-thumbnail img', insertButton: '.elementor-template-library-template-insert' }); }, events: function events() { return _.extend(TemplateLibraryTemplateLocalView.prototype.events.apply(this, arguments), { keydown: 'onGridCardKeyDown' }); }, modelEvents: _.extend({}, TemplateLibraryTemplateLocalView.prototype.modelEvents, { 'change:preview_url': 'onPreviewUrlChange' }), onGridCardKeyDown: function onGridCardKeyDown(event) { if ('grid' !== elementor.templates.getViewSelection()) { return; } // Only handle keydown events directly on the card element itself, not on children if (event.target !== this.el) { return; } if ('Enter' === event.key || ' ' === event.key) { event.preventDefault(); if ('FOLDER' === this.model.get('subType')) { $e.route('library/view-folder', { model: this.model, onAfter: function onAfter() { elementor.templates.resetBulkActionBar(); } }); } else { this.handleGridViewItemSingleClick(); } } }, onRender: function onRender() { var previewUrl = this.model.get('preview_url'); if (this.shouldGeneratePreview()) { this.iframe = elementor.templates.layout.createScreenshotIframe(this.model.get('generate_preview_url')); this.isGeneratingPreview = true; } if (previewUrl) { this.updatePreviewImgStyle(); } }, onPreviewUrlChange: function onPreviewUrlChange() { var previewUrl = this.model.get('preview_url'); this.isGeneratingPreview = false; if (previewUrl) { this.ui.previewImg.attr('src', previewUrl); this.updatePreviewImgStyle(); this.model.set('generate_preview_url', null); this.iframe.remove(); } }, updatePreviewImgStyle: function updatePreviewImgStyle() { var _this = this; var img = this.ui.previewImg[0]; if (!img) { return; } var applyObjectFit = function applyObjectFit() { var objectFit = img.naturalHeight > 2000 ? 'cover' : 'contain'; if ('cover' === objectFit) { _this.ui.previewImg.css('object-fit', 'cover'); _this.ui.previewImg.css('object-position', 'top'); } }; if (img.complete && img.naturalHeight > 0) { applyObjectFit(); } else { img.onload = applyObjectFit; } }, shouldGeneratePreview: function shouldGeneratePreview() { var view = elementor.templates.getViewSelection(); return 'FOLDER' !== this.model.get('subType') && this.model.get('generate_preview_url') && !this.model.get('preview_url') && 'grid' === view && !this.isGeneratingPreview; }, onPreviewButtonClick: function onPreviewButtonClick(event) { event.stopPropagation(); if ('FOLDER' === this.model.get('subType')) { $e.route('library/view-folder', { model: this.model, onAfter: function onAfter() { elementor.templates.resetBulkActionBar(); } }); } if ('TEMPLATE' === this.model.get('subType')) { this.handleGridViewItemSingleClick(); } }, onDeleteButtonClick: function onDeleteButtonClick(event) { event.stopPropagation(); if ('FOLDER' === this.model.get('subType')) { this.handleDeleteFolderClick(); return; } TemplateLibraryTemplateLocalView.prototype.onDeleteButtonClick.apply(this, arguments); }, handleDeleteFolderClick: function handleDeleteFolderClick() { var toggleMoreIcon = this.ui.toggleMoreIcon; elementor.templates.deleteFolder(this.model, { onConfirm: function onConfirm() { toggleMoreIcon.removeClass('eicon-ellipsis-h').addClass('eicon-loading eicon-animation-spin'); }, onSuccess: function onSuccess() { $e.routes.refreshContainer('library'); } }); }, handleItemSingleClick: function handleItemSingleClick() { if ('grid' === elementor.templates.getViewSelection()) { this.handleGridViewItemSingleClick(); } else { this.handleListViewItemSingleClick(); } }, handleItemDoubleClick: function handleItemDoubleClick() { if ('FOLDER' === this.model.get('subType')) { $e.route('library/view-folder', { model: this.model, onAfter: function onAfter() { elementor.templates.resetBulkActionBar(); } }); } }, handleGridViewItemSingleClick: function handleGridViewItemSingleClick() { var itemIsSelected = this.$el.hasClass('bulk-selected-item'); if (itemIsSelected) { elementor.templates.removeBulkSelectionItem(this.model.get('template_id'), this.model.get('type')); } else { elementor.templates.addBulkSelectionItem(this.model.get('template_id'), this.model.get('type')); } this.$el.toggleClass('bulk-selected-item'); elementor.templates.layout.handleBulkActionBar(); } }); module.exports = TemplateLibraryTemplateCloudView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/template/local.js": /*!***********************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/template/local.js ***! \***********************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _constants = __webpack_require__(/*! ./../../constants */ "../assets/dev/js/editor/components/template-library/constants.js"); var _keyboardNav = __webpack_require__(/*! elementor-editor-utils/keyboard-nav */ "../assets/dev/js/editor/utils/keyboard-nav.js"); var TemplateLibraryTemplateView = __webpack_require__(/*! elementor-templates/views/template/base */ "../assets/dev/js/editor/components/template-library/views/template/base.js"); var TemplateLibraryTemplateLocalView = TemplateLibraryTemplateView.extend({ template: '#tmpl-elementor-template-library-template-local', ui: function ui() { return _.extend(TemplateLibraryTemplateView.prototype.ui.apply(this, arguments), { bulkSelectionItemCheckbox: '.bulk-selection-item-checkbox', deleteButton: '.elementor-template-library-template-delete', renameButton: '.elementor-template-library-template-rename', moveButton: '.elementor-template-library-template-move', copyButton: '.elementor-template-library-template-copy', exportButton: '.elementor-template-library-template-export', morePopup: '.elementor-template-library-template-more', toggleMore: '.elementor-template-library-template-more-toggle', toggleMoreIcon: '.elementor-template-library-template-more-toggle i', titleCell: '.elementor-template-library-template-name span', resourceIcon: '.elementor-template-library-template-name i' }); }, events: function events() { return _.extend(TemplateLibraryTemplateView.prototype.events.apply(this, arguments), { click: 'handleItemClicked', 'change @ui.bulkSelectionItemCheckbox': 'onSelectBulkSelectionItemCheckbox', 'click @ui.deleteButton': 'onDeleteButtonClick', 'click @ui.toggleMore': 'onToggleMoreClick', 'keydown @ui.toggleMore': 'onToggleMoreKeyDown', 'keydown @ui.morePopup': 'onMenuKeyDown', 'click @ui.renameButton': 'onRenameClick', 'click @ui.moveButton': 'onMoveClick', 'click @ui.copyButton': 'onCopyClick', 'click @ui.exportButton': 'onExportClick' }); }, modelEvents: { 'change:title': 'onTitleChange' }, onRender: function onRender() { var _this = this; if (this.ui.toggleMore.length) { this.ui.toggleMore.attr({ 'aria-haspopup': 'menu', 'aria-expanded': 'false' }); } if (this.ui.bulkSelectionItemCheckbox.length) { this.updateRowSelectionAttributes(); } // Set up click-outside handler to close context menu if (this.ui.morePopup && this.ui.morePopup.length) { this._onDocumentClick = function (e) { if ('true' !== _this.ui.toggleMore.attr('aria-expanded')) { return; } if (!_this.ui.toggleMore[0].contains(e.target) && !_this.ui.morePopup[0].contains(e.target)) { _this.closeContextMenu(); } }; jQuery(document).on('click', this._onDocumentClick); // Set tabindex on menu items for keyboard focus this.ui.morePopup.find('button, a').attr('tabindex', '-1'); } }, onBeforeDestroy: function onBeforeDestroy() { if (this._onDocumentClick) { jQuery(document).off('click', this._onDocumentClick); } }, openContextMenu: function openContextMenu() { this.handleLockedTemplate(); this.ui.toggleMore.attr('aria-expanded', 'true'); this.ui.morePopup.show(); elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.morePopup }); }, closeContextMenu: function closeContextMenu() { this.ui.toggleMore.attr('aria-expanded', 'false'); this.ui.morePopup.hide(); }, getMenuItems: function getMenuItems() { return this.ui.morePopup.find('button:visible, a:visible'); }, onToggleMoreKeyDown: function onToggleMoreKeyDown(event) { if ('Escape' === event.key) { event.preventDefault(); if ('true' === this.ui.toggleMore.attr('aria-expanded')) { this.closeContextMenu(); (0, _keyboardNav.suppressEscapeKeyUp)(event); } return; } if ('ArrowDown' === event.key || 'Enter' === event.key || ' ' === event.key) { event.preventDefault(); event.stopPropagation(); if ('true' !== this.ui.toggleMore.attr('aria-expanded')) { this.openContextMenu(); } var $items = this.getMenuItems(); if ($items.length) { $items.first().trigger('focus'); } } }, onMenuKeyDown: function onMenuKeyDown(event) { if ('Escape' === event.key) { event.preventDefault(); this.closeContextMenu(); this.ui.toggleMore.trigger('focus'); (0, _keyboardNav.suppressEscapeKeyUp)(event); return; } if ('Tab' === event.key) { this.handleMenuTab(event); return; } var $items = this.getMenuItems(); (0, _keyboardNav.rovingTabindex)({ event: event, $items: $items, orientation: 'vertical', homeEnd: true }); event.stopPropagation(); }, handleMenuTab: function handleMenuTab(event) { var $items = this.getMenuItems(); var currentIndex = $items.index(event.target); if (event.shiftKey) { if (currentIndex <= 0) { // Close menu and let the browser naturally move focus backwards. this.closeContextMenu(); this.ui.toggleMore.trigger('focus'); } else { event.preventDefault(); event.stopPropagation(); $items.eq(currentIndex - 1).trigger('focus'); } return; } if (currentIndex < $items.length - 1) { event.preventDefault(); event.stopPropagation(); $items.eq(currentIndex + 1).trigger('focus'); } else { // Close menu and let the browser naturally advance focus forward. this.closeContextMenu(); this.ui.toggleMore.trigger('focus'); } }, updateRowSelectionAttributes: function updateRowSelectionAttributes() { var isChecked = this.ui.bulkSelectionItemCheckbox.prop('checked'); var isSelected = this.$el.hasClass('bulk-selected-item'); this.ui.bulkSelectionItemCheckbox.attr('aria-checked', isChecked); if (isSelected) { this.$el.attr({ 'aria-selected': 'true', tabindex: '0' }); } else { this.$el.attr({ 'aria-selected': 'false', tabindex: '-1' }); } }, handleLockedTemplate: function handleLockedTemplate() { var isLocked = this.model.isLocked(); this.ui.renameButton.toggleClass('disabled', isLocked); this.ui.moveButton.toggleClass('disabled', isLocked); this.ui.copyButton.toggleClass('disabled', isLocked); this.ui.exportButton.toggleClass('disabled', isLocked); }, onTitleChange: function onTitleChange() { var title = _.escape(this.model.get('title')); this.ui.titleCell.text(title); if (this.ui.bulkSelectionItemCheckbox.length) { var ariaLabel = __('Select template', 'elementor') + ' ' + title; this.ui.bulkSelectionItemCheckbox.attr('aria-label', ariaLabel); } }, handleItemClicked: function handleItemClicked(event) { var _this2 = this; if (event.target.closest('.bulk-selection-item-checkbox')) { return; // Ignore clicks from checkbox } if (!this._clickState) { this._clickState = { timeoutId: null, delay: 250 }; } var state = this._clickState; if (state.timeoutId) { clearTimeout(state.timeoutId); state.timeoutId = null; this.handleItemDoubleClick(); } else { state.timeoutId = setTimeout(function () { state.timeoutId = null; _this2.handleItemSingleClick(); }, state.delay); } }, handleItemSingleClick: function handleItemSingleClick() { this.handleListViewItemSingleClick(); }, handleItemDoubleClick: function handleItemDoubleClick() {}, handleListViewItemSingleClick: function handleListViewItemSingleClick() { var checkbox = this.ui.bulkSelectionItemCheckbox; var isChecked = checkbox.prop('checked'); checkbox.prop('checked', !isChecked).trigger('change'); }, onDeleteButtonClick: function onDeleteButtonClick(event) { event.stopPropagation(); // Close the context menu before opening the delete confirmation dialog this.closeContextMenu(); var toggleMoreIcon = this.ui.toggleMoreIcon; elementor.templates.deleteTemplate(this.model, { onConfirm: function onConfirm() { toggleMoreIcon.removeClass('eicon-ellipsis-h').addClass('eicon-loading eicon-animation-spin'); } }); }, onToggleMoreClick: function onToggleMoreClick(event) { event.stopPropagation(); this.handleLockedTemplate(); var isExpanded = 'true' === this.ui.toggleMore.attr('aria-expanded'); this.ui.toggleMore.attr('aria-expanded', !isExpanded); if (isExpanded) { this.ui.morePopup.hide(); } else { this.ui.morePopup.show(); // Focus the first visible menu item when opening via click var $items = this.getMenuItems(); if ($items.length) { $items.first().trigger('focus'); } } elementor.templates.eventManager.sendPageViewEvent({ location: elementorCommon.eventsManager.config.secondaryLocations.templateLibrary.morePopup }); }, onPreviewButtonClick: function onPreviewButtonClick(event) { event.stopPropagation(); open(this.model.get('url'), '_blank'); }, onRenameClick: function onRenameClick(event) { var _this3 = this; return (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee() { return _regenerator.default.wrap(function (_context) { while (1) switch (_context.prev = _context.next) { case 0: event.stopPropagation(); if (!_this3.model.isLocked()) { _context.next = 1; break; } return _context.abrupt("return"); case 1: // Close the context menu before opening rename dialog _this3.closeContextMenu(); _context.prev = 2; _context.next = 3; return elementor.templates.renameTemplate(_this3.model, { onConfirm: function onConfirm() { return _this3.showToggleMoreLoader(); } }); case 3: _context.prev = 3; _this3.hideToggleMoreLoader(); // Restore focus to the toggle button after rename completes if (_this3.ui.toggleMore && _this3.ui.toggleMore.length) { _this3.ui.toggleMore.trigger('focus'); } return _context.finish(3); case 4: case "end": return _context.stop(); } }, _callee, null, [[2,, 3, 4]]); }))(); }, onMoveClick: function onMoveClick() { if (this.model.isLocked()) { return; } $e.route('library/save-template', { model: this.model, context: _constants.SAVE_CONTEXTS.MOVE }); }, onCopyClick: function onCopyClick() { if (this.model.isLocked()) { return; } $e.route('library/save-template', { model: this.model, context: _constants.SAVE_CONTEXTS.COPY }); }, onExportClick: function onExportClick(e) { e.stopPropagation(); if (this.model.isLocked()) { e.preventDefault(); } }, showToggleMoreLoader: function showToggleMoreLoader() { this.ui.toggleMoreIcon.removeClass('eicon-ellipsis-h').addClass('eicon-loading eicon-animation-spin'); }, hideToggleMoreLoader: function hideToggleMoreLoader() { this.ui.toggleMoreIcon.addClass('eicon-ellipsis-h').removeClass('eicon-loading eicon-animation-spin'); }, onSelectBulkSelectionItemCheckbox: function onSelectBulkSelectionItemCheckbox(event) { var _event$target; event.stopPropagation(); if (event !== null && event !== void 0 && (_event$target = event.target) !== null && _event$target !== void 0 && _event$target.checked) { elementor.templates.addBulkSelectionItem(event.target.dataset.template_id, event.target.dataset.type); this.$el.addClass('bulk-selected-item'); } else { elementor.templates.removeBulkSelectionItem(event.target.dataset.template_id, event.target.dataset.type); this.$el.removeClass('bulk-selected-item'); } this.updateRowSelectionAttributes(); elementor.templates.layout.handleBulkActionBarUi(); } }); module.exports = TemplateLibraryTemplateLocalView; /***/ }), /***/ "../assets/dev/js/editor/components/template-library/views/template/remote.js": /*!************************************************************************************!*\ !*** ../assets/dev/js/editor/components/template-library/views/template/remote.js ***! \************************************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _editorOneEvents = __webpack_require__(/*! elementor-editor-utils/editor-one-events */ "../assets/dev/js/editor/utils/editor-one-events.js"); var TemplateLibraryTemplateView = __webpack_require__(/*! elementor-templates/views/template/base */ "../assets/dev/js/editor/components/template-library/views/template/base.js"), TemplateLibraryTemplateRemoteView; TemplateLibraryTemplateRemoteView = TemplateLibraryTemplateView.extend({ template: '#tmpl-elementor-template-library-template-remote', attributes: function attributes() { return jQuery.extend(TemplateLibraryTemplateView.prototype.attributes.apply(this, arguments), { tabindex: '0', 'aria-label': this.model.get('title') || '' }); }, ui: function ui() { return jQuery.extend(TemplateLibraryTemplateView.prototype.ui.apply(this, arguments), { favoriteCheckbox: '.elementor-template-library-template-favorite-input' }); }, events: function events() { return jQuery.extend(TemplateLibraryTemplateView.prototype.events.apply(this, arguments), { 'change @ui.favoriteCheckbox': 'onFavoriteCheckboxChange' }); }, onPreviewButtonClick: function onPreviewButtonClick(event) { event.stopPropagation(); $e.route('library/preview', { model: this.model }); }, onFavoriteCheckboxChange: function onFavoriteCheckboxChange() { var _elementor$config$lib; var isFavorite = this.ui.favoriteCheckbox[0].checked; this.model.set('favorite', isFavorite); elementor.templates.markAsFavorite(this.model, isFavorite); var baseTier = (_elementor$config$lib = elementor.config.library_connect) === null || _elementor$config$lib === void 0 ? void 0 : _elementor$config$lib.base_access_tier; var templateTier = this.model.get('accessTier'); _editorOneEvents.EditorOneEventManager.sendELibraryFavorite({ assetId: this.model.get('template_id'), assetName: this.model.get('title'), libraryType: this.model.get('type') || this.model.get('source'), isFavorite: isFavorite, proRequired: baseTier !== templateTier }); if (!isFavorite && elementor.templates.getFilter('favorite')) { elementor.channels.templates.trigger('filter:change'); } } }); module.exports = TemplateLibraryTemplateRemoteView; /***/ }), /***/ "../assets/dev/js/editor/components/validator/base.js": /*!************************************************************!*\ !*** ../assets/dev/js/editor/components/validator/base.js ***! \************************************************************/ /***/ ((module) => { "use strict"; module.exports = elementorModules.Module.extend({ errors: [], __construct: function __construct(settings) { var customValidationMethod = settings.customValidationMethod; if (customValidationMethod) { this.validationMethod = customValidationMethod; } }, getDefaultSettings: function getDefaultSettings() { return { validationTerms: {} }; }, isValid: function isValid() { var validationErrors = this.validationMethod.apply(this, arguments); if (validationErrors.length) { this.errors = validationErrors; return false; } return true; }, validationMethod: function validationMethod(newValue) { var validationTerms = this.getSettings('validationTerms'), errors = []; if (validationTerms.required) { if (!('' + newValue).length) { errors.push('Required value is empty'); } } return errors; } }); /***/ }), /***/ "../assets/dev/js/editor/components/validator/breakpoint.js": /*!******************************************************************!*\ !*** ../assets/dev/js/editor/components/validator/breakpoint.js ***! \******************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var NumberValidator = __webpack_require__(/*! elementor-validator/number */ "../assets/dev/js/editor/components/validator/number.js"); var BreakpointValidator = exports["default"] = /*#__PURE__*/function (_NumberValidator) { function BreakpointValidator() { (0, _classCallCheck2.default)(this, BreakpointValidator); return _callSuper(this, BreakpointValidator, arguments); } (0, _inherits2.default)(BreakpointValidator, _NumberValidator); return (0, _createClass2.default)(BreakpointValidator, [{ key: "getDefaultSettings", value: function getDefaultSettings() { return { validationTerms: { // Max width we allow in general max: 5120 } }; } /** * Get Panel Active Breakpoints * * Since the active kit used in the Site Settings panel could be a draft, we need to use the panel's active * breakpoints settings and not the elementorFrontend.config values (which come from the DB). * * @return {*} Object */ }, { key: "getPanelActiveBreakpoints", value: function getPanelActiveBreakpoints() { var panelBreakpoints = elementor.documents.currentDocument.config.settings.settings.active_breakpoints.map(function (breakpointName) { return breakpointName.replace('viewport_', ''); }), panelActiveBreakpoints = {}; panelBreakpoints.forEach(function (breakpointName) { panelActiveBreakpoints[breakpointName] = elementorFrontend.config.responsive.breakpoints[breakpointName]; }); return panelActiveBreakpoints; } }, { key: "initBreakpointProperties", value: function initBreakpointProperties() { var _activeBreakpoints$br, _activeBreakpoints$br2; var validationTerms = this.getSettings('validationTerms'), activeBreakpoints = this.getPanelActiveBreakpoints(), breakpointKeys = Object.keys(activeBreakpoints); this.breakpointIndex = breakpointKeys.indexOf(validationTerms.breakpointName); this.topBreakpoint = (_activeBreakpoints$br = activeBreakpoints[breakpointKeys[this.breakpointIndex + 1]]) === null || _activeBreakpoints$br === void 0 ? void 0 : _activeBreakpoints$br.value; this.bottomBreakpoint = (_activeBreakpoints$br2 = activeBreakpoints[breakpointKeys[this.breakpointIndex - 1]]) === null || _activeBreakpoints$br2 === void 0 ? void 0 : _activeBreakpoints$br2.value; } }, { key: "validationMethod", value: function validationMethod(newValue) { var validationTerms = this.getSettings('validationTerms'), errors = NumberValidator.prototype.validationMethod.call(this, newValue); // Validate both numeric and empty values, since breakpoints utilize default values when empty. if (_.isFinite(newValue) || '' === newValue) { if (!this.validateMinMaxForBreakpoint(newValue, validationTerms)) { errors.push('Value is not between the breakpoints above or under the edited breakpoint'); } } return errors; } }, { key: "validateMinMaxForBreakpoint", value: function validateMinMaxForBreakpoint(newValue, validationTerms) { var breakpointDefaultValue = elementorFrontend.config.responsive.breakpoints[validationTerms.breakpointName].default_value; var isValid = true; this.initBreakpointProperties(); // Since the following comparison is <=, allow usage of the 320px value for the mobile breakpoint. if ('mobile' === validationTerms.breakpointName && 320 === this.bottomBreakpoint) { this.bottomBreakpoint -= 1; } // If there is a breakpoint below the currently edited breakpoint if (this.bottomBreakpoint) { // Check that the new value is not under the bottom breakpoint's value. if ('' !== newValue && newValue <= this.bottomBreakpoint) { isValid = false; } // If the new value is empty, check that the default breakpoint value is not below the bottom breakpoint. if ('' === newValue && breakpointDefaultValue <= this.bottomBreakpoint) { isValid = false; } } // If there is a breakpoint above the currently edited breakpoint. if (this.topBreakpoint) { // Check that the value is not above the top breakpoint's value. if ('' !== newValue && newValue >= this.topBreakpoint) { isValid = false; } // If the new value is empty, check that the default breakpoint value is not above the top breakpoint. if ('' === newValue && breakpointDefaultValue >= this.topBreakpoint) { isValid = false; } } return isValid; } }]); }(NumberValidator); /***/ }), /***/ "../assets/dev/js/editor/components/validator/number.js": /*!**************************************************************!*\ !*** ../assets/dev/js/editor/components/validator/number.js ***! \**************************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var Validator = __webpack_require__(/*! elementor-validator/base */ "../assets/dev/js/editor/components/validator/base.js"); module.exports = Validator.extend({ validationMethod: function validationMethod(newValue) { var validationTerms = this.getSettings('validationTerms'), errors = []; if (_.isFinite(newValue)) { if (undefined !== validationTerms.min && newValue < validationTerms.min) { errors.push('Value is less than minimum'); } if (undefined !== validationTerms.max && newValue > validationTerms.max) { errors.push('Value is greater than maximum'); } } return errors; } }); /***/ }), /***/ "../assets/dev/js/editor/container/model/children-array.js": /*!*****************************************************************!*\ !*** ../assets/dev/js/editor/container/model/children-array.js ***! \*****************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _wrapNativeSuper2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/wrapNativeSuper */ "../node_modules/@babel/runtime/helpers/wrapNativeSuper.js")); function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /** * @typedef {import('../container')} Container */ var ChildrenArray = exports["default"] = /*#__PURE__*/function (_Array) { function ChildrenArray() { (0, _classCallCheck2.default)(this, ChildrenArray); return _callSuper(this, ChildrenArray, arguments); } (0, _inherits2.default)(ChildrenArray, _Array); return (0, _createClass2.default)(ChildrenArray, [{ key: "clear", value: function clear() { this.length = 0; } /** * Function findRecursive(). * * Will run over children recursively and pass the children to the callback till the callback returns positive value. * * @param {function(Container) : *} callback * * @return {Container|false} child */ }, { key: "findRecursive", value: function findRecursive(callback) { var _iterator = _createForOfIteratorHelper(this), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var container = _step.value; if (callback(container)) { return container; } if (container.children.length) { var foundChildren = container.children.findRecursive(callback); if (foundChildren) { return foundChildren; } } } } catch (err) { _iterator.e(err); } finally { _iterator.f(); } return false; } /** * Function forEachRecursive(). * * Will run over children recursively. * * @param {function(Container) : *} callback * * @return {void} */ }, { key: "forEachRecursive", value: function forEachRecursive(callback) { var _iterator2 = _createForOfIteratorHelper(this), _step2; try { for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { var container = _step2.value; callback(container); if (container.children.length) { container.children.forEachRecursive(callback); } } } catch (err) { _iterator2.e(err); } finally { _iterator2.f(); } } /** * Function someRecursive(). * * Will run over children recursively, breaks if the callback return true. * * @param {function(Container) : *} callback */ }, { key: "someRecursive", value: function someRecursive(callback) { var _iterator3 = _createForOfIteratorHelper(this), _step3; try { for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) { var _container$children; var container = _step3.value; if (callback(container)) { return true; } if ((_container$children = container.children) !== null && _container$children !== void 0 && _container$children.length) { if (container.children.someRecursive(callback)) { return true; } } } } catch (err) { _iterator3.e(err); } finally { _iterator3.f(); } return false; } }]); }(/*#__PURE__*/(0, _wrapNativeSuper2.default)(Array)); /***/ }), /***/ "../assets/dev/js/editor/controls/base-data.js": /*!*****************************************************!*\ !*** ../assets/dev/js/editor/controls/base-data.js ***! \*****************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _breakpoint = _interopRequireDefault(__webpack_require__(/*! elementor-validator/breakpoint */ "../assets/dev/js/editor/components/validator/breakpoint.js")); function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } var ControlBaseView = __webpack_require__(/*! elementor-controls/base */ "../assets/dev/js/editor/controls/base.js"), TagsBehavior = __webpack_require__(/*! elementor-dynamic-tags/control-behavior */ "../assets/dev/js/editor/components/dynamic-tags/control-behavior.js"), Validator = __webpack_require__(/*! elementor-validator/base */ "../assets/dev/js/editor/components/validator/base.js"), NumberValidator = __webpack_require__(/*! elementor-validator/number */ "../assets/dev/js/editor/components/validator/number.js"), ControlBaseDataView; ControlBaseDataView = ControlBaseView.extend({ validatorTypes: { Base: Validator, Number: NumberValidator, Breakpoint: _breakpoint.default }, ui: function ui() { var ui = ControlBaseView.prototype.ui.apply(this, arguments); _.extend(ui, { input: 'input[data-setting][type!="checkbox"][type!="radio"]', checkbox: 'input[data-setting][type="checkbox"]', radio: 'input[data-setting][type="radio"]', select: 'select[data-setting]', textarea: 'textarea[data-setting]', responsiveSwitchersSibling: "".concat(ui.controlTitle, "[data-e-responsive-switcher-sibling!=\"false\"]"), responsiveSwitchers: '.elementor-responsive-switcher', contentEditable: '[contenteditable="true"]' }); return ui; }, templateHelpers: function templateHelpers() { var controlData = ControlBaseView.prototype.templateHelpers.apply(this, arguments); controlData.data.controlValue = this.getControlValue(); return controlData; }, events: function events() { return { 'input @ui.input': 'onBaseInputTextChange', 'change @ui.checkbox': 'onBaseInputChange', 'change @ui.radio': 'onBaseInputChange', 'input @ui.textarea': 'onBaseInputTextChange', 'change @ui.select': 'onBaseInputChange', 'input @ui.contentEditable': 'onBaseInputTextChange', 'click @ui.responsiveSwitchers': 'onResponsiveSwitchersClick' }; }, behaviors: function behaviors() { var behaviors = ControlBaseView.prototype.behaviors.apply(this, arguments), dynamicSettings = this.options.model.get('dynamic'); if (dynamicSettings && dynamicSettings.active) { var tags = _.filter(elementor.dynamicTags.getConfig('tags'), function (tag) { return tag.editable && _.intersection(tag.categories, dynamicSettings.categories).length; }); if (tags.length || elementor.config.user.is_administrator) { behaviors.tags = { behaviorClass: TagsBehavior, tags: tags, dynamicSettings: dynamicSettings }; } } return behaviors; }, initialize: function initialize() { ControlBaseView.prototype.initialize.apply(this, arguments); this.registerValidators(); if (this.model.get('responsive')) { this.setPlaceholderFromParent(); } if (undefined === this.model.get('inherit_placeholders')) { this.model.set('inherit_placeholders', true); } // TODO: this.elementSettingsModel is deprecated since 2.8.0. var settings = this.container ? this.container.settings : this.elementSettingsModel; this.listenTo(settings, 'change:external:' + this.model.get('name'), this.onAfterExternalChange); }, getControlValue: function getControlValue() { return this.container.settings.get(this.model.get('name')); }, getGlobalKey: function getGlobalKey() { return this.container.globals.get(this.model.get('name')); }, getGlobalValue: function getGlobalValue() { return this.globalValue; }, getGlobalDefault: function getGlobalDefault() { var controlGlobalArgs = this.model.get('global'); if (controlGlobalArgs !== null && controlGlobalArgs !== void 0 && controlGlobalArgs.default) { // If the control is a color/typography control and default colors/typography are disabled, don't return the global value. if (!elementor.config.globals.defaults_enabled[this.getGlobalMeta().controlType]) { return ''; } var _$e$data$commandExtra = $e.data.commandExtractArgs(controlGlobalArgs.default), command = _$e$data$commandExtra.command, args = _$e$data$commandExtra.args, result = $e.data.getCache($e.components.get('globals'), command, args.query); return result === null || result === void 0 ? void 0 : result.value; } // No global default. return ''; }, getCurrentValue: function getCurrentValue() { if (this.getGlobalKey() && !this.globalValue) { return ''; } if (this.globalValue) { return this.globalValue; } var controlValue = this.getControlValue(); if (controlValue) { return controlValue; } return this.getGlobalDefault(); }, isGlobalActive: function isGlobalActive() { var _this$options$model$g; return (_this$options$model$g = this.options.model.get('global')) === null || _this$options$model$g === void 0 ? void 0 : _this$options$model$g.active; }, setValue: function setValue(value) { this.setSettingsModel(value); }, setSettingsModel: function setSettingsModel(value) { var key = this.model.get('name'); $e.run('document/elements/settings', { container: this.options.container, settings: (0, _defineProperty2.default)({}, key, value) }); this.triggerMethod('settings:change'); }, applySavedValue: function applySavedValue() { this.setInputValue('[data-setting="' + this.model.get('name') + '"]', this.getControlValue()); }, getEditSettings: function getEditSettings(setting) { var settings = this.getOption('elementEditSettings').toJSON(); if (setting) { return settings[setting]; } return settings; }, setEditSetting: function setEditSetting(settingKey, settingValue) { var settings = this.getOption('elementEditSettings') || this.getOption('container').settings; settings.set(settingKey, settingValue); }, /** * Get the placeholder for the current control. * * @return {*} placeholder */ getControlPlaceholder: function getControlPlaceholder() { var placeholder = this.model.get('placeholder'); if (this.model.get('responsive') && this.model.get('inherit_placeholders')) { placeholder = placeholder || this.container.placeholders[this.model.get('name')]; } return placeholder; }, /** * Get the responsive parent view if exists. * * @return {ControlBaseDataView|undefined} responsive parent view if exists */ getResponsiveParentView: function getResponsiveParentView() { var parent = this.model.get('parent'); try { return parent && this.container.panel.getControlView(parent); // eslint-disable-next-line no-empty } catch (e) {} }, /** * Get the responsive children views if exists. * * @return {ControlBaseDataView|null} responsive children views if exists */ getResponsiveChildrenViews: function getResponsiveChildrenViews() { var children = this.model.get('inheritors'), views = []; try { var _iterator = _createForOfIteratorHelper(children), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var child = _step.value; views.push(this.container.panel.getControlView(child)); } // eslint-disable-next-line no-empty } catch (err) { _iterator.e(err); } finally { _iterator.f(); } } catch (e) {} return views; }, /** * Get prepared placeholder from the responsive parent, and put it into current * control model as placeholder. */ setPlaceholderFromParent: function setPlaceholderFromParent() { var parent = this.getResponsiveParentView(); if (parent) { this.container.placeholders[this.model.get('name')] = parent.preparePlaceholderForChildren(); } }, /** * Returns the value of the current control if exists, or the parent value if not, * so responsive children can set it as their placeholder. When there are multiple * inputs, the inputs which are empty on this control will inherit their values * from the responsive parent. * For example, if on desktop the padding of all edges is 10, and on tablet only * padding right and left is set to 15, the mobile control placeholder will * eventually be: { top: 10, right: 15, left: 15, bottom: 10 }, because of the * inheritance of multiple values. * * @return {*} value of the current control if exists, or the parent value if not */ preparePlaceholderForChildren: function preparePlaceholderForChildren() { var _this$getResponsivePa; var cleanValue = this.getCleanControlValue(), parentValue = (_this$getResponsivePa = this.getResponsiveParentView()) === null || _this$getResponsivePa === void 0 ? void 0 : _this$getResponsivePa.preparePlaceholderForChildren(); if (cleanValue instanceof Object) { return Object.assign({}, parentValue, cleanValue); } return cleanValue || parentValue; }, /** * Start the re-rendering recursive chain from the responsive child of this * control. It's useful when the current control value is changed and we want * to update all responsive children. In this case, the re-rendering is supposed * to be applied only from the responsive child of this control and on. */ propagatePlaceholder: function propagatePlaceholder() { var children = this.getResponsiveChildrenViews(); var _iterator2 = _createForOfIteratorHelper(children), _step2; try { for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) { var child = _step2.value; child.renderWithChildren(); } } catch (err) { _iterator2.e(err); } finally { _iterator2.f(); } }, /** * Re-render current control and trigger this method on the responsive child. * The purpose of those actions is to recursively re-render all responsive * children. */ renderWithChildren: function renderWithChildren() { this.render(); this.propagatePlaceholder(); }, /** * Get control value without empty properties, and without default values. * * @return {{}} control value without empty properties, and without default values */ getCleanControlValue: function getCleanControlValue() { var value = this.getControlValue(); return value && value !== this.model.get('default') ? value : undefined; }, onAfterChange: function onAfterChange(control) { if (Object.keys(control.changed).includes(this.model.get('name'))) { this.propagatePlaceholder(); } ControlBaseView.prototype.onAfterChange.apply(this, arguments); }, getInputValue: function getInputValue(input) { var $input = this.$(input); if ($input.is('[contenteditable="true"]')) { return $input.html(); } var inputValue = $input.val(), inputType = $input.attr('type'); if (-1 !== ['radio', 'checkbox'].indexOf(inputType)) { return $input.prop('checked') ? inputValue : ''; } if ('number' === inputType && _.isFinite(inputValue)) { return +inputValue; } // Temp fix for jQuery (< 3.0) that return null instead of empty array if ('SELECT' === input.tagName && $input.prop('multiple') && null === inputValue) { inputValue = []; } return inputValue; }, setInputValue: function setInputValue(input, value) { var $input = this.$(input), inputType = $input.attr('type'); if ('checkbox' === inputType) { $input.prop('checked', !!value); } else if ('radio' === inputType) { $input.filter('[value="' + value + '"]').prop('checked', true); } else { $input.val(value); } }, addValidator: function addValidator(validator) { this.validators.push(validator); }, registerValidators: function registerValidators() { var _this = this; this.validators = []; var validationTerms = {}; if (this.model.get('required')) { validationTerms.required = true; } if (!jQuery.isEmptyObject(validationTerms)) { this.addValidator(new this.validatorTypes.Base({ validationTerms: validationTerms })); } var validators = this.model.get('validators'); if (validators) { Object.entries(validators).forEach(function (_ref) { var _ref2 = (0, _slicedToArray2.default)(_ref, 2), key = _ref2[0], args = _ref2[1]; _this.addValidator(new _this.validatorTypes[key]({ validationTerms: args })); }); } }, onBeforeRender: function onBeforeRender() { this.setPlaceholderFromParent(); }, onRender: function onRender() { ControlBaseView.prototype.onRender.apply(this, arguments); if (this.model.get('responsive')) { this.renderResponsiveSwitchers(); } this.applySavedValue(); this.triggerMethod('ready'); this.toggleControlVisibility(); this.addTooltip(); }, onBaseInputTextChange: function onBaseInputTextChange(event) { this.onBaseInputChange(event); }, onBaseInputChange: function onBaseInputChange(event) { clearTimeout(this.correctionTimeout); var input = event.currentTarget, value = this.getInputValue(input), validators = this.validators.slice(0), settingsValidators = this.container.settings.validators[this.model.get('name')]; if (settingsValidators) { validators = validators.concat(settingsValidators); } if (validators) { var oldValue = this.getControlValue(input.dataset.setting); var isValidValue = validators.every(function (validator) { return validator.isValid(value, oldValue); }); if (!isValidValue) { this.correctionTimeout = setTimeout(this.setInputValue.bind(this, input, oldValue), 1200); return; } } this.updateElementModel(value, input); this.triggerMethod('input:change', event); }, onResponsiveSwitchersClick: function onResponsiveSwitchersClick(event) { var $switcher = jQuery(event.currentTarget), device = $switcher.data('device'), $switchersWrapper = this.ui.responsiveSwitchersWrapper, selectedOption = $switcher.index(); $switchersWrapper.toggleClass('elementor-responsive-switchers-open'); $switchersWrapper[0].style.setProperty('--selected-option', selectedOption); this.triggerMethod('responsive:switcher:click', device); elementor.changeDeviceMode(device); }, renderResponsiveSwitchers: function renderResponsiveSwitchers() { var templateHtml = Marionette.Renderer.render('#tmpl-elementor-control-responsive-switchers', this.model.attributes); this.ui.responsiveSwitchersSibling.after(templateHtml); this.ui.responsiveSwitchersWrapper = this.$el.find('.elementor-control-responsive-switchers'); }, onAfterExternalChange: function onAfterExternalChange() { this.hideTooltip(); this.applySavedValue(); }, addTooltip: function addTooltip() { this.ui.tooltipTargets = this.$el.find('.tooltip-target'); if (!this.ui.tooltipTargets.length) { return; } // Create tooltip on controls this.ui.tooltipTargets.tipsy({ gravity: function gravity() { // `n` for down, `s` for up var gravity = jQuery(this).data('tooltip-pos'); if (undefined !== gravity) { return gravity; } return 's'; }, title: function title() { return this.getAttribute('data-tooltip'); } }); }, hideTooltip: function hideTooltip() { if (this.ui.tooltipTargets.length) { this.ui.tooltipTargets.tipsy('hide'); } }, updateElementModel: function updateElementModel(value) { this.setValue(value); } }, { // Static methods getStyleValue: function getStyleValue(placeholder, controlValue, controlData) { if ('DEFAULT' === placeholder) { return controlData.default; } return controlValue; }, onPasteStyle: function onPasteStyle() { return true; } }); module.exports = ControlBaseDataView; /***/ }), /***/ "../assets/dev/js/editor/controls/base-multiple.js": /*!*********************************************************!*\ !*** ../assets/dev/js/editor/controls/base-multiple.js ***! \*********************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _typeof2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/typeof */ "../node_modules/@babel/runtime/helpers/typeof.js")); var _slicedToArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "../node_modules/@babel/runtime/helpers/slicedToArray.js")); var ControlBaseDataView = __webpack_require__(/*! elementor-controls/base-data */ "../assets/dev/js/editor/controls/base-data.js"), ControlBaseMultipleItemView; ControlBaseMultipleItemView = ControlBaseDataView.extend({ applySavedValue: function applySavedValue() { var values = this.getControlValue(), $inputs = this.$('[data-setting]'), self = this; _.each(values, function (value, key) { var $input = $inputs.filter(function () { return key === this.dataset.setting; }); self.setInputValue($input, value); }); }, getControlValue: function getControlValue(key) { var values = this.container.settings.get(this.model.get('name')); if (!jQuery.isPlainObject(values)) { return {}; } if (key) { var value = values[key]; if (undefined === value) { value = ''; } return value; } return elementorCommon.helpers.cloneObject(values); }, /** * @inheritDoc */ getCleanControlValue: function getCleanControlValue(key) { var _this = this; var values = Object.fromEntries(Object.entries(this.getControlValue()).filter(function (_ref) { var _ref2 = (0, _slicedToArray2.default)(_ref, 2), k = _ref2[0], v = _ref2[1]; return v && _this.model.get('default')[k] !== v; })); if (key) { return values === null || values === void 0 ? void 0 : values[key]; } return Object.keys(values).length ? values : undefined; }, setValue: function setValue(key, value) { var values = this.getControlValue(); if ('object' === (0, _typeof2.default)(key)) { _.each(key, function (internalValue, internalKey) { values[internalKey] = internalValue; }); } else { values[key] = value; } this.setSettingsModel(values); }, updateElementModel: function updateElementModel(value, input) { var key = input.dataset.setting; this.setValue(key, value); } }, { // Static methods getStyleValue: function getStyleValue(placeholder, controlValue) { if (!_.isObject(controlValue)) { return ''; // Invalid } return controlValue[placeholder.toLowerCase()]; } }); module.exports = ControlBaseMultipleItemView; /***/ }), /***/ "../assets/dev/js/editor/controls/base-units.js": /*!******************************************************!*\ !*** ../assets/dev/js/editor/controls/base-units.js ***! \******************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; } function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } } function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; } var ControlBaseMultipleItemView = __webpack_require__(/*! elementor-controls/base-multiple */ "../assets/dev/js/editor/controls/base-multiple.js"), ControlBaseUnitsItemView; ControlBaseUnitsItemView = ControlBaseMultipleItemView.extend({ ui: function ui() { return Object.assign(ControlBaseMultipleItemView.prototype.ui.apply(this, arguments), { units: '.e-units-choices>input', unitSwitcher: '.e-units-switcher', unitChoices: '.e-units-choices' }); }, events: function events() { return Object.assign(ControlBaseMultipleItemView.prototype.events.apply(this, arguments), { 'change @ui.units': 'onUnitChange', 'click @ui.units': 'onUnitClick', 'click @ui.unitSwitcher': 'onUnitLabelClick' }); }, updatePlaceholder: function updatePlaceholder() { var _this$getControlPlace; var placeholder = (_this$getControlPlace = this.getControlPlaceholder()) === null || _this$getControlPlace === void 0 ? void 0 : _this$getControlPlace.unit; this.ui.units.removeClass('e-units-placeholder'); var currentUnitSelected = this.getControlValue('unit'); if (placeholder !== currentUnitSelected) { this.ui.units.filter("[value=\"".concat(placeholder, "\"]")).addClass('e-units-placeholder'); } }, recursiveUnitChange: function recursiveUnitChange() { var includingSelf = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; var parent = this.getResponsiveParentView(); if (parent && includingSelf) { var unit = parent.getControlValue('unit'), values = Object.keys(this.getCleanControlValue() || {}); // Remove `unit` from values, so only control values are indicated. values.splice(values.indexOf('unit'), 1); // Only set the unit when no control values are already specified. if (unit && !values.length) { this.setValue('unit', unit); this.render(); } } var _iterator = _createForOfIteratorHelper(this.getResponsiveChildrenViews()), _step; try { for (_iterator.s(); !(_step = _iterator.n()).done;) { var child = _step.value; child.recursiveUnitChange(); } } catch (err) { _iterator.e(err); } finally { _iterator.f(); } }, onRender: function onRender() { ControlBaseMultipleItemView.prototype.onRender.apply(this, arguments); this.updatePlaceholder(); this.updateUnitChoices(); }, onUnitChange: function onUnitChange() { this.toggleUnitChoices(false); this.recursiveUnitChange(false); this.updatePlaceholder(); this.updateUnitChoices(); }, toggleUnitChoices: function toggleUnitChoices(stateVal) { this.ui.unitChoices.toggleClass('e-units-choices-open', stateVal); }, updateUnitChoices: function updateUnitChoices() { var unit = this.getControlValue('unit'); this.ui.unitSwitcher.attr('data-selected', unit).find('span').html(unit); this.$el.toggleClass('e-units-custom', this.isCustomUnit()); }, onUnitClick: function onUnitClick() { this.toggleUnitChoices(false); }, onUnitLabelClick: function onUnitLabelClick(event) { event.preventDefault(); this.toggleUnitChoices(); }, getCurrentRange: function getCurrentRange() { return this.getUnitRange(this.getControlValue('unit')); }, getUnitRange: function getUnitRange(unit) { var ranges = this.model.get('range'); if (!ranges) { return false; } if (!ranges[unit]) { ranges[unit] = Object.values(ranges)[0]; } return ranges[unit]; }, isCustomUnit: function isCustomUnit() { return 'custom' === this.getControlValue('unit'); } }, { // Static methods getStyleValue: function getStyleValue(placeholder, controlValue) { var returnValue = ControlBaseMultipleItemView.getStyleValue(placeholder, controlValue); if ('UNIT' === placeholder && 'custom' === returnValue) { returnValue = '__EMPTY__'; } return returnValue; } }); module.exports = ControlBaseUnitsItemView; /***/ }), /***/ "../assets/dev/js/editor/controls/base.js": /*!************************************************!*\ !*** ../assets/dev/js/editor/controls/base.js ***! \************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } var ControlBaseView; ControlBaseView = Marionette.CompositeView.extend({ ui: function ui() { return { controlTitle: '.elementor-control-title' }; }, behaviors: function behaviors() { var behaviors = {}; return elementor.hooks.applyFilters('controls/base/behaviors', behaviors, this); }, getBehavior: function getBehavior(name) { return this._behaviors[Object.keys(this.behaviors()).indexOf(name)]; }, className: function className() { // TODO: Any better classes for that? var classes = 'elementor-control elementor-control-' + this.model.get('name') + ' elementor-control-type-' + this.model.get('type'), modelClasses = this.model.get('classes'), responsive = this.model.get('responsive'); if (!_.isEmpty(modelClasses)) { classes += ' ' + modelClasses; } if (!_.isEmpty(responsive)) { var responsiveControlName = responsive.max || responsive.min; classes += ' elementor-control-responsive-' + responsiveControlName; } return classes; }, templateHelpers: function templateHelpers() { var controlData = { _cid: this.model.cid }; return { view: this, data: _.extend({}, this.model.toJSON(), controlData) }; }, getTemplate: function getTemplate() { return Marionette.TemplateCache.get('#tmpl-elementor-control-' + this.model.get('type') + '-content'); }, initialize: function initialize(options) { var label = this.model.get('label'); // TODO: Temp backwards compatibility. since 2.8.0. Object.defineProperty(this, 'container', { get: function get() { if (!options.container) { var settingsModel = options.elementSettingsModel, view = $e.components.get('document').utils.findViewById(settingsModel.id); // Element control. if (view && view.getContainer) { options.container = view.getContainer(); } else { if (!settingsModel.id) { settingsModel.id = 'bc-' + elementorCommon.helpers.getUniqueId(); } // Document/General/Other control. options.container = new elementorModules.editor.Container({ type: 'bc-container', id: settingsModel.id, model: settingsModel, settings: settingsModel, label: label, view: false, parent: false, renderer: false, controls: settingsModel.options.controls }); } } return options.container; } }); // Use `defineProperty` because `get elementSettingsModel()` fails during the `Marionette.CompositeView.extend`. Object.defineProperty(this, 'elementSettingsModel', { get: function get() { elementorDevTools.deprecation.deprecated('elementSettingsModel', '2.8.0', 'container.settings'); return options.container ? options.container.settings : options.elementSettingsModel; } }); var controlType = this.model.get('type'), controlSettings = jQuery.extend(true, {}, elementor.config.controls[controlType], this.model.attributes); this.model.set(controlSettings); // TODO: this.elementSettingsModel is deprecated since 2.8.0. var settings = this.container ? this.container.settings : this.elementSettingsModel; this.listenTo(settings, 'change', this.onAfterChange); if (this.model.attributes.responsive) { this.onDeviceModeChange = this.onDeviceModeChange.bind(this); elementor.listenTo(elementor.channels.deviceMode, 'change', this.onDeviceModeChange); } }, onDestroy: function onDestroy() { elementor.stopListening(elementor.channels.deviceMode, 'change', this.onDeviceModeChange); }, onDeviceModeChange: function onDeviceModeChange() { this.toggleControlVisibility(); }, onAfterChange: function onAfterChange() { this.toggleControlVisibility(); }, toggleControlVisibility: function toggleControlVisibility() { // TODO: this.elementSettingsModel is deprecated since 2.8.0. var settings = this.container ? this.container.settings : this.elementSettingsModel; var isVisible = elementor.helpers.isActiveControl(this.model, settings.attributes, settings.controls); this.$el.toggleClass('elementor-hidden-control', !isVisible); elementor.getPanelView().updateScrollbar(); }, onRender: function onRender() { var layoutType = this.model.get('label_block') ? 'block' : 'inline', showLabel = this.model.get('show_label'), elClasses = 'elementor-label-' + layoutType; elClasses += ' elementor-control-separator-' + this.model.get('separator'); if (!showLabel) { elClasses += ' elementor-control-hidden-label'; } this.$el.addClass(elClasses); this.toggleControlVisibility(); }, reRoute: function reRoute(controlActive) { $e.route($e.routes.getCurrent('panel'), this.getControlInRouteArgs(controlActive ? this.getControlPath() : ''), { history: false }); }, getControlInRouteArgs: function getControlInRouteArgs(path) { return _objectSpread(_objectSpread({}, $e.routes.getCurrentArgs('panel')), {}, { activeControl: path }); }, getControlPath: function getControlPath() { var controlPath = this.model.get('name'), parent = this._parent; while (!parent.$el.hasClass('elementor-controls-stack')) { var parentName = parent.model.get('name') || parent.model.get('_id'); controlPath = parentName + '/' + controlPath; parent = parent._parent; } return controlPath; } }); module.exports = ControlBaseView; /***/ }), /***/ "../assets/dev/js/editor/controls/behaviors/scrubbing.js": /*!***************************************************************!*\ !*** ../assets/dev/js/editor/controls/behaviors/scrubbing.js ***! \***************************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../node_modules/@babel/runtime/helpers/defineProperty.js")); var _uiStates = __webpack_require__(/*! elementor-document/ui-states */ "../assets/dev/js/editor/document/ui-states/index.js"); function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } var SCRUB_REGULAR = 'UPDATE-VALUE'; var SCRUB_ENHANCED = 'UPDATE-VALUE-ENHANCED'; var SKIP_SCRUB = 'SKIP-UPDATE-VALUE'; var Scrubbing = exports["default"] = /*#__PURE__*/function (_Marionette$Behavior) { function Scrubbing() { var _this; (0, _classCallCheck2.default)(this, Scrubbing); for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } _this = _callSuper(this, Scrubbing, [].concat(args)); (0, _defineProperty2.default)(_this, "checkIntentTimeout", null); (0, _defineProperty2.default)(_this, "skipperCount", 0); var userOptions = _this.getOption('scrubSettings') || {}; _this.scrubSettings = _objectSpread({ intentTime: 600, skipperSteps: 10, valueModifier: 1, enhancedNumber: 10, scrubbingActiveClass: 'e-scrubbing--active', scrubbingOverClass: 'e-scrubbing-over' }, userOptions); return _this; } (0, _inherits2.default)(Scrubbing, _Marionette$Behavior); return (0, _createClass2.default)(Scrubbing, [{ key: "ui", value: function ui() { return { input: 'input[type=number]', label: 'label[for^="elementor-control-"]' }; } }, { key: "events", value: function events() { return { 'mousedown @ui.input': 'onMouseDownInput', 'mousedown @ui.label': 'onMouseDownLabel', 'mouseenter @ui.label': 'onMouseEnterLabel', 'mouseleave @ui.label': 'onMouseLeaveLabel' }; } }, { key: "scrub", value: function scrub(input, movementEvent) { var movementType = this.getMovementType(movementEvent); if (SKIP_SCRUB === movementType) { return; } switch (movementType) { case SCRUB_REGULAR: input.value = this.getModifiedValue({ value: input.value, change: movementEvent.movementX, modifier: this.scrubSettings.valueModifier }); break; case SCRUB_ENHANCED: input.value = this.getModifiedValue({ value: input.value, change: movementEvent.movementX, modifier: this.scrubSettings.enhancedNumber }); break; default: break; } // Fire an input event so other behaviors/validators can handle the new input input.dispatchEvent(new Event('input', { bubbles: true })); } }, { key: "getMovementType", value: function getMovementType(movementEvent) { if (movementEvent.altKey) { this.skipperCount++; // When ALT key is pressed, skipping x times before updating input value. // 'skipperSteps' defines the exact times to skip, can be changed to any number. if (this.skipperCount <= this.scrubSettings.skipperSteps) { return SKIP_SCRUB; } this.skipperCount = 0; return SCRUB_REGULAR; } return movementEvent.ctrlKey || movementEvent.metaKey ? SCRUB_ENHANCED : SCRUB_REGULAR; } }, { key: "getModifiedValue", value: function getModifiedValue(_ref) { var value = _ref.value, change = _ref.change, modifier = _ref.modifier; if ('function' === typeof modifier) { modifier = modifier(); } var newValue = +value + change * modifier; // Prevent cases where the value resolves to something like 1.0000000000000001. return parseFloat(newValue.toFixed(1)); } }, { key: "isInputValidForScrubbing", value: function isInputValidForScrubbing(input) { return input && !input.disabled && 'number' === input.type; } /** * @param {HTMLElement[]} elements */ }, { key: "setActive", value: function setActive(elements) { var _this2 = this; elements.forEach(function (element) { element.classList.add(_this2.scrubSettings.scrubbingActiveClass); }); } /** * @param {HTMLElement[]} elements */ }, { key: "setInactive", value: function setInactive(elements) { var _this3 = this; elements.forEach(function (element) { element.classList.remove(_this3.scrubSettings.scrubbingActiveClass); }); } }, { key: "onMouseDownInput", value: function onMouseDownInput(e) { var _this4 = this; var input = e.target; if (!this.isInputValidForScrubbing(input)) { return; } var trackMovement = function trackMovement(movementEvent) { _this4.scrub(input, movementEvent); }; // For input, scrubbing effect works only after X time the mouse is down. var checkIntentTimeout = setTimeout(function () { clearTimeout(checkIntentTimeout); document.addEventListener('mousemove', trackMovement); $e.uiStates.set('document/scrubbing-mode', _uiStates.ScrubbingMode.ON); _this4.setActive([input]); }, this.scrubSettings.intentTime); document.addEventListener('mouseup', function () { document.removeEventListener('mousemove', trackMovement); clearTimeout(checkIntentTimeout); $e.uiStates.remove('document/scrubbing-mode'); _this4.setInactive([input]); }, { once: true }); } }, { key: "onMouseDownLabel", value: function onMouseDownLabel(e) { var _this5 = this; var label = e.target; var input = e.target.control; if (!this.isInputValidForScrubbing(input)) { return; } $e.uiStates.set('document/scrubbing-mode', _uiStates.ScrubbingMode.ON); this.setActive([input, label]); var trackMovement = function trackMovement(movementEvent) { _this5.scrub(input, movementEvent); }; document.addEventListener('mousemove', trackMovement); document.addEventListener('mouseup', function () { document.removeEventListener('mousemove', trackMovement); $e.uiStates.remove('document/scrubbing-mode'); _this5.setInactive([input, label]); }, { once: true }); } }, { key: "onMouseEnterLabel", value: function onMouseEnterLabel(e) { var input = e.target.control; if (!this.isInputValidForScrubbing(input)) { return; } e.target.classList.add(this.scrubSettings.scrubbingOverClass); } }, { key: "onMouseLeaveLabel", value: function onMouseLeaveLabel(e) { var input = e.target.control; if (!this.isInputValidForScrubbing(input)) { return; } e.target.classList.remove(this.scrubSettings.scrubbingOverClass); } }]); }(Marionette.Behavior); /***/ }), /***/ "../assets/dev/js/editor/controls/box-shadow.js": /*!******************************************************!*\ !*** ../assets/dev/js/editor/controls/box-shadow.js ***! \******************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); var _colorPicker = _interopRequireDefault(__webpack_require__(/*! ../utils/color-picker */ "../assets/dev/js/editor/utils/color-picker.js")); var ControlMultipleBaseItemView = __webpack_require__(/*! elementor-controls/base-multiple */ "../assets/dev/js/editor/controls/base-multiple.js"), ControlBoxShadowItemView; ControlBoxShadowItemView = ControlMultipleBaseItemView.extend({ ui: function ui() { var ui = ControlMultipleBaseItemView.prototype.ui.apply(this, arguments); ui.sliders = '.elementor-slider'; ui.colorPickerPlaceholder = '.elementor-color-picker-placeholder'; return ui; }, initSliders: function initSliders() { var _this = this; var value = this.getControlValue(); this.ui.sliders.each(function (index, slider) { var $input = jQuery(slider).next('.elementor-slider-input').find('input'); var sliderInstance = noUiSlider.create(slider, { start: [value[slider.dataset.input]], step: 1, range: { min: +$input.attr('min'), max: +$input.attr('max') }, format: { to: function to(sliderValue) { return +sliderValue.toFixed(1); }, from: function from(sliderValue) { return +sliderValue; } } }); sliderInstance.on('slide', function (values) { var type = sliderInstance.target.dataset.input; $input.val(values[0]); _this.setValue(type, values[0]); }); }); }, initColors: function initColors() { var _this2 = this; this.colorPicker = new _colorPicker.default({ picker: { el: this.ui.colorPickerPlaceholder[0], default: this.getControlValue('color') }, onChange: function onChange() { _this2.setValue('color', _this2.colorPicker.getColor()); }, onClear: function onClear() { _this2.setValue('color', ''); } }); }, onInputChange: function onInputChange(event) { var type = event.currentTarget.dataset.setting, $slider = this.ui.sliders.filter('[data-input="' + type + '"]'); $slider[0].noUiSlider.set(this.getControlValue(type)); }, onReady: function onReady() { this.initSliders(); this.initColors(); }, onBeforeDestroy: function onBeforeDestroy() { this.colorPicker.destroy(); } }); module.exports = ControlBoxShadowItemView; /***/ }), /***/ "../assets/dev/js/editor/controls/button.js": /*!**************************************************!*\ !*** ../assets/dev/js/editor/controls/button.js ***! \**************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var ControlBaseView = __webpack_require__(/*! elementor-controls/base */ "../assets/dev/js/editor/controls/base.js"); module.exports = ControlBaseView.extend({ ui: function ui() { var ui = ControlBaseView.prototype.ui.apply(this, arguments); ui.button = 'button'; return ui; }, events: { 'click @ui.button': 'onButtonClick' }, onButtonClick: function onButtonClick() { var eventName = this.model.get('event'); elementor.channels.editor.trigger(eventName, this); } }); /***/ }), /***/ "../assets/dev/js/editor/controls/choose.js": /*!**************************************************!*\ !*** ../assets/dev/js/editor/controls/choose.js ***! \**************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var ControlBaseDataView = __webpack_require__(/*! elementor-controls/base-data */ "../assets/dev/js/editor/controls/base-data.js"), ControlChooseItemView; ControlChooseItemView = ControlBaseDataView.extend({ ui: function ui() { var ui = ControlBaseDataView.prototype.ui.apply(this, arguments); ui.inputs = '[type="radio"]'; return ui; }, events: function events() { return _.extend(ControlBaseDataView.prototype.events.apply(this, arguments), { 'mousedown label': 'onMouseDownLabel', 'click @ui.inputs': 'onClickInput', 'change @ui.inputs': 'onBaseInputChange' }); }, updatePlaceholder: function updatePlaceholder() { var placeholder = this.getControlPlaceholder(); if (!this.getControlValue() && placeholder) { // Find the input which has value equals to the placeholder (which is the parent's value), // and add it a placeholder class, to indicate which value is selected in the parent. this.ui.inputs.filter("[value=\"".concat(this.getControlPlaceholder(), "\"]")).addClass('e-choose-placeholder'); } else { this.ui.inputs.removeClass('e-choose-placeholder'); } }, onReady: function onReady() { this.updatePlaceholder(); }, applySavedValue: function applySavedValue() { var currentValue = this.getControlValue(); if (currentValue) { this.ui.inputs.filter('[value="' + currentValue + '"]').prop('checked', true); } else { this.ui.inputs.filter(':checked').prop('checked', false); } }, onMouseDownLabel: function onMouseDownLabel(event) { var $clickedLabel = this.$(event.currentTarget), $selectedInput = this.$('#' + $clickedLabel.attr('for')); $selectedInput.data('checked', $selectedInput.prop('checked')); }, onClickInput: function onClickInput(event) { if (!this.model.get('toggle')) { return; } var $selectedInput = this.$(event.currentTarget); if ($selectedInput.data('checked')) { $selectedInput.prop('checked', false).trigger('change'); } }, onBaseInputChange: function onBaseInputChange() { ControlBaseDataView.prototype.onBaseInputChange.apply(this, arguments); this.updatePlaceholder(); } }, { onPasteStyle: function onPasteStyle(control, clipboardValue) { return '' === clipboardValue || undefined !== control.options[clipboardValue]; } }); module.exports = ControlChooseItemView; /***/ }), /***/ "../assets/dev/js/editor/controls/code.js": /*!************************************************!*\ !*** ../assets/dev/js/editor/controls/code.js ***! \************************************************/ /***/ ((module, __unused_webpack_exports, __webpack_require__) => { "use strict"; var ControlBaseDataView = __webpack_require__(/*! elementor-controls/base-data */ "../assets/dev/js/editor/controls/base-data.js"), ControlCodeEditorItemView; ControlCodeEditorItemView = ControlBaseDataView.extend({ ui: function ui() { var ui = ControlBaseDataView.prototype.ui.apply(this, arguments); ui.editor = '.elementor-code-editor'; return ui; }, onReady: function onReady() { var self = this; if ('undefined' === typeof ace) { return; } var langTools = ace.require('ace/ext/language_tools'), uiTheme = elementor.settings.editorPreferences.model.get('ui_theme'), userPrefersDark = matchMedia('(prefers-color-scheme: dark)').matches; self.editor = ace.edit(this.ui.editor[0]); // Since the code control is wrapped with a dynamic div, the class elementor-control-tag-area need to be had dynamically to handle the dynamic tag functionality. jQuery(self.editor.container).addClass('e-input-style elementor-code-editor elementor-control-tag-area'); self.editor.setOptions({ mode: 'ace/mode/' + self.model.attributes.language, minLines: 10, maxLines: Infinity, showGutter: true, useWorker: true, enableBasicAutocompletion: true, enableLiveAutocompletion: true }); if ('dark' === uiTheme || 'auto' === uiTheme && userPrefersDark) { self.editor.setTheme('ace/theme/merbivore_soft'); } self.editor.getSession().setUseWrapMode(true); elementor.panel.$el.on('resize.aceEditor', self.onResize.bind(this)); if ('css' === self.model.attributes.language) { var selectorCompleter = { getCompletions: function getCompletions(editor, session, pos, prefix, callback) { var list = [], token = session.getTokenAt(pos.row, pos.column); if (0 < prefix.length && 'selector'.match(prefix) && 'constant' === token.type) { list = [{ name: 'selector', value: 'selector', score: 1, meta: 'Elementor' }]; } callback(null, list); } }; langTools.addCompleter(selectorCompleter); } self.editor.setValue(self.getControlValue(), -1); // -1 = move cursor to the start if (this.isEditable()) { self.editor.on('change', function () { self.setValue(self.editor.getValue()); }); } if ('html' === self.model.attributes.language) { // Remove the `doctype` annotation var session = self.editor.getSession(); session.on('changeAnnotation', function () { var annotations = session.getAnnotations() || [], annotationsLength = annotations.length, index = annotations.length; while (index--) { if (/doctype first\. Expected/.test(annotations[index].text)) { annotations.splice(index, 1); } } if (annotationsLength > annotations.length) { session.setAnnotations(annotations); } }); } }, onResize: function onResize() { this.editor.resize(); }, onDestroy: function onDestroy() { elementor.panel.$el.off('resize.aceEditor'); }, isEditable: function isEditable() { var isEditable = this.model.get('is_editable'); return undefined !== isEditable ? isEditable : true; } }); module.exports = ControlCodeEditorItemView; /***/ }), /***/ "../assets/dev/js/editor/controls/color.js": /*!*************************************************!*\ !*** ../assets/dev/js/editor/controls/color.js ***! \*************************************************/ /***/ ((__unused_webpack_module, exports, __webpack_require__) => { "use strict"; /* provided dependency */ var __ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n")["__"]; var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ "../node_modules/@babel/runtime/helpers/interopRequireDefault.js"); Object.defineProperty(exports, "__esModule", ({ value: true })); exports["default"] = void 0; var _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ "../node_modules/@babel/runtime/regenerator/index.js")); var _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ "../node_modules/@babel/runtime/helpers/asyncToGenerator.js")); var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/toConsumableArray */ "../node_modules/@babel/runtime/helpers/toConsumableArray.js")); var _readOnlyError2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/readOnlyError */ "../node_modules/@babel/runtime/helpers/readOnlyError.js")); var _classCallCheck2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "../node_modules/@babel/runtime/helpers/classCallCheck.js")); var _createClass2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/createClass */ "../node_modules/@babel/runtime/helpers/createClass.js")); var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "../node_modules/@babel/runtime/helpers/possibleConstructorReturn.js")); var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "../node_modules/@babel/runtime/helpers/getPrototypeOf.js")); var _get2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/get */ "../node_modules/@babel/runtime/helpers/get.js")); var _inherits2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/inherits */ "../node_modules/@babel/runtime/helpers/inherits.js")); var _baseData = _interopRequireDefault(__webpack_require__(/*! ./base-data */ "../assets/dev/js/editor/controls/base-data.js")); var _colorPicker = _interopRequireDefault(__webpack_require__(/*! ../utils/color-picker */ "../assets/dev/js/editor/utils/color-picker.js")); function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); } function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } function _superPropGet(t, o, e, r) { var p = (0, _get2.default)((0, _getPrototypeOf2.default)(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; } var _default = exports["default"] = /*#__PURE__*/function (_ControlBaseDataView) { function _default() { (0, _classCallCheck2.default)(this, _default); return _callSuper(this, _default, arguments); } (0, _inherits2.default)(_default, _ControlBaseDataView); return (0, _createClass2.default)(_default, [{ key: "ui", value: function ui() { var ui = _superPropGet(_default, "ui", this, 3)([]); ui.pickerContainer = '.elementor-color-picker-placeholder'; return ui; } }, { key: "applySavedValue", value: function applySavedValue() { // Gets the current OR default value of the control. var currentValue = this.getCurrentValue(); if (this.colorPicker) { // When there is a global set on the control but there is no value/it doesn't exist, don't show a value. if (currentValue) { var _this$colorPicker$pic; // Set the picker color without triggering the 'onChange' event. var parsedColor = this.colorPicker.picker._parseLocalColor(currentValue); (_this$colorPicker$pic = this.colorPicker.picker).setHSVA.apply(_this$colorPicker$pic, (0, _toConsumableArray2.default)(parsedColor.values).concat([false])); } else { this.colorPicker.picker._clearColor(true); } } else { this.initPicker(); } this.$el.toggleClass('e-control-color--no-value', !currentValue); } }, { key: "initPicker", value: function initPicker() { var _this$model$get, _this = this; var options = { picker: { el: this.ui.pickerContainer[0], default: this.getCurrentValue(), components: { opacity: this.model.get('alpha') }, defaultRepresentation: 'HEX' }, // Don't create the add button in the Global Settings color pickers. addButton: (_this$model$get = this.model.get('global')) === null || _this$model$get === void 0 ? void 0 : _this$model$get.active, onChange: function onChange() { return _this.onPickerChange(); }, onClear: function onClear() { return _this.onPickerClear(); }, onAddButtonClick: function onAddButtonClick() { return _this.onAddGlobalButtonClick(); }, onPickerShow: function onPickerShow() { return _this.reRoute(true); }, onPickerHide: function onPickerHide() { return _this.reRoute(false); } }; this.colorPicker = new _colorPicker.default(options); this.hidePickerOnPreviewClick(); this.$pickerButton = jQuery(this.colorPicker.picker.getRoot().button); this.addTipsyToPickerButton(); this.addEyedropper(); this.$pickerButton.on('click', function () { return _this.onPickerButtonClick(); }); jQuery(this.colorPicker.picker.getRoot().root).addClass('elementor-control-unit-1 elementor-control-tag-area'); } }, { key: "hidePickerOnPreviewClick", value: function hidePickerOnPreviewClick() { var picker = this.colorPicker.picker; var pickerUtils = picker.constructor.utils; // Adding to the eventBindings to unbind in the picker's destroy picker._eventBindings.push(pickerUtils.on(elementorFrontend.elements.window.document, ['touchstart', 'pointerdown'], function () { if (picker.isOpen()) { picker.hide(); } })); } }, { key: "addTipsyToPickerButton", value: function addTipsyToPickerButton() { var _this2 = this; this.$pickerButton.tipsy({ title: function title() { var currentValue = _this2.getCurrentValue(); // If there is a global enabled for the control, but the global has no value. if (_this2.getGlobalKey() && !currentValue) { currentValue = "".concat(__('Invalid Global Color', 'elementor')); } return currentValue || ''; }, offset: 4, gravity: function gravity() { return 's'; } }); } }, { key: "addEyedropper", value: function addEyedropper() { var _this3 = this; var $colorPicker = jQuery(Marionette.Renderer.render('#tmpl-elementor-control-element-color-picker')), $colorPickerToolsContainer = this.colorPicker.$pickerToolsContainer, container = this.getOption('container'); var kit = null; // When it's a kit (i.e "Site Settings"). if ('kit' === container.document.config.type) { kit = container.document; } // Add a tooltip to the Eye Dropper. $colorPicker.tipsy({ title: function title() { return __('Color Sampler', 'elementor'); }, gravity: 's' }); $colorPicker.on('click', function () { $e.run('elements-color-picker/start', { container: container, kit: kit, control: _this3.model.get('name'), trigger: $colorPicker[0] }); }); $colorPickerToolsContainer.append($colorPicker); } }, { key: "getGlobalMeta", value: function getGlobalMeta() { return { commandName: this.getGlobalCommand(), key: this.model.get('name'), controlType: 'colors', route: 'panel/global/global-colors' }; } }, { key: "getNameAlreadyExistsMessage", value: function getNameAlreadyExistsMessage() { return ' ' + __('Please note that the same exact color already exists in your Global Colors list. Are you sure you want to create it?', 'elementor'); } }, { key: "getConfirmTextMessage", value: function getConfirmTextMessage() { return __('Are you sure you want to create a new Global Color?', 'elementor'); } }, { key: "getAddGlobalConfirmMessage", value: function getAddGlobalConfirmMessage(globalColors) { var colorTitle = __('New Global Color', 'elementor'), currentValue = this.getCurrentValue(), $message = jQuery('