angular-intlayer 8.1.2 → 8.1.3

package/dist/cjs/editor/dictionariesRecord.cjs

@@ -1,50 +1,2 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_createSharedComposable = require('./createSharedComposable.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-let _angular_core = require("@angular/core");
-let _intlayer_editor = require("@intlayer/editor");
-
-//#region src/editor/dictionariesRecord.ts
-/**
-* Singleton instance
-*/
-let instance = null;
-const createDictionaryRecordClient = () => {
-	if (instance) return instance;
-	const localeDictionariesSignal = (0, _angular_core.signal)(void 0);
-	instance = {
-		localeDictionaries: localeDictionariesSignal.asReadonly(),
-		setLocaleDictionaries: (newValue) => {
-			localeDictionariesSignal.set(newValue ?? {});
-		},
-		setLocaleDictionary(dictionary) {
-			const current = localeDictionariesSignal();
-			localeDictionariesSignal.set({
-				...current,
-				[dictionary.localId]: dictionary
-			});
-		}
-	};
-	return instance;
-};
-/**
-* Helper to install the provider into the injector
-*/
-const installDictionariesRecord = (_injector) => {
-	createDictionaryRecordClient();
-};
-const useDictionariesRecord = require_editor_createSharedComposable.createSharedComposable(() => {
-	const client = createDictionaryRecordClient();
-	if (!client) throw new Error("DictionariesRecord state not found");
-	const [_dictionariesRecord, setDictionariesRecord] = require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED, void 0);
-	(0, _angular_core.effect)(() => {
-		setDictionariesRecord(client.localeDictionaries());
-	});
-});
-
-//#endregion
-exports.createDictionaryRecordClient = createDictionaryRecordClient;
-exports.installDictionariesRecord = installDictionariesRecord;
-exports.useDictionariesRecord = useDictionariesRecord;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./createSharedComposable.cjs`),t=require(`./useCrossFrameState.cjs`);let n=require(`@angular/core`),r=require(`@intlayer/editor`),i=null;const a=()=>{if(i)return i;let e=(0,n.signal)(void 0);return i={localeDictionaries:e.asReadonly(),setLocaleDictionaries:t=>{e.set(t??{})},setLocaleDictionary(t){let n=e();e.set({...n,[t.localId]:t})}},i},o=e=>{a()},s=e.createSharedComposable(()=>{let e=a();if(!e)throw Error(`DictionariesRecord state not found`);let[i,o]=t.useCrossFrameState(r.MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,void 0);(0,n.effect)(()=>{o(e.localeDictionaries())})});exports.createDictionaryRecordClient=a,exports.installDictionariesRecord=o,exports.useDictionariesRecord=s;
 //# sourceMappingURL=dictionariesRecord.cjs.map

package/dist/cjs/editor/dictionariesRecord.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dictionariesRecord.cjs","names":["createSharedComposable","useCrossFrameState","MessageKey"],"sources":["../../../src/editor/dictionariesRecord.ts"],"sourcesContent":["import { effect, type Injector, type Signal, signal } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport type { Dictionary } from '@intlayer/types';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameState } from './useCrossFrameState';\n\n/**\n * Singleton instance\n */\nlet instance: DictionariesRecordClient | null = null;\n\nexport type DictionaryContent = Record<Dictionary['key'], Dictionary>;\n\ntype DictionariesRecordClient = {\n  localeDictionaries: Signal<DictionaryContent>;\n  setLocaleDictionaries: (newValue: DictionaryContent) => void;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\nexport const createDictionaryRecordClient = () => {\n  if (instance) return instance;\n\n  const localeDictionariesSignal = signal<DictionaryContent | undefined>(\n    undefined\n  );\n\n  instance = {\n    localeDictionaries:\n      localeDictionariesSignal.asReadonly() as Signal<DictionaryContent>,\n\n    setLocaleDictionaries: (newValue) => {\n      localeDictionariesSignal.set(newValue ?? {});\n    },\n\n    setLocaleDictionary(dictionary) {\n      const current = localeDictionariesSignal();\n      localeDictionariesSignal.set({\n        ...current,\n        [dictionary.localId!]: dictionary,\n      });\n    },\n  };\n\n  return instance;\n};\n\n/**\n * Helper to install the provider into the injector\n */\nexport const installDictionariesRecord = (_injector: Injector) => {\n  const _client = createDictionaryRecordClient();\n\n  // Angular doesn't have a direct equivalent to Vue's app.provide\n  // The client is stored as a singleton and accessed via createDictionaryRecordClient\n};\n\nexport const useDictionariesRecord = createSharedComposable(() => {\n  const client = createDictionaryRecordClient();\n\n  if (!client) {\n    throw new Error('DictionariesRecord state not found');\n  }\n\n  const [_dictionariesRecord, setDictionariesRecord] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      undefined\n    );\n\n  // Use Angular effects instead of Vue watchers\n  effect(() => {\n    const newValue = client.localeDictionaries();\n    setDictionariesRecord(newValue); // its undefined but shouldnt\n  });\n});\n"],"mappings":";;;;;;;;;;;AASA,IAAI,WAA4C;AAUhD,MAAa,qCAAqC;AAChD,KAAI,SAAU,QAAO;CAErB,MAAM,qDACJ,OACD;AAED,YAAW;EACT,oBACE,yBAAyB,YAAY;EAEvC,wBAAwB,aAAa;AACnC,4BAAyB,IAAI,YAAY,EAAE,CAAC;;EAG9C,oBAAoB,YAAY;GAC9B,MAAM,UAAU,0BAA0B;AAC1C,4BAAyB,IAAI;IAC3B,GAAG;KACF,WAAW,UAAW;IACxB,CAAC;;EAEL;AAED,QAAO;;;;;AAMT,MAAa,6BAA6B,cAAwB;AAChD,+BAA8B;;AAMhD,MAAa,wBAAwBA,mEAA6B;CAChE,MAAM,SAAS,8BAA8B;AAE7C,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,qCAAqC;CAGvD,MAAM,CAAC,qBAAqB,yBAC1BC,qDACEC,4BAAW,sCACX,OACD;AAGH,iCAAa;AAEX,wBADiB,OAAO,oBAAoB,CACb;GAC/B;EACF"}
+{"version":3,"file":"dictionariesRecord.cjs","names":["createSharedComposable","useCrossFrameState","MessageKey"],"sources":["../../../src/editor/dictionariesRecord.ts"],"sourcesContent":["import { effect, type Injector, type Signal, signal } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport type { Dictionary } from '@intlayer/types';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameState } from './useCrossFrameState';\n\n/**\n * Singleton instance\n */\nlet instance: DictionariesRecordClient | null = null;\n\nexport type DictionaryContent = Record<Dictionary['key'], Dictionary>;\n\ntype DictionariesRecordClient = {\n  localeDictionaries: Signal<DictionaryContent>;\n  setLocaleDictionaries: (newValue: DictionaryContent) => void;\n  setLocaleDictionary: (dictionary: Dictionary) => void;\n};\n\nexport const createDictionaryRecordClient = () => {\n  if (instance) return instance;\n\n  const localeDictionariesSignal = signal<DictionaryContent | undefined>(\n    undefined\n  );\n\n  instance = {\n    localeDictionaries:\n      localeDictionariesSignal.asReadonly() as Signal<DictionaryContent>,\n\n    setLocaleDictionaries: (newValue) => {\n      localeDictionariesSignal.set(newValue ?? {});\n    },\n\n    setLocaleDictionary(dictionary) {\n      const current = localeDictionariesSignal();\n      localeDictionariesSignal.set({\n        ...current,\n        [dictionary.localId!]: dictionary,\n      });\n    },\n  };\n\n  return instance;\n};\n\n/**\n * Helper to install the provider into the injector\n */\nexport const installDictionariesRecord = (_injector: Injector) => {\n  const _client = createDictionaryRecordClient();\n\n  // Angular doesn't have a direct equivalent to Vue's app.provide\n  // The client is stored as a singleton and accessed via createDictionaryRecordClient\n};\n\nexport const useDictionariesRecord = createSharedComposable(() => {\n  const client = createDictionaryRecordClient();\n\n  if (!client) {\n    throw new Error('DictionariesRecord state not found');\n  }\n\n  const [_dictionariesRecord, setDictionariesRecord] =\n    useCrossFrameState<DictionaryContent>(\n      MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,\n      undefined\n    );\n\n  // Use Angular effects instead of Vue watchers\n  effect(() => {\n    const newValue = client.localeDictionaries();\n    setDictionariesRecord(newValue); // its undefined but shouldnt\n  });\n});\n"],"mappings":"mQASI,EAA4C,KAUhD,MAAa,MAAqC,CAChD,GAAI,EAAU,OAAO,EAErB,IAAM,GAAA,EAAA,EAAA,QACJ,IAAA,GACD,CAmBD,MAjBA,GAAW,CACT,mBACE,EAAyB,YAAY,CAEvC,sBAAwB,GAAa,CACnC,EAAyB,IAAI,GAAY,EAAE,CAAC,EAG9C,oBAAoB,EAAY,CAC9B,IAAM,EAAU,GAA0B,CAC1C,EAAyB,IAAI,CAC3B,GAAG,GACF,EAAW,SAAW,EACxB,CAAC,EAEL,CAEM,GAMI,EAA6B,GAAwB,CAChD,GAA8B,EAMnC,EAAwBA,EAAAA,2BAA6B,CAChE,IAAM,EAAS,GAA8B,CAE7C,GAAI,CAAC,EACH,MAAU,MAAM,qCAAqC,CAGvD,GAAM,CAAC,EAAqB,GAC1BC,EAAAA,mBACEC,EAAAA,WAAW,qCACX,IAAA,GACD,EAGH,EAAA,EAAA,YAAa,CAEX,EADiB,EAAO,oBAAoB,CACb,EAC/B,EACF"}

package/dist/cjs/editor/editedContent.cjs

@@ -1,62 +1,2 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_createSharedComposable = require('./createSharedComposable.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-let _intlayer_core = require("@intlayer/core");
-let _angular_core = require("@angular/core");
-let _intlayer_editor = require("@intlayer/editor");
-
-//#region src/editor/editedContent.ts
-/**
-* Singleton instance
-*/
-let instance = null;
-/**
-* Creates an edited content client
-*/
-const createEditedContentClient = () => {
-	if (instance) return instance;
-	const editedContentSignal = (0, _angular_core.signal)({});
-	instance = {
-		editedContent: editedContentSignal.asReadonly(),
-		getEditedContentValue: (localDictionaryIdOrKey, keyPath) => {
-			const editedContent = editedContentSignal();
-			if (!editedContent) return void 0;
-			if (localDictionaryIdOrKey.includes(":local:") || localDictionaryIdOrKey.includes(":remote:")) return (0, _intlayer_core.getContentNodeByKeyPath)(editedContent?.[localDictionaryIdOrKey]?.content ?? {}, keyPath);
-			const filteredDictionariesLocalId = Object.keys(editedContent).filter((key) => key.startsWith(`${localDictionaryIdOrKey}:`));
-			for (const localDictionaryId of filteredDictionariesLocalId) {
-				const contentNode = (0, _intlayer_core.getContentNodeByKeyPath)(editedContent?.[localDictionaryId]?.content ?? {}, keyPath);
-				if (contentNode) return contentNode;
-			}
-		},
-		setEditedContent: (editedContent) => {
-			editedContentSignal.set(editedContent);
-		}
-	};
-	return instance;
-};
-/**
-* Helper to install the edited content into the injector
-*/
-const installEditedContent = (_injector) => {
-	createEditedContentClient();
-};
-const useEditedContent = require_editor_createSharedComposable.createSharedComposable(() => {
-	const client = createEditedContentClient();
-	if (!client) throw new Error("EditedContent state not found");
-	const [edited, setEdited] = require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED, {});
-	(0, _angular_core.effect)(() => {
-		const newValue = edited();
-		client.setEditedContent(newValue ?? {});
-	});
-	(0, _angular_core.effect)(() => {
-		setEdited(client.editedContent());
-	});
-	return client;
-});
-
-//#endregion
-exports.createEditedContentClient = createEditedContentClient;
-exports.installEditedContent = installEditedContent;
-exports.useEditedContent = useEditedContent;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./createSharedComposable.cjs`),t=require(`./useCrossFrameState.cjs`);let n=require(`@angular/core`),r=require(`@intlayer/editor`),i=require(`@intlayer/core/dictionaryManipulator`),a=null;const o=()=>{if(a)return a;let e=(0,n.signal)({});return a={editedContent:e.asReadonly(),getEditedContentValue:(t,n)=>{let r=e();if(!r)return;if(t.includes(`:local:`)||t.includes(`:remote:`))return(0,i.getContentNodeByKeyPath)(r?.[t]?.content??{},n);let a=Object.keys(r).filter(e=>e.startsWith(`${t}:`));for(let e of a){let t=(0,i.getContentNodeByKeyPath)(r?.[e]?.content??{},n);if(t)return t}},setEditedContent:t=>{e.set(t)}},a},s=e=>{o()},c=e.createSharedComposable(()=>{let e=o();if(!e)throw Error(`EditedContent state not found`);let[i,a]=t.useCrossFrameState(r.MessageKey.INTLAYER_EDITED_CONTENT_CHANGED,{});return(0,n.effect)(()=>{let t=i();e.setEditedContent(t??{})}),(0,n.effect)(()=>{a(e.editedContent())}),e});exports.createEditedContentClient=o,exports.installEditedContent=s,exports.useEditedContent=c;
 //# sourceMappingURL=editedContent.cjs.map

