angular-intlayer 8.1.2 → 8.1.3

package/dist/esm/editor/installIntlayerEditor.mjs

@@ -1,50 +1,2 @@
-import { installCommunicator } from "./communicator.mjs";
-import { installEditorEnabled } from "./editorEnabled.mjs";
-import { installFocusDictionary } from "./focusDictionary.mjs";
-import { installDictionariesRecord } from "./dictionariesRecord.mjs";
-import { installEditedContent } from "./editedContent.mjs";
-import configuration from "@intlayer/config/built";
-
-//#region src/editor/installIntlayerEditor.ts
-const { editor } = configuration;
-const { applicationURL, editorURL, cmsURL } = editor ?? {};
-const postMessage = (data) => {
-	if (typeof window === "undefined") return;
-	if (!(window.self !== window.top)) return;
-	if (editor.applicationURL.length > 0) window.postMessage(data, editor.applicationURL);
-	if (editor.editorURL.length > 0) window.parent.postMessage(data, editor.editorURL);
-	if (editor.cmsURL.length > 0) window.parent.postMessage(data, editor.cmsURL);
-};
-/**
-* Angular-side replacement for the former <IntlayerEditorProvider> React component.
-*
-* Call **once** in your Angular application's bootstrap function or main module:
-*
-* ```typescript
-* import { bootstrapApplication } from '@angular/platform-browser';
-* import { AppComponent } from './app/app.component';
-* import { installIntlayerEditor } from 'angular-intlayer';
-*
-* bootstrapApplication(AppComponent).then(appRef => {
-*   installIntlayerEditor(appRef.injector);
-* });
-* ```
-*/
-const installIntlayerEditor = (injector) => {
-	installCommunicator(injector, {
-		postMessage,
-		allowedOrigins: [
-			applicationURL,
-			editorURL,
-			cmsURL
-		]
-	});
-	installEditorEnabled(injector);
-	installDictionariesRecord(injector);
-	installEditedContent(injector);
-	installFocusDictionary(injector);
-};
-
-//#endregion
-export { installIntlayerEditor };
+import{installCommunicator as e}from"./communicator.mjs";import{installEditorEnabled as t}from"./editorEnabled.mjs";import{installFocusDictionary as n}from"./focusDictionary.mjs";import{installDictionariesRecord as r}from"./dictionariesRecord.mjs";import{installEditedContent as i}from"./editedContent.mjs";import a from"@intlayer/config/built";const{editor:o}=a,{applicationURL:s,editorURL:c,cmsURL:l}=o??{},u=e=>{typeof window>`u`||window.self!==window.top&&(o.applicationURL.length>0&&window.postMessage(e,o.applicationURL),o.editorURL.length>0&&window.parent.postMessage(e,o.editorURL),o.cmsURL.length>0&&window.parent.postMessage(e,o.cmsURL))},d=a=>{e(a,{postMessage:u,allowedOrigins:[s,c,l]}),t(a),r(a),i(a),n(a)};export{d as installIntlayerEditor};
 //# sourceMappingURL=installIntlayerEditor.mjs.map

package/dist/esm/editor/installIntlayerEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"installIntlayerEditor.mjs","names":[],"sources":["../../../src/editor/installIntlayerEditor.ts"],"sourcesContent":["import type { Injector } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport { installCommunicator } from './communicator';\nimport { installDictionariesRecord } from './dictionariesRecord';\nimport { installEditedContent } from './editedContent';\nimport { installEditorEnabled } from './editorEnabled';\nimport { installFocusDictionary } from './focusDictionary';\n\nconst { editor } = configuration;\nconst { applicationURL, editorURL, cmsURL } = editor ?? {};\n\nconst postMessage = (data: any) => {\n  if (typeof window === 'undefined') return;\n\n  const isInIframe = window.self !== window.top;\n\n  if (!isInIframe) return;\n\n  if (editor.applicationURL.length > 0) {\n    window.postMessage(data, editor.applicationURL);\n  }\n\n  if (editor.editorURL.length > 0) {\n    window.parent.postMessage(data, editor.editorURL);\n  }\n\n  if (editor.cmsURL.length > 0) {\n    window.parent.postMessage(data, editor.cmsURL);\n  }\n};\n\n/**\n * Angular-side replacement for the former <IntlayerEditorProvider> React component.\n *\n * Call **once** in your Angular application's bootstrap function or main module:\n *\n * ```typescript\n * import { bootstrapApplication } from '@angular/platform-browser';\n * import { AppComponent } from './app/app.component';\n * import { installIntlayerEditor } from 'angular-intlayer';\n *\n * bootstrapApplication(AppComponent).then(appRef => {\n *   installIntlayerEditor(appRef.injector);\n * });\n * ```\n */\nexport const installIntlayerEditor = (injector: Injector): void => {\n  /* ---------------------------------------------------------------------\n   * 1. Base providers – always on\n   * -------------------------------------------------------------------*/\n\n  installCommunicator(injector, {\n    postMessage,\n    allowedOrigins: [applicationURL, editorURL, cmsURL] as string[],\n  });\n  installEditorEnabled(injector);\n  installDictionariesRecord(injector);\n  installEditedContent(injector);\n  installFocusDictionary(injector);\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,EAAE,WAAW;AACnB,MAAM,EAAE,gBAAgB,WAAW,WAAW,UAAU,EAAE;AAE1D,MAAM,eAAe,SAAc;AACjC,KAAI,OAAO,WAAW,YAAa;AAInC,KAAI,EAFe,OAAO,SAAS,OAAO,KAEzB;AAEjB,KAAI,OAAO,eAAe,SAAS,EACjC,QAAO,YAAY,MAAM,OAAO,eAAe;AAGjD,KAAI,OAAO,UAAU,SAAS,EAC5B,QAAO,OAAO,YAAY,MAAM,OAAO,UAAU;AAGnD,KAAI,OAAO,OAAO,SAAS,EACzB,QAAO,OAAO,YAAY,MAAM,OAAO,OAAO;;;;;;;;;;;;;;;;;AAmBlD,MAAa,yBAAyB,aAA6B;AAKjE,qBAAoB,UAAU;EAC5B;EACA,gBAAgB;GAAC;GAAgB;GAAW;GAAO;EACpD,CAAC;AACF,sBAAqB,SAAS;AAC9B,2BAA0B,SAAS;AACnC,sBAAqB,SAAS;AAC9B,wBAAuB,SAAS"}
+{"version":3,"file":"installIntlayerEditor.mjs","names":[],"sources":["../../../src/editor/installIntlayerEditor.ts"],"sourcesContent":["import type { Injector } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport { installCommunicator } from './communicator';\nimport { installDictionariesRecord } from './dictionariesRecord';\nimport { installEditedContent } from './editedContent';\nimport { installEditorEnabled } from './editorEnabled';\nimport { installFocusDictionary } from './focusDictionary';\n\nconst { editor } = configuration;\nconst { applicationURL, editorURL, cmsURL } = editor ?? {};\n\nconst postMessage = (data: any) => {\n  if (typeof window === 'undefined') return;\n\n  const isInIframe = window.self !== window.top;\n\n  if (!isInIframe) return;\n\n  if (editor.applicationURL.length > 0) {\n    window.postMessage(data, editor.applicationURL);\n  }\n\n  if (editor.editorURL.length > 0) {\n    window.parent.postMessage(data, editor.editorURL);\n  }\n\n  if (editor.cmsURL.length > 0) {\n    window.parent.postMessage(data, editor.cmsURL);\n  }\n};\n\n/**\n * Angular-side replacement for the former <IntlayerEditorProvider> React component.\n *\n * Call **once** in your Angular application's bootstrap function or main module:\n *\n * ```typescript\n * import { bootstrapApplication } from '@angular/platform-browser';\n * import { AppComponent } from './app/app.component';\n * import { installIntlayerEditor } from 'angular-intlayer';\n *\n * bootstrapApplication(AppComponent).then(appRef => {\n *   installIntlayerEditor(appRef.injector);\n * });\n * ```\n */\nexport const installIntlayerEditor = (injector: Injector): void => {\n  /* ---------------------------------------------------------------------\n   * 1. Base providers – always on\n   * -------------------------------------------------------------------*/\n\n  installCommunicator(injector, {\n    postMessage,\n    allowedOrigins: [applicationURL, editorURL, cmsURL] as string[],\n  });\n  installEditorEnabled(injector);\n  installDictionariesRecord(injector);\n  installEditedContent(injector);\n  installFocusDictionary(injector);\n};\n"],"mappings":"yVAQA,KAAM,CAAE,UAAW,EACb,CAAE,iBAAgB,YAAW,UAAW,GAAU,EAAE,CAEpD,EAAe,GAAc,CAC7B,OAAO,OAAW,KAEH,OAAO,OAAS,OAAO,MAItC,EAAO,eAAe,OAAS,GACjC,OAAO,YAAY,EAAM,EAAO,eAAe,CAG7C,EAAO,UAAU,OAAS,GAC5B,OAAO,OAAO,YAAY,EAAM,EAAO,UAAU,CAG/C,EAAO,OAAO,OAAS,GACzB,OAAO,OAAO,YAAY,EAAM,EAAO,OAAO,GAmBrC,EAAyB,GAA6B,CAKjE,EAAoB,EAAU,CAC5B,cACA,eAAgB,CAAC,EAAgB,EAAW,EAAO,CACpD,CAAC,CACF,EAAqB,EAAS,CAC9B,EAA0B,EAAS,CACnC,EAAqB,EAAS,CAC9B,EAAuB,EAAS"}

package/dist/esm/editor/useCrossFrameMessageListener.mjs

