@elementor/editor-templates 4.1.0-729 → 4.1.0-730

package/dist/index.d.mts

@@ -4,4 +4,6 @@ declare function init(): void;
 
 declare function useLoadedTemplates(): _elementor_editor_elements.V1ElementData[][];
 
-export { init, useLoadedTemplates };
+declare const isHandlingTemplateStyles: () => boolean;
+
+export { init, isHandlingTemplateStyles, useLoadedTemplates };

package/dist/index.d.ts

@@ -4,4 +4,6 @@ declare function init(): void;
 
 declare function useLoadedTemplates(): _elementor_editor_elements.V1ElementData[][];
 
-export { init, useLoadedTemplates };
+declare const isHandlingTemplateStyles: () => boolean;
+
+export { init, isHandlingTemplateStyles, useLoadedTemplates };

package/dist/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   init: () => init,
+  isHandlingTemplateStyles: () => isHandlingTemplateStyles,
   useLoadedTemplates: () => useLoadedTemplates
 });
 module.exports = __toCommonJS(index_exports);
@@ -160,8 +161,16 @@ function extractStylesFromElement(element) {
   ];
 }
 
+// src/utils.ts
+var import_utils = require("@elementor/utils");
+var MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES = "4.1";
+var isHandlingTemplateStyles = () => (0, import_utils.isProActive)() && !(0, import_utils.isProAtLeast)(MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES);
+
 // src/init.ts
 function init() {
+  if (!isHandlingTemplateStyles()) {
+    return;
+  }
   (0, import_store6.__registerSlice)(slice);
   import_editor_styles_repository2.stylesRepository.register(templatesStylesProvider);
   (0, import_editor_v1_adapters2.registerDataHook)("after", "editor/documents/attach-preview", async () => {
@@ -177,6 +186,7 @@ function init() {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   init,
+  isHandlingTemplateStyles,
   useLoadedTemplates
 });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/init.ts","../src/load-templates.ts","../src/store.ts","../src/render-template-styles.tsx","../src/templates-styles-provider.ts","../src/use-loaded-templates.ts"],"sourcesContent":["export { init } from './init';\nexport { useLoadedTemplates } from './use-loaded-templates';\n","import { injectIntoLogic } from '@elementor/editor';\nimport { stylesRepository } from '@elementor/editor-styles-repository';\nimport { registerDataHook } from '@elementor/editor-v1-adapters';\nimport { __registerSlice as registerSlice } from '@elementor/store';\n\nimport { loadTemplates, unloadTemplates } from './load-templates';\nimport { RenderTemplateStyles } from './render-template-styles';\nimport { slice } from './store';\nimport { clearTemplatesStyles, templatesStylesProvider } from './templates-styles-provider';\n\nexport function init() {\n\tregisterSlice( slice );\n\tstylesRepository.register( templatesStylesProvider );\n\n\tregisterDataHook( 'after', 'editor/documents/attach-preview', async () => {\n\t\tunloadTemplates();\n\t\tclearTemplatesStyles();\n\n\t\tawait loadTemplates();\n\t} );\n\n\tinjectIntoLogic( {\n\t\tid: 'templates-styles',\n\t\tcomponent: RenderTemplateStyles,\n\t} );\n}\n","import { type Document, getV1CurrentDocument } from '@elementor/editor-documents';\nimport { ajax, getCanvasIframeDocument } from '@elementor/editor-v1-adapters';\nimport { __dispatch as dispatch } from '@elementor/store';\n\nimport { slice } from './store';\n\nconst TEMPLATE_ATTRIBUTE = 'data-elementor-post-type=\"elementor_library\"';\nconst DOCUMENT_WRAPPER_ATTR = 'data-elementor-id';\n\nexport async function loadTemplates() {\n\tconst iframeDocument = getCanvasIframeDocument();\n\n\tif ( ! iframeDocument ) {\n\t\treturn;\n\t}\n\n\tconst currentDocumentId = getV1CurrentDocument()?.id;\n\tconst templateIds = getTemplateIds( iframeDocument, currentDocumentId );\n\n\tif ( ! templateIds.length ) {\n\t\treturn;\n\t}\n\n\tconst documents = await fetchDocuments( templateIds );\n\n\tdispatch( slice.actions.setTemplates( documents ) );\n}\n\nexport function unloadTemplates() {\n\tdispatch( slice.actions.clearTemplates() );\n}\n\nfunction getTemplateIds( iframeDocument: globalThis.Document, currentDocumentId?: number ): number[] {\n\tconst elements = [ ...iframeDocument.body.querySelectorAll< HTMLElement >( `[${ TEMPLATE_ATTRIBUTE }]` ) ];\n\n\tconst ids = elements\n\t\t.map( ( el ) => Number( el.getAttribute( DOCUMENT_WRAPPER_ATTR ) ) )\n\t\t.filter( ( id ) => ! isNaN( id ) && id !== currentDocumentId );\n\n\treturn [ ...new Set( ids ) ];\n}\n\nasync function fetchDocuments( ids: number[] ): Promise< Document[] > {\n\tconst results = await Promise.all(\n\t\tids.map( async ( id ) => {\n\t\t\ttry {\n\t\t\t\t// using ajax.load instead of the document-manager as the latter causes an issue when trying to edit a template\n\t\t\t\treturn await ajax.load< { id: number }, Document >( {\n\t\t\t\t\tdata: { id },\n\t\t\t\t\taction: 'get_document_config',\n\t\t\t\t\tunique_id: `template-${ id }`,\n\t\t\t\t} );\n\t\t\t} catch {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t} )\n\t);\n\n\treturn results.filter( ( doc ): doc is Document => doc !== null );\n}\n","import { type Document } from '@elementor/editor-documents';\nimport { type V1ElementData } from '@elementor/editor-elements';\nimport { __createSelector, __createSlice, type PayloadAction, type SliceState } from '@elementor/store';\n\ntype State = {\n\tentities: Record< Document[ 'id' ], V1ElementData[] >;\n};\n\nconst initialState: State = {\n\tentities: {},\n};\n\nexport const slice = __createSlice( {\n\tname: 'templates',\n\tinitialState,\n\treducers: {\n\t\tsetTemplates( state, action: PayloadAction< Document[] > ) {\n\t\t\taction.payload.forEach( ( doc ) => {\n\t\t\t\tstate.entities[ doc.id ] = doc.elements ?? [];\n\t\t\t} );\n\t\t},\n\n\t\tclearTemplates( state ) {\n\t\t\tstate.entities = {};\n\t\t},\n\t},\n} );\n\nexport type Slice = SliceState< typeof slice >;\n\nconst selectEntities = ( state: Slice ) => state.templates.entities;\n\nexport const selectTemplates = __createSelector( [ selectEntities ], ( entities ): V1ElementData[][] =>\n\tObject.values( entities )\n);\n","import { useEffect } from 'react';\nimport { type V1ElementData } from '@elementor/editor-elements';\nimport { type StyleDefinition } from '@elementor/editor-styles';\n\nimport { addTemplateStyles } from './templates-styles-provider';\nimport { useLoadedTemplates } from './use-loaded-templates';\n\nexport const RenderTemplateStyles = () => {\n\tconst templates = useLoadedTemplates();\n\n\tuseEffect( () => {\n\t\tconst styles = templates.flatMap( extractStylesFromDocument );\n\n\t\taddTemplateStyles( styles );\n\t}, [ templates ] );\n\n\treturn null;\n};\n\nfunction extractStylesFromDocument( elements: V1ElementData[] ): StyleDefinition[] {\n\tif ( ! elements.length ) {\n\t\treturn [];\n\t}\n\n\treturn elements.flatMap( extractStylesFromElement );\n}\n\nfunction extractStylesFromElement( element: V1ElementData ): StyleDefinition[] {\n\treturn [\n\t\t...Object.values( element.styles ?? {} ),\n\t\t...( element.elements ?? [] ).flatMap( extractStylesFromElement ),\n\t];\n}\n","import { type StyleDefinition } from '@elementor/editor-styles';\nimport { createStylesProvider } from '@elementor/editor-styles-repository';\n\nlet styles: StyleDefinition[] = [];\nconst listeners = new Set< () => void >();\n\nexport function addTemplateStyles( newStyles: StyleDefinition[] ) {\n\tstyles = [ ...styles, ...newStyles ];\n\tlisteners.forEach( ( cb ) => cb() );\n}\n\nexport function clearTemplatesStyles() {\n\tstyles = [];\n\tlisteners.forEach( ( cb ) => cb() );\n}\n\nexport const templatesStylesProvider = createStylesProvider( {\n\tkey: 'templates-styles',\n\tpriority: 50,\n\tsubscribe: ( cb ) => {\n\t\tlisteners.add( cb );\n\n\t\treturn () => {\n\t\t\tlisteners.delete( cb );\n\t\t};\n\t},\n\tactions: {\n\t\tall: () => styles,\n\t\tget: ( id ) => styles.find( ( style ) => style.id === id ) ?? null,\n\t},\n} );\n","import { __useSelector as useSelector } from '@elementor/store';\n\nimport { selectTemplates } from './store';\n\nexport function useLoadedTemplates() {\n\treturn useSelector( selectTemplates );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,oBAAgC;AAChC,IAAAA,mCAAiC;AACjC,IAAAC,6BAAiC;AACjC,IAAAC,gBAAiD;;;ACHjD,8BAAoD;AACpD,gCAA8C;AAC9C,IAAAC,gBAAuC;;;ACAvC,mBAAqF;AAMrF,IAAM,eAAsB;AAAA,EAC3B,UAAU,CAAC;AACZ;AAEO,IAAM,YAAQ,4BAAe;AAAA,EACnC,MAAM;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACT,aAAc,OAAO,QAAsC;AAC1D,aAAO,QAAQ,QAAS,CAAE,QAAS;AAClC,cAAM,SAAU,IAAI,EAAG,IAAI,IAAI,YAAY,CAAC;AAAA,MAC7C,CAAE;AAAA,IACH;AAAA,IAEA,eAAgB,OAAQ;AACvB,YAAM,WAAW,CAAC;AAAA,IACnB;AAAA,EACD;AACD,CAAE;AAIF,IAAM,iBAAiB,CAAE,UAAkB,MAAM,UAAU;AAEpD,IAAM,sBAAkB;AAAA,EAAkB,CAAE,cAAe;AAAA,EAAG,CAAE,aACtE,OAAO,OAAQ,QAAS;AACzB;;;AD5BA,IAAM,qBAAqB;AAC3B,IAAM,wBAAwB;AAE9B,eAAsB,gBAAgB;AACrC,QAAM,qBAAiB,mDAAwB;AAE/C,MAAK,CAAE,gBAAiB;AACvB;AAAA,EACD;AAEA,QAAM,wBAAoB,8CAAqB,GAAG;AAClD,QAAM,cAAc,eAAgB,gBAAgB,iBAAkB;AAEtE,MAAK,CAAE,YAAY,QAAS;AAC3B;AAAA,EACD;AAEA,QAAM,YAAY,MAAM,eAAgB,WAAY;AAEpD,oBAAAC,YAAU,MAAM,QAAQ,aAAc,SAAU,CAAE;AACnD;AAEO,SAAS,kBAAkB;AACjC,oBAAAA,YAAU,MAAM,QAAQ,eAAe,CAAE;AAC1C;AAEA,SAAS,eAAgB,gBAAqC,mBAAuC;AACpG,QAAM,WAAW,CAAE,GAAG,eAAe,KAAK,iBAAiC,IAAK,kBAAmB,GAAI,CAAE;AAEzG,QAAM,MAAM,SACV,IAAK,CAAE,OAAQ,OAAQ,GAAG,aAAc,qBAAsB,CAAE,CAAE,EAClE,OAAQ,CAAE,OAAQ,CAAE,MAAO,EAAG,KAAK,OAAO,iBAAkB;AAE9D,SAAO,CAAE,GAAG,IAAI,IAAK,GAAI,CAAE;AAC5B;AAEA,eAAe,eAAgB,KAAuC;AACrE,QAAM,UAAU,MAAM,QAAQ;AAAA,IAC7B,IAAI,IAAK,OAAQ,OAAQ;AACxB,UAAI;AAEH,eAAO,MAAM,+BAAK,KAAkC;AAAA,UACnD,MAAM,EAAE,GAAG;AAAA,UACX,QAAQ;AAAA,UACR,WAAW,YAAa,EAAG;AAAA,QAC5B,CAAE;AAAA,MACH,QAAQ;AACP,eAAO;AAAA,MACR;AAAA,IACD,CAAE;AAAA,EACH;AAEA,SAAO,QAAQ,OAAQ,CAAE,QAA0B,QAAQ,IAAK;AACjE;;;AE3DA,mBAA0B;;;ACC1B,sCAAqC;AAErC,IAAI,SAA4B,CAAC;AACjC,IAAM,YAAY,oBAAI,IAAkB;AAEjC,SAAS,kBAAmB,WAA+B;AACjE,WAAS,CAAE,GAAG,QAAQ,GAAG,SAAU;AACnC,YAAU,QAAS,CAAE,OAAQ,GAAG,CAAE;AACnC;AAEO,SAAS,uBAAuB;AACtC,WAAS,CAAC;AACV,YAAU,QAAS,CAAE,OAAQ,GAAG,CAAE;AACnC;AAEO,IAAM,8BAA0B,sDAAsB;AAAA,EAC5D,KAAK;AAAA,EACL,UAAU;AAAA,EACV,WAAW,CAAE,OAAQ;AACpB,cAAU,IAAK,EAAG;AAElB,WAAO,MAAM;AACZ,gBAAU,OAAQ,EAAG;AAAA,IACtB;AAAA,EACD;AAAA,EACA,SAAS;AAAA,IACR,KAAK,MAAM;AAAA,IACX,KAAK,CAAE,OAAQ,OAAO,KAAM,CAAE,UAAW,MAAM,OAAO,EAAG,KAAK;AAAA,EAC/D;AACD,CAAE;;;AC9BF,IAAAC,gBAA6C;AAItC,SAAS,qBAAqB;AACpC,aAAO,cAAAC,eAAa,eAAgB;AACrC;;;AFCO,IAAM,uBAAuB,MAAM;AACzC,QAAM,YAAY,mBAAmB;AAErC,8BAAW,MAAM;AAChB,UAAMC,UAAS,UAAU,QAAS,yBAA0B;AAE5D,sBAAmBA,OAAO;AAAA,EAC3B,GAAG,CAAE,SAAU,CAAE;AAEjB,SAAO;AACR;AAEA,SAAS,0BAA2B,UAA+C;AAClF,MAAK,CAAE,SAAS,QAAS;AACxB,WAAO,CAAC;AAAA,EACT;AAEA,SAAO,SAAS,QAAS,wBAAyB;AACnD;AAEA,SAAS,yBAA0B,SAA4C;AAC9E,SAAO;AAAA,IACN,GAAG,OAAO,OAAQ,QAAQ,UAAU,CAAC,CAAE;AAAA,IACvC,IAAK,QAAQ,YAAY,CAAC,GAAI,QAAS,wBAAyB;AAAA,EACjE;AACD;;;AHtBO,SAAS,OAAO;AACtB,oBAAAC,iBAAe,KAAM;AACrB,oDAAiB,SAAU,uBAAwB;AAEnD,mDAAkB,SAAS,mCAAmC,YAAY;AACzE,oBAAgB;AAChB,yBAAqB;AAErB,UAAM,cAAc;AAAA,EACrB,CAAE;AAEF,qCAAiB;AAAA,IAChB,IAAI;AAAA,IACJ,WAAW;AAAA,EACZ,CAAE;AACH;","names":["import_editor_styles_repository","import_editor_v1_adapters","import_store","import_store","dispatch","import_store","useSelector","styles","registerSlice"]}
+{"version":3,"sources":["../src/index.ts","../src/init.ts","../src/load-templates.ts","../src/store.ts","../src/render-template-styles.tsx","../src/templates-styles-provider.ts","../src/use-loaded-templates.ts","../src/utils.ts"],"sourcesContent":["export { init } from './init';\nexport { useLoadedTemplates } from './use-loaded-templates';\nexport { isHandlingTemplateStyles } from './utils';\n","import { injectIntoLogic } from '@elementor/editor';\nimport { stylesRepository } from '@elementor/editor-styles-repository';\nimport { registerDataHook } from '@elementor/editor-v1-adapters';\nimport { __registerSlice as registerSlice } from '@elementor/store';\n\nimport { loadTemplates, unloadTemplates } from './load-templates';\nimport { RenderTemplateStyles } from './render-template-styles';\nimport { slice } from './store';\nimport { clearTemplatesStyles, templatesStylesProvider } from './templates-styles-provider';\nimport { isHandlingTemplateStyles } from './utils';\n\nexport function init() {\n\tif ( ! isHandlingTemplateStyles() ) {\n\t\treturn;\n\t}\n\n\tregisterSlice( slice );\n\tstylesRepository.register( templatesStylesProvider );\n\n\tregisterDataHook( 'after', 'editor/documents/attach-preview', async () => {\n\t\tunloadTemplates();\n\t\tclearTemplatesStyles();\n\n\t\tawait loadTemplates();\n\t} );\n\n\tinjectIntoLogic( {\n\t\tid: 'templates-styles',\n\t\tcomponent: RenderTemplateStyles,\n\t} );\n}\n","import { type Document, getV1CurrentDocument } from '@elementor/editor-documents';\nimport { ajax, getCanvasIframeDocument } from '@elementor/editor-v1-adapters';\nimport { __dispatch as dispatch } from '@elementor/store';\n\nimport { slice } from './store';\n\nconst TEMPLATE_ATTRIBUTE = 'data-elementor-post-type=\"elementor_library\"';\nconst DOCUMENT_WRAPPER_ATTR = 'data-elementor-id';\n\nexport async function loadTemplates() {\n\tconst iframeDocument = getCanvasIframeDocument();\n\n\tif ( ! iframeDocument ) {\n\t\treturn;\n\t}\n\n\tconst currentDocumentId = getV1CurrentDocument()?.id;\n\tconst templateIds = getTemplateIds( iframeDocument, currentDocumentId );\n\n\tif ( ! templateIds.length ) {\n\t\treturn;\n\t}\n\n\tconst documents = await fetchDocuments( templateIds );\n\n\tdispatch( slice.actions.setTemplates( documents ) );\n}\n\nexport function unloadTemplates() {\n\tdispatch( slice.actions.clearTemplates() );\n}\n\nfunction getTemplateIds( iframeDocument: globalThis.Document, currentDocumentId?: number ): number[] {\n\tconst elements = [ ...iframeDocument.body.querySelectorAll< HTMLElement >( `[${ TEMPLATE_ATTRIBUTE }]` ) ];\n\n\tconst ids = elements\n\t\t.map( ( el ) => Number( el.getAttribute( DOCUMENT_WRAPPER_ATTR ) ) )\n\t\t.filter( ( id ) => ! isNaN( id ) && id !== currentDocumentId );\n\n\treturn [ ...new Set( ids ) ];\n}\n\nasync function fetchDocuments( ids: number[] ): Promise< Document[] > {\n\tconst results = await Promise.all(\n\t\tids.map( async ( id ) => {\n\t\t\ttry {\n\t\t\t\t// using ajax.load instead of the document-manager as the latter causes an issue when trying to edit a template\n\t\t\t\treturn await ajax.load< { id: number }, Document >( {\n\t\t\t\t\tdata: { id },\n\t\t\t\t\taction: 'get_document_config',\n\t\t\t\t\tunique_id: `template-${ id }`,\n\t\t\t\t} );\n\t\t\t} catch {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t} )\n\t);\n\n\treturn results.filter( ( doc ): doc is Document => doc !== null );\n}\n","import { type Document } from '@elementor/editor-documents';\nimport { type V1ElementData } from '@elementor/editor-elements';\nimport { __createSelector, __createSlice, type PayloadAction, type SliceState } from '@elementor/store';\n\ntype State = {\n\tentities: Record< Document[ 'id' ], V1ElementData[] >;\n};\n\nconst initialState: State = {\n\tentities: {},\n};\n\nexport const slice = __createSlice( {\n\tname: 'templates',\n\tinitialState,\n\treducers: {\n\t\tsetTemplates( state, action: PayloadAction< Document[] > ) {\n\t\t\taction.payload.forEach( ( doc ) => {\n\t\t\t\tstate.entities[ doc.id ] = doc.elements ?? [];\n\t\t\t} );\n\t\t},\n\n\t\tclearTemplates( state ) {\n\t\t\tstate.entities = {};\n\t\t},\n\t},\n} );\n\nexport type Slice = SliceState< typeof slice >;\n\nconst selectEntities = ( state: Slice ) => state.templates.entities;\n\nexport const selectTemplates = __createSelector( [ selectEntities ], ( entities ): V1ElementData[][] =>\n\tObject.values( entities )\n);\n","import { useEffect } from 'react';\nimport { type V1ElementData } from '@elementor/editor-elements';\nimport { type StyleDefinition } from '@elementor/editor-styles';\n\nimport { addTemplateStyles } from './templates-styles-provider';\nimport { useLoadedTemplates } from './use-loaded-templates';\n\nexport const RenderTemplateStyles = () => {\n\tconst templates = useLoadedTemplates();\n\n\tuseEffect( () => {\n\t\tconst styles = templates.flatMap( extractStylesFromDocument );\n\n\t\taddTemplateStyles( styles );\n\t}, [ templates ] );\n\n\treturn null;\n};\n\nfunction extractStylesFromDocument( elements: V1ElementData[] ): StyleDefinition[] {\n\tif ( ! elements.length ) {\n\t\treturn [];\n\t}\n\n\treturn elements.flatMap( extractStylesFromElement );\n}\n\nfunction extractStylesFromElement( element: V1ElementData ): StyleDefinition[] {\n\treturn [\n\t\t...Object.values( element.styles ?? {} ),\n\t\t...( element.elements ?? [] ).flatMap( extractStylesFromElement ),\n\t];\n}\n","import { type StyleDefinition } from '@elementor/editor-styles';\nimport { createStylesProvider } from '@elementor/editor-styles-repository';\n\nlet styles: StyleDefinition[] = [];\nconst listeners = new Set< () => void >();\n\nexport function addTemplateStyles( newStyles: StyleDefinition[] ) {\n\tstyles = [ ...styles, ...newStyles ];\n\tlisteners.forEach( ( cb ) => cb() );\n}\n\nexport function clearTemplatesStyles() {\n\tstyles = [];\n\tlisteners.forEach( ( cb ) => cb() );\n}\n\nexport const templatesStylesProvider = createStylesProvider( {\n\tkey: 'templates-styles',\n\tpriority: 50,\n\tsubscribe: ( cb ) => {\n\t\tlisteners.add( cb );\n\n\t\treturn () => {\n\t\t\tlisteners.delete( cb );\n\t\t};\n\t},\n\tactions: {\n\t\tall: () => styles,\n\t\tget: ( id ) => styles.find( ( style ) => style.id === id ) ?? null,\n\t},\n} );\n","import { __useSelector as useSelector } from '@elementor/store';\n\nimport { selectTemplates } from './store';\n\nexport function useLoadedTemplates() {\n\treturn useSelector( selectTemplates );\n}\n","import { isProActive, isProAtLeast } from '@elementor/utils';\n\nconst MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES = '4.1';\n\nexport const isHandlingTemplateStyles = () =>\n\tisProActive() && ! isProAtLeast( MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES );\n"],"mappings":"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","names":["import_editor_styles_repository","import_editor_v1_adapters","import_store","import_store","dispatch","import_store","useSelector","styles","registerSlice"]}

package/dist/index.mjs

@@ -133,8 +133,16 @@ function extractStylesFromElement(element) {
   ];
 }
 
+// src/utils.ts
+import { isProActive, isProAtLeast } from "@elementor/utils";
+var MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES = "4.1";
+var isHandlingTemplateStyles = () => isProActive() && !isProAtLeast(MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES);
+
 // src/init.ts
 function init() {
+  if (!isHandlingTemplateStyles()) {
+    return;
+  }
   registerSlice(slice);
   stylesRepository.register(templatesStylesProvider);
   registerDataHook("after", "editor/documents/attach-preview", async () => {
@@ -149,6 +157,7 @@ function init() {
 }
 export {
   init,
+  isHandlingTemplateStyles,
   useLoadedTemplates
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/init.ts","../src/load-templates.ts","../src/store.ts","../src/render-template-styles.tsx","../src/templates-styles-provider.ts","../src/use-loaded-templates.ts"],"sourcesContent":["import { injectIntoLogic } from '@elementor/editor';\nimport { stylesRepository } from '@elementor/editor-styles-repository';\nimport { registerDataHook } from '@elementor/editor-v1-adapters';\nimport { __registerSlice as registerSlice } from '@elementor/store';\n\nimport { loadTemplates, unloadTemplates } from './load-templates';\nimport { RenderTemplateStyles } from './render-template-styles';\nimport { slice } from './store';\nimport { clearTemplatesStyles, templatesStylesProvider } from './templates-styles-provider';\n\nexport function init() {\n\tregisterSlice( slice );\n\tstylesRepository.register( templatesStylesProvider );\n\n\tregisterDataHook( 'after', 'editor/documents/attach-preview', async () => {\n\t\tunloadTemplates();\n\t\tclearTemplatesStyles();\n\n\t\tawait loadTemplates();\n\t} );\n\n\tinjectIntoLogic( {\n\t\tid: 'templates-styles',\n\t\tcomponent: RenderTemplateStyles,\n\t} );\n}\n","import { type Document, getV1CurrentDocument } from '@elementor/editor-documents';\nimport { ajax, getCanvasIframeDocument } from '@elementor/editor-v1-adapters';\nimport { __dispatch as dispatch } from '@elementor/store';\n\nimport { slice } from './store';\n\nconst TEMPLATE_ATTRIBUTE = 'data-elementor-post-type=\"elementor_library\"';\nconst DOCUMENT_WRAPPER_ATTR = 'data-elementor-id';\n\nexport async function loadTemplates() {\n\tconst iframeDocument = getCanvasIframeDocument();\n\n\tif ( ! iframeDocument ) {\n\t\treturn;\n\t}\n\n\tconst currentDocumentId = getV1CurrentDocument()?.id;\n\tconst templateIds = getTemplateIds( iframeDocument, currentDocumentId );\n\n\tif ( ! templateIds.length ) {\n\t\treturn;\n\t}\n\n\tconst documents = await fetchDocuments( templateIds );\n\n\tdispatch( slice.actions.setTemplates( documents ) );\n}\n\nexport function unloadTemplates() {\n\tdispatch( slice.actions.clearTemplates() );\n}\n\nfunction getTemplateIds( iframeDocument: globalThis.Document, currentDocumentId?: number ): number[] {\n\tconst elements = [ ...iframeDocument.body.querySelectorAll< HTMLElement >( `[${ TEMPLATE_ATTRIBUTE }]` ) ];\n\n\tconst ids = elements\n\t\t.map( ( el ) => Number( el.getAttribute( DOCUMENT_WRAPPER_ATTR ) ) )\n\t\t.filter( ( id ) => ! isNaN( id ) && id !== currentDocumentId );\n\n\treturn [ ...new Set( ids ) ];\n}\n\nasync function fetchDocuments( ids: number[] ): Promise< Document[] > {\n\tconst results = await Promise.all(\n\t\tids.map( async ( id ) => {\n\t\t\ttry {\n\t\t\t\t// using ajax.load instead of the document-manager as the latter causes an issue when trying to edit a template\n\t\t\t\treturn await ajax.load< { id: number }, Document >( {\n\t\t\t\t\tdata: { id },\n\t\t\t\t\taction: 'get_document_config',\n\t\t\t\t\tunique_id: `template-${ id }`,\n\t\t\t\t} );\n\t\t\t} catch {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t} )\n\t);\n\n\treturn results.filter( ( doc ): doc is Document => doc !== null );\n}\n","import { type Document } from '@elementor/editor-documents';\nimport { type V1ElementData } from '@elementor/editor-elements';\nimport { __createSelector, __createSlice, type PayloadAction, type SliceState } from '@elementor/store';\n\ntype State = {\n\tentities: Record< Document[ 'id' ], V1ElementData[] >;\n};\n\nconst initialState: State = {\n\tentities: {},\n};\n\nexport const slice = __createSlice( {\n\tname: 'templates',\n\tinitialState,\n\treducers: {\n\t\tsetTemplates( state, action: PayloadAction< Document[] > ) {\n\t\t\taction.payload.forEach( ( doc ) => {\n\t\t\t\tstate.entities[ doc.id ] = doc.elements ?? [];\n\t\t\t} );\n\t\t},\n\n\t\tclearTemplates( state ) {\n\t\t\tstate.entities = {};\n\t\t},\n\t},\n} );\n\nexport type Slice = SliceState< typeof slice >;\n\nconst selectEntities = ( state: Slice ) => state.templates.entities;\n\nexport const selectTemplates = __createSelector( [ selectEntities ], ( entities ): V1ElementData[][] =>\n\tObject.values( entities )\n);\n","import { useEffect } from 'react';\nimport { type V1ElementData } from '@elementor/editor-elements';\nimport { type StyleDefinition } from '@elementor/editor-styles';\n\nimport { addTemplateStyles } from './templates-styles-provider';\nimport { useLoadedTemplates } from './use-loaded-templates';\n\nexport const RenderTemplateStyles = () => {\n\tconst templates = useLoadedTemplates();\n\n\tuseEffect( () => {\n\t\tconst styles = templates.flatMap( extractStylesFromDocument );\n\n\t\taddTemplateStyles( styles );\n\t}, [ templates ] );\n\n\treturn null;\n};\n\nfunction extractStylesFromDocument( elements: V1ElementData[] ): StyleDefinition[] {\n\tif ( ! elements.length ) {\n\t\treturn [];\n\t}\n\n\treturn elements.flatMap( extractStylesFromElement );\n}\n\nfunction extractStylesFromElement( element: V1ElementData ): StyleDefinition[] {\n\treturn [\n\t\t...Object.values( element.styles ?? {} ),\n\t\t...( element.elements ?? [] ).flatMap( extractStylesFromElement ),\n\t];\n}\n","import { type StyleDefinition } from '@elementor/editor-styles';\nimport { createStylesProvider } from '@elementor/editor-styles-repository';\n\nlet styles: StyleDefinition[] = [];\nconst listeners = new Set< () => void >();\n\nexport function addTemplateStyles( newStyles: StyleDefinition[] ) {\n\tstyles = [ ...styles, ...newStyles ];\n\tlisteners.forEach( ( cb ) => cb() );\n}\n\nexport function clearTemplatesStyles() {\n\tstyles = [];\n\tlisteners.forEach( ( cb ) => cb() );\n}\n\nexport const templatesStylesProvider = createStylesProvider( {\n\tkey: 'templates-styles',\n\tpriority: 50,\n\tsubscribe: ( cb ) => {\n\t\tlisteners.add( cb );\n\n\t\treturn () => {\n\t\t\tlisteners.delete( cb );\n\t\t};\n\t},\n\tactions: {\n\t\tall: () => styles,\n\t\tget: ( id ) => styles.find( ( style ) => style.id === id ) ?? null,\n\t},\n} );\n","import { __useSelector as useSelector } from '@elementor/store';\n\nimport { selectTemplates } from './store';\n\nexport function useLoadedTemplates() {\n\treturn useSelector( selectTemplates );\n}\n"],"mappings":"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","names":["styles"]}
+{"version":3,"sources":["../src/init.ts","../src/load-templates.ts","../src/store.ts","../src/render-template-styles.tsx","../src/templates-styles-provider.ts","../src/use-loaded-templates.ts","../src/utils.ts"],"sourcesContent":["import { injectIntoLogic } from '@elementor/editor';\nimport { stylesRepository } from '@elementor/editor-styles-repository';\nimport { registerDataHook } from '@elementor/editor-v1-adapters';\nimport { __registerSlice as registerSlice } from '@elementor/store';\n\nimport { loadTemplates, unloadTemplates } from './load-templates';\nimport { RenderTemplateStyles } from './render-template-styles';\nimport { slice } from './store';\nimport { clearTemplatesStyles, templatesStylesProvider } from './templates-styles-provider';\nimport { isHandlingTemplateStyles } from './utils';\n\nexport function init() {\n\tif ( ! isHandlingTemplateStyles() ) {\n\t\treturn;\n\t}\n\n\tregisterSlice( slice );\n\tstylesRepository.register( templatesStylesProvider );\n\n\tregisterDataHook( 'after', 'editor/documents/attach-preview', async () => {\n\t\tunloadTemplates();\n\t\tclearTemplatesStyles();\n\n\t\tawait loadTemplates();\n\t} );\n\n\tinjectIntoLogic( {\n\t\tid: 'templates-styles',\n\t\tcomponent: RenderTemplateStyles,\n\t} );\n}\n","import { type Document, getV1CurrentDocument } from '@elementor/editor-documents';\nimport { ajax, getCanvasIframeDocument } from '@elementor/editor-v1-adapters';\nimport { __dispatch as dispatch } from '@elementor/store';\n\nimport { slice } from './store';\n\nconst TEMPLATE_ATTRIBUTE = 'data-elementor-post-type=\"elementor_library\"';\nconst DOCUMENT_WRAPPER_ATTR = 'data-elementor-id';\n\nexport async function loadTemplates() {\n\tconst iframeDocument = getCanvasIframeDocument();\n\n\tif ( ! iframeDocument ) {\n\t\treturn;\n\t}\n\n\tconst currentDocumentId = getV1CurrentDocument()?.id;\n\tconst templateIds = getTemplateIds( iframeDocument, currentDocumentId );\n\n\tif ( ! templateIds.length ) {\n\t\treturn;\n\t}\n\n\tconst documents = await fetchDocuments( templateIds );\n\n\tdispatch( slice.actions.setTemplates( documents ) );\n}\n\nexport function unloadTemplates() {\n\tdispatch( slice.actions.clearTemplates() );\n}\n\nfunction getTemplateIds( iframeDocument: globalThis.Document, currentDocumentId?: number ): number[] {\n\tconst elements = [ ...iframeDocument.body.querySelectorAll< HTMLElement >( `[${ TEMPLATE_ATTRIBUTE }]` ) ];\n\n\tconst ids = elements\n\t\t.map( ( el ) => Number( el.getAttribute( DOCUMENT_WRAPPER_ATTR ) ) )\n\t\t.filter( ( id ) => ! isNaN( id ) && id !== currentDocumentId );\n\n\treturn [ ...new Set( ids ) ];\n}\n\nasync function fetchDocuments( ids: number[] ): Promise< Document[] > {\n\tconst results = await Promise.all(\n\t\tids.map( async ( id ) => {\n\t\t\ttry {\n\t\t\t\t// using ajax.load instead of the document-manager as the latter causes an issue when trying to edit a template\n\t\t\t\treturn await ajax.load< { id: number }, Document >( {\n\t\t\t\t\tdata: { id },\n\t\t\t\t\taction: 'get_document_config',\n\t\t\t\t\tunique_id: `template-${ id }`,\n\t\t\t\t} );\n\t\t\t} catch {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t} )\n\t);\n\n\treturn results.filter( ( doc ): doc is Document => doc !== null );\n}\n","import { type Document } from '@elementor/editor-documents';\nimport { type V1ElementData } from '@elementor/editor-elements';\nimport { __createSelector, __createSlice, type PayloadAction, type SliceState } from '@elementor/store';\n\ntype State = {\n\tentities: Record< Document[ 'id' ], V1ElementData[] >;\n};\n\nconst initialState: State = {\n\tentities: {},\n};\n\nexport const slice = __createSlice( {\n\tname: 'templates',\n\tinitialState,\n\treducers: {\n\t\tsetTemplates( state, action: PayloadAction< Document[] > ) {\n\t\t\taction.payload.forEach( ( doc ) => {\n\t\t\t\tstate.entities[ doc.id ] = doc.elements ?? [];\n\t\t\t} );\n\t\t},\n\n\t\tclearTemplates( state ) {\n\t\t\tstate.entities = {};\n\t\t},\n\t},\n} );\n\nexport type Slice = SliceState< typeof slice >;\n\nconst selectEntities = ( state: Slice ) => state.templates.entities;\n\nexport const selectTemplates = __createSelector( [ selectEntities ], ( entities ): V1ElementData[][] =>\n\tObject.values( entities )\n);\n","import { useEffect } from 'react';\nimport { type V1ElementData } from '@elementor/editor-elements';\nimport { type StyleDefinition } from '@elementor/editor-styles';\n\nimport { addTemplateStyles } from './templates-styles-provider';\nimport { useLoadedTemplates } from './use-loaded-templates';\n\nexport const RenderTemplateStyles = () => {\n\tconst templates = useLoadedTemplates();\n\n\tuseEffect( () => {\n\t\tconst styles = templates.flatMap( extractStylesFromDocument );\n\n\t\taddTemplateStyles( styles );\n\t}, [ templates ] );\n\n\treturn null;\n};\n\nfunction extractStylesFromDocument( elements: V1ElementData[] ): StyleDefinition[] {\n\tif ( ! elements.length ) {\n\t\treturn [];\n\t}\n\n\treturn elements.flatMap( extractStylesFromElement );\n}\n\nfunction extractStylesFromElement( element: V1ElementData ): StyleDefinition[] {\n\treturn [\n\t\t...Object.values( element.styles ?? {} ),\n\t\t...( element.elements ?? [] ).flatMap( extractStylesFromElement ),\n\t];\n}\n","import { type StyleDefinition } from '@elementor/editor-styles';\nimport { createStylesProvider } from '@elementor/editor-styles-repository';\n\nlet styles: StyleDefinition[] = [];\nconst listeners = new Set< () => void >();\n\nexport function addTemplateStyles( newStyles: StyleDefinition[] ) {\n\tstyles = [ ...styles, ...newStyles ];\n\tlisteners.forEach( ( cb ) => cb() );\n}\n\nexport function clearTemplatesStyles() {\n\tstyles = [];\n\tlisteners.forEach( ( cb ) => cb() );\n}\n\nexport const templatesStylesProvider = createStylesProvider( {\n\tkey: 'templates-styles',\n\tpriority: 50,\n\tsubscribe: ( cb ) => {\n\t\tlisteners.add( cb );\n\n\t\treturn () => {\n\t\t\tlisteners.delete( cb );\n\t\t};\n\t},\n\tactions: {\n\t\tall: () => styles,\n\t\tget: ( id ) => styles.find( ( style ) => style.id === id ) ?? null,\n\t},\n} );\n","import { __useSelector as useSelector } from '@elementor/store';\n\nimport { selectTemplates } from './store';\n\nexport function useLoadedTemplates() {\n\treturn useSelector( selectTemplates );\n}\n","import { isProActive, isProAtLeast } from '@elementor/utils';\n\nconst MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES = '4.1';\n\nexport const isHandlingTemplateStyles = () =>\n\tisProActive() && ! isProAtLeast( MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES );\n"],"mappings":"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","names":["styles"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elementor/editor-templates",
-  "version": "4.1.0-729",
+  "version": "4.1.0-730",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -39,11 +39,12 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor": "4.1.0-729",
-    "@elementor/editor-documents": "4.1.0-729",
-    "@elementor/editor-styles-repository": "4.1.0-729",
-    "@elementor/editor-v1-adapters": "4.1.0-729",
-    "@elementor/store": "4.1.0-729"
+    "@elementor/editor": "4.1.0-730",
+    "@elementor/editor-documents": "4.1.0-730",
+    "@elementor/editor-styles-repository": "4.1.0-730",
+    "@elementor/editor-v1-adapters": "4.1.0-730",
+    "@elementor/store": "4.1.0-730",
+    "@elementor/utils": "4.1.0-730"
   },
   "devDependencies": {
     "tsup": "^8.3.5"

package/src/index.ts

@@ -1,2 +1,3 @@
 export { init } from './init';
 export { useLoadedTemplates } from './use-loaded-templates';
+export { isHandlingTemplateStyles } from './utils';

package/src/init.ts

@@ -7,8 +7,13 @@ import { loadTemplates, unloadTemplates } from './load-templates';
 import { RenderTemplateStyles } from './render-template-styles';
 import { slice } from './store';
 import { clearTemplatesStyles, templatesStylesProvider } from './templates-styles-provider';
+import { isHandlingTemplateStyles } from './utils';
 
 export function init() {
+	if ( ! isHandlingTemplateStyles() ) {
+		return;
+	}
+
 	registerSlice( slice );
 	stylesRepository.register( templatesStylesProvider );
 

package/src/utils.ts

@@ -0,0 +1,6 @@
+import { isProActive, isProAtLeast } from '@elementor/utils';
+
+const MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES = '4.1';
+
+export const isHandlingTemplateStyles = () =>
+	isProActive() && ! isProAtLeast( MIN_PRO_VERSION_FOR_SELF_HANDLED_STYLES );