package/dist/cjs/editor/editedContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editedContent.cjs","names":["createSharedComposable","useCrossFrameState","MessageKey"],"sources":["../../../src/editor/editedContent.ts"],"sourcesContent":["import { effect, type Injector, type Signal, signal } from '@angular/core';\nimport { getContentNodeByKeyPath } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  KeyPath,\n  LocalDictionaryId,\n} from '@intlayer/types';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type EditedContent = Record<Dictionary['key'], Dictionary>;\n\ntype EditedContentClient = {\n  editedContent: Signal<EditedContent>;\n  setEditedContent: (editedContent: EditedContent) => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\n/**\n * Singleton instance\n */\nlet instance: EditedContentClient | null = null;\n\nconst _INTLAYER_EDITED_CONTENT_SYMBOL = Symbol('EditedContent');\n\n/**\n * Creates an edited content client\n */\nexport const createEditedContentClient = () => {\n  if (instance) return instance;\n\n  const editedContentSignal = signal<EditedContent>({});\n\n  instance = {\n    editedContent: editedContentSignal.asReadonly(),\n    getEditedContentValue: (\n      localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n      keyPath: KeyPath[]\n    ): ContentNode | undefined => {\n      const editedContent = editedContentSignal();\n\n      if (!editedContent) return undefined;\n\n      const isDictionaryId =\n        localDictionaryIdOrKey.includes(':local:') ||\n        localDictionaryIdOrKey.includes(':remote:');\n\n      if (isDictionaryId) {\n        const currentContent =\n          editedContent?.[localDictionaryIdOrKey as LocalDictionaryId]\n            ?.content ?? {};\n\n        const contentNode = getContentNodeByKeyPath(currentContent, keyPath);\n\n        return contentNode;\n      }\n\n      const filteredDictionariesLocalId = Object.keys(editedContent).filter(\n        (key) => key.startsWith(`${localDictionaryIdOrKey}:`)\n      );\n\n      for (const localDictionaryId of filteredDictionariesLocalId) {\n        const currentContent =\n          editedContent?.[localDictionaryId as LocalDictionaryId]?.content ??\n          {};\n        const contentNode = getContentNodeByKeyPath(currentContent, keyPath);\n\n        if (contentNode) return contentNode;\n      }\n\n      return undefined;\n    },\n    setEditedContent: (editedContent: EditedContent) => {\n      editedContentSignal.set(editedContent);\n    },\n  };\n\n  return instance;\n};\n\n/**\n * Helper to install the edited content into the injector\n */\nexport const installEditedContent = (_injector: Injector) => {\n  const _client = createEditedContentClient();\n\n  // Angular doesn't have a direct equivalent to Vue's app.provide\n  // The client is stored as a singleton and accessed via createEditedContentClient\n};\n\nexport const useEditedContent = createSharedComposable(() => {\n  const client = createEditedContentClient();\n\n  if (!client) {\n    throw new Error('EditedContent state not found');\n  }\n\n  const [edited, setEdited] = useCrossFrameState<EditedContent>(\n    MessageKey.INTLAYER_EDITED_CONTENT_CHANGED,\n    {}\n  );\n\n  // Use Angular effects instead of Vue watchers\n  effect(() => {\n    const newValue = edited();\n    client.setEditedContent(newValue ?? {});\n  });\n\n  effect(() => {\n    const newValue = client.editedContent();\n    setEdited(newValue);\n  });\n\n  return client;\n});\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAI,WAAuC;;;;AAO3C,MAAa,kCAAkC;AAC7C,KAAI,SAAU,QAAO;CAErB,MAAM,gDAA4C,EAAE,CAAC;AAErD,YAAW;EACT,eAAe,oBAAoB,YAAY;EAC/C,wBACE,wBACA,YAC4B;GAC5B,MAAM,gBAAgB,qBAAqB;AAE3C,OAAI,CAAC,cAAe,QAAO;AAM3B,OAHE,uBAAuB,SAAS,UAAU,IAC1C,uBAAuB,SAAS,WAAW,CAS3C,oDALE,gBAAgB,yBACZ,WAAW,EAAE,EAEyC,QAAQ;GAKtE,MAAM,8BAA8B,OAAO,KAAK,cAAc,CAAC,QAC5D,QAAQ,IAAI,WAAW,GAAG,uBAAuB,GAAG,CACtD;AAED,QAAK,MAAM,qBAAqB,6BAA6B;IAI3D,MAAM,0DAFJ,gBAAgB,oBAAyC,WACzD,EAAE,EACwD,QAAQ;AAEpE,QAAI,YAAa,QAAO;;;EAK5B,mBAAmB,kBAAiC;AAClD,uBAAoB,IAAI,cAAc;;EAEzC;AAED,QAAO;;;;;AAMT,MAAa,wBAAwB,cAAwB;AAC3C,4BAA2B;;AAM7C,MAAa,mBAAmBA,mEAA6B;CAC3D,MAAM,SAAS,2BAA2B;AAE1C,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,gCAAgC;CAGlD,MAAM,CAAC,QAAQ,aAAaC,qDAC1BC,4BAAW,iCACX,EAAE,CACH;AAGD,iCAAa;EACX,MAAM,WAAW,QAAQ;AACzB,SAAO,iBAAiB,YAAY,EAAE,CAAC;GACvC;AAEF,iCAAa;AAEX,YADiB,OAAO,eAAe,CACpB;GACnB;AAEF,QAAO;EACP"}
+{"version":3,"file":"editedContent.cjs","names":["createSharedComposable","useCrossFrameState","MessageKey"],"sources":["../../../src/editor/editedContent.ts"],"sourcesContent":["import { effect, type Injector, type Signal, signal } from '@angular/core';\nimport { getContentNodeByKeyPath } from '@intlayer/core/dictionaryManipulator';\nimport { MessageKey } from '@intlayer/editor';\nimport type {\n  ContentNode,\n  Dictionary,\n  KeyPath,\n  LocalDictionaryId,\n} from '@intlayer/types';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type EditedContent = Record<Dictionary['key'], Dictionary>;\n\ntype EditedContentClient = {\n  editedContent: Signal<EditedContent>;\n  setEditedContent: (editedContent: EditedContent) => void;\n  getEditedContentValue: (\n    localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n    keyPath: KeyPath[]\n  ) => ContentNode | undefined;\n};\n\n/**\n * Singleton instance\n */\nlet instance: EditedContentClient | null = null;\n\nconst _INTLAYER_EDITED_CONTENT_SYMBOL = Symbol('EditedContent');\n\n/**\n * Creates an edited content client\n */\nexport const createEditedContentClient = () => {\n  if (instance) return instance;\n\n  const editedContentSignal = signal<EditedContent>({});\n\n  instance = {\n    editedContent: editedContentSignal.asReadonly(),\n    getEditedContentValue: (\n      localDictionaryIdOrKey: LocalDictionaryId | Dictionary['key'] | string,\n      keyPath: KeyPath[]\n    ): ContentNode | undefined => {\n      const editedContent = editedContentSignal();\n\n      if (!editedContent) return undefined;\n\n      const isDictionaryId =\n        localDictionaryIdOrKey.includes(':local:') ||\n        localDictionaryIdOrKey.includes(':remote:');\n\n      if (isDictionaryId) {\n        const currentContent =\n          editedContent?.[localDictionaryIdOrKey as LocalDictionaryId]\n            ?.content ?? {};\n\n        const contentNode = getContentNodeByKeyPath(currentContent, keyPath);\n\n        return contentNode;\n      }\n\n      const filteredDictionariesLocalId = Object.keys(editedContent).filter(\n        (key) => key.startsWith(`${localDictionaryIdOrKey}:`)\n      );\n\n      for (const localDictionaryId of filteredDictionariesLocalId) {\n        const currentContent =\n          editedContent?.[localDictionaryId as LocalDictionaryId]?.content ??\n          {};\n        const contentNode = getContentNodeByKeyPath(currentContent, keyPath);\n\n        if (contentNode) return contentNode;\n      }\n\n      return undefined;\n    },\n    setEditedContent: (editedContent: EditedContent) => {\n      editedContentSignal.set(editedContent);\n    },\n  };\n\n  return instance;\n};\n\n/**\n * Helper to install the edited content into the injector\n */\nexport const installEditedContent = (_injector: Injector) => {\n  const _client = createEditedContentClient();\n\n  // Angular doesn't have a direct equivalent to Vue's app.provide\n  // The client is stored as a singleton and accessed via createEditedContentClient\n};\n\nexport const useEditedContent = createSharedComposable(() => {\n  const client = createEditedContentClient();\n\n  if (!client) {\n    throw new Error('EditedContent state not found');\n  }\n\n  const [edited, setEdited] = useCrossFrameState<EditedContent>(\n    MessageKey.INTLAYER_EDITED_CONTENT_CHANGED,\n    {}\n  );\n\n  // Use Angular effects instead of Vue watchers\n  effect(() => {\n    const newValue = edited();\n    client.setEditedContent(newValue ?? {});\n  });\n\n  effect(() => {\n    const newValue = client.editedContent();\n    setEdited(newValue);\n  });\n\n  return client;\n});\n"],"mappings":"qTA0BI,EAAuC,KAO3C,MAAa,MAAkC,CAC7C,GAAI,EAAU,OAAO,EAErB,IAAM,GAAA,EAAA,EAAA,QAA4C,EAAE,CAAC,CA8CrD,MA5CA,GAAW,CACT,cAAe,EAAoB,YAAY,CAC/C,uBACE,EACA,IAC4B,CAC5B,IAAM,EAAgB,GAAqB,CAE3C,GAAI,CAAC,EAAe,OAMpB,GAHE,EAAuB,SAAS,UAAU,EAC1C,EAAuB,SAAS,WAAW,CAS3C,OAAA,EAAA,EAAA,yBALE,IAAgB,IACZ,SAAW,EAAE,CAEyC,EAAQ,CAKtE,IAAM,EAA8B,OAAO,KAAK,EAAc,CAAC,OAC5D,GAAQ,EAAI,WAAW,GAAG,EAAuB,GAAG,CACtD,CAED,IAAK,IAAM,KAAqB,EAA6B,CAI3D,IAAM,GAAA,EAAA,EAAA,yBAFJ,IAAgB,IAAyC,SACzD,EAAE,CACwD,EAAQ,CAEpE,GAAI,EAAa,OAAO,IAK5B,iBAAmB,GAAiC,CAClD,EAAoB,IAAI,EAAc,EAEzC,CAEM,GAMI,EAAwB,GAAwB,CAC3C,GAA2B,EAMhC,EAAmBA,EAAAA,2BAA6B,CAC3D,IAAM,EAAS,GAA2B,CAE1C,GAAI,CAAC,EACH,MAAU,MAAM,gCAAgC,CAGlD,GAAM,CAAC,EAAQ,GAAaC,EAAAA,mBAC1BC,EAAAA,WAAW,gCACX,EAAE,CACH,CAaD,OAVA,EAAA,EAAA,YAAa,CACX,IAAM,EAAW,GAAQ,CACzB,EAAO,iBAAiB,GAAY,EAAE,CAAC,EACvC,EAEF,EAAA,EAAA,YAAa,CAEX,EADiB,EAAO,eAAe,CACpB,EACnB,CAEK,GACP"}

package/dist/cjs/editor/editorEnabled.cjs

@@ -1,50 +1,2 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_createSharedComposable = require('./createSharedComposable.cjs');
-const require_editor_useCrossFrameMessageListener = require('./useCrossFrameMessageListener.cjs');
-let _angular_core = require("@angular/core");
-let _intlayer_editor = require("@intlayer/editor");
-
-//#region src/editor/editorEnabled.ts
-/**
-* Singleton instance
-*/
-let instance = null;
-/**
-* Creates an editor wrapperEnabled client
-*/
-const createEditorEnabledClient = () => {
-	if (instance) return instance;
-	const wrapperEnabledSignal = (0, _angular_core.signal)(false);
-	const isInIframeSignal = (0, _angular_core.signal)(false);
-	const enabledSignal = (0, _angular_core.computed)(() => wrapperEnabledSignal() && isInIframeSignal());
-	instance = {
-		wrapperEnabled: wrapperEnabledSignal.asReadonly(),
-		isInIframe: isInIframeSignal.asReadonly(),
-		enabled: enabledSignal
-	};
-	return instance;
-};
-/**
-* Helper to install the editor wrapperEnabled state into the injector
-*/
-const installEditorEnabled = (_injector) => {
-	createEditorEnabledClient();
-};
-const useEditorEnabled = require_editor_createSharedComposable.createSharedComposable(() => {
-	const client = createEditorEnabledClient();
-	if (!client) throw new Error("EditorEnabled state not found");
-	require_editor_useCrossFrameMessageListener.useCrossFrameMessageListener(`${_intlayer_editor.MessageKey.INTLAYER_EDITOR_ENABLED}/post`, (data) => {
-		client.wrapperEnabled.set(data);
-	});
-	(0, _angular_core.effect)(() => {
-		if (typeof window !== "undefined") client.isInIframe.set(window.self !== window.top);
-	}, { allowSignalWrites: true });
-	return client;
-});
-
-//#endregion
-exports.createEditorEnabledClient = createEditorEnabledClient;
-exports.installEditorEnabled = installEditorEnabled;
-exports.useEditorEnabled = useEditorEnabled;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./createSharedComposable.cjs`),t=require(`./useCrossFrameMessageListener.cjs`);let n=require(`@angular/core`),r=require(`@intlayer/editor`),i=null;const a=()=>{if(i)return i;let e=(0,n.signal)(!1),t=(0,n.signal)(!1),r=(0,n.computed)(()=>e()&&t());return i={wrapperEnabled:e.asReadonly(),isInIframe:t.asReadonly(),enabled:r},i},o=e=>{a()},s=e.createSharedComposable(()=>{let e=a();if(!e)throw Error(`EditorEnabled state not found`);return t.useCrossFrameMessageListener(`${r.MessageKey.INTLAYER_EDITOR_ENABLED}/post`,t=>{e.wrapperEnabled.set(t)}),(0,n.effect)(()=>{typeof window<`u`&&e.isInIframe.set(window.self!==window.top)},{allowSignalWrites:!0}),e});exports.createEditorEnabledClient=a,exports.installEditorEnabled=o,exports.useEditorEnabled=s;
 //# sourceMappingURL=editorEnabled.cjs.map

package/dist/cjs/editor/editorEnabled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editorEnabled.cjs","names":["createSharedComposable","MessageKey"],"sources":["../../../src/editor/editorEnabled.ts"],"sourcesContent":["import {\n  computed,\n  effect,\n  type Injector,\n  type Signal,\n  signal,\n} from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\n/* ------------------------------------------------------------------ */\n/*  public type – identical to the React version                       */\n/* ------------------------------------------------------------------ */\nexport type EditorEnabledStateProps = {\n  wrapperEnabled: Signal<boolean>;\n  isInIframe: Signal<boolean>;\n  enabled: Signal<boolean>;\n};\n\n/**\n * Singleton instance\n */\nlet instance: EditorEnabledStateProps | null = null;\n\nconst _INTLAYER_EDITOR_ENABLED_SYMBOL = Symbol('EditorEnabled');\n\n/**\n * Creates an editor wrapperEnabled client\n */\nexport const createEditorEnabledClient = () => {\n  if (instance) return instance;\n\n  const wrapperEnabledSignal = signal(false);\n  const isInIframeSignal = signal(false);\n  const enabledSignal = computed(\n    () => wrapperEnabledSignal() && isInIframeSignal()\n  );\n\n  instance = {\n    wrapperEnabled: wrapperEnabledSignal.asReadonly(),\n    isInIframe: isInIframeSignal.asReadonly(),\n    enabled: enabledSignal,\n  };\n\n  return instance;\n};\n\n/**\n * Helper to install the editor wrapperEnabled state into the injector\n */\nexport const installEditorEnabled = (_injector: Injector) => {\n  const _client = createEditorEnabledClient();\n\n  // Angular doesn't have a direct equivalent to Vue's app.provide\n  // The client is stored as a singleton and accessed via createEditorEnabledClient\n};\n\nexport const useEditorEnabled = createSharedComposable(() => {\n  const client = createEditorEnabledClient();\n\n  if (!client) {\n    throw new Error('EditorEnabled state not found');\n  }\n\n  // Listen for the iframe parent if the editor send a message `INTLAYER_EDITOR_ENABLED`\n  useCrossFrameMessageListener<boolean>(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,\n    (data) => {\n      (client.wrapperEnabled as any).set(data);\n    }\n  );\n\n  // Use effect to set up the iframe check immediately\n  effect(\n    () => {\n      if (typeof window !== 'undefined') {\n        (client.isInIframe as any).set(window.self !== window.top);\n      }\n    },\n    { allowSignalWrites: true }\n  );\n\n  return client;\n});\n"],"mappings":";;;;;;;;;;;AAuBA,IAAI,WAA2C;;;;AAO/C,MAAa,kCAAkC;AAC7C,KAAI,SAAU,QAAO;CAErB,MAAM,iDAA8B,MAAM;CAC1C,MAAM,6CAA0B,MAAM;CACtC,MAAM,kDACE,sBAAsB,IAAI,kBAAkB,CACnD;AAED,YAAW;EACT,gBAAgB,qBAAqB,YAAY;EACjD,YAAY,iBAAiB,YAAY;EACzC,SAAS;EACV;AAED,QAAO;;;;;AAMT,MAAa,wBAAwB,cAAwB;AAC3C,4BAA2B;;AAM7C,MAAa,mBAAmBA,mEAA6B;CAC3D,MAAM,SAAS,2BAA2B;AAE1C,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,gCAAgC;AAIlD,0EACE,GAAGC,4BAAW,wBAAwB,SACrC,SAAS;AACR,EAAC,OAAO,eAAuB,IAAI,KAAK;GAE3C;AAGD,iCACQ;AACJ,MAAI,OAAO,WAAW,YACpB,CAAC,OAAO,WAAmB,IAAI,OAAO,SAAS,OAAO,IAAI;IAG9D,EAAE,mBAAmB,MAAM,CAC5B;AAED,QAAO;EACP"}
+{"version":3,"file":"editorEnabled.cjs","names":["createSharedComposable","MessageKey"],"sources":["../../../src/editor/editorEnabled.ts"],"sourcesContent":["import {\n  computed,\n  effect,\n  type Injector,\n  type Signal,\n  signal,\n} from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameMessageListener } from './useCrossFrameMessageListener';\n\n/* ------------------------------------------------------------------ */\n/*  public type – identical to the React version                       */\n/* ------------------------------------------------------------------ */\nexport type EditorEnabledStateProps = {\n  wrapperEnabled: Signal<boolean>;\n  isInIframe: Signal<boolean>;\n  enabled: Signal<boolean>;\n};\n\n/**\n * Singleton instance\n */\nlet instance: EditorEnabledStateProps | null = null;\n\nconst _INTLAYER_EDITOR_ENABLED_SYMBOL = Symbol('EditorEnabled');\n\n/**\n * Creates an editor wrapperEnabled client\n */\nexport const createEditorEnabledClient = () => {\n  if (instance) return instance;\n\n  const wrapperEnabledSignal = signal(false);\n  const isInIframeSignal = signal(false);\n  const enabledSignal = computed(\n    () => wrapperEnabledSignal() && isInIframeSignal()\n  );\n\n  instance = {\n    wrapperEnabled: wrapperEnabledSignal.asReadonly(),\n    isInIframe: isInIframeSignal.asReadonly(),\n    enabled: enabledSignal,\n  };\n\n  return instance;\n};\n\n/**\n * Helper to install the editor wrapperEnabled state into the injector\n */\nexport const installEditorEnabled = (_injector: Injector) => {\n  const _client = createEditorEnabledClient();\n\n  // Angular doesn't have a direct equivalent to Vue's app.provide\n  // The client is stored as a singleton and accessed via createEditorEnabledClient\n};\n\nexport const useEditorEnabled = createSharedComposable(() => {\n  const client = createEditorEnabledClient();\n\n  if (!client) {\n    throw new Error('EditorEnabled state not found');\n  }\n\n  // Listen for the iframe parent if the editor send a message `INTLAYER_EDITOR_ENABLED`\n  useCrossFrameMessageListener<boolean>(\n    `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,\n    (data) => {\n      (client.wrapperEnabled as any).set(data);\n    }\n  );\n\n  // Use effect to set up the iframe check immediately\n  effect(\n    () => {\n      if (typeof window !== 'undefined') {\n        (client.isInIframe as any).set(window.self !== window.top);\n      }\n    },\n    { allowSignalWrites: true }\n  );\n\n  return client;\n});\n"],"mappings":"6QAuBI,EAA2C,KAO/C,MAAa,MAAkC,CAC7C,GAAI,EAAU,OAAO,EAErB,IAAM,GAAA,EAAA,EAAA,QAA8B,GAAM,CACpC,GAAA,EAAA,EAAA,QAA0B,GAAM,CAChC,GAAA,EAAA,EAAA,cACE,GAAsB,EAAI,GAAkB,CACnD,CAQD,MANA,GAAW,CACT,eAAgB,EAAqB,YAAY,CACjD,WAAY,EAAiB,YAAY,CACzC,QAAS,EACV,CAEM,GAMI,EAAwB,GAAwB,CAC3C,GAA2B,EAMhC,EAAmBA,EAAAA,2BAA6B,CAC3D,IAAM,EAAS,GAA2B,CAE1C,GAAI,CAAC,EACH,MAAU,MAAM,gCAAgC,CAqBlD,OAjBA,EAAA,6BACE,GAAGC,EAAAA,WAAW,wBAAwB,OACrC,GAAS,CACP,EAAO,eAAuB,IAAI,EAAK,EAE3C,EAGD,EAAA,EAAA,YACQ,CACA,OAAO,OAAW,KACnB,EAAO,WAAmB,IAAI,OAAO,OAAS,OAAO,IAAI,EAG9D,CAAE,kBAAmB,GAAM,CAC5B,CAEM,GACP"}

package/dist/cjs/editor/editorLocale.cjs

@@ -1,22 +1,2 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_createSharedComposable = require('./createSharedComposable.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-const require_client_installIntlayer = require('../client/installIntlayer.cjs');
-let _angular_core = require("@angular/core");
-let _intlayer_editor = require("@intlayer/editor");
-
-//#region src/editor/editorLocale.ts
-const useEditorLocale = require_editor_createSharedComposable.createSharedComposable(() => {
-	const client = (0, _angular_core.inject)(require_client_installIntlayer.INTLAYER_TOKEN);
-	if (!client) throw new Error("IntlayerEditor state not found");
-	const [_data, setData] = require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_CURRENT_LOCALE);
-	(0, _angular_core.effect)(() => {
-		setData(client.locale());
-	});
-	return client;
-});
-
-//#endregion
-exports.useEditorLocale = useEditorLocale;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./createSharedComposable.cjs`),t=require(`./useCrossFrameState.cjs`),n=require(`../client/installIntlayer.cjs`);let r=require(`@angular/core`),i=require(`@intlayer/editor`);const a=e.createSharedComposable(()=>{let e=(0,r.inject)(n.INTLAYER_TOKEN);if(!e)throw Error(`IntlayerEditor state not found`);let[a,o]=t.useCrossFrameState(i.MessageKey.INTLAYER_CURRENT_LOCALE);return(0,r.effect)(()=>{o(e.locale())}),e});exports.useEditorLocale=a;
 //# sourceMappingURL=editorLocale.cjs.map

package/dist/cjs/editor/editorLocale.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"editorLocale.cjs","names":["createSharedComposable","INTLAYER_TOKEN","useCrossFrameState","MessageKey"],"sources":["../../../src/editor/editorLocale.ts"],"sourcesContent":["import { effect, inject } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport type { Locale, LocalesValues } from '@intlayer/types';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from '../client';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport const useEditorLocale = createSharedComposable(() => {\n  const client = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  if (!client) {\n    throw new Error('IntlayerEditor state not found');\n  }\n\n  const [_data, setData] = useCrossFrameState<LocalesValues>(\n    MessageKey.INTLAYER_CURRENT_LOCALE\n  );\n\n  // Use Angular effects instead of Vue watchers\n  effect(() => {\n    const newValue = client.locale();\n    setData(newValue as Locale);\n  });\n\n  return client;\n});\n"],"mappings":";;;;;;;;;AAOA,MAAa,kBAAkBA,mEAA6B;CAC1D,MAAM,mCAAkCC,8CAAe;AAEvD,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,iCAAiC;CAGnD,MAAM,CAAC,OAAO,WAAWC,qDACvBC,4BAAW,wBACZ;AAGD,iCAAa;AAEX,UADiB,OAAO,QAAQ,CACL;GAC3B;AAEF,QAAO;EACP"}
+{"version":3,"file":"editorLocale.cjs","names":["createSharedComposable","INTLAYER_TOKEN","useCrossFrameState","MessageKey"],"sources":["../../../src/editor/editorLocale.ts"],"sourcesContent":["import { effect, inject } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport type { Locale, LocalesValues } from '@intlayer/types';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from '../client';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport const useEditorLocale = createSharedComposable(() => {\n  const client = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  if (!client) {\n    throw new Error('IntlayerEditor state not found');\n  }\n\n  const [_data, setData] = useCrossFrameState<LocalesValues>(\n    MessageKey.INTLAYER_CURRENT_LOCALE\n  );\n\n  // Use Angular effects instead of Vue watchers\n  effect(() => {\n    const newValue = client.locale();\n    setData(newValue as Locale);\n  });\n\n  return client;\n});\n"],"mappings":"8SAOA,MAAa,EAAkBA,EAAAA,2BAA6B,CAC1D,IAAM,GAAA,EAAA,EAAA,QAAkCC,EAAAA,eAAe,CAEvD,GAAI,CAAC,EACH,MAAU,MAAM,iCAAiC,CAGnD,GAAM,CAAC,EAAO,GAAWC,EAAAA,mBACvBC,EAAAA,WAAW,wBACZ,CAQD,OALA,EAAA,EAAA,YAAa,CAEX,EADiB,EAAO,QAAQ,CACL,EAC3B,CAEK,GACP"}

package/dist/cjs/editor/focusDictionary.cjs

@@ -1,63 +1,2 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_createSharedComposable = require('./createSharedComposable.cjs');
-const require_editor_useCrossFrameState = require('./useCrossFrameState.cjs');
-let _angular_core = require("@angular/core");
-let _intlayer_editor = require("@intlayer/editor");
-
-//#region src/editor/focusDictionary.ts
-/**
-* Singleton instance
-*/
-let instance = null;
-/**
-* Creates a focus dictionary client
-*/
-const createFocusDictionaryClient = () => {
-	if (instance) return instance;
-	const focusedContentSignal = (0, _angular_core.signal)(null);
-	const setFocusedContent = (focussedContent) => {
-		focusedContentSignal.set(focussedContent);
-	};
-	const setFocusedContentKeyPath = (keyPath) => {
-		const current = focusedContentSignal();
-		if (!current) return;
-		setFocusedContent({
-			...current,
-			keyPath
-		});
-	};
-	instance = {
-		focusedContent: focusedContentSignal.asReadonly(),
-		setFocusedContent,
-		setFocusedContentKeyPath
-	};
-	return instance;
-};
-/**
-* Helper to install the focus dictionary into the injector
-*/
-const installFocusDictionary = (_injector) => {
-	createFocusDictionaryClient();
-};
-/** consumer */
-const useFocusDictionary = require_editor_createSharedComposable.createSharedComposable(() => {
-	const client = createFocusDictionaryClient();
-	const [focusedContent, setFocusedContent] = require_editor_useCrossFrameState.useCrossFrameState(_intlayer_editor.MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED);
-	if (!client) throw new Error("FocusDictionary state not found");
-	(0, _angular_core.effect)(() => {
-		const newValue = client.focusedContent();
-		if (JSON.stringify(newValue) !== JSON.stringify(focusedContent())) setFocusedContent(newValue);
-	});
-	(0, _angular_core.effect)(() => {
-		const newValue = focusedContent();
-		if (JSON.stringify(newValue) !== JSON.stringify(client.focusedContent())) client.setFocusedContent(newValue ?? null);
-	});
-	return client;
-});
-
-//#endregion
-exports.createFocusDictionaryClient = createFocusDictionaryClient;
-exports.installFocusDictionary = installFocusDictionary;
-exports.useFocusDictionary = useFocusDictionary;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./createSharedComposable.cjs`),t=require(`./useCrossFrameState.cjs`);let n=require(`@angular/core`),r=require(`@intlayer/editor`),i=null;const a=()=>{if(i)return i;let e=(0,n.signal)(null),t=t=>{e.set(t)};return i={focusedContent:e.asReadonly(),setFocusedContent:t,setFocusedContentKeyPath:n=>{let r=e();r&&t({...r,keyPath:n})}},i},o=e=>{a()},s=e.createSharedComposable(()=>{let e=a(),[i,o]=t.useCrossFrameState(r.MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED);if(!e)throw Error(`FocusDictionary state not found`);return(0,n.effect)(()=>{let t=e.focusedContent();JSON.stringify(t)!==JSON.stringify(i())&&o(t)}),(0,n.effect)(()=>{let t=i();JSON.stringify(t)!==JSON.stringify(e.focusedContent())&&e.setFocusedContent(t??null)}),e});exports.createFocusDictionaryClient=a,exports.installFocusDictionary=o,exports.useFocusDictionary=s;
 //# sourceMappingURL=focusDictionary.cjs.map