@@ -1,72 +1,2 @@
-'use client';
-
-import { useCommunicator } from "./communicator.mjs";
-import { DestroyRef, inject } from "@angular/core";
-import { compareUrls } from "@intlayer/editor";
-
-//#region src/editor/useCrossFrameMessageListener.ts
-/** Map<key, Set<callback>> */
-const subscribers = /* @__PURE__ */ new Map();
-/** True once we've attached the single window listener */
-let windowListenerAttached = false;
-/** Helper to add/remove a callback for a key */
-const addSubscriber = (key, cb) => {
-	let set = subscribers.get(key);
-	if (!set) {
-		set = /* @__PURE__ */ new Set();
-		subscribers.set(key, set);
-	}
-	set.add(cb);
-};
-const removeSubscriber = (key, cb) => {
-	const set = subscribers.get(key);
-	if (!set) return;
-	set.delete(cb);
-	if (set.size === 0) subscribers.delete(key);
-};
-/** The one global window listener */
-const ensureGlobalListener = (allowedOrigins, selfId) => {
-	if (windowListenerAttached) return;
-	window.addEventListener("message", (event) => {
-		const { type, data, senderId } = event.data ?? {};
-		if (!type) return;
-		if (senderId === selfId) return;
-		if (!allowedOrigins || allowedOrigins.includes("*") || allowedOrigins.some((o) => compareUrls(o, event.origin))) subscribers.get(type)?.forEach((cb) => {
-			cb(data);
-		});
-	});
-	windowListenerAttached = true;
-};
-/**
-* useCrossFrameMessageListener
-*
-* @template S - type of the message payload
-* @param key               message type we care about
-* @param onEventTriggered  optional callback when a matching message arrives
-* @returns postMessage(data?) helper scoped to this key
-*/
-const useCrossFrameMessageListener = (key, onEventTriggered) => {
-	const { allowedOrigins, postMessage, senderId } = useCommunicator();
-	ensureGlobalListener(allowedOrigins, senderId);
-	if (onEventTriggered) {
-		addSubscriber(key, onEventTriggered);
-		try {
-			const destroyRef = inject(DestroyRef, { optional: true });
-			if (destroyRef) destroyRef.onDestroy(() => removeSubscriber(key, onEventTriggered));
-		} catch {
-			console.warn("useCrossFrameMessageListener called outside injection context; cleanup may not be available.");
-		}
-	}
-	const postMessageWrapper = (data) => {
-		postMessage({
-			type: key,
-			data,
-			senderId
-		});
-	};
-	return postMessageWrapper;
-};
-
-//#endregion
-export { useCrossFrameMessageListener };
+"use client";import{useCommunicator as e}from"./communicator.mjs";import{DestroyRef as t,inject as n}from"@angular/core";import{compareUrls as r}from"@intlayer/editor";const i=new Map;let a=!1;const o=(e,t)=>{let n=i.get(e);n||(n=new Set,i.set(e,n)),n.add(t)},s=(e,t)=>{let n=i.get(e);n&&(n.delete(t),n.size===0&&i.delete(e))},c=(e,t)=>{a||=(window.addEventListener(`message`,n=>{let{type:a,data:o,senderId:s}=n.data??{};a&&s!==t&&(!e||e.includes(`*`)||e.some(e=>r(e,n.origin)))&&i.get(a)?.forEach(e=>{e(o)})}),!0)},l=(r,i)=>{let{allowedOrigins:a,postMessage:l,senderId:u}=e();if(c(a,u),i){o(r,i);try{let e=n(t,{optional:!0});e&&e.onDestroy(()=>s(r,i))}catch{console.warn(`useCrossFrameMessageListener called outside injection context; cleanup may not be available.`)}}return e=>{l({type:r,data:e,senderId:u})}};export{l as useCrossFrameMessageListener};
 //# sourceMappingURL=useCrossFrameMessageListener.mjs.map

package/dist/esm/editor/useCrossFrameMessageListener.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameMessageListener.mjs","names":[],"sources":["../../../src/editor/useCrossFrameMessageListener.ts"],"sourcesContent":["'use client';\n\nimport { DestroyRef, inject } from '@angular/core';\nimport { compareUrls, type MessageKey } from '@intlayer/editor';\nimport { useCommunicator } from './communicator';\n\n// ---------- module-level singletons ----------\ntype AnyFn = (data: unknown) => void;\n\n/** Map<key, Set<callback>> */\nconst subscribers = new Map<string, Set<AnyFn>>();\n\n/** True once we've attached the single window listener */\nlet windowListenerAttached = false;\n\n/** Helper to add/remove a callback for a key */\nconst addSubscriber = (key: string, cb: AnyFn) => {\n  let set = subscribers.get(key);\n  if (!set) {\n    set = new Set();\n    subscribers.set(key, set);\n  }\n  set.add(cb);\n};\n\nconst removeSubscriber = (key: string, cb: AnyFn) => {\n  const set = subscribers.get(key);\n  if (!set) return;\n  set.delete(cb);\n  if (set.size === 0) subscribers.delete(key);\n};\n\n/** The one global window listener */\nconst ensureGlobalListener = (\n  allowedOrigins: string[] | undefined,\n  selfId: string\n) => {\n  if (windowListenerAttached) return;\n  window.addEventListener('message', (event) => {\n    const { type, data, senderId } = event.data ?? {};\n    if (!type) return; // guard malformed messages\n    if (senderId === selfId) return; // ignore my own\n\n    // origin check\n    if (\n      !allowedOrigins ||\n      allowedOrigins.includes('*') ||\n      allowedOrigins.some((o) => compareUrls(o, event.origin))\n    ) {\n      // broadcast to everyone interested in this key\n      subscribers.get(type)?.forEach((cb) => {\n        cb(data);\n      });\n    }\n  });\n  windowListenerAttached = true;\n};\n// ---------- end module-level code ----------\n\n/**\n * useCrossFrameMessageListener\n *\n * @template S - type of the message payload\n * @param key               message type we care about\n * @param onEventTriggered  optional callback when a matching message arrives\n * @returns postMessage(data?) helper scoped to this key\n */\nexport const useCrossFrameMessageListener = <S>(\n  key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`,\n  onEventTriggered?: (data: S) => void\n) => {\n  // Communicator is the same for everyone, so it's fine to call every time.\n  const { allowedOrigins, postMessage, senderId } = useCommunicator();\n\n  // --- 1. make sure the global listener exists ----\n  ensureGlobalListener(allowedOrigins, senderId);\n\n  // --- 2. register this caller's callback (if any) ---\n  if (onEventTriggered) {\n    addSubscriber(key, onEventTriggered as AnyFn);\n\n    // Use Angular's DestroyRef for cleanup instead of Vue's onScopeDispose\n    try {\n      const destroyRef = inject(DestroyRef, { optional: true });\n      if (destroyRef) {\n        destroyRef.onDestroy(() =>\n          removeSubscriber(key, onEventTriggered as AnyFn)\n        );\n      }\n    } catch {\n      // If called outside injection context, no cleanup available\n      console.warn(\n        'useCrossFrameMessageListener called outside injection context; ' +\n          'cleanup may not be available.'\n      );\n    }\n  }\n\n  // --- 3. return a wrapper that tags outgoing messages with our key ---\n  const postMessageWrapper = (data?: S) => {\n    postMessage({ type: key, data, senderId });\n  };\n\n  return postMessageWrapper;\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,8BAAc,IAAI,KAAyB;;AAGjD,IAAI,yBAAyB;;AAG7B,MAAM,iBAAiB,KAAa,OAAc;CAChD,IAAI,MAAM,YAAY,IAAI,IAAI;AAC9B,KAAI,CAAC,KAAK;AACR,wBAAM,IAAI,KAAK;AACf,cAAY,IAAI,KAAK,IAAI;;AAE3B,KAAI,IAAI,GAAG;;AAGb,MAAM,oBAAoB,KAAa,OAAc;CACnD,MAAM,MAAM,YAAY,IAAI,IAAI;AAChC,KAAI,CAAC,IAAK;AACV,KAAI,OAAO,GAAG;AACd,KAAI,IAAI,SAAS,EAAG,aAAY,OAAO,IAAI;;;AAI7C,MAAM,wBACJ,gBACA,WACG;AACH,KAAI,uBAAwB;AAC5B,QAAO,iBAAiB,YAAY,UAAU;EAC5C,MAAM,EAAE,MAAM,MAAM,aAAa,MAAM,QAAQ,EAAE;AACjD,MAAI,CAAC,KAAM;AACX,MAAI,aAAa,OAAQ;AAGzB,MACE,CAAC,kBACD,eAAe,SAAS,IAAI,IAC5B,eAAe,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,CAAC,CAGxD,aAAY,IAAI,KAAK,EAAE,SAAS,OAAO;AACrC,MAAG,KAAK;IACR;GAEJ;AACF,0BAAyB;;;;;;;;;;AAY3B,MAAa,gCACX,KACA,qBACG;CAEH,MAAM,EAAE,gBAAgB,aAAa,aAAa,iBAAiB;AAGnE,sBAAqB,gBAAgB,SAAS;AAG9C,KAAI,kBAAkB;AACpB,gBAAc,KAAK,iBAA0B;AAG7C,MAAI;GACF,MAAM,aAAa,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC;AACzD,OAAI,WACF,YAAW,gBACT,iBAAiB,KAAK,iBAA0B,CACjD;UAEG;AAEN,WAAQ,KACN,+FAED;;;CAKL,MAAM,sBAAsB,SAAa;AACvC,cAAY;GAAE,MAAM;GAAK;GAAM;GAAU,CAAC;;AAG5C,QAAO"}
+{"version":3,"file":"useCrossFrameMessageListener.mjs","names":[],"sources":["../../../src/editor/useCrossFrameMessageListener.ts"],"sourcesContent":["'use client';\n\nimport { DestroyRef, inject } from '@angular/core';\nimport { compareUrls, type MessageKey } from '@intlayer/editor';\nimport { useCommunicator } from './communicator';\n\n// ---------- module-level singletons ----------\ntype AnyFn = (data: unknown) => void;\n\n/** Map<key, Set<callback>> */\nconst subscribers = new Map<string, Set<AnyFn>>();\n\n/** True once we've attached the single window listener */\nlet windowListenerAttached = false;\n\n/** Helper to add/remove a callback for a key */\nconst addSubscriber = (key: string, cb: AnyFn) => {\n  let set = subscribers.get(key);\n  if (!set) {\n    set = new Set();\n    subscribers.set(key, set);\n  }\n  set.add(cb);\n};\n\nconst removeSubscriber = (key: string, cb: AnyFn) => {\n  const set = subscribers.get(key);\n  if (!set) return;\n  set.delete(cb);\n  if (set.size === 0) subscribers.delete(key);\n};\n\n/** The one global window listener */\nconst ensureGlobalListener = (\n  allowedOrigins: string[] | undefined,\n  selfId: string\n) => {\n  if (windowListenerAttached) return;\n  window.addEventListener('message', (event) => {\n    const { type, data, senderId } = event.data ?? {};\n    if (!type) return; // guard malformed messages\n    if (senderId === selfId) return; // ignore my own\n\n    // origin check\n    if (\n      !allowedOrigins ||\n      allowedOrigins.includes('*') ||\n      allowedOrigins.some((o) => compareUrls(o, event.origin))\n    ) {\n      // broadcast to everyone interested in this key\n      subscribers.get(type)?.forEach((cb) => {\n        cb(data);\n      });\n    }\n  });\n  windowListenerAttached = true;\n};\n// ---------- end module-level code ----------\n\n/**\n * useCrossFrameMessageListener\n *\n * @template S - type of the message payload\n * @param key               message type we care about\n * @param onEventTriggered  optional callback when a matching message arrives\n * @returns postMessage(data?) helper scoped to this key\n */\nexport const useCrossFrameMessageListener = <S>(\n  key: `${MessageKey}` | `${MessageKey}/post` | `${MessageKey}/get`,\n  onEventTriggered?: (data: S) => void\n) => {\n  // Communicator is the same for everyone, so it's fine to call every time.\n  const { allowedOrigins, postMessage, senderId } = useCommunicator();\n\n  // --- 1. make sure the global listener exists ----\n  ensureGlobalListener(allowedOrigins, senderId);\n\n  // --- 2. register this caller's callback (if any) ---\n  if (onEventTriggered) {\n    addSubscriber(key, onEventTriggered as AnyFn);\n\n    // Use Angular's DestroyRef for cleanup instead of Vue's onScopeDispose\n    try {\n      const destroyRef = inject(DestroyRef, { optional: true });\n      if (destroyRef) {\n        destroyRef.onDestroy(() =>\n          removeSubscriber(key, onEventTriggered as AnyFn)\n        );\n      }\n    } catch {\n      // If called outside injection context, no cleanup available\n      console.warn(\n        'useCrossFrameMessageListener called outside injection context; ' +\n          'cleanup may not be available.'\n      );\n    }\n  }\n\n  // --- 3. return a wrapper that tags outgoing messages with our key ---\n  const postMessageWrapper = (data?: S) => {\n    postMessage({ type: key, data, senderId });\n  };\n\n  return postMessageWrapper;\n};\n"],"mappings":"wKAUA,MAAM,EAAc,IAAI,IAGxB,IAAI,EAAyB,GAG7B,MAAM,GAAiB,EAAa,IAAc,CAChD,IAAI,EAAM,EAAY,IAAI,EAAI,CACzB,IACH,EAAM,IAAI,IACV,EAAY,IAAI,EAAK,EAAI,EAE3B,EAAI,IAAI,EAAG,EAGP,GAAoB,EAAa,IAAc,CACnD,IAAM,EAAM,EAAY,IAAI,EAAI,CAC3B,IACL,EAAI,OAAO,EAAG,CACV,EAAI,OAAS,GAAG,EAAY,OAAO,EAAI,GAIvC,GACJ,EACA,IACG,CACC,AAkBJ,KAjBA,OAAO,iBAAiB,UAAY,GAAU,CAC5C,GAAM,CAAE,OAAM,OAAM,YAAa,EAAM,MAAQ,EAAE,CAC5C,GACD,IAAa,IAIf,CAAC,GACD,EAAe,SAAS,IAAI,EAC5B,EAAe,KAAM,GAAM,EAAY,EAAG,EAAM,OAAO,CAAC,GAGxD,EAAY,IAAI,EAAK,EAAE,QAAS,GAAO,CACrC,EAAG,EAAK,EACR,EAEJ,CACuB,KAYd,GACX,EACA,IACG,CAEH,GAAM,CAAE,iBAAgB,cAAa,YAAa,GAAiB,CAMnE,GAHA,EAAqB,EAAgB,EAAS,CAG1C,EAAkB,CACpB,EAAc,EAAK,EAA0B,CAG7C,GAAI,CACF,IAAM,EAAa,EAAO,EAAY,CAAE,SAAU,GAAM,CAAC,CACrD,GACF,EAAW,cACT,EAAiB,EAAK,EAA0B,CACjD,MAEG,CAEN,QAAQ,KACN,+FAED,EASL,MAJ4B,IAAa,CACvC,EAAY,CAAE,KAAM,EAAK,OAAM,WAAU,CAAC"}

