← All changes
|
assets/js/packages/editor-templates/editor-templates.js
+151
-422
4.2.0-dev2
→
trunk
View file →
| @@ -1,436 +1,165 @@ | ||
| 1 | -/******/ (function() { // webpackBootstrap | |
| 2 | -/******/ "use strict"; | |
| 3 | -/******/ var __webpack_modules__ = ({ | |
| 1 | +(function(_elementor_editor, _elementor_editor_styles_repository, _elementor_editor_v1_adapters, _elementor_store, _elementor_editor_documents, react, _elementor_utils) { | |
| 4 | 2 | |
| 5 | -/***/ "./packages/packages/core/editor-templates/src/init.ts": | |
| 6 | -/*!*************************************************************!*\ | |
| 7 | - !*** ./packages/packages/core/editor-templates/src/init.ts ***! | |
| 8 | - \*************************************************************/ | |
| 9 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 3 | +//#region \0rolldown/runtime.js | |
| 4 | + var __defProp = Object.defineProperty; | |
| 5 | + var __name = (target, value) => __defProp(target, "name", { | |
| 6 | + value, | |
| 7 | + configurable: true | |
| 8 | + }); | |
| 9 | + var __exportAll = (all, no_symbols) => { | |
| 10 | + let target = {}; | |
| 11 | + for (var name in all) { | |
| 12 | + __defProp(target, name, { | |
| 13 | + get: all[name], | |
| 14 | + enumerable: true | |
| 15 | + }); | |
| 16 | + } | |
| 17 | + if (!no_symbols) { | |
| 18 | + __defProp(target, Symbol.toStringTag, { value: "Module" }); | |
| 19 | + } | |
| 20 | + return target; | |
| 21 | + }; | |
| 10 | 22 | |
| 11 | -__webpack_require__.r(__webpack_exports__); | |
| 12 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 13 | -/* harmony export */ init: function() { return /* binding */ init; } | |
| 14 | -/* harmony export */ }); | |
| 15 | -/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor */ "@elementor/editor"); | |
| 16 | -/* harmony import */ var _elementor_editor__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor__WEBPACK_IMPORTED_MODULE_0__); | |
| 17 | -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository"); | |
| 18 | -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__); | |
| 19 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters"); | |
| 20 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__); | |
| 21 | -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @elementor/store */ "@elementor/store"); | |
| 22 | -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_3__); | |
| 23 | -/* harmony import */ var _load_templates__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./load-templates */ "./packages/packages/core/editor-templates/src/load-templates.ts"); | |
| 24 | -/* harmony import */ var _render_template_styles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./render-template-styles */ "./packages/packages/core/editor-templates/src/render-template-styles.tsx"); | |
| 25 | -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-templates/src/store.ts"); | |
| 26 | -/* harmony import */ var _templates_styles_provider__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./templates-styles-provider */ "./packages/packages/core/editor-templates/src/templates-styles-provider.ts"); | |
| 27 | -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils */ "./packages/packages/core/editor-templates/src/utils.ts"); | |
| 23 | +//#endregion | |
| 28 | 24 | |
| 25 | +//#region packages/packages/core/editor-templates/src/store.ts | |
| 26 | + var initialState = { entities: {} }; | |
| 27 | + var slice = (0, _elementor_store.__createSlice)({ | |
| 28 | + name: "templates", | |
| 29 | + initialState, | |
| 30 | + reducers: { | |
| 31 | + setTemplates(state, action) { | |
| 32 | + action.payload.forEach((doc) => { | |
| 33 | + state.entities[doc.id] = doc.elements ?? []; | |
| 34 | + }); | |
| 35 | + }, | |
| 36 | + clearTemplates(state) { | |
| 37 | + state.entities = {}; | |
| 38 | + } | |
| 39 | + } | |
| 40 | + }); | |
| 41 | + var selectEntities = (state) => state.templates.entities; | |
| 42 | + var selectTemplates = (0, _elementor_store.__createSelector)([selectEntities], (entities) => Object.values(entities)); | |
| 29 | 43 | |
| 44 | +//#endregion | |
| 45 | +//#region packages/packages/core/editor-templates/src/load-templates.ts | |
| 46 | + var TEMPLATE_ATTRIBUTE = "data-elementor-post-type=\"elementor_library\""; | |
| 47 | + var DOCUMENT_WRAPPER_ATTR = "data-elementor-id"; | |
| 48 | + async function loadTemplates() { | |
| 49 | + const iframeDocument = (0, _elementor_editor_v1_adapters.getCanvasIframeDocument)(); | |
| 50 | + if (!iframeDocument) return; | |
| 51 | + const currentDocumentId = (0, _elementor_editor_documents.getV1CurrentDocument)()?.id; | |
| 52 | + const templateIds = getTemplateIds(iframeDocument, currentDocumentId); | |
| 53 | + if (!templateIds.length) return; | |
| 54 | + const documents = await fetchDocuments(templateIds); | |
| 55 | + (0, _elementor_store.__dispatch)(slice.actions.setTemplates(documents)); | |
| 56 | + } | |
| 57 | + function unloadTemplates() { | |
| 58 | + (0, _elementor_store.__dispatch)(slice.actions.clearTemplates()); | |
| 59 | + } | |
| 60 | + function getTemplateIds(iframeDocument, currentDocumentId) { | |
| 61 | + const ids = [...iframeDocument.body.querySelectorAll(`[${TEMPLATE_ATTRIBUTE}]`)].map((el) => Number(el.getAttribute(DOCUMENT_WRAPPER_ATTR))).filter((id) => !isNaN(id) && id !== currentDocumentId); | |
| 62 | + return [...new Set(ids)]; | |
| 63 | + } | |
| 64 | + async function fetchDocuments(ids) { | |
| 65 | + return (await Promise.all(ids.map(async (id) => { | |
| 66 | + try { | |
| 67 | + return await _elementor_editor_v1_adapters.ajax.load({ | |
| 68 | + data: { id }, | |
| 69 | + action: "get_document_config", | |
| 70 | + unique_id: `template-${id}` | |
| 71 | + }); | |
| 72 | + } catch { | |
| 73 | + return null; | |
| 74 | + } | |
| 75 | + }))).filter((doc) => doc !== null); | |
| 76 | + } | |
| 30 | 77 | |
| 78 | +//#endregion | |
| 79 | +//#region packages/packages/core/editor-templates/src/templates-styles-provider.ts | |
| 80 | + var styles = []; | |
| 81 | + var listeners = /* @__PURE__ */ new Set(); | |
| 82 | + function addTemplateStyles(newStyles) { | |
| 83 | + styles = [...styles, ...newStyles]; | |
| 84 | + listeners.forEach((cb) => cb()); | |
| 85 | + } | |
| 86 | + function clearTemplatesStyles() { | |
| 87 | + styles = []; | |
| 88 | + listeners.forEach((cb) => cb()); | |
| 89 | + } | |
| 90 | + var templatesStylesProvider = (0, _elementor_editor_styles_repository.createStylesProvider)({ | |
| 91 | + key: "templates-styles", | |
| 92 | + priority: 50, | |
| 93 | + subscribe: (cb) => { | |
| 94 | + listeners.add(cb); | |
| 95 | + return () => { | |
| 96 | + listeners.delete(cb); | |
| 97 | + }; | |
| 98 | + }, | |
| 99 | + actions: { | |
| 100 | + all: () => styles, | |
| 101 | + get: (id) => styles.find((style) => style.id === id) ?? null | |
| 102 | + } | |
| 103 | + }); | |
| 31 | 104 | |
| 105 | +//#endregion | |
| 106 | +//#region packages/packages/core/editor-templates/src/use-loaded-templates.ts | |
| 107 | + function useLoadedTemplates() { | |
| 108 | + return (0, _elementor_store.__useSelector)(selectTemplates); | |
| 109 | + } | |
| 32 | 110 | |
| 111 | +//#endregion | |
| 112 | +//#region packages/packages/core/editor-templates/src/render-template-styles.tsx | |
| 113 | + var RenderTemplateStyles = () => { | |
| 114 | + const templates = useLoadedTemplates(); | |
| 115 | + (0, react.useEffect)(() => { | |
| 116 | + addTemplateStyles(templates.flatMap(extractStylesFromDocument)); | |
| 117 | + }, [templates]); | |
| 118 | + return null; | |
| 119 | + }; | |
| 120 | + function extractStylesFromDocument(elements) { | |
| 121 | + if (!elements.length) return []; | |
| 122 | + return elements.flatMap(extractStylesFromElement); | |
| 123 | + } | |
| 124 | + function extractStylesFromElement(element) { | |
| 125 | + return [...Object.values(element.styles ?? {}), ...(element.elements ?? []).flatMap(extractStylesFromElement)]; | |
| 126 | + } | |
| 33 | 127 | |
| 128 | +//#endregion | |
| 129 | +//#region packages/packages/core/editor-templates/src/utils.ts | |
| 130 | + var MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES = "4.1"; | |
| 131 | + var isHandlingTemplateStyles = () => (0, _elementor_utils.isProActive)() && !(0, _elementor_utils.isProAtLeast)(MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES); | |
| 34 | 132 | |
| 133 | +//#endregion | |
| 134 | +//#region packages/packages/core/editor-templates/src/init.ts | |
| 135 | + function init() { | |
| 136 | + if (!isHandlingTemplateStyles()) return; | |
| 137 | + (0, _elementor_store.__registerSlice)(slice); | |
| 138 | + _elementor_editor_styles_repository.stylesRepository.register(templatesStylesProvider); | |
| 139 | + (0, _elementor_editor_v1_adapters.registerDataHook)("after", "editor/documents/attach-preview", async () => { | |
| 140 | + unloadTemplates(); | |
| 141 | + clearTemplatesStyles(); | |
| 142 | + await loadTemplates(); | |
| 143 | + }); | |
| 144 | + (0, _elementor_editor.injectIntoLogic)({ | |
| 145 | + id: "templates-styles", | |
| 146 | + component: RenderTemplateStyles | |
| 147 | + }); | |
| 148 | + } | |
| 35 | 149 | |
| 150 | +//#endregion | |
| 151 | +//#region packages/packages/core/editor-templates/src/index.ts | |
| 152 | + var src_exports = /* @__PURE__ */ __exportAll({ | |
| 153 | + init: () => init, | |
| 154 | + isHandlingTemplateStyles: () => isHandlingTemplateStyles, | |
| 155 | + useLoadedTemplates: () => useLoadedTemplates | |
| 156 | + }); | |
| 36 | 157 | |
| 37 | -function init() { | |
| 38 | - if (!(0,_utils__WEBPACK_IMPORTED_MODULE_8__.isHandlingTemplateStyles)()) { | |
| 39 | - return; | |
| 40 | - } | |
| 41 | - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_3__.__registerSlice)(_store__WEBPACK_IMPORTED_MODULE_6__.slice); | |
| 42 | - _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_1__.stylesRepository.register(_templates_styles_provider__WEBPACK_IMPORTED_MODULE_7__.templatesStylesProvider); | |
| 43 | - (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_2__.registerDataHook)('after', 'editor/documents/attach-preview', async () => { | |
| 44 | - (0,_load_templates__WEBPACK_IMPORTED_MODULE_4__.unloadTemplates)(); | |
| 45 | - (0,_templates_styles_provider__WEBPACK_IMPORTED_MODULE_7__.clearTemplatesStyles)(); | |
| 46 | - await (0,_load_templates__WEBPACK_IMPORTED_MODULE_4__.loadTemplates)(); | |
| 47 | - }); | |
| 48 | - (0,_elementor_editor__WEBPACK_IMPORTED_MODULE_0__.injectIntoLogic)({ | |
| 49 | - id: 'templates-styles', | |
| 50 | - component: _render_template_styles__WEBPACK_IMPORTED_MODULE_5__.RenderTemplateStyles | |
| 51 | - }); | |
| 52 | -} | |
| 158 | +//#endregion | |
| 159 | +//#region \0elementor-package-library-entry | |
| 160 | + (window.elementorV2 = window.elementorV2 || {}).editorTemplates = src_exports; | |
| 53 | 161 | |
| 54 | -/***/ }), | |
| 55 | - | |
| 56 | -/***/ "./packages/packages/core/editor-templates/src/load-templates.ts": | |
| 57 | -/*!***********************************************************************!*\ | |
| 58 | - !*** ./packages/packages/core/editor-templates/src/load-templates.ts ***! | |
| 59 | - \***********************************************************************/ | |
| 60 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 61 | - | |
| 62 | -__webpack_require__.r(__webpack_exports__); | |
| 63 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 64 | -/* harmony export */ loadTemplates: function() { return /* binding */ loadTemplates; }, | |
| 65 | -/* harmony export */ unloadTemplates: function() { return /* binding */ unloadTemplates; } | |
| 66 | -/* harmony export */ }); | |
| 67 | -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-documents */ "@elementor/editor-documents"); | |
| 68 | -/* harmony import */ var _elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__); | |
| 69 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @elementor/editor-v1-adapters */ "@elementor/editor-v1-adapters"); | |
| 70 | -/* harmony import */ var _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__); | |
| 71 | -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @elementor/store */ "@elementor/store"); | |
| 72 | -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_2__); | |
| 73 | -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-templates/src/store.ts"); | |
| 74 | - | |
| 75 | - | |
| 76 | - | |
| 77 | - | |
| 78 | -const TEMPLATE_ATTRIBUTE = 'data-elementor-post-type="elementor_library"'; | |
| 79 | -const DOCUMENT_WRAPPER_ATTR = 'data-elementor-id'; | |
| 80 | -async function loadTemplates() { | |
| 81 | - const iframeDocument = (0,_elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.getCanvasIframeDocument)(); | |
| 82 | - if (!iframeDocument) { | |
| 83 | - return; | |
| 84 | - } | |
| 85 | - const currentDocumentId = (0,_elementor_editor_documents__WEBPACK_IMPORTED_MODULE_0__.getV1CurrentDocument)()?.id; | |
| 86 | - const templateIds = getTemplateIds(iframeDocument, currentDocumentId); | |
| 87 | - if (!templateIds.length) { | |
| 88 | - return; | |
| 89 | - } | |
| 90 | - const documents = await fetchDocuments(templateIds); | |
| 91 | - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.slice.actions.setTemplates(documents)); | |
| 92 | -} | |
| 93 | -function unloadTemplates() { | |
| 94 | - (0,_elementor_store__WEBPACK_IMPORTED_MODULE_2__.__dispatch)(_store__WEBPACK_IMPORTED_MODULE_3__.slice.actions.clearTemplates()); | |
| 95 | -} | |
| 96 | -function getTemplateIds(iframeDocument, currentDocumentId) { | |
| 97 | - const elements = [...iframeDocument.body.querySelectorAll(`[${TEMPLATE_ATTRIBUTE}]`)]; | |
| 98 | - const ids = elements.map(el => Number(el.getAttribute(DOCUMENT_WRAPPER_ATTR))).filter(id => !isNaN(id) && id !== currentDocumentId); | |
| 99 | - return [...new Set(ids)]; | |
| 100 | -} | |
| 101 | -async function fetchDocuments(ids) { | |
| 102 | - const results = await Promise.all(ids.map(async id => { | |
| 103 | - try { | |
| 104 | - // using ajax.load instead of the document-manager as the latter causes an issue when trying to edit a template | |
| 105 | - return await _elementor_editor_v1_adapters__WEBPACK_IMPORTED_MODULE_1__.ajax.load({ | |
| 106 | - data: { | |
| 107 | - id | |
| 108 | - }, | |
| 109 | - action: 'get_document_config', | |
| 110 | - unique_id: `template-${id}` | |
| 111 | - }); | |
| 112 | - } catch { | |
| 113 | - return null; | |
| 114 | - } | |
| 115 | - })); | |
| 116 | - return results.filter(doc => doc !== null); | |
| 117 | -} | |
| 118 | - | |
| 119 | -/***/ }), | |
| 120 | - | |
| 121 | -/***/ "./packages/packages/core/editor-templates/src/render-template-styles.tsx": | |
| 122 | -/*!********************************************************************************!*\ | |
| 123 | - !*** ./packages/packages/core/editor-templates/src/render-template-styles.tsx ***! | |
| 124 | - \********************************************************************************/ | |
| 125 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 126 | - | |
| 127 | -__webpack_require__.r(__webpack_exports__); | |
| 128 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 129 | -/* harmony export */ RenderTemplateStyles: function() { return /* binding */ RenderTemplateStyles; } | |
| 130 | -/* harmony export */ }); | |
| 131 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react"); | |
| 132 | -/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__); | |
| 133 | -/* harmony import */ var _templates_styles_provider__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./templates-styles-provider */ "./packages/packages/core/editor-templates/src/templates-styles-provider.ts"); | |
| 134 | -/* harmony import */ var _use_loaded_templates__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./use-loaded-templates */ "./packages/packages/core/editor-templates/src/use-loaded-templates.ts"); | |
| 135 | - | |
| 136 | - | |
| 137 | - | |
| 138 | -const RenderTemplateStyles = () => { | |
| 139 | - const templates = (0,_use_loaded_templates__WEBPACK_IMPORTED_MODULE_2__.useLoadedTemplates)(); | |
| 140 | - (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => { | |
| 141 | - const styles = templates.flatMap(extractStylesFromDocument); | |
| 142 | - (0,_templates_styles_provider__WEBPACK_IMPORTED_MODULE_1__.addTemplateStyles)(styles); | |
| 143 | - }, [templates]); | |
| 144 | - return null; | |
| 145 | -}; | |
| 146 | -function extractStylesFromDocument(elements) { | |
| 147 | - if (!elements.length) { | |
| 148 | - return []; | |
| 149 | - } | |
| 150 | - return elements.flatMap(extractStylesFromElement); | |
| 151 | -} | |
| 152 | -function extractStylesFromElement(element) { | |
| 153 | - return [...Object.values(element.styles ?? {}), ...(element.elements ?? []).flatMap(extractStylesFromElement)]; | |
| 154 | -} | |
| 155 | - | |
| 156 | -/***/ }), | |
| 157 | - | |
| 158 | -/***/ "./packages/packages/core/editor-templates/src/store.ts": | |
| 159 | -/*!**************************************************************!*\ | |
| 160 | - !*** ./packages/packages/core/editor-templates/src/store.ts ***! | |
| 161 | - \**************************************************************/ | |
| 162 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 163 | - | |
| 164 | -__webpack_require__.r(__webpack_exports__); | |
| 165 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 166 | -/* harmony export */ selectTemplates: function() { return /* binding */ selectTemplates; }, | |
| 167 | -/* harmony export */ slice: function() { return /* binding */ slice; } | |
| 168 | -/* harmony export */ }); | |
| 169 | -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store"); | |
| 170 | -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__); | |
| 171 | - | |
| 172 | -const initialState = { | |
| 173 | - entities: {} | |
| 174 | -}; | |
| 175 | -const slice = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSlice)({ | |
| 176 | - name: 'templates', | |
| 177 | - initialState, | |
| 178 | - reducers: { | |
| 179 | - setTemplates(state, action) { | |
| 180 | - action.payload.forEach(doc => { | |
| 181 | - state.entities[doc.id] = doc.elements ?? []; | |
| 182 | - }); | |
| 183 | - }, | |
| 184 | - clearTemplates(state) { | |
| 185 | - state.entities = {}; | |
| 186 | - } | |
| 187 | - } | |
| 188 | -}); | |
| 189 | -const selectEntities = state => state.templates.entities; | |
| 190 | -const selectTemplates = (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__createSelector)([selectEntities], entities => Object.values(entities)); | |
| 191 | - | |
| 192 | -/***/ }), | |
| 193 | - | |
| 194 | -/***/ "./packages/packages/core/editor-templates/src/templates-styles-provider.ts": | |
| 195 | -/*!**********************************************************************************!*\ | |
| 196 | - !*** ./packages/packages/core/editor-templates/src/templates-styles-provider.ts ***! | |
| 197 | - \**********************************************************************************/ | |
| 198 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 199 | - | |
| 200 | -__webpack_require__.r(__webpack_exports__); | |
| 201 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 202 | -/* harmony export */ addTemplateStyles: function() { return /* binding */ addTemplateStyles; }, | |
| 203 | -/* harmony export */ clearTemplatesStyles: function() { return /* binding */ clearTemplatesStyles; }, | |
| 204 | -/* harmony export */ templatesStylesProvider: function() { return /* binding */ templatesStylesProvider; } | |
| 205 | -/* harmony export */ }); | |
| 206 | -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/editor-styles-repository */ "@elementor/editor-styles-repository"); | |
| 207 | -/* harmony import */ var _elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__); | |
| 208 | - | |
| 209 | -let styles = []; | |
| 210 | -const listeners = new Set(); | |
| 211 | -function addTemplateStyles(newStyles) { | |
| 212 | - styles = [...styles, ...newStyles]; | |
| 213 | - listeners.forEach(cb => cb()); | |
| 214 | -} | |
| 215 | -function clearTemplatesStyles() { | |
| 216 | - styles = []; | |
| 217 | - listeners.forEach(cb => cb()); | |
| 218 | -} | |
| 219 | -const templatesStylesProvider = (0,_elementor_editor_styles_repository__WEBPACK_IMPORTED_MODULE_0__.createStylesProvider)({ | |
| 220 | - key: 'templates-styles', | |
| 221 | - priority: 50, | |
| 222 | - subscribe: cb => { | |
| 223 | - listeners.add(cb); | |
| 224 | - return () => { | |
| 225 | - listeners.delete(cb); | |
| 226 | - }; | |
| 227 | - }, | |
| 228 | - actions: { | |
| 229 | - all: () => styles, | |
| 230 | - get: id => styles.find(style => style.id === id) ?? null | |
| 231 | - } | |
| 232 | -}); | |
| 233 | - | |
| 234 | -/***/ }), | |
| 235 | - | |
| 236 | -/***/ "./packages/packages/core/editor-templates/src/use-loaded-templates.ts": | |
| 237 | -/*!*****************************************************************************!*\ | |
| 238 | - !*** ./packages/packages/core/editor-templates/src/use-loaded-templates.ts ***! | |
| 239 | - \*****************************************************************************/ | |
| 240 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 241 | - | |
| 242 | -__webpack_require__.r(__webpack_exports__); | |
| 243 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 244 | -/* harmony export */ useLoadedTemplates: function() { return /* binding */ useLoadedTemplates; } | |
| 245 | -/* harmony export */ }); | |
| 246 | -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/store */ "@elementor/store"); | |
| 247 | -/* harmony import */ var _elementor_store__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_store__WEBPACK_IMPORTED_MODULE_0__); | |
| 248 | -/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./store */ "./packages/packages/core/editor-templates/src/store.ts"); | |
| 249 | - | |
| 250 | - | |
| 251 | -function useLoadedTemplates() { | |
| 252 | - return (0,_elementor_store__WEBPACK_IMPORTED_MODULE_0__.__useSelector)(_store__WEBPACK_IMPORTED_MODULE_1__.selectTemplates); | |
| 253 | -} | |
| 254 | - | |
| 255 | -/***/ }), | |
| 256 | - | |
| 257 | -/***/ "./packages/packages/core/editor-templates/src/utils.ts": | |
| 258 | -/*!**************************************************************!*\ | |
| 259 | - !*** ./packages/packages/core/editor-templates/src/utils.ts ***! | |
| 260 | - \**************************************************************/ | |
| 261 | -/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) { | |
| 262 | - | |
| 263 | -__webpack_require__.r(__webpack_exports__); | |
| 264 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 265 | -/* harmony export */ isHandlingTemplateStyles: function() { return /* binding */ isHandlingTemplateStyles; } | |
| 266 | -/* harmony export */ }); | |
| 267 | -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @elementor/utils */ "@elementor/utils"); | |
| 268 | -/* harmony import */ var _elementor_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_elementor_utils__WEBPACK_IMPORTED_MODULE_0__); | |
| 269 | - | |
| 270 | -const MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES = '4.1'; | |
| 271 | -const isHandlingTemplateStyles = () => (0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.isProActive)() && !(0,_elementor_utils__WEBPACK_IMPORTED_MODULE_0__.isProAtLeast)(MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES); | |
| 272 | - | |
| 273 | -/***/ }), | |
| 274 | - | |
| 275 | -/***/ "@elementor/editor": | |
| 276 | -/*!*****************************************!*\ | |
| 277 | - !*** external ["elementorV2","editor"] ***! | |
| 278 | - \*****************************************/ | |
| 279 | -/***/ (function(module) { | |
| 280 | - | |
| 281 | -module.exports = window["elementorV2"]["editor"]; | |
| 282 | - | |
| 283 | -/***/ }), | |
| 284 | - | |
| 285 | -/***/ "@elementor/editor-documents": | |
| 286 | -/*!**************************************************!*\ | |
| 287 | - !*** external ["elementorV2","editorDocuments"] ***! | |
| 288 | - \**************************************************/ | |
| 289 | -/***/ (function(module) { | |
| 290 | - | |
| 291 | -module.exports = window["elementorV2"]["editorDocuments"]; | |
| 292 | - | |
| 293 | -/***/ }), | |
| 294 | - | |
| 295 | -/***/ "@elementor/editor-styles-repository": | |
| 296 | -/*!*********************************************************!*\ | |
| 297 | - !*** external ["elementorV2","editorStylesRepository"] ***! | |
| 298 | - \*********************************************************/ | |
| 299 | -/***/ (function(module) { | |
| 300 | - | |
| 301 | -module.exports = window["elementorV2"]["editorStylesRepository"]; | |
| 302 | - | |
| 303 | -/***/ }), | |
| 304 | - | |
| 305 | -/***/ "@elementor/editor-v1-adapters": | |
| 306 | -/*!***************************************************!*\ | |
| 307 | - !*** external ["elementorV2","editorV1Adapters"] ***! | |
| 308 | - \***************************************************/ | |
| 309 | -/***/ (function(module) { | |
| 310 | - | |
| 311 | -module.exports = window["elementorV2"]["editorV1Adapters"]; | |
| 312 | - | |
| 313 | -/***/ }), | |
| 314 | - | |
| 315 | -/***/ "@elementor/store": | |
| 316 | -/*!****************************************!*\ | |
| 317 | - !*** external ["elementorV2","store"] ***! | |
| 318 | - \****************************************/ | |
| 319 | -/***/ (function(module) { | |
| 320 | - | |
| 321 | -module.exports = window["elementorV2"]["store"]; | |
| 322 | - | |
| 323 | -/***/ }), | |
| 324 | - | |
| 325 | -/***/ "@elementor/utils": | |
| 326 | -/*!****************************************!*\ | |
| 327 | - !*** external ["elementorV2","utils"] ***! | |
| 328 | - \****************************************/ | |
| 329 | -/***/ (function(module) { | |
| 330 | - | |
| 331 | -module.exports = window["elementorV2"]["utils"]; | |
| 332 | - | |
| 333 | -/***/ }), | |
| 334 | - | |
| 335 | -/***/ "react": | |
| 336 | -/*!**************************!*\ | |
| 337 | - !*** external ["React"] ***! | |
| 338 | - \**************************/ | |
| 339 | -/***/ (function(module) { | |
| 340 | - | |
| 341 | -module.exports = window["React"]; | |
| 342 | - | |
| 343 | -/***/ }) | |
| 344 | - | |
| 345 | -/******/ }); | |
| 346 | -/************************************************************************/ | |
| 347 | -/******/ // The module cache | |
| 348 | -/******/ var __webpack_module_cache__ = {}; | |
| 349 | -/******/ | |
| 350 | -/******/ // The require function | |
| 351 | -/******/ function __webpack_require__(moduleId) { | |
| 352 | -/******/ // Check if module is in cache | |
| 353 | -/******/ var cachedModule = __webpack_module_cache__[moduleId]; | |
| 354 | -/******/ if (cachedModule !== undefined) { | |
| 355 | -/******/ return cachedModule.exports; | |
| 356 | -/******/ } | |
| 357 | -/******/ // Create a new module (and put it into the cache) | |
| 358 | -/******/ var module = __webpack_module_cache__[moduleId] = { | |
| 359 | -/******/ // no module.id needed | |
| 360 | -/******/ // no module.loaded needed | |
| 361 | -/******/ exports: {} | |
| 362 | -/******/ }; | |
| 363 | -/******/ | |
| 364 | -/******/ // Execute the module function | |
| 365 | -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); | |
| 366 | -/******/ | |
| 367 | -/******/ // Return the exports of the module | |
| 368 | -/******/ return module.exports; | |
| 369 | -/******/ } | |
| 370 | -/******/ | |
| 371 | -/************************************************************************/ | |
| 372 | -/******/ /* webpack/runtime/compat get default export */ | |
| 373 | -/******/ !function() { | |
| 374 | -/******/ // getDefaultExport function for compatibility with non-harmony modules | |
| 375 | -/******/ __webpack_require__.n = function(module) { | |
| 376 | -/******/ var getter = module && module.__esModule ? | |
| 377 | -/******/ function() { return module['default']; } : | |
| 378 | -/******/ function() { return module; }; | |
| 379 | -/******/ __webpack_require__.d(getter, { a: getter }); | |
| 380 | -/******/ return getter; | |
| 381 | -/******/ }; | |
| 382 | -/******/ }(); | |
| 383 | -/******/ | |
| 384 | -/******/ /* webpack/runtime/define property getters */ | |
| 385 | -/******/ !function() { | |
| 386 | -/******/ // define getter functions for harmony exports | |
| 387 | -/******/ __webpack_require__.d = function(exports, definition) { | |
| 388 | -/******/ for(var key in definition) { | |
| 389 | -/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { | |
| 390 | -/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); | |
| 391 | -/******/ } | |
| 392 | -/******/ } | |
| 393 | -/******/ }; | |
| 394 | -/******/ }(); | |
| 395 | -/******/ | |
| 396 | -/******/ /* webpack/runtime/hasOwnProperty shorthand */ | |
| 397 | -/******/ !function() { | |
| 398 | -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } | |
| 399 | -/******/ }(); | |
| 400 | -/******/ | |
| 401 | -/******/ /* webpack/runtime/make namespace object */ | |
| 402 | -/******/ !function() { | |
| 403 | -/******/ // define __esModule on exports | |
| 404 | -/******/ __webpack_require__.r = function(exports) { | |
| 405 | -/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { | |
| 406 | -/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); | |
| 407 | -/******/ } | |
| 408 | -/******/ Object.defineProperty(exports, '__esModule', { value: true }); | |
| 409 | -/******/ }; | |
| 410 | -/******/ }(); | |
| 411 | -/******/ | |
| 412 | -/************************************************************************/ | |
| 413 | -var __webpack_exports__ = {}; | |
| 414 | -// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk. | |
| 415 | -!function() { | |
| 416 | -/*!**************************************************************!*\ | |
| 417 | - !*** ./packages/packages/core/editor-templates/src/index.ts ***! | |
| 418 | - \**************************************************************/ | |
| 419 | -__webpack_require__.r(__webpack_exports__); | |
| 420 | -/* harmony export */ __webpack_require__.d(__webpack_exports__, { | |
| 421 | -/* harmony export */ init: function() { return /* reexport safe */ _init__WEBPACK_IMPORTED_MODULE_0__.init; }, | |
| 422 | -/* harmony export */ isHandlingTemplateStyles: function() { return /* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_2__.isHandlingTemplateStyles; }, | |
| 423 | -/* harmony export */ useLoadedTemplates: function() { return /* reexport safe */ _use_loaded_templates__WEBPACK_IMPORTED_MODULE_1__.useLoadedTemplates; } | |
| 424 | -/* harmony export */ }); | |
| 425 | -/* harmony import */ var _init__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./init */ "./packages/packages/core/editor-templates/src/init.ts"); | |
| 426 | -/* harmony import */ var _use_loaded_templates__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./use-loaded-templates */ "./packages/packages/core/editor-templates/src/use-loaded-templates.ts"); | |
| 427 | -/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ "./packages/packages/core/editor-templates/src/utils.ts"); | |
| 428 | - | |
| 429 | - | |
| 430 | - | |
| 431 | -}(); | |
| 432 | -(window.elementorV2 = window.elementorV2 || {}).editorTemplates = __webpack_exports__; | |
| 433 | -/******/ })() | |
| 434 | -; | |
| 162 | +//#endregion | |
| 163 | +})(elementorV2.editor, elementorV2.editorStylesRepository, elementorV2.editorV1Adapters, elementorV2.store, elementorV2.editorDocuments, React, elementorV2.utils); | |
| 435 | 164 | window.elementorV2.editorTemplates?.init?.(); |
| 436 | 165 | //# sourceMappingURL=editor-templates.js.map |