package/dist/cjs/editor/focusDictionary.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"focusDictionary.cjs","names":["createSharedComposable","useCrossFrameState","MessageKey"],"sources":["../../../src/editor/focusDictionary.ts"],"sourcesContent":["import { effect, type Injector, type Signal, signal } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type FileContent = {\n  dictionaryKey: string;\n  keyPath?: KeyPath[];\n  dictionaryPath?: string;\n};\n\ntype FocusDictionaryClient = {\n  focusedContent: Signal<FileContent | null>;\n  setFocusedContent: (focussedContent: FileContent | null) => void;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\n/**\n * Singleton instance\n */\nlet instance: FocusDictionaryClient | null = null;\n\n/**\n * Creates a focus dictionary client\n */\nexport const createFocusDictionaryClient = () => {\n  if (instance) return instance;\n\n  const focusedContentSignal = signal<FileContent | null>(null);\n\n  const setFocusedContent = (focussedContent: FileContent | null) => {\n    focusedContentSignal.set(focussedContent);\n  };\n\n  const setFocusedContentKeyPath = (keyPath: KeyPath[]) => {\n    const current = focusedContentSignal();\n    if (!current) return;\n    setFocusedContent({ ...current, keyPath });\n  };\n\n  instance = {\n    focusedContent: focusedContentSignal.asReadonly(),\n    setFocusedContent,\n    setFocusedContentKeyPath,\n  } as FocusDictionaryClient;\n\n  return instance;\n};\n\n/**\n * Helper to install the focus dictionary into the injector\n */\nexport const installFocusDictionary = (_injector: Injector) => {\n  const _client = createFocusDictionaryClient();\n\n  // Angular doesn't have a direct equivalent to Vue's app.provide\n  // The client is stored as a singleton and accessed via createFocusDictionaryClient\n};\n\n/** consumer */\nexport const useFocusDictionary = createSharedComposable(() => {\n  const client = createFocusDictionaryClient();\n  const [focusedContent, setFocusedContent] =\n    useCrossFrameState<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED\n    );\n\n  if (!client) {\n    throw new Error('FocusDictionary state not found');\n  }\n\n  // Use Angular effects instead of Vue watchers\n  // Watch local (client) and update cross-frame\n  effect(() => {\n    const newValue = client.focusedContent();\n    if (JSON.stringify(newValue) !== JSON.stringify(focusedContent())) {\n      setFocusedContent(newValue);\n    }\n  });\n\n  // Watch cross-frame and update local\n  effect(() => {\n    const newValue = focusedContent();\n    if (JSON.stringify(newValue) !== JSON.stringify(client.focusedContent())) {\n      client.setFocusedContent(newValue ?? null);\n    }\n  });\n\n  return client;\n});\n"],"mappings":";;;;;;;;;;;AAqBA,IAAI,WAAyC;;;;AAK7C,MAAa,oCAAoC;AAC/C,KAAI,SAAU,QAAO;CAErB,MAAM,iDAAkD,KAAK;CAE7D,MAAM,qBAAqB,oBAAwC;AACjE,uBAAqB,IAAI,gBAAgB;;CAG3C,MAAM,4BAA4B,YAAuB;EACvD,MAAM,UAAU,sBAAsB;AACtC,MAAI,CAAC,QAAS;AACd,oBAAkB;GAAE,GAAG;GAAS;GAAS,CAAC;;AAG5C,YAAW;EACT,gBAAgB,qBAAqB,YAAY;EACjD;EACA;EACD;AAED,QAAO;;;;;AAMT,MAAa,0BAA0B,cAAwB;AAC7C,8BAA6B;;;AAO/C,MAAa,qBAAqBA,mEAA6B;CAC7D,MAAM,SAAS,6BAA6B;CAC5C,MAAM,CAAC,gBAAgB,qBACrBC,qDACEC,4BAAW,iCACZ;AAEH,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,kCAAkC;AAKpD,iCAAa;EACX,MAAM,WAAW,OAAO,gBAAgB;AACxC,MAAI,KAAK,UAAU,SAAS,KAAK,KAAK,UAAU,gBAAgB,CAAC,CAC/D,mBAAkB,SAAS;GAE7B;AAGF,iCAAa;EACX,MAAM,WAAW,gBAAgB;AACjC,MAAI,KAAK,UAAU,SAAS,KAAK,KAAK,UAAU,OAAO,gBAAgB,CAAC,CACtE,QAAO,kBAAkB,YAAY,KAAK;GAE5C;AAEF,QAAO;EACP"}
+{"version":3,"file":"focusDictionary.cjs","names":["createSharedComposable","useCrossFrameState","MessageKey"],"sources":["../../../src/editor/focusDictionary.ts"],"sourcesContent":["import { effect, type Injector, type Signal, signal } from '@angular/core';\nimport { MessageKey } from '@intlayer/editor';\nimport type { KeyPath } from '@intlayer/types';\nimport { createSharedComposable } from './createSharedComposable';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport type FileContent = {\n  dictionaryKey: string;\n  keyPath?: KeyPath[];\n  dictionaryPath?: string;\n};\n\ntype FocusDictionaryClient = {\n  focusedContent: Signal<FileContent | null>;\n  setFocusedContent: (focussedContent: FileContent | null) => void;\n  setFocusedContentKeyPath: (keyPath: KeyPath[]) => void;\n};\n\n/**\n * Singleton instance\n */\nlet instance: FocusDictionaryClient | null = null;\n\n/**\n * Creates a focus dictionary client\n */\nexport const createFocusDictionaryClient = () => {\n  if (instance) return instance;\n\n  const focusedContentSignal = signal<FileContent | null>(null);\n\n  const setFocusedContent = (focussedContent: FileContent | null) => {\n    focusedContentSignal.set(focussedContent);\n  };\n\n  const setFocusedContentKeyPath = (keyPath: KeyPath[]) => {\n    const current = focusedContentSignal();\n    if (!current) return;\n    setFocusedContent({ ...current, keyPath });\n  };\n\n  instance = {\n    focusedContent: focusedContentSignal.asReadonly(),\n    setFocusedContent,\n    setFocusedContentKeyPath,\n  } as FocusDictionaryClient;\n\n  return instance;\n};\n\n/**\n * Helper to install the focus dictionary into the injector\n */\nexport const installFocusDictionary = (_injector: Injector) => {\n  const _client = createFocusDictionaryClient();\n\n  // Angular doesn't have a direct equivalent to Vue's app.provide\n  // The client is stored as a singleton and accessed via createFocusDictionaryClient\n};\n\n/** consumer */\nexport const useFocusDictionary = createSharedComposable(() => {\n  const client = createFocusDictionaryClient();\n  const [focusedContent, setFocusedContent] =\n    useCrossFrameState<FileContent | null>(\n      MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED\n    );\n\n  if (!client) {\n    throw new Error('FocusDictionary state not found');\n  }\n\n  // Use Angular effects instead of Vue watchers\n  // Watch local (client) and update cross-frame\n  effect(() => {\n    const newValue = client.focusedContent();\n    if (JSON.stringify(newValue) !== JSON.stringify(focusedContent())) {\n      setFocusedContent(newValue);\n    }\n  });\n\n  // Watch cross-frame and update local\n  effect(() => {\n    const newValue = focusedContent();\n    if (JSON.stringify(newValue) !== JSON.stringify(client.focusedContent())) {\n      client.setFocusedContent(newValue ?? null);\n    }\n  });\n\n  return client;\n});\n"],"mappings":"mQAqBI,EAAyC,KAK7C,MAAa,MAAoC,CAC/C,GAAI,EAAU,OAAO,EAErB,IAAM,GAAA,EAAA,EAAA,QAAkD,KAAK,CAEvD,EAAqB,GAAwC,CACjE,EAAqB,IAAI,EAAgB,EAe3C,MANA,GAAW,CACT,eAAgB,EAAqB,YAAY,CACjD,oBACA,yBATgC,GAAuB,CACvD,IAAM,EAAU,GAAsB,CACjC,GACL,EAAkB,CAAE,GAAG,EAAS,UAAS,CAAC,EAO3C,CAEM,GAMI,EAA0B,GAAwB,CAC7C,GAA6B,EAOlC,EAAqBA,EAAAA,2BAA6B,CAC7D,IAAM,EAAS,GAA6B,CACtC,CAAC,EAAgB,GACrBC,EAAAA,mBACEC,EAAAA,WAAW,iCACZ,CAEH,GAAI,CAAC,EACH,MAAU,MAAM,kCAAkC,CAoBpD,OAfA,EAAA,EAAA,YAAa,CACX,IAAM,EAAW,EAAO,gBAAgB,CACpC,KAAK,UAAU,EAAS,GAAK,KAAK,UAAU,GAAgB,CAAC,EAC/D,EAAkB,EAAS,EAE7B,EAGF,EAAA,EAAA,YAAa,CACX,IAAM,EAAW,GAAgB,CAC7B,KAAK,UAAU,EAAS,GAAK,KAAK,UAAU,EAAO,gBAAgB,CAAC,EACtE,EAAO,kBAAkB,GAAY,KAAK,EAE5C,CAEK,GACP"}