package/dist/esm/editor/useCrossFrameState.mjs

@@ -1,113 +1,2 @@
-import { useCommunicator } from "./communicator.mjs";
-import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.mjs";
-import { signal } from "@angular/core";
-
-//#region src/editor/useCrossFrameState.ts
-const crossFrameStateCache = /* @__PURE__ */ new Map();
-/**
-* Utility to resolve either a value or an updater function (mirrors React's `setState`).
-*/
-const resolveState = (state, prevState) => {
-	if (typeof state === "function") return state(prevState);
-	return state;
-};
-/**
-* Creates a plain object copy that can be safely serialized
-* for postMessage communication
-*/
-const toSerializable = (obj) => {
-	if (obj === null || obj === void 0) return obj;
-	return JSON.parse(JSON.stringify(obj));
-};
-/**
-* Angular replacement for Vue's cross-frame state composable.
-* It synchronises a reactive value across frames/windows via the `postMessage` API.
-*
-* @template S The type of the state being synchronised.
-* @param key          Unique key identifying this state channel.
-* @param initialState Initial value (or lazy factory) for the state.
-* @param options      Control flags for emitting/receiving updates.
-*
-* @returns `[stateSignal, setState, postState]`
-*          - `stateSignal` – Angular `Signal<S | undefined>` holding the current state.
-*          - `setState`    – Setter with the same API as React's `setState`.
-*          - `postState`   – Manually broadcast the current state (useful after mutations outside `setState`).
-*/
-const useCrossFrameState = (key, initialState, options = {
-	emit: true,
-	receive: true
-}) => {
-	if (crossFrameStateCache.has(key)) {
-		const { state, setState, postState } = crossFrameStateCache.get(key);
-		return [
-			state,
-			setState,
-			postState
-		];
-	}
-	const { emit = true, receive = true } = options;
-	/**
-	* Internal reactive state using Angular signals.
-	* We resolve the initial value here to avoid one extra render (same idea as in the React version).
-	*/
-	const stateSignal = signal(resolveState(initialState));
-	const { postMessage, senderId } = useCommunicator();
-	/**
-	* Broadcast the given value if emitting is allowed and the communicator is ready.
-	*/
-	const broadcastState = (value) => {
-		if (!emit || typeof postMessage !== "function" || typeof value === "undefined") return;
-		postMessage({
-			type: `${key}/post`,
-			data: value,
-			senderId
-		});
-	};
-	/**
-	* Setter that mirrors React's `setState` signature (supports value or updater fn).
-	*/
-	const setState = (valueOrUpdater) => {
-		const serialised = toSerializable(resolveState(valueOrUpdater, stateSignal()));
-		stateSignal.set(serialised);
-		broadcastState(serialised);
-	};
-	/**
-	* Manually broadcast the current state to peers.
-	*/
-	const postState = () => {
-		if (typeof postMessage !== "function") return;
-		postMessage({
-			type: `${key}/post`,
-			data: stateSignal(),
-			senderId
-		});
-	};
-	broadcastState(stateSignal());
-	if (receive && typeof postMessage === "function" && typeof stateSignal() === "undefined") postMessage({
-		type: `${key}/get`,
-		senderId
-	});
-	useCrossFrameMessageListener(`${key}/post`, receive ? (data) => {
-		stateSignal.set(data);
-	} : void 0);
-	const handleGetMessage = (_, originSenderId) => {
-		if (!emit) return;
-		if (originSenderId === senderId) return;
-		broadcastState(stateSignal());
-	};
-	useCrossFrameMessageListener(`${key}/get`, emit ? handleGetMessage : void 0);
-	crossFrameStateCache.set(key, {
-		state: stateSignal,
-		setState,
-		postState
-	});
-	return [
-		stateSignal,
-		setState,
-		postState
-	];
-};
-
-//#endregion
-export { useCrossFrameState };
+import{useCommunicator as e}from"./communicator.mjs";import{useCrossFrameMessageListener as t}from"./useCrossFrameMessageListener.mjs";import{signal as n}from"@angular/core";const r=new Map,i=(e,t)=>typeof e==`function`?e(t):e,a=e=>e==null?e:JSON.parse(JSON.stringify(e)),o=(o,s,c={emit:!0,receive:!0})=>{if(r.has(o)){let{state:e,setState:t,postState:n}=r.get(o);return[e,t,n]}let{emit:l=!0,receive:u=!0}=c,d=n(i(s)),{postMessage:f,senderId:p}=e(),m=e=>{!l||typeof f!=`function`||e===void 0||f({type:`${o}/post`,data:e,senderId:p})},h=e=>{let t=a(i(e,d()));d.set(t),m(t)},g=()=>{typeof f==`function`&&f({type:`${o}/post`,data:d(),senderId:p})};return m(d()),u&&typeof f==`function`&&d()===void 0&&f({type:`${o}/get`,senderId:p}),t(`${o}/post`,u?e=>{d.set(e)}:void 0),t(`${o}/get`,l?(e,t)=>{l&&t!==p&&m(d())}:void 0),r.set(o,{state:d,setState:h,postState:g}),[d,h,g]};export{o as useCrossFrameState};
 //# sourceMappingURL=useCrossFrameState.mjs.map

package/dist/esm/editor/useCrossFrameState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameState.mjs","names":[],"sources":["../../../src/editor/useCrossFrameState.ts"],"sourcesContent":["import { type Signal, signal } from '@angular/core';\nimport type { MessageKey } from '@intlayer/editor';\nimport { useCommunicator } from './communicator';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  /** Whether to broadcast state changes to other instances (default: true) */\n  emit?: boolean;\n  /** Whether to listen for state updates from other instances (default: true) */\n  receive?: boolean;\n};\n\nconst crossFrameStateCache = new Map<\n  string,\n  {\n    state: Signal<any>;\n    setState: (v: any | ((prev: any) => any)) => void;\n    postState: () => void;\n  }\n>();\n\n/**\n * Utility to resolve either a value or an updater function (mirrors React's `setState`).\n */\nconst resolveState = <S>(\n  state: S | ((prev?: S) => S) | undefined,\n  prevState?: S\n): S | undefined => {\n  if (typeof state === 'function') {\n    return (state as (prev?: S) => S)(prevState);\n  }\n  return state as S;\n};\n\n/**\n * Creates a plain object copy that can be safely serialized\n * for postMessage communication\n */\nconst toSerializable = <T>(obj: T): T => {\n  if (obj === null || obj === undefined) return obj;\n  // Using parse/stringify for a quick deep clone to remove reactivity\n  return JSON.parse(JSON.stringify(obj));\n};\n\n/**\n * Angular replacement for Vue's cross-frame state composable.\n * It synchronises a reactive value across frames/windows via the `postMessage` API.\n *\n * @template S The type of the state being synchronised.\n * @param key          Unique key identifying this state channel.\n * @param initialState Initial value (or lazy factory) for the state.\n * @param options      Control flags for emitting/receiving updates.\n *\n * @returns `[stateSignal, setState, postState]`\n *          - `stateSignal` – Angular `Signal<S | undefined>` holding the current state.\n *          - `setState`    – Setter with the same API as React's `setState`.\n *          - `postState`   – Manually broadcast the current state (useful after mutations outside `setState`).\n */\nexport const useCrossFrameState = <S>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options: CrossFrameStateOptions = { emit: true, receive: true }\n): [\n  Signal<S | undefined>,\n  (v: S | ((prev: S | undefined) => S)) => void,\n  () => void,\n] => {\n  if (crossFrameStateCache.has(key)) {\n    // Return the existing instance\n    const { state, setState, postState } = crossFrameStateCache.get(key)!;\n    return [state, setState, postState];\n  }\n\n  const { emit = true, receive = true } = options;\n\n  /**\n   * Internal reactive state using Angular signals.\n   * We resolve the initial value here to avoid one extra render (same idea as in the React version).\n   */\n  const stateSignal = signal<S | undefined>(resolveState<S>(initialState));\n\n  // Get communicator within injection context\n  const { postMessage, senderId } = useCommunicator();\n\n  /**\n   * Broadcast the given value if emitting is allowed and the communicator is ready.\n   */\n  const broadcastState = (value: S | undefined) => {\n    if (\n      !emit ||\n      typeof postMessage !== 'function' ||\n      typeof value === 'undefined'\n    )\n      return;\n    postMessage({\n      type: `${key}/post`,\n      data: value,\n      senderId,\n    });\n  };\n\n  /**\n   * Setter that mirrors React's `setState` signature (supports value or updater fn).\n   */\n  const setState = (valueOrUpdater: S | ((prev: S | undefined) => S)) => {\n    const next = resolveState<S>(valueOrUpdater as any, stateSignal());\n    const serialised = toSerializable(next);\n    stateSignal.set(serialised);\n    broadcastState(serialised);\n  };\n\n  /**\n   * Manually broadcast the current state to peers.\n   */\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({\n      type: `${key}/post`,\n      data: stateSignal(),\n      senderId,\n    });\n  };\n\n  // Emit the initial state (if any) right away so that peers can pick it up.\n  broadcastState(stateSignal());\n\n  // If we are in receive mode but have no state yet, ask peers for theirs.\n  if (\n    receive &&\n    typeof postMessage === 'function' &&\n    typeof stateSignal() === 'undefined'\n  ) {\n    postMessage({ type: `${key}/get`, senderId });\n  }\n\n  /* ───────────────────── Incoming messages ───────────────────── */\n\n  // 1. Updates posted by other frames\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    receive\n      ? (data) => {\n          stateSignal.set(data);\n        }\n      : undefined\n  );\n\n  // 2. Requests from peers asking for our current value\n  const handleGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (originSenderId === senderId) return; // Don't respond to our own request\n    broadcastState(stateSignal());\n  };\n\n  useCrossFrameMessageListener(\n    `${key}/get`,\n    emit ? handleGetMessage : undefined\n  );\n\n  // Cache this instance\n  crossFrameStateCache.set(key, { state: stateSignal, setState, postState });\n\n  return [stateSignal as Signal<S | undefined>, setState, postState];\n};\n"],"mappings":";;;;;AAYA,MAAM,uCAAuB,IAAI,KAO9B;;;;AAKH,MAAM,gBACJ,OACA,cACkB;AAClB,KAAI,OAAO,UAAU,WACnB,QAAQ,MAA0B,UAAU;AAE9C,QAAO;;;;;;AAOT,MAAM,kBAAqB,QAAc;AACvC,KAAI,QAAQ,QAAQ,QAAQ,OAAW,QAAO;AAE9C,QAAO,KAAK,MAAM,KAAK,UAAU,IAAI,CAAC;;;;;;;;;;;;;;;;AAiBxC,MAAa,sBACX,KACA,cACA,UAAkC;CAAE,MAAM;CAAM,SAAS;CAAM,KAK5D;AACH,KAAI,qBAAqB,IAAI,IAAI,EAAE;EAEjC,MAAM,EAAE,OAAO,UAAU,cAAc,qBAAqB,IAAI,IAAI;AACpE,SAAO;GAAC;GAAO;GAAU;GAAU;;CAGrC,MAAM,EAAE,OAAO,MAAM,UAAU,SAAS;;;;;CAMxC,MAAM,cAAc,OAAsB,aAAgB,aAAa,CAAC;CAGxE,MAAM,EAAE,aAAa,aAAa,iBAAiB;;;;CAKnD,MAAM,kBAAkB,UAAyB;AAC/C,MACE,CAAC,QACD,OAAO,gBAAgB,cACvB,OAAO,UAAU,YAEjB;AACF,cAAY;GACV,MAAM,GAAG,IAAI;GACb,MAAM;GACN;GACD,CAAC;;;;;CAMJ,MAAM,YAAY,mBAAqD;EAErE,MAAM,aAAa,eADN,aAAgB,gBAAuB,aAAa,CAAC,CAC3B;AACvC,cAAY,IAAI,WAAW;AAC3B,iBAAe,WAAW;;;;;CAM5B,MAAM,kBAAkB;AACtB,MAAI,OAAO,gBAAgB,WAAY;AACvC,cAAY;GACV,MAAM,GAAG,IAAI;GACb,MAAM,aAAa;GACnB;GACD,CAAC;;AAIJ,gBAAe,aAAa,CAAC;AAG7B,KACE,WACA,OAAO,gBAAgB,cACvB,OAAO,aAAa,KAAK,YAEzB,aAAY;EAAE,MAAM,GAAG,IAAI;EAAO;EAAU,CAAC;AAM/C,8BACE,GAAG,IAAI,QACP,WACK,SAAS;AACR,cAAY,IAAI,KAAK;KAEvB,OACL;CAGD,MAAM,oBAAoB,GAAY,mBAA4B;AAChE,MAAI,CAAC,KAAM;AACX,MAAI,mBAAmB,SAAU;AACjC,iBAAe,aAAa,CAAC;;AAG/B,8BACE,GAAG,IAAI,OACP,OAAO,mBAAmB,OAC3B;AAGD,sBAAqB,IAAI,KAAK;EAAE,OAAO;EAAa;EAAU;EAAW,CAAC;AAE1E,QAAO;EAAC;EAAsC;EAAU;EAAU"}
+{"version":3,"file":"useCrossFrameState.mjs","names":[],"sources":["../../../src/editor/useCrossFrameState.ts"],"sourcesContent":["import { type Signal, signal } from '@angular/core';\nimport type { MessageKey } from '@intlayer/editor';\nimport { useCommunicator } from './communicator';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\nexport type CrossFrameStateOptions = {\n  /** Whether to broadcast state changes to other instances (default: true) */\n  emit?: boolean;\n  /** Whether to listen for state updates from other instances (default: true) */\n  receive?: boolean;\n};\n\nconst crossFrameStateCache = new Map<\n  string,\n  {\n    state: Signal<any>;\n    setState: (v: any | ((prev: any) => any)) => void;\n    postState: () => void;\n  }\n>();\n\n/**\n * Utility to resolve either a value or an updater function (mirrors React's `setState`).\n */\nconst resolveState = <S>(\n  state: S | ((prev?: S) => S) | undefined,\n  prevState?: S\n): S | undefined => {\n  if (typeof state === 'function') {\n    return (state as (prev?: S) => S)(prevState);\n  }\n  return state as S;\n};\n\n/**\n * Creates a plain object copy that can be safely serialized\n * for postMessage communication\n */\nconst toSerializable = <T>(obj: T): T => {\n  if (obj === null || obj === undefined) return obj;\n  // Using parse/stringify for a quick deep clone to remove reactivity\n  return JSON.parse(JSON.stringify(obj));\n};\n\n/**\n * Angular replacement for Vue's cross-frame state composable.\n * It synchronises a reactive value across frames/windows via the `postMessage` API.\n *\n * @template S The type of the state being synchronised.\n * @param key          Unique key identifying this state channel.\n * @param initialState Initial value (or lazy factory) for the state.\n * @param options      Control flags for emitting/receiving updates.\n *\n * @returns `[stateSignal, setState, postState]`\n *          - `stateSignal` – Angular `Signal<S | undefined>` holding the current state.\n *          - `setState`    – Setter with the same API as React's `setState`.\n *          - `postState`   – Manually broadcast the current state (useful after mutations outside `setState`).\n */\nexport const useCrossFrameState = <S>(\n  key: `${MessageKey}`,\n  initialState?: S | (() => S),\n  options: CrossFrameStateOptions = { emit: true, receive: true }\n): [\n  Signal<S | undefined>,\n  (v: S | ((prev: S | undefined) => S)) => void,\n  () => void,\n] => {\n  if (crossFrameStateCache.has(key)) {\n    // Return the existing instance\n    const { state, setState, postState } = crossFrameStateCache.get(key)!;\n    return [state, setState, postState];\n  }\n\n  const { emit = true, receive = true } = options;\n\n  /**\n   * Internal reactive state using Angular signals.\n   * We resolve the initial value here to avoid one extra render (same idea as in the React version).\n   */\n  const stateSignal = signal<S | undefined>(resolveState<S>(initialState));\n\n  // Get communicator within injection context\n  const { postMessage, senderId } = useCommunicator();\n\n  /**\n   * Broadcast the given value if emitting is allowed and the communicator is ready.\n   */\n  const broadcastState = (value: S | undefined) => {\n    if (\n      !emit ||\n      typeof postMessage !== 'function' ||\n      typeof value === 'undefined'\n    )\n      return;\n    postMessage({\n      type: `${key}/post`,\n      data: value,\n      senderId,\n    });\n  };\n\n  /**\n   * Setter that mirrors React's `setState` signature (supports value or updater fn).\n   */\n  const setState = (valueOrUpdater: S | ((prev: S | undefined) => S)) => {\n    const next = resolveState<S>(valueOrUpdater as any, stateSignal());\n    const serialised = toSerializable(next);\n    stateSignal.set(serialised);\n    broadcastState(serialised);\n  };\n\n  /**\n   * Manually broadcast the current state to peers.\n   */\n  const postState = () => {\n    if (typeof postMessage !== 'function') return;\n    postMessage({\n      type: `${key}/post`,\n      data: stateSignal(),\n      senderId,\n    });\n  };\n\n  // Emit the initial state (if any) right away so that peers can pick it up.\n  broadcastState(stateSignal());\n\n  // If we are in receive mode but have no state yet, ask peers for theirs.\n  if (\n    receive &&\n    typeof postMessage === 'function' &&\n    typeof stateSignal() === 'undefined'\n  ) {\n    postMessage({ type: `${key}/get`, senderId });\n  }\n\n  /* ───────────────────── Incoming messages ───────────────────── */\n\n  // 1. Updates posted by other frames\n  useCrossFrameMessageListener<S>(\n    `${key}/post`,\n    receive\n      ? (data) => {\n          stateSignal.set(data);\n        }\n      : undefined\n  );\n\n  // 2. Requests from peers asking for our current value\n  const handleGetMessage = (_: unknown, originSenderId?: string) => {\n    if (!emit) return;\n    if (originSenderId === senderId) return; // Don't respond to our own request\n    broadcastState(stateSignal());\n  };\n\n  useCrossFrameMessageListener(\n    `${key}/get`,\n    emit ? handleGetMessage : undefined\n  );\n\n  // Cache this instance\n  crossFrameStateCache.set(key, { state: stateSignal, setState, postState });\n\n  return [stateSignal as Signal<S | undefined>, setState, postState];\n};\n"],"mappings":"8KAYA,MAAM,EAAuB,IAAI,IAY3B,GACJ,EACA,IAEI,OAAO,GAAU,WACX,EAA0B,EAAU,CAEvC,EAOH,EAAqB,GACrB,GAAQ,KAAkC,EAEvC,KAAK,MAAM,KAAK,UAAU,EAAI,CAAC,CAiB3B,GACX,EACA,EACA,EAAkC,CAAE,KAAM,GAAM,QAAS,GAAM,GAK5D,CACH,GAAI,EAAqB,IAAI,EAAI,CAAE,CAEjC,GAAM,CAAE,QAAO,WAAU,aAAc,EAAqB,IAAI,EAAI,CACpE,MAAO,CAAC,EAAO,EAAU,EAAU,CAGrC,GAAM,CAAE,OAAO,GAAM,UAAU,IAAS,EAMlC,EAAc,EAAsB,EAAgB,EAAa,CAAC,CAGlE,CAAE,cAAa,YAAa,GAAiB,CAK7C,EAAkB,GAAyB,CAE7C,CAAC,GACD,OAAO,GAAgB,YAChB,IAAU,QAGnB,EAAY,CACV,KAAM,GAAG,EAAI,OACb,KAAM,EACN,WACD,CAAC,EAME,EAAY,GAAqD,CAErE,IAAM,EAAa,EADN,EAAgB,EAAuB,GAAa,CAAC,CAC3B,CACvC,EAAY,IAAI,EAAW,CAC3B,EAAe,EAAW,EAMtB,MAAkB,CAClB,OAAO,GAAgB,YAC3B,EAAY,CACV,KAAM,GAAG,EAAI,OACb,KAAM,GAAa,CACnB,WACD,CAAC,EA0CJ,OAtCA,EAAe,GAAa,CAAC,CAI3B,GACA,OAAO,GAAgB,YAChB,GAAa,GAAK,QAEzB,EAAY,CAAE,KAAM,GAAG,EAAI,MAAO,WAAU,CAAC,CAM/C,EACE,GAAG,EAAI,OACP,EACK,GAAS,CACR,EAAY,IAAI,EAAK,EAEvB,IAAA,GACL,CASD,EACE,GAAG,EAAI,MACP,GARwB,EAAY,IAA4B,CAC3D,GACD,IAAmB,GACvB,EAAe,GAAa,CAAC,EAKH,IAAA,GAC3B,CAGD,EAAqB,IAAI,EAAK,CAAE,MAAO,EAAa,WAAU,YAAW,CAAC,CAEnE,CAAC,EAAsC,EAAU,EAAU"}

package/dist/esm/editor/useCrossURLPathState.mjs

@@ -1,63 +1,2 @@
-import { useCrossFrameState } from "./useCrossFrameState.mjs";
-import { DestroyRef, inject } from "@angular/core";
-import { MessageKey } from "@intlayer/editor";
-
-//#region src/editor/useCrossURLPathState.ts
-/**
-* Hook to create and manage a cross-frame synchronized URL path state
-* @param initial - The initial URL path
-* @param opts - Options for controlling emit and receive behavior
-* @returns A tuple containing [state signal, setState function, forceSync function]
-*/
-const useCrossURLPathState = (initial, opts) => useCrossFrameState(MessageKey.INTLAYER_URL_CHANGE, initial, opts);
-/**
-* Hook for host applications to push URL path changes into the shared state
-* This also monkey patches history methods to capture navigation events
-* @param initial - The initial URL path
-* @returns A tuple containing [state signal, setState function]
-*/
-const useCrossURLPathSetter = (initial) => {
-	const [state, setState] = useCrossURLPathState(initial, {
-		emit: true,
-		receive: false
-	});
-	let originalPushState;
-	let originalReplaceState;
-	const update = () => setState(window.location.pathname);
-	try {
-		const destroyRef = inject(DestroyRef, { optional: true });
-		if (destroyRef && typeof window !== "undefined") {
-			originalPushState = history.pushState;
-			originalReplaceState = history.replaceState;
-			/**
-			* Wraps a history function to dispatch a custom event when called
-			* @param fn - The history function to wrap
-			* @returns The wrapped function
-			*/
-			const wrap = (fn) => (...args) => {
-				fn.apply(history, args);
-				window.dispatchEvent(new Event("locationchange"));
-			};
-			history.pushState = wrap(originalPushState);
-			history.replaceState = wrap(originalReplaceState);
-			window.addEventListener("locationchange", update);
-			window.addEventListener("popstate", update);
-			window.addEventListener("hashchange", update);
-			update();
-			destroyRef.onDestroy(() => {
-				window.removeEventListener("locationchange", update);
-				window.removeEventListener("popstate", update);
-				window.removeEventListener("hashchange", update);
-				if (originalPushState) history.pushState = originalPushState;
-				if (originalReplaceState) history.replaceState = originalReplaceState;
-			});
-		}
-	} catch {
-		console.warn("useCrossURLPathSetter called outside injection context; URL path synchronization may not be available.");
-	}
-	return [state, setState];
-};
-
-//#endregion
-export { useCrossURLPathSetter, useCrossURLPathState };
+import{useCrossFrameState as e}from"./useCrossFrameState.mjs";import{DestroyRef as t,inject as n}from"@angular/core";import{MessageKey as r}from"@intlayer/editor";const i=(t,n)=>e(r.INTLAYER_URL_CHANGE,t,n),a=e=>{let[r,a]=i(e,{emit:!0,receive:!1}),o,s,c=()=>a(window.location.pathname);try{let e=n(t,{optional:!0});if(e&&typeof window<`u`){o=history.pushState,s=history.replaceState;let t=e=>(...t)=>{e.apply(history,t),window.dispatchEvent(new Event(`locationchange`))};history.pushState=t(o),history.replaceState=t(s),window.addEventListener(`locationchange`,c),window.addEventListener(`popstate`,c),window.addEventListener(`hashchange`,c),c(),e.onDestroy(()=>{window.removeEventListener(`locationchange`,c),window.removeEventListener(`popstate`,c),window.removeEventListener(`hashchange`,c),o&&(history.pushState=o),s&&(history.replaceState=s)})}}catch{console.warn(`useCrossURLPathSetter called outside injection context; URL path synchronization may not be available.`)}return[r,a]};export{a as useCrossURLPathSetter,i as useCrossURLPathState};
 //# sourceMappingURL=useCrossURLPathState.mjs.map

package/dist/esm/editor/useCrossURLPathState.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossURLPathState.mjs","names":[],"sources":["../../../src/editor/useCrossURLPathState.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport { useCrossFrameState } from './useCrossFrameState';\n\n/**\n * Hook to create and manage a cross-frame synchronized URL path state\n * @param initial - The initial URL path\n * @param opts - Options for controlling emit and receive behavior\n * @returns A tuple containing [state signal, setState function, forceSync function]\n */\nexport const useCrossURLPathState = (\n  initial?: string,\n  opts?: Parameters<typeof useCrossFrameState>[2]\n) => useCrossFrameState<string>(MessageKey.INTLAYER_URL_CHANGE, initial, opts);\n\n/**\n * Hook for host applications to push URL path changes into the shared state\n * This also monkey patches history methods to capture navigation events\n * @param initial - The initial URL path\n * @returns A tuple containing [state signal, setState function]\n */\nexport const useCrossURLPathSetter = (initial?: string) => {\n  const [state, setState] = useCrossURLPathState(initial, {\n    emit: true,\n    receive: false,\n  });\n\n  // Original history methods\n  let originalPushState: typeof history.pushState;\n  let originalReplaceState: typeof history.replaceState;\n\n  // Function to update state with current pathname\n  const update = () => setState(window.location.pathname);\n\n  // Use Angular's DestroyRef for cleanup instead of Vue lifecycle hooks\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n\n    if (destroyRef && typeof window !== 'undefined') {\n      // Save original methods\n      originalPushState = history.pushState;\n      originalReplaceState = history.replaceState;\n\n      /**\n       * Wraps a history function to dispatch a custom event when called\n       * @param fn - The history function to wrap\n       * @returns The wrapped function\n       */\n      const wrap =\n        (fn: typeof history.pushState) =>\n        (...args: Parameters<typeof history.pushState>) => {\n          fn.apply(history, args);\n          window.dispatchEvent(new Event('locationchange'));\n        };\n\n      // Patch history methods\n      history.pushState = wrap(originalPushState);\n      history.replaceState = wrap(originalReplaceState);\n\n      // Add event listeners\n      window.addEventListener('locationchange', update);\n      window.addEventListener('popstate', update);\n      window.addEventListener('hashchange', update);\n\n      // Initialize immediately\n      update();\n\n      // Clean up on destroy\n      destroyRef.onDestroy(() => {\n        window.removeEventListener('locationchange', update);\n        window.removeEventListener('popstate', update);\n        window.removeEventListener('hashchange', update);\n\n        // Restore original history methods\n        if (originalPushState) history.pushState = originalPushState;\n        if (originalReplaceState) history.replaceState = originalReplaceState;\n      });\n    }\n  } catch {\n    console.warn(\n      'useCrossURLPathSetter called outside injection context; ' +\n        'URL path synchronization may not be available.'\n    );\n  }\n\n  return [state, setState] as const;\n};\n"],"mappings":";;;;;;;;;;;AAUA,MAAa,wBACX,SACA,SACG,mBAA2B,WAAW,qBAAqB,SAAS,KAAK;;;;;;;AAQ9E,MAAa,yBAAyB,YAAqB;CACzD,MAAM,CAAC,OAAO,YAAY,qBAAqB,SAAS;EACtD,MAAM;EACN,SAAS;EACV,CAAC;CAGF,IAAI;CACJ,IAAI;CAGJ,MAAM,eAAe,SAAS,OAAO,SAAS,SAAS;AAGvD,KAAI;EACF,MAAM,aAAa,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC;AAEzD,MAAI,cAAc,OAAO,WAAW,aAAa;AAE/C,uBAAoB,QAAQ;AAC5B,0BAAuB,QAAQ;;;;;;GAO/B,MAAM,QACH,QACA,GAAG,SAA+C;AACjD,OAAG,MAAM,SAAS,KAAK;AACvB,WAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC;;AAIrD,WAAQ,YAAY,KAAK,kBAAkB;AAC3C,WAAQ,eAAe,KAAK,qBAAqB;AAGjD,UAAO,iBAAiB,kBAAkB,OAAO;AACjD,UAAO,iBAAiB,YAAY,OAAO;AAC3C,UAAO,iBAAiB,cAAc,OAAO;AAG7C,WAAQ;AAGR,cAAW,gBAAgB;AACzB,WAAO,oBAAoB,kBAAkB,OAAO;AACpD,WAAO,oBAAoB,YAAY,OAAO;AAC9C,WAAO,oBAAoB,cAAc,OAAO;AAGhD,QAAI,kBAAmB,SAAQ,YAAY;AAC3C,QAAI,qBAAsB,SAAQ,eAAe;KACjD;;SAEE;AACN,UAAQ,KACN,yGAED;;AAGH,QAAO,CAAC,OAAO,SAAS"}
+{"version":3,"file":"useCrossURLPathState.mjs","names":[],"sources":["../../../src/editor/useCrossURLPathState.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport { useCrossFrameState } from './useCrossFrameState';\n\n/**\n * Hook to create and manage a cross-frame synchronized URL path state\n * @param initial - The initial URL path\n * @param opts - Options for controlling emit and receive behavior\n * @returns A tuple containing [state signal, setState function, forceSync function]\n */\nexport const useCrossURLPathState = (\n  initial?: string,\n  opts?: Parameters<typeof useCrossFrameState>[2]\n) => useCrossFrameState<string>(MessageKey.INTLAYER_URL_CHANGE, initial, opts);\n\n/**\n * Hook for host applications to push URL path changes into the shared state\n * This also monkey patches history methods to capture navigation events\n * @param initial - The initial URL path\n * @returns A tuple containing [state signal, setState function]\n */\nexport const useCrossURLPathSetter = (initial?: string) => {\n  const [state, setState] = useCrossURLPathState(initial, {\n    emit: true,\n    receive: false,\n  });\n\n  // Original history methods\n  let originalPushState: typeof history.pushState;\n  let originalReplaceState: typeof history.replaceState;\n\n  // Function to update state with current pathname\n  const update = () => setState(window.location.pathname);\n\n  // Use Angular's DestroyRef for cleanup instead of Vue lifecycle hooks\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n\n    if (destroyRef && typeof window !== 'undefined') {\n      // Save original methods\n      originalPushState = history.pushState;\n      originalReplaceState = history.replaceState;\n\n      /**\n       * Wraps a history function to dispatch a custom event when called\n       * @param fn - The history function to wrap\n       * @returns The wrapped function\n       */\n      const wrap =\n        (fn: typeof history.pushState) =>\n        (...args: Parameters<typeof history.pushState>) => {\n          fn.apply(history, args);\n          window.dispatchEvent(new Event('locationchange'));\n        };\n\n      // Patch history methods\n      history.pushState = wrap(originalPushState);\n      history.replaceState = wrap(originalReplaceState);\n\n      // Add event listeners\n      window.addEventListener('locationchange', update);\n      window.addEventListener('popstate', update);\n      window.addEventListener('hashchange', update);\n\n      // Initialize immediately\n      update();\n\n      // Clean up on destroy\n      destroyRef.onDestroy(() => {\n        window.removeEventListener('locationchange', update);\n        window.removeEventListener('popstate', update);\n        window.removeEventListener('hashchange', update);\n\n        // Restore original history methods\n        if (originalPushState) history.pushState = originalPushState;\n        if (originalReplaceState) history.replaceState = originalReplaceState;\n      });\n    }\n  } catch {\n    console.warn(\n      'useCrossURLPathSetter called outside injection context; ' +\n        'URL path synchronization may not be available.'\n    );\n  }\n\n  return [state, setState] as const;\n};\n"],"mappings":"mKAUA,MAAa,GACX,EACA,IACG,EAA2B,EAAW,oBAAqB,EAAS,EAAK,CAQjE,EAAyB,GAAqB,CACzD,GAAM,CAAC,EAAO,GAAY,EAAqB,EAAS,CACtD,KAAM,GACN,QAAS,GACV,CAAC,CAGE,EACA,EAGE,MAAe,EAAS,OAAO,SAAS,SAAS,CAGvD,GAAI,CACF,IAAM,EAAa,EAAO,EAAY,CAAE,SAAU,GAAM,CAAC,CAEzD,GAAI,GAAc,OAAO,OAAW,IAAa,CAE/C,EAAoB,QAAQ,UAC5B,EAAuB,QAAQ,aAO/B,IAAM,EACH,IACA,GAAG,IAA+C,CACjD,EAAG,MAAM,QAAS,EAAK,CACvB,OAAO,cAAc,IAAI,MAAM,iBAAiB,CAAC,EAIrD,QAAQ,UAAY,EAAK,EAAkB,CAC3C,QAAQ,aAAe,EAAK,EAAqB,CAGjD,OAAO,iBAAiB,iBAAkB,EAAO,CACjD,OAAO,iBAAiB,WAAY,EAAO,CAC3C,OAAO,iBAAiB,aAAc,EAAO,CAG7C,GAAQ,CAGR,EAAW,cAAgB,CACzB,OAAO,oBAAoB,iBAAkB,EAAO,CACpD,OAAO,oBAAoB,WAAY,EAAO,CAC9C,OAAO,oBAAoB,aAAc,EAAO,CAG5C,IAAmB,QAAQ,UAAY,GACvC,IAAsB,QAAQ,aAAe,IACjD,OAEE,CACN,QAAQ,KACN,yGAED,CAGH,MAAO,CAAC,EAAO,EAAS"}

package/dist/esm/editor/useEditedContentRenderer.mjs

@@ -1,27 +1,2 @@
-import { __decorate } from "../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.mjs";
-import { Injectable, InjectionToken, computed, inject } from "@angular/core";
-
-//#region src/editor/useEditedContentRenderer.ts
-const EDITED_CONTENT_ACTIONS_TOKEN = new InjectionToken("editedContentActions");
-let EditedContentRendererService = class EditedContentRendererService {
-	/**
-	* Mirrors the React hook one-for-one.
-	*/
-	useEditedContentRenderer(dictionaryKey, keyPath, fallback) {
-		const editedContentContext = inject(EDITED_CONTENT_ACTIONS_TOKEN, { optional: true });
-		return computed(() => {
-			return editedContentContext?.getEditedContentValue(dictionaryKey, keyPath) ?? fallback;
-		});
-	}
-};
-EditedContentRendererService = __decorate([Injectable({ providedIn: "root" })], EditedContentRendererService);
-/**
-* Standalone function that can be used like the Vue composable
-*/
-const useEditedContentRenderer = (dictionaryKey, keyPath, fallback) => {
-	return inject(EditedContentRendererService).useEditedContentRenderer(dictionaryKey, keyPath, fallback);
-};
-
-//#endregion
-export { EDITED_CONTENT_ACTIONS_TOKEN, EditedContentRendererService, useEditedContentRenderer };
+import{__decorate as e}from"../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.mjs";import{Injectable as t,InjectionToken as n,computed as r,inject as i}from"@angular/core";const a=new n(`editedContentActions`);let o=class{useEditedContentRenderer(e,t,n){let o=i(a,{optional:!0});return r(()=>o?.getEditedContentValue(e,t)??n)}};o=e([t({providedIn:`root`})],o);const s=(e,t,n)=>i(o).useEditedContentRenderer(e,t,n);export{a as EDITED_CONTENT_ACTIONS_TOKEN,o as EditedContentRendererService,s as useEditedContentRenderer};
 //# sourceMappingURL=useEditedContentRenderer.mjs.map

package/dist/esm/editor/useEditedContentRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditedContentRenderer.mjs","names":[],"sources":["../../../src/editor/useEditedContentRenderer.ts"],"sourcesContent":["import {\n  computed,\n  Injectable,\n  InjectionToken,\n  inject,\n  type Signal,\n} from '@angular/core';\nimport type { KeyPath } from '@intlayer/types';\n\nexport interface EditedContentActions {\n  getEditedContentValue(dictionaryKey: string, keyPath: KeyPath[]): unknown;\n}\n\nexport const EDITED_CONTENT_ACTIONS_TOKEN =\n  new InjectionToken<EditedContentActions | null>('editedContentActions');\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class EditedContentRendererService {\n  /**\n   * Mirrors the React hook one-for-one.\n   */\n  useEditedContentRenderer(\n    dictionaryKey: string,\n    keyPath: KeyPath[],\n    fallback: unknown\n  ): Signal<unknown> {\n    const editedContentContext = inject(EDITED_CONTENT_ACTIONS_TOKEN, {\n      optional: true,\n    });\n\n    return computed(() => {\n      const edited = editedContentContext?.getEditedContentValue(\n        dictionaryKey,\n        keyPath\n      ) as string | undefined;\n\n      return edited ?? fallback;\n    });\n  }\n}\n\n/**\n * Standalone function that can be used like the Vue composable\n */\nexport const useEditedContentRenderer = (\n  dictionaryKey: string,\n  keyPath: KeyPath[],\n  fallback: unknown\n): Signal<unknown> => {\n  const service = inject(EditedContentRendererService);\n  return service.useEditedContentRenderer(dictionaryKey, keyPath, fallback);\n};\n"],"mappings":";;;;AAaA,MAAa,+BACX,IAAI,eAA4C,uBAAuB;AAKlE,yCAAM,6BAA6B;;;;CAIxC,yBACE,eACA,SACA,UACiB;EACjB,MAAM,uBAAuB,OAAO,8BAA8B,EAChE,UAAU,MACX,CAAC;AAEF,SAAO,eAAe;AAMpB,UALe,sBAAsB,sBACnC,eACA,QACD,IAEgB;IACjB;;;2CAvBL,WAAW,EACV,YAAY,QACb,CAAC;;;;AA4BF,MAAa,4BACX,eACA,SACA,aACoB;AAEpB,QADgB,OAAO,6BAA6B,CACrC,yBAAyB,eAAe,SAAS,SAAS"}
+{"version":3,"file":"useEditedContentRenderer.mjs","names":[],"sources":["../../../src/editor/useEditedContentRenderer.ts"],"sourcesContent":["import {\n  computed,\n  Injectable,\n  InjectionToken,\n  inject,\n  type Signal,\n} from '@angular/core';\nimport type { KeyPath } from '@intlayer/types';\n\nexport interface EditedContentActions {\n  getEditedContentValue(dictionaryKey: string, keyPath: KeyPath[]): unknown;\n}\n\nexport const EDITED_CONTENT_ACTIONS_TOKEN =\n  new InjectionToken<EditedContentActions | null>('editedContentActions');\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class EditedContentRendererService {\n  /**\n   * Mirrors the React hook one-for-one.\n   */\n  useEditedContentRenderer(\n    dictionaryKey: string,\n    keyPath: KeyPath[],\n    fallback: unknown\n  ): Signal<unknown> {\n    const editedContentContext = inject(EDITED_CONTENT_ACTIONS_TOKEN, {\n      optional: true,\n    });\n\n    return computed(() => {\n      const edited = editedContentContext?.getEditedContentValue(\n        dictionaryKey,\n        keyPath\n      ) as string | undefined;\n\n      return edited ?? fallback;\n    });\n  }\n}\n\n/**\n * Standalone function that can be used like the Vue composable\n */\nexport const useEditedContentRenderer = (\n  dictionaryKey: string,\n  keyPath: KeyPath[],\n  fallback: unknown\n): Signal<unknown> => {\n  const service = inject(EditedContentRendererService);\n  return service.useEditedContentRenderer(dictionaryKey, keyPath, fallback);\n};\n"],"mappings":"qLAaA,MAAa,EACX,IAAI,EAA4C,uBAAuB,CAKlE,IAAA,EAAA,KAAmC,CAIxC,yBACE,EACA,EACA,EACiB,CACjB,IAAM,EAAuB,EAAO,EAA8B,CAChE,SAAU,GACX,CAAC,CAEF,OAAO,MACU,GAAsB,sBACnC,EACA,EACD,EAEgB,EACjB,QAvBL,EAAW,CACV,WAAY,OACb,CAAC,CAAA,CAAA,EAAA,CA4BF,MAAa,GACX,EACA,EACA,IAEgB,EAAO,EAA6B,CACrC,yBAAyB,EAAe,EAAS,EAAS"}

package/dist/esm/editor/useEditor.mjs

@@ -1,24 +1,2 @@
-import { createSharedComposable } from "./createSharedComposable.mjs";
-import { useEditorEnabled } from "./editorEnabled.mjs";
-import { useFocusDictionary } from "./focusDictionary.mjs";
-import { useConfiguration } from "./configuration.mjs";
-import { useDictionariesRecord } from "./dictionariesRecord.mjs";
-import { useEditorLocale } from "./editorLocale.mjs";
-import { useCrossURLPathSetter } from "./useCrossURLPathState.mjs";
-import { useIframeClickMerger } from "./useIframeClickInterceptor.mjs";
-
-//#region src/editor/useEditor.ts
-const useEditor = createSharedComposable(() => {
-	useConfiguration();
-	useEditorEnabled();
-	useFocusDictionary();
-	useIframeClickMerger();
-	useCrossURLPathSetter();
-	useEditorLocale();
-	useDictionariesRecord();
-	useEditorLocale();
-});
-
-//#endregion
-export { useEditor };
+import{createSharedComposable as e}from"./createSharedComposable.mjs";import{useEditorEnabled as t}from"./editorEnabled.mjs";import{useFocusDictionary as n}from"./focusDictionary.mjs";import{useConfiguration as r}from"./configuration.mjs";import{useDictionariesRecord as i}from"./dictionariesRecord.mjs";import{useEditorLocale as a}from"./editorLocale.mjs";import{useCrossURLPathSetter as o}from"./useCrossURLPathState.mjs";import{useIframeClickMerger as s}from"./useIframeClickInterceptor.mjs";const c=e(()=>{r(),t(),n(),s(),o(),a(),i(),a()});export{c as useEditor};
 //# sourceMappingURL=useEditor.mjs.map

package/dist/esm/editor/useEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import { useConfiguration } from './configuration';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useDictionariesRecord } from './dictionariesRecord';\nimport { useEditorEnabled } from './editorEnabled';\nimport { useEditorLocale } from './editorLocale';\nimport { useFocusDictionary } from './focusDictionary';\nimport { useCrossURLPathSetter } from './useCrossURLPathState';\nimport { useIframeClickMerger } from './useIframeClickInterceptor';\n\nexport const useEditor = createSharedComposable(() => {\n  useConfiguration();\n  useEditorEnabled();\n  useFocusDictionary();\n  useIframeClickMerger();\n  useCrossURLPathSetter();\n  useEditorLocale();\n  useDictionariesRecord();\n  useEditorLocale();\n});\n"],"mappings":";;;;;;;;;;AASA,MAAa,YAAY,6BAA6B;AACpD,mBAAkB;AAClB,mBAAkB;AAClB,qBAAoB;AACpB,uBAAsB;AACtB,wBAAuB;AACvB,kBAAiB;AACjB,wBAAuB;AACvB,kBAAiB;EACjB"}
+{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import { useConfiguration } from './configuration';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useDictionariesRecord } from './dictionariesRecord';\nimport { useEditorEnabled } from './editorEnabled';\nimport { useEditorLocale } from './editorLocale';\nimport { useFocusDictionary } from './focusDictionary';\nimport { useCrossURLPathSetter } from './useCrossURLPathState';\nimport { useIframeClickMerger } from './useIframeClickInterceptor';\n\nexport const useEditor = createSharedComposable(() => {\n  useConfiguration();\n  useEditorEnabled();\n  useFocusDictionary();\n  useIframeClickMerger();\n  useCrossURLPathSetter();\n  useEditorLocale();\n  useDictionariesRecord();\n  useEditorLocale();\n});\n"],"mappings":"+eASA,MAAa,EAAY,MAA6B,CACpD,GAAkB,CAClB,GAAkB,CAClB,GAAoB,CACpB,GAAsB,CACtB,GAAuB,CACvB,GAAiB,CACjB,GAAuB,CACvB,GAAiB,EACjB"}

package/dist/esm/editor/useIframeClickInterceptor.mjs

@@ -1,37 +1,2 @@
-import { createSharedComposable } from "./createSharedComposable.mjs";
-import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.mjs";
-import { DestroyRef, inject } from "@angular/core";
-import { MessageKey, mergeIframeClick } from "@intlayer/editor";
-
-//#region src/editor/useIframeClickInterceptor.ts
-/**
-* Hook that intercepts clicks in the iframe and sends them to the parent window
-* This allows the parent window to know when the iframe is clicked
-*/
-const useIframeClickInterceptor = createSharedComposable(() => {
-	const postMessage = useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED);
-	const handler = () => {
-		postMessage();
-	};
-	try {
-		const destroyRef = inject(DestroyRef, { optional: true });
-		if (destroyRef && typeof window !== "undefined") {
-			window.addEventListener("mousedown", handler);
-			destroyRef.onDestroy(() => window.removeEventListener("mousedown", handler));
-		}
-	} catch {
-		console.warn("useIframeClickInterceptor called outside injection context; event listener setup may not be available.");
-	}
-});
-/**
-* Hook for the parent window to listen for iframe clicks and merge them
-* This makes iframe clicks behave as if they happened in the parent window
-*/
-const useIframeClickMerger = createSharedComposable(() => {
-	useIframeClickInterceptor();
-	useCrossFrameMessageListener(MessageKey.INTLAYER_IFRAME_CLICKED, mergeIframeClick);
-});
-
-//#endregion
-export { useIframeClickInterceptor, useIframeClickMerger };
+import{createSharedComposable as e}from"./createSharedComposable.mjs";import{useCrossFrameMessageListener as t}from"./useCrossFrameMessageListener.mjs";import{DestroyRef as n,inject as r}from"@angular/core";import{MessageKey as i,mergeIframeClick as a}from"@intlayer/editor";const o=e(()=>{let e=t(i.INTLAYER_IFRAME_CLICKED),a=()=>{e()};try{let e=r(n,{optional:!0});e&&typeof window<`u`&&(window.addEventListener(`mousedown`,a),e.onDestroy(()=>window.removeEventListener(`mousedown`,a)))}catch{console.warn(`useIframeClickInterceptor called outside injection context; event listener setup may not be available.`)}}),s=e(()=>{o(),t(i.INTLAYER_IFRAME_CLICKED,a)});export{o as useIframeClickInterceptor,s as useIframeClickMerger};
 //# sourceMappingURL=useIframeClickInterceptor.mjs.map