package/dist/cjs/editor/index.cjs

@@ -1,25 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_editor_ContentSelectorWrapper_component = require('./ContentSelectorWrapper.component.cjs');
-const require_editor_EditedContentRenderer_component = require('./EditedContentRenderer.component.cjs');
-const require_editor_EditorSelectorRenderer_component = require('./EditorSelectorRenderer.component.cjs');
-const require_editor_installIntlayerEditor = require('./installIntlayerEditor.cjs');
-
-Object.defineProperty(exports, 'ContentSelectorWrapperComponent', {
-  enumerable: true,
-  get: function () {
-    return require_editor_ContentSelectorWrapper_component.ContentSelectorWrapperComponent;
-  }
-});
-Object.defineProperty(exports, 'EditedContentRendererComponent', {
-  enumerable: true,
-  get: function () {
-    return require_editor_EditedContentRenderer_component.EditedContentRendererComponent;
-  }
-});
-Object.defineProperty(exports, 'EditorSelectorRendererComponent', {
-  enumerable: true,
-  get: function () {
-    return require_editor_EditorSelectorRenderer_component.EditorSelectorRendererComponent;
-  }
-});
-exports.installIntlayerEditor = require_editor_installIntlayerEditor.installIntlayerEditor;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./ContentSelectorWrapper.component.cjs`),t=require(`./EditedContentRenderer.component.cjs`),n=require(`./EditorSelectorRenderer.component.cjs`),r=require(`./installIntlayerEditor.cjs`);Object.defineProperty(exports,`ContentSelectorWrapperComponent`,{enumerable:!0,get:function(){return e.ContentSelectorWrapperComponent}}),Object.defineProperty(exports,`EditedContentRendererComponent`,{enumerable:!0,get:function(){return t.EditedContentRendererComponent}}),Object.defineProperty(exports,`EditorSelectorRendererComponent`,{enumerable:!0,get:function(){return n.EditorSelectorRendererComponent}}),exports.installIntlayerEditor=r.installIntlayerEditor;

package/dist/cjs/editor/installIntlayerEditor.cjs

@@ -1,53 +1,2 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_communicator = require('./communicator.cjs');
-const require_editor_editorEnabled = require('./editorEnabled.cjs');
-const require_editor_focusDictionary = require('./focusDictionary.cjs');
-const require_editor_dictionariesRecord = require('./dictionariesRecord.cjs');
-const require_editor_editedContent = require('./editedContent.cjs');
-let _intlayer_config_built = require("@intlayer/config/built");
-_intlayer_config_built = require_runtime.__toESM(_intlayer_config_built);
-
-//#region src/editor/installIntlayerEditor.ts
-const { editor } = _intlayer_config_built.default;
-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) => {
-	require_editor_communicator.installCommunicator(injector, {
-		postMessage,
-		allowedOrigins: [
-			applicationURL,
-			editorURL,
-			cmsURL
-		]
-	});
-	require_editor_editorEnabled.installEditorEnabled(injector);
-	require_editor_dictionariesRecord.installDictionariesRecord(injector);
-	require_editor_editedContent.installEditedContent(injector);
-	require_editor_focusDictionary.installFocusDictionary(injector);
-};
-
-//#endregion
-exports.installIntlayerEditor = installIntlayerEditor;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`./communicator.cjs`),n=require(`./editorEnabled.cjs`),r=require(`./focusDictionary.cjs`),i=require(`./dictionariesRecord.cjs`),a=require(`./editedContent.cjs`);let o=require(`@intlayer/config/built`);o=e.__toESM(o);const{editor:s}=o.default,{applicationURL:c,editorURL:l,cmsURL:u}=s??{},d=e=>{typeof window>`u`||window.self!==window.top&&(s.applicationURL.length>0&&window.postMessage(e,s.applicationURL),s.editorURL.length>0&&window.parent.postMessage(e,s.editorURL),s.cmsURL.length>0&&window.parent.postMessage(e,s.cmsURL))},f=e=>{t.installCommunicator(e,{postMessage:d,allowedOrigins:[c,l,u]}),n.installEditorEnabled(e),i.installDictionariesRecord(e),a.installEditedContent(e),r.installFocusDictionary(e)};exports.installIntlayerEditor=f;
 //# sourceMappingURL=installIntlayerEditor.cjs.map

package/dist/cjs/editor/installIntlayerEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"installIntlayerEditor.cjs","names":["configuration"],"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,WAAWA;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,iDAAoB,UAAU;EAC5B;EACA,gBAAgB;GAAC;GAAgB;GAAW;GAAO;EACpD,CAAC;AACF,mDAAqB,SAAS;AAC9B,6DAA0B,SAAS;AACnC,mDAAqB,SAAS;AAC9B,uDAAuB,SAAS"}
+{"version":3,"file":"installIntlayerEditor.cjs","names":["configuration"],"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":"0VAQA,KAAM,CAAE,UAAWA,EAAAA,QACb,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,EAAA,oBAAoB,EAAU,CAC5B,cACA,eAAgB,CAAC,EAAgB,EAAW,EAAO,CACpD,CAAC,CACF,EAAA,qBAAqB,EAAS,CAC9B,EAAA,0BAA0B,EAAS,CACnC,EAAA,qBAAqB,EAAS,CAC9B,EAAA,uBAAuB,EAAS"}

package/dist/cjs/editor/useCrossFrameMessageListener.cjs

@@ -1,74 +1,2 @@
-'use client';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
-const require_editor_communicator = require('./communicator.cjs');
-let _angular_core = require("@angular/core");
-let _intlayer_editor = require("@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) => (0, _intlayer_editor.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 } = require_editor_communicator.useCommunicator();
-	ensureGlobalListener(allowedOrigins, senderId);
-	if (onEventTriggered) {
-		addSubscriber(key, onEventTriggered);
-		try {
-			const destroyRef = (0, _angular_core.inject)(_angular_core.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
-exports.useCrossFrameMessageListener = useCrossFrameMessageListener;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../_virtual/_rolldown/runtime.cjs`);const e=require(`./communicator.cjs`);let t=require(`@angular/core`),n=require(`@intlayer/editor`);const r=new Map;let i=!1;const a=(e,t)=>{let n=r.get(e);n||(n=new Set,r.set(e,n)),n.add(t)},o=(e,t)=>{let n=r.get(e);n&&(n.delete(t),n.size===0&&r.delete(e))},s=(e,t)=>{i||=(window.addEventListener(`message`,i=>{let{type:a,data:o,senderId:s}=i.data??{};a&&s!==t&&(!e||e.includes(`*`)||e.some(e=>(0,n.compareUrls)(e,i.origin)))&&r.get(a)?.forEach(e=>{e(o)})}),!0)},c=(n,r)=>{let{allowedOrigins:i,postMessage:c,senderId:l}=e.useCommunicator();if(s(i,l),r){a(n,r);try{let e=(0,t.inject)(t.DestroyRef,{optional:!0});e&&e.onDestroy(()=>o(n,r))}catch{console.warn(`useCrossFrameMessageListener called outside injection context; cleanup may not be available.`)}}return e=>{c({type:n,data:e,senderId:l})}};exports.useCrossFrameMessageListener=c;
 //# sourceMappingURL=useCrossFrameMessageListener.cjs.map

package/dist/cjs/editor/useCrossFrameMessageListener.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossFrameMessageListener.cjs","names":["useCommunicator","DestroyRef"],"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,wCAAkB,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,aAAaA,6CAAiB;AAGnE,sBAAqB,gBAAgB,SAAS;AAG9C,KAAI,kBAAkB;AACpB,gBAAc,KAAK,iBAA0B;AAG7C,MAAI;GACF,MAAM,uCAAoBC,0BAAY,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.cjs","names":["useCommunicator","DestroyRef"],"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":"gOAUA,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,IAAA,EAAA,EAAA,aAAkB,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,YAAaA,EAAAA,iBAAiB,CAMnE,GAHA,EAAqB,EAAgB,EAAS,CAG1C,EAAkB,CACpB,EAAc,EAAK,EAA0B,CAG7C,GAAI,CACF,IAAM,GAAA,EAAA,EAAA,QAAoBC,EAAAA,WAAY,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"}