package/dist/esm/editor/useIframeClickInterceptor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useIframeClickInterceptor.mjs","names":[],"sources":["../../../src/editor/useIframeClickInterceptor.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\n/* ─────────────────────────────────────────────\n   1.  \"Interceptor\" – send a postMessage when\n       the editor iframe itself is clicked.\n────────────────────────────────────────────── */\n/**\n * Hook that intercepts clicks in the iframe and sends them to the parent window\n * This allows the parent window to know when the iframe is clicked\n */\nexport const useIframeClickInterceptor = createSharedComposable(() => {\n  const postMessage = useCrossFrameMessageListener<undefined>(\n    MessageKey.INTLAYER_IFRAME_CLICKED\n  );\n\n  const handler = () => {\n    postMessage();\n  };\n\n  // Use Angular's DestroyRef for cleanup instead of Vue's lifecycle hooks\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n\n    if (destroyRef && typeof window !== 'undefined') {\n      // Set up event listener immediately\n      window.addEventListener('mousedown', handler);\n\n      // Clean up on destroy\n      destroyRef.onDestroy(() =>\n        window.removeEventListener('mousedown', handler)\n      );\n    }\n  } catch {\n    console.warn(\n      'useIframeClickInterceptor called outside injection context; ' +\n        'event listener setup may not be available.'\n    );\n  }\n});\n\n/**\n * Hook for the parent window to listen for iframe clicks and merge them\n * This makes iframe clicks behave as if they happened in the parent window\n */\nexport const useIframeClickMerger = createSharedComposable(() => {\n  useIframeClickInterceptor();\n\n  useCrossFrameMessageListener<MessageEvent>(\n    MessageKey.INTLAYER_IFRAME_CLICKED,\n    mergeIframeClick\n  );\n});\n"],"mappings":";;;;;;;;;;AAaA,MAAa,4BAA4B,6BAA6B;CACpE,MAAM,cAAc,6BAClB,WAAW,wBACZ;CAED,MAAM,gBAAgB;AACpB,eAAa;;AAIf,KAAI;EACF,MAAM,aAAa,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC;AAEzD,MAAI,cAAc,OAAO,WAAW,aAAa;AAE/C,UAAO,iBAAiB,aAAa,QAAQ;AAG7C,cAAW,gBACT,OAAO,oBAAoB,aAAa,QAAQ,CACjD;;SAEG;AACN,UAAQ,KACN,yGAED;;EAEH;;;;;AAMF,MAAa,uBAAuB,6BAA6B;AAC/D,4BAA2B;AAE3B,8BACE,WAAW,yBACX,iBACD;EACD"}
+{"version":3,"file":"useIframeClickInterceptor.mjs","names":[],"sources":["../../../src/editor/useIframeClickInterceptor.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport { MessageKey, mergeIframeClick } from '@intlayer/editor';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\n/* ─────────────────────────────────────────────\n   1.  \"Interceptor\" – send a postMessage when\n       the editor iframe itself is clicked.\n────────────────────────────────────────────── */\n/**\n * Hook that intercepts clicks in the iframe and sends them to the parent window\n * This allows the parent window to know when the iframe is clicked\n */\nexport const useIframeClickInterceptor = createSharedComposable(() => {\n  const postMessage = useCrossFrameMessageListener<undefined>(\n    MessageKey.INTLAYER_IFRAME_CLICKED\n  );\n\n  const handler = () => {\n    postMessage();\n  };\n\n  // Use Angular's DestroyRef for cleanup instead of Vue's lifecycle hooks\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n\n    if (destroyRef && typeof window !== 'undefined') {\n      // Set up event listener immediately\n      window.addEventListener('mousedown', handler);\n\n      // Clean up on destroy\n      destroyRef.onDestroy(() =>\n        window.removeEventListener('mousedown', handler)\n      );\n    }\n  } catch {\n    console.warn(\n      'useIframeClickInterceptor called outside injection context; ' +\n        'event listener setup may not be available.'\n    );\n  }\n});\n\n/**\n * Hook for the parent window to listen for iframe clicks and merge them\n * This makes iframe clicks behave as if they happened in the parent window\n */\nexport const useIframeClickMerger = createSharedComposable(() => {\n  useIframeClickInterceptor();\n\n  useCrossFrameMessageListener<MessageEvent>(\n    MessageKey.INTLAYER_IFRAME_CLICKED,\n    mergeIframeClick\n  );\n});\n"],"mappings":"mRAaA,MAAa,EAA4B,MAA6B,CACpE,IAAM,EAAc,EAClB,EAAW,wBACZ,CAEK,MAAgB,CACpB,GAAa,EAIf,GAAI,CACF,IAAM,EAAa,EAAO,EAAY,CAAE,SAAU,GAAM,CAAC,CAErD,GAAc,OAAO,OAAW,MAElC,OAAO,iBAAiB,YAAa,EAAQ,CAG7C,EAAW,cACT,OAAO,oBAAoB,YAAa,EAAQ,CACjD,OAEG,CACN,QAAQ,KACN,yGAED,GAEH,CAMW,EAAuB,MAA6B,CAC/D,GAA2B,CAE3B,EACE,EAAW,wBACX,EACD,EACD"}

package/dist/esm/getDictionary.mjs

@@ -1,16 +1,2 @@
-import { htmlPlugin, intlayerNodePlugins, markdownPlugin } from "./plugins.mjs";
-import { getDictionary as getDictionary$1 } from "@intlayer/core";
-
-//#region src/getDictionary.ts
-const getDictionary = (dictionary, locale, additionalPlugins) => {
-	return getDictionary$1(dictionary, locale, [
-		intlayerNodePlugins,
-		markdownPlugin,
-		htmlPlugin,
-		...additionalPlugins ?? []
-	]);
-};
-
-//#endregion
-export { getDictionary };
+import{htmlPlugin as e,intlayerNodePlugins as t,markdownPlugin as n}from"./plugins.mjs";import{getDictionary as r}from"@intlayer/core/interpreter";const i=(i,a,o)=>r(i,a,[t,n,e,...o??[]]);export{i as getDictionary};
 //# sourceMappingURL=getDictionary.mjs.map

package/dist/esm/getDictionary.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getDictionary.mjs","names":["getDictionaryCore"],"sources":["../../src/getDictionary.ts"],"sourcesContent":["import {\n  getDictionary as getDictionaryCore,\n  type Plugins,\n} from '@intlayer/core';\nimport type {\n  DeclaredLocales,\n  Dictionary,\n  LocalesValues,\n} from '@intlayer/types';\nimport { htmlPlugin, intlayerNodePlugins, markdownPlugin } from './plugins';\n\nexport const getDictionary = <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionary: T,\n  locale?: L,\n  additionalPlugins?: Plugins[]\n) => {\n  const plugins: Plugins[] = [\n    intlayerNodePlugins,\n    markdownPlugin,\n    htmlPlugin,\n    ...(additionalPlugins ?? []),\n  ];\n\n  return getDictionaryCore<T, L>(dictionary, locale, plugins);\n};\n"],"mappings":";;;;AAWA,MAAa,iBAIX,YACA,QACA,sBACG;AAQH,QAAOA,gBAAwB,YAAY,QAPhB;EACzB;EACA;EACA;EACA,GAAI,qBAAqB,EAAE;EAC5B,CAE0D"}
+{"version":3,"file":"getDictionary.mjs","names":["getDictionaryCore"],"sources":["../../src/getDictionary.ts"],"sourcesContent":["import {\n  getDictionary as getDictionaryCore,\n  type Plugins,\n} from '@intlayer/core/interpreter';\nimport type {\n  DeclaredLocales,\n  Dictionary,\n  LocalesValues,\n} from '@intlayer/types';\nimport { htmlPlugin, intlayerNodePlugins, markdownPlugin } from './plugins';\n\nexport const getDictionary = <\n  T extends Dictionary,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  dictionary: T,\n  locale?: L,\n  additionalPlugins?: Plugins[]\n) => {\n  const plugins: Plugins[] = [\n    intlayerNodePlugins,\n    markdownPlugin,\n    htmlPlugin,\n    ...(additionalPlugins ?? []),\n  ];\n\n  return getDictionaryCore<T, L>(dictionary, locale, plugins);\n};\n"],"mappings":"mJAWA,MAAa,GAIX,EACA,EACA,IASOA,EAAwB,EAAY,EAPhB,CACzB,EACA,EACA,EACA,GAAI,GAAqB,EAAE,CAC5B,CAE0D"}

package/dist/esm/getIntlayer.mjs

@@ -1,17 +1,2 @@
-import { htmlPlugin, insertionPlugin, intlayerNodePlugins, markdownPlugin } from "./plugins.mjs";
-import { getIntlayer as getIntlayer$1 } from "@intlayer/core";
-
-//#region src/getIntlayer.ts
-const getIntlayer = (key, locale, additionalPlugins) => {
-	return getIntlayer$1(key, locale, [
-		intlayerNodePlugins,
-		markdownPlugin,
-		htmlPlugin,
-		insertionPlugin,
-		...additionalPlugins ?? []
-	]);
-};
-
-//#endregion
-export { getIntlayer };
+import{htmlPlugin as e,insertionPlugin as t,intlayerNodePlugins as n,markdownPlugin as r}from"./plugins.mjs";import{getIntlayer as i}from"@intlayer/core/interpreter";const a=(a,o,s)=>i(a,o,[n,r,e,t,...s??[]]);export{a as getIntlayer};
 //# sourceMappingURL=getIntlayer.mjs.map

package/dist/esm/getIntlayer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"getIntlayer.mjs","names":["getIntlayerCore"],"sources":["../../src/getIntlayer.ts"],"sourcesContent":["import { getIntlayer as getIntlayerCore, type Plugins } from '@intlayer/core';\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types';\nimport {\n  type DeepTransformContent,\n  htmlPlugin,\n  insertionPlugin,\n  intlayerNodePlugins,\n  markdownPlugin,\n} from './plugins';\n\nexport const getIntlayer = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  key: T,\n  locale?: L,\n  additionalPlugins?: Plugins[]\n) => {\n  const plugins: Plugins[] = [\n    intlayerNodePlugins,\n    markdownPlugin,\n    htmlPlugin,\n    insertionPlugin,\n    ...(additionalPlugins ?? []),\n  ];\n\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  return getIntlayerCore<T, L>(key, locale, plugins) as DeepTransformContent<\n    DictionaryRegistryContent<T>\n  >;\n};\n"],"mappings":";;;;AAeA,MAAa,eAIX,KACA,QACA,sBACG;AAUH,QAAOA,cAAsB,KAAK,QATP;EACzB;EACA;EACA;EACA;EACA,GAAI,qBAAqB,EAAE;EAC5B,CAGiD"}
+{"version":3,"file":"getIntlayer.mjs","names":["getIntlayerCore"],"sources":["../../src/getIntlayer.ts"],"sourcesContent":["import {\n  getIntlayer as getIntlayerCore,\n  type Plugins,\n} from '@intlayer/core/interpreter';\nimport type {\n  DeclaredLocales,\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types';\nimport {\n  type DeepTransformContent,\n  htmlPlugin,\n  insertionPlugin,\n  intlayerNodePlugins,\n  markdownPlugin,\n} from './plugins';\n\nexport const getIntlayer = <\n  T extends DictionaryKeys,\n  L extends LocalesValues = DeclaredLocales,\n>(\n  key: T,\n  locale?: L,\n  additionalPlugins?: Plugins[]\n) => {\n  const plugins: Plugins[] = [\n    intlayerNodePlugins,\n    markdownPlugin,\n    htmlPlugin,\n    insertionPlugin,\n    ...(additionalPlugins ?? []),\n  ];\n\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  return getIntlayerCore<T, L>(key, locale, plugins) as DeepTransformContent<\n    DictionaryRegistryContent<T>\n  >;\n};\n"],"mappings":"sKAkBA,MAAa,GAIX,EACA,EACA,IAWOA,EAAsB,EAAK,EATP,CACzB,EACA,EACA,EACA,EACA,GAAI,GAAqB,EAAE,CAC5B,CAGiD"}