angular-intlayer 6.1.6 → 7.0.0-canary.0

package/dist/esm/editor/createSharedComposable.mjs

@@ -1,43 +1,48 @@
 import { DestroyRef, inject } from "@angular/core";
+
+//#region src/editor/createSharedComposable.ts
+/**
+* Angular replacement for Vue's tryOnScopeDispose
+* Uses Angular's DestroyRef to handle cleanup when the injection context is destroyed
+*/
 function tryOnScopeDispose(fn) {
-  try {
-    const destroyRef = inject(DestroyRef, { optional: true });
-    if (destroyRef) {
-      destroyRef.onDestroy(fn);
-      return true;
-    }
-    return false;
-  } catch {
-    return false;
-  }
+	try {
+		const destroyRef = inject(DestroyRef, { optional: true });
+		if (destroyRef) {
+			destroyRef.onDestroy(fn);
+			return true;
+		}
+		return false;
+	} catch {
+		return false;
+	}
 }
+/**
+* Angular equivalent of Vue's createSharedComposable
+* Creates a singleton pattern for services/composables
+*/
 const createSharedComposable = (composable) => {
-  let subscribers = 0;
-  let state;
-  let cleanupFn;
-  const dispose = () => {
-    subscribers -= 1;
-    if (cleanupFn && subscribers <= 0) {
-      cleanupFn();
-      state = void 0;
-      cleanupFn = void 0;
-    }
-  };
-  return ((...args) => {
-    subscribers += 1;
-    if (!state) {
-      state = composable(...args);
-      if (tryOnScopeDispose(dispose)) {
-        cleanupFn = dispose;
-      }
-    } else {
-      tryOnScopeDispose(dispose);
-    }
-    return state;
-  });
-};
-export {
-  createSharedComposable,
-  tryOnScopeDispose
+	let subscribers = 0;
+	let state;
+	let cleanupFn;
+	const dispose = () => {
+		subscribers -= 1;
+		if (cleanupFn && subscribers <= 0) {
+			cleanupFn();
+			state = void 0;
+			cleanupFn = void 0;
+		}
+	};
+	return ((...args) => {
+		subscribers += 1;
+		if (!state) {
+			state = composable(...args);
+			if (tryOnScopeDispose(dispose)) cleanupFn = dispose;
+		} else tryOnScopeDispose(dispose);
+		return state;
+	});
 };
+
+//#endregion
+export { createSharedComposable, tryOnScopeDispose };
 //# sourceMappingURL=createSharedComposable.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/createSharedComposable.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\n\ntype AnyFn = (...args: any[]) => any;\n\nexport type SharedComposableReturn<T extends AnyFn = AnyFn> = T;\n\n/**\n * Angular replacement for Vue's tryOnScopeDispose\n * Uses Angular's DestroyRef to handle cleanup when the injection context is destroyed\n */\nexport function tryOnScopeDispose(fn: () => void) {\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n    if (destroyRef) {\n      destroyRef.onDestroy(fn);\n      return true;\n    }\n    return false;\n  } catch {\n    // If called outside injection context, return false\n    return false;\n  }\n}\n\n/**\n * Angular equivalent of Vue's createSharedComposable\n * Creates a singleton pattern for services/composables\n */\nexport const createSharedComposable = <Fn extends AnyFn>(\n  composable: Fn\n): SharedComposableReturn<Fn> => {\n  let subscribers = 0;\n  let state: ReturnType<Fn> | undefined;\n  let cleanupFn: (() => void) | undefined;\n\n  const dispose = () => {\n    subscribers -= 1;\n    if (cleanupFn && subscribers <= 0) {\n      cleanupFn();\n      state = undefined;\n      cleanupFn = undefined;\n    }\n  };\n\n  return <Fn>((...args) => {\n    subscribers += 1;\n    if (!state) {\n      state = composable(...args);\n      // Set up cleanup when the first subscriber is destroyed\n      if (tryOnScopeDispose(dispose)) {\n        cleanupFn = dispose;\n      }\n    } else {\n      // For additional subscribers, just set up their individual cleanup\n      tryOnScopeDispose(dispose);\n    }\n    return state;\n  });\n};\n"],"mappings":"AAAA,SAAS,YAAY,cAAc;AAU5B,SAAS,kBAAkB,IAAgB;AAChD,MAAI;AACF,UAAM,aAAa,OAAO,YAAY,EAAE,UAAU,KAAK,CAAC;AACxD,QAAI,YAAY;AACd,iBAAW,UAAU,EAAE;AACvB,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT,QAAQ;AAEN,WAAO;AAAA,EACT;AACF;AAMO,MAAM,yBAAyB,CACpC,eAC+B;AAC/B,MAAI,cAAc;AAClB,MAAI;AACJ,MAAI;AAEJ,QAAM,UAAU,MAAM;AACpB,mBAAe;AACf,QAAI,aAAa,eAAe,GAAG;AACjC,gBAAU;AACV,cAAQ;AACR,kBAAY;AAAA,IACd;AAAA,EACF;AAEA,UAAY,IAAI,SAAS;AACvB,mBAAe;AACf,QAAI,CAAC,OAAO;AACV,cAAQ,WAAW,GAAG,IAAI;AAE1B,UAAI,kBAAkB,OAAO,GAAG;AAC9B,oBAAY;AAAA,MACd;AAAA,IACF,OAAO;AAEL,wBAAkB,OAAO;AAAA,IAC3B;AACA,WAAO;AAAA,EACT;AACF;","names":[]}
+{"version":3,"file":"createSharedComposable.mjs","names":["state: ReturnType<Fn> | undefined","cleanupFn: (() => void) | undefined"],"sources":["../../../src/editor/createSharedComposable.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\n\ntype AnyFn = (...args: any[]) => any;\n\nexport type SharedComposableReturn<T extends AnyFn = AnyFn> = T;\n\n/**\n * Angular replacement for Vue's tryOnScopeDispose\n * Uses Angular's DestroyRef to handle cleanup when the injection context is destroyed\n */\nexport function tryOnScopeDispose(fn: () => void) {\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n    if (destroyRef) {\n      destroyRef.onDestroy(fn);\n      return true;\n    }\n    return false;\n  } catch {\n    // If called outside injection context, return false\n    return false;\n  }\n}\n\n/**\n * Angular equivalent of Vue's createSharedComposable\n * Creates a singleton pattern for services/composables\n */\nexport const createSharedComposable = <Fn extends AnyFn>(\n  composable: Fn\n): SharedComposableReturn<Fn> => {\n  let subscribers = 0;\n  let state: ReturnType<Fn> | undefined;\n  let cleanupFn: (() => void) | undefined;\n\n  const dispose = () => {\n    subscribers -= 1;\n    if (cleanupFn && subscribers <= 0) {\n      cleanupFn();\n      state = undefined;\n      cleanupFn = undefined;\n    }\n  };\n\n  return <Fn>((...args) => {\n    subscribers += 1;\n    if (!state) {\n      state = composable(...args);\n      // Set up cleanup when the first subscriber is destroyed\n      if (tryOnScopeDispose(dispose)) {\n        cleanupFn = dispose;\n      }\n    } else {\n      // For additional subscribers, just set up their individual cleanup\n      tryOnScopeDispose(dispose);\n    }\n    return state;\n  });\n};\n"],"mappings":";;;;;;;AAUA,SAAgB,kBAAkB,IAAgB;AAChD,KAAI;EACF,MAAM,aAAa,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC;AACzD,MAAI,YAAY;AACd,cAAW,UAAU,GAAG;AACxB,UAAO;;AAET,SAAO;SACD;AAEN,SAAO;;;;;;;AAQX,MAAa,0BACX,eAC+B;CAC/B,IAAI,cAAc;CAClB,IAAIA;CACJ,IAAIC;CAEJ,MAAM,gBAAgB;AACpB,iBAAe;AACf,MAAI,aAAa,eAAe,GAAG;AACjC,cAAW;AACX,WAAQ;AACR,eAAY;;;AAIhB,UAAa,GAAG,SAAS;AACvB,iBAAe;AACf,MAAI,CAAC,OAAO;AACV,WAAQ,WAAW,GAAG,KAAK;AAE3B,OAAI,kBAAkB,QAAQ,CAC5B,aAAY;QAId,mBAAkB,QAAQ;AAE5B,SAAO"}

package/dist/esm/editor/dictionariesRecord.mjs

@@ -1,47 +1,47 @@
-import { effect, signal } from "@angular/core";
-import dictionaries from "@intlayer/dictionaries-entry";
-import { MessageKey } from "@intlayer/editor";
 import { createSharedComposable } from "./createSharedComposable.mjs";
 import { useCrossFrameState } from "./useCrossFrameState.mjs";
+import { effect, signal } from "@angular/core";
+import { MessageKey } from "@intlayer/editor";
+import { getDictionaries } from "@intlayer/dictionaries-entry";
+
+//#region src/editor/dictionariesRecord.ts
+/**
+* Singleton instance
+*/
 let instance = null;
 const createDictionaryRecordClient = () => {
-  if (instance) return instance;
-  const localeDictionariesSignal = signal(dictionaries);
-  instance = {
-    localeDictionaries: localeDictionariesSignal.asReadonly(),
-    setLocaleDictionaries: (newValue) => {
-      localeDictionariesSignal.set(newValue ?? {});
-    },
-    setLocaleDictionary(dictionary) {
-      const current = localeDictionariesSignal();
-      localeDictionariesSignal.set({
-        ...current,
-        [dictionary.key]: dictionary
-      });
-    }
-  };
-  return instance;
+	if (instance) return instance;
+	const localeDictionariesSignal = signal(getDictionaries());
+	instance = {
+		localeDictionaries: localeDictionariesSignal.asReadonly(),
+		setLocaleDictionaries: (newValue) => {
+			localeDictionariesSignal.set(newValue ?? {});
+		},
+		setLocaleDictionary(dictionary) {
+			const current = localeDictionariesSignal();
+			localeDictionariesSignal.set({
+				...current,
+				[dictionary.key]: dictionary
+			});
+		}
+	};
+	return instance;
 };
-const installDictionariesRecord = (injector) => {
-  const client = createDictionaryRecordClient();
+/**
+* Helper to install the provider into the injector
+*/
+const installDictionariesRecord = (_injector) => {
+	createDictionaryRecordClient();
 };
 const useDictionariesRecord = createSharedComposable(() => {
-  const client = createDictionaryRecordClient();
-  if (!client) {
-    throw new Error("DictionariesRecord state not found");
-  }
-  const [_dictionariesRecord, setDictionariesRecord] = useCrossFrameState(
-    MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED,
-    void 0
-  );
-  effect(() => {
-    const newValue = client.localeDictionaries();
-    setDictionariesRecord(newValue);
-  });
+	const client = createDictionaryRecordClient();
+	if (!client) throw new Error("DictionariesRecord state not found");
+	const [_dictionariesRecord, setDictionariesRecord] = useCrossFrameState(MessageKey.INTLAYER_LOCALE_DICTIONARIES_CHANGED, void 0);
+	effect(() => {
+		setDictionariesRecord(client.localeDictionaries());
+	});
 });
-export {
-  createDictionaryRecordClient,
-  installDictionariesRecord,
-  useDictionariesRecord
-};
+
+//#endregion
+export { createDictionaryRecordClient, installDictionariesRecord, useDictionariesRecord };
 //# sourceMappingURL=dictionariesRecord.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/dictionariesRecord.ts"],"sourcesContent":["import { effect, Injector, signal, Signal } from '@angular/core';\nimport type { Dictionary } from '@intlayer/core';\nimport dictionaries from '@intlayer/dictionaries-entry';\nimport { MessageKey } from '@intlayer/editor';\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: (d: Dictionary) => void;\n};\n\nexport const createDictionaryRecordClient = () => {\n  if (instance) return instance;\n\n  const localeDictionariesSignal = signal<DictionaryContent>(dictionaries);\n\n  instance = {\n    localeDictionaries: localeDictionariesSignal.asReadonly(),\n\n    setLocaleDictionaries: (newValue) => {\n      localeDictionariesSignal.set(newValue ?? {});\n    },\n\n    setLocaleDictionary(dictionary) {\n      const current = localeDictionariesSignal();\n      localeDictionariesSignal.set({\n        ...current,\n        [dictionary.key]: 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":"AAAA,SAAS,QAAkB,cAAsB;AAEjD,OAAO,kBAAkB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AAKnC,IAAI,WAA4C;AAUzC,MAAM,+BAA+B,MAAM;AAChD,MAAI,SAAU,QAAO;AAErB,QAAM,2BAA2B,OAA0B,YAAY;AAEvE,aAAW;AAAA,IACT,oBAAoB,yBAAyB,WAAW;AAAA,IAExD,uBAAuB,CAAC,aAAa;AACnC,+BAAyB,IAAI,YAAY,CAAC,CAAC;AAAA,IAC7C;AAAA,IAEA,oBAAoB,YAAY;AAC9B,YAAM,UAAU,yBAAyB;AACzC,+BAAyB,IAAI;AAAA,QAC3B,GAAG;AAAA,QACH,CAAC,WAAW,GAAG,GAAG;AAAA,MACpB,CAAC;AAAA,IACH;AAAA,EACF;AAEA,SAAO;AACT;AAKO,MAAM,4BAA4B,CAAC,aAAuB;AAC/D,QAAM,SAAS,6BAA6B;AAI9C;AAEO,MAAM,wBAAwB,uBAAuB,MAAM;AAChE,QAAM,SAAS,6BAA6B;AAE5C,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,oCAAoC;AAAA,EACtD;AAEA,QAAM,CAAC,qBAAqB,qBAAqB,IAC/C;AAAA,IACE,WAAW;AAAA,IACX;AAAA,EACF;AAGF,SAAO,MAAM;AACX,UAAM,WAAW,OAAO,mBAAmB;AAC3C,0BAAsB,QAAQ;AAAA,EAChC,CAAC;AACH,CAAC;","names":[]}
+{"version":3,"file":"dictionariesRecord.mjs","names":["instance: DictionariesRecordClient | null"],"sources":["../../../src/editor/dictionariesRecord.ts"],"sourcesContent":["import { effect, type Injector, type Signal, signal } from '@angular/core';\nimport { getDictionaries } from '@intlayer/dictionaries-entry';\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: (d: Dictionary) => void;\n};\n\nexport const createDictionaryRecordClient = () => {\n  if (instance) return instance;\n\n  const dictionaries = getDictionaries();\n  const localeDictionariesSignal = signal<DictionaryContent>(dictionaries);\n\n  instance = {\n    localeDictionaries: localeDictionariesSignal.asReadonly(),\n\n    setLocaleDictionaries: (newValue) => {\n      localeDictionariesSignal.set(newValue ?? {});\n    },\n\n    setLocaleDictionary(dictionary) {\n      const current = localeDictionariesSignal();\n      localeDictionariesSignal.set({\n        ...current,\n        [dictionary.key]: 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":";;;;;;;;;;AAUA,IAAIA,WAA4C;AAUhD,MAAa,qCAAqC;AAChD,KAAI,SAAU,QAAO;CAGrB,MAAM,2BAA2B,OADZ,iBAAiB,CACkC;AAExE,YAAW;EACT,oBAAoB,yBAAyB,YAAY;EAEzD,wBAAwB,aAAa;AACnC,4BAAyB,IAAI,YAAY,EAAE,CAAC;;EAG9C,oBAAoB,YAAY;GAC9B,MAAM,UAAU,0BAA0B;AAC1C,4BAAyB,IAAI;IAC3B,GAAG;KACF,WAAW,MAAM;IACnB,CAAC;;EAEL;AAED,QAAO;;;;;AAMT,MAAa,6BAA6B,cAAwB;AAChD,+BAA8B;;AAMhD,MAAa,wBAAwB,6BAA6B;CAChE,MAAM,SAAS,8BAA8B;AAE7C,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,qCAAqC;CAGvD,MAAM,CAAC,qBAAqB,yBAC1B,mBACE,WAAW,sCACX,OACD;AAGH,cAAa;AAEX,wBADiB,OAAO,oBAAoB,CACb;GAC/B;EACF"}

package/dist/esm/editor/editedContent.mjs

@@ -1,51 +1,58 @@
-import { effect, signal } from "@angular/core";
-import { getContentNodeByKeyPath } from "@intlayer/core";
-import { MessageKey } from "@intlayer/editor";
 import { createSharedComposable } from "./createSharedComposable.mjs";
 import { useCrossFrameState } from "./useCrossFrameState.mjs";
+import { getContentNodeByKeyPath } from "@intlayer/core";
+import { effect, signal } from "@angular/core";
+import { MessageKey } from "@intlayer/editor";
+
+//#region src/editor/editedContent.ts
+/**
+* Singleton instance
+*/
 let instance = null;
-const INTLAYER_EDITED_CONTENT_SYMBOL = Symbol("EditedContent");
+/**
+* Creates an edited content client
+*/
 const createEditedContentClient = () => {
-  if (instance) return instance;
-  const editedContentSignal = signal({});
-  instance = {
-    editedContent: editedContentSignal.asReadonly(),
-    getEditedContentValue: (dictionaryKey, keyPath) => {
-      const content = editedContentSignal()?.[dictionaryKey]?.content;
-      if (!content) return void 0;
-      return getContentNodeByKeyPath(content, keyPath);
-    },
-    setEditedContent: (editedContent) => {
-      editedContentSignal.set(editedContent);
-    }
-  };
-  return instance;
+	if (instance) return instance;
+	const editedContentSignal = signal({});
+	instance = {
+		editedContent: editedContentSignal.asReadonly(),
+		getEditedContentValue: (localDictionaryIdOrKey, keyPath) => {
+			const editedContent = editedContentSignal();
+			if (!editedContent) return void 0;
+			if (localDictionaryIdOrKey.includes(":local:") || localDictionaryIdOrKey.includes(":remote:")) return getContentNodeByKeyPath(editedContent?.[localDictionaryIdOrKey]?.content ?? {}, keyPath);
+			const filteredDictionariesLocalId = Object.keys(editedContent).filter((key) => key.startsWith(`${localDictionaryIdOrKey}:`));
+			for (const localDictionaryId of filteredDictionariesLocalId) {
+				const contentNode = getContentNodeByKeyPath(editedContent?.[localDictionaryId]?.content ?? {}, keyPath);
+				if (contentNode) return contentNode;
+			}
+		},
+		setEditedContent: (editedContent) => {
+			editedContentSignal.set(editedContent);
+		}
+	};
+	return instance;
 };
-const installEditedContent = (injector) => {
-  const client = createEditedContentClient();
+/**
+* Helper to install the edited content into the injector
+*/
+const installEditedContent = (_injector) => {
+	createEditedContentClient();
 };
 const useEditedContent = createSharedComposable(() => {
-  const client = createEditedContentClient();
-  if (!client) {
-    throw new Error("EditedContent state not found");
-  }
-  const [edited, setEdited] = useCrossFrameState(
-    MessageKey.INTLAYER_EDITED_CONTENT_CHANGED,
-    {}
-  );
-  effect(() => {
-    const newValue = edited();
-    client.setEditedContent(newValue ?? {});
-  });
-  effect(() => {
-    const newValue = client.editedContent();
-    setEdited(newValue);
-  });
-  return client;
+	const client = createEditedContentClient();
+	if (!client) throw new Error("EditedContent state not found");
+	const [edited, setEdited] = useCrossFrameState(MessageKey.INTLAYER_EDITED_CONTENT_CHANGED, {});
+	effect(() => {
+		const newValue = edited();
+		client.setEditedContent(newValue ?? {});
+	});
+	effect(() => {
+		setEdited(client.editedContent());
+	});
+	return client;
 });
-export {
-  createEditedContentClient,
-  installEditedContent,
-  useEditedContent
-};
+
+//#endregion
+export { createEditedContentClient, installEditedContent, useEditedContent };
 //# sourceMappingURL=editedContent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/editedContent.ts"],"sourcesContent":["import { effect, Injector, signal, Signal } from '@angular/core';\nimport type { ContentNode, Dictionary, KeyPath } from '@intlayer/core';\nimport { getContentNodeByKeyPath } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\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    dictionaryKey: Dictionary['key'],\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      dictionaryKey: Dictionary['key'],\n      keyPath: KeyPath[]\n    ): ContentNode | undefined => {\n      const content = editedContentSignal()?.[dictionaryKey]?.content;\n      if (!content) return undefined;\n\n      return getContentNodeByKeyPath(content, keyPath);\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":"AAAA,SAAS,QAAkB,cAAsB;AAEjD,SAAS,+BAA+B;AACxC,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AAgBnC,IAAI,WAAuC;AAE3C,MAAM,iCAAiC,OAAO,eAAe;AAKtD,MAAM,4BAA4B,MAAM;AAC7C,MAAI,SAAU,QAAO;AAErB,QAAM,sBAAsB,OAAsB,CAAC,CAAC;AAEpD,aAAW;AAAA,IACT,eAAe,oBAAoB,WAAW;AAAA,IAC9C,uBAAuB,CACrB,eACA,YAC4B;AAC5B,YAAM,UAAU,oBAAoB,IAAI,aAAa,GAAG;AACxD,UAAI,CAAC,QAAS,QAAO;AAErB,aAAO,wBAAwB,SAAS,OAAO;AAAA,IACjD;AAAA,IACA,kBAAkB,CAAC,kBAAiC;AAClD,0BAAoB,IAAI,aAAa;AAAA,IACvC;AAAA,EACF;AAEA,SAAO;AACT;AAKO,MAAM,uBAAuB,CAAC,aAAuB;AAC1D,QAAM,SAAS,0BAA0B;AAI3C;AAEO,MAAM,mBAAmB,uBAAuB,MAAM;AAC3D,QAAM,SAAS,0BAA0B;AAEzC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,+BAA+B;AAAA,EACjD;AAEA,QAAM,CAAC,QAAQ,SAAS,IAAI;AAAA,IAC1B,WAAW;AAAA,IACX,CAAC;AAAA,EACH;AAGA,SAAO,MAAM;AACX,UAAM,WAAW,OAAO;AACxB,WAAO,iBAAiB,YAAY,CAAC,CAAC;AAAA,EACxC,CAAC;AAED,SAAO,MAAM;AACX,UAAM,WAAW,OAAO,cAAc;AACtC,cAAU,QAAQ;AAAA,EACpB,CAAC;AAED,SAAO;AACT,CAAC;","names":[]}
+{"version":3,"file":"editedContent.mjs","names":["instance: EditedContentClient | null"],"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,IAAIA,WAAuC;;;;AAO3C,MAAa,kCAAkC;AAC7C,KAAI,SAAU,QAAO;CAErB,MAAM,sBAAsB,OAAsB,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,QAFoB,wBAHlB,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,cAAc,wBAFlB,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,mBAAmB,6BAA6B;CAC3D,MAAM,SAAS,2BAA2B;AAE1C,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,gCAAgC;CAGlD,MAAM,CAAC,QAAQ,aAAa,mBAC1B,WAAW,iCACX,EAAE,CACH;AAGD,cAAa;EACX,MAAM,WAAW,QAAQ;AACzB,SAAO,iBAAiB,YAAY,EAAE,CAAC;GACvC;AAEF,cAAa;AAEX,YADiB,OAAO,eAAe,CACpB;GACnB;AAEF,QAAO;EACP"}

package/dist/esm/editor/editorEnabled.mjs

@@ -1,50 +1,46 @@
-import { computed, effect, signal } from "@angular/core";
-import { MessageKey } from "@intlayer/editor";
 import { createSharedComposable } from "./createSharedComposable.mjs";
 import { useCrossFrameMessageListener } from "./useCrossFrameMessageListener.mjs";
+import { computed, effect, signal } from "@angular/core";
+import { MessageKey } from "@intlayer/editor";
+
+//#region src/editor/editorEnabled.ts
+/**
+* Singleton instance
+*/
 let instance = null;
-const INTLAYER_EDITOR_ENABLED_SYMBOL = Symbol("EditorEnabled");
+/**
+* Creates an editor wrapperEnabled client
+*/
 const createEditorEnabledClient = () => {
-  if (instance) return instance;
-  const wrapperEnabledSignal = signal(false);
-  const isInIframeSignal = signal(false);
-  const enabledSignal = computed(
-    () => wrapperEnabledSignal() && isInIframeSignal()
-  );
-  instance = {
-    wrapperEnabled: wrapperEnabledSignal.asReadonly(),
-    isInIframe: isInIframeSignal.asReadonly(),
-    enabled: enabledSignal
-  };
-  return instance;
+	if (instance) return instance;
+	const wrapperEnabledSignal = signal(false);
+	const isInIframeSignal = signal(false);
+	const enabledSignal = computed(() => wrapperEnabledSignal() && isInIframeSignal());
+	instance = {
+		wrapperEnabled: wrapperEnabledSignal.asReadonly(),
+		isInIframe: isInIframeSignal.asReadonly(),
+		enabled: enabledSignal
+	};
+	return instance;
 };
-const installEditorEnabled = (injector) => {
-  const client = createEditorEnabledClient();
+/**
+* Helper to install the editor wrapperEnabled state into the injector
+*/
+const installEditorEnabled = (_injector) => {
+	createEditorEnabledClient();
 };
 const useEditorEnabled = createSharedComposable(() => {
-  const client = createEditorEnabledClient();
-  if (!client) {
-    throw new Error("EditorEnabled state not found");
-  }
-  useCrossFrameMessageListener(
-    `${MessageKey.INTLAYER_EDITOR_ENABLED}/post`,
-    (data) => {
-      client.wrapperEnabled.set(data);
-    }
-  );
-  effect(
-    () => {
-      if (typeof window !== "undefined") {
-        client.isInIframe.set(window.self !== window.top);
-      }
-    },
-    { allowSignalWrites: true }
-  );
-  return client;
+	const client = createEditorEnabledClient();
+	if (!client) throw new Error("EditorEnabled state not found");
+	useCrossFrameMessageListener(`${MessageKey.INTLAYER_EDITOR_ENABLED}/post`, (data) => {
+		client.wrapperEnabled.set(data);
+	});
+	effect(() => {
+		if (typeof window !== "undefined") client.isInIframe.set(window.self !== window.top);
+	}, { allowSignalWrites: true });
+	return client;
 });
-export {
-  createEditorEnabledClient,
-  installEditorEnabled,
-  useEditorEnabled
-};
+
+//#endregion
+export { createEditorEnabledClient, installEditorEnabled, useEditorEnabled };
 //# sourceMappingURL=editorEnabled.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/editorEnabled.ts"],"sourcesContent":["import { computed, effect, Injector, signal, Signal } 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":"AAAA,SAAS,UAAU,QAAkB,cAAsB;AAC3D,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B;AACvC,SAAS,oCAAoC;AAc7C,IAAI,WAA2C;AAE/C,MAAM,iCAAiC,OAAO,eAAe;AAKtD,MAAM,4BAA4B,MAAM;AAC7C,MAAI,SAAU,QAAO;AAErB,QAAM,uBAAuB,OAAO,KAAK;AACzC,QAAM,mBAAmB,OAAO,KAAK;AACrC,QAAM,gBAAgB;AAAA,IACpB,MAAM,qBAAqB,KAAK,iBAAiB;AAAA,EACnD;AAEA,aAAW;AAAA,IACT,gBAAgB,qBAAqB,WAAW;AAAA,IAChD,YAAY,iBAAiB,WAAW;AAAA,IACxC,SAAS;AAAA,EACX;AAEA,SAAO;AACT;AAKO,MAAM,uBAAuB,CAAC,aAAuB;AAC1D,QAAM,SAAS,0BAA0B;AAI3C;AAEO,MAAM,mBAAmB,uBAAuB,MAAM;AAC3D,QAAM,SAAS,0BAA0B;AAEzC,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,+BAA+B;AAAA,EACjD;AAGA;AAAA,IACE,GAAG,WAAW,uBAAuB;AAAA,IACrC,CAAC,SAAS;AACR,MAAC,OAAO,eAAuB,IAAI,IAAI;AAAA,IACzC;AAAA,EACF;AAGA;AAAA,IACE,MAAM;AACJ,UAAI,OAAO,WAAW,aAAa;AACjC,QAAC,OAAO,WAAmB,IAAI,OAAO,SAAS,OAAO,GAAG;AAAA,MAC3D;AAAA,IACF;AAAA,IACA,EAAE,mBAAmB,KAAK;AAAA,EAC5B;AAEA,SAAO;AACT,CAAC;","names":[]}
+{"version":3,"file":"editorEnabled.mjs","names":["instance: EditorEnabledStateProps | null"],"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,IAAIA,WAA2C;;;;AAO/C,MAAa,kCAAkC;AAC7C,KAAI,SAAU,QAAO;CAErB,MAAM,uBAAuB,OAAO,MAAM;CAC1C,MAAM,mBAAmB,OAAO,MAAM;CACtC,MAAM,gBAAgB,eACd,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,mBAAmB,6BAA6B;CAC3D,MAAM,SAAS,2BAA2B;AAE1C,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,gCAAgC;AAIlD,8BACE,GAAG,WAAW,wBAAwB,SACrC,SAAS;AACR,EAAC,OAAO,eAAuB,IAAI,KAAK;GAE3C;AAGD,cACQ;AACJ,MAAI,OAAO,WAAW,YACpB,CAAC,OAAO,WAAmB,IAAI,OAAO,SAAS,OAAO,IAAI;IAG9D,EAAE,mBAAmB,MAAM,CAC5B;AAED,QAAO;EACP"}

package/dist/esm/editor/editorLocale.mjs

@@ -1,23 +1,20 @@
-import { effect, inject } from "@angular/core";
-import { MessageKey } from "@intlayer/editor";
-import { INTLAYER_TOKEN } from "../client/index.mjs";
 import { createSharedComposable } from "./createSharedComposable.mjs";
 import { useCrossFrameState } from "./useCrossFrameState.mjs";
+import { INTLAYER_TOKEN } from "../client/installIntlayer.mjs";
+import { effect, inject } from "@angular/core";
+import { MessageKey } from "@intlayer/editor";
+
+//#region src/editor/editorLocale.ts
 const useEditorLocale = createSharedComposable(() => {
-  const client = inject(INTLAYER_TOKEN);
-  if (!client) {
-    throw new Error("IntlayerEditor state not found");
-  }
-  const [_data, setData] = useCrossFrameState(
-    MessageKey.INTLAYER_CURRENT_LOCALE
-  );
-  effect(() => {
-    const newValue = client.locale();
-    setData(newValue);
-  });
-  return client;
+	const client = inject(INTLAYER_TOKEN);
+	if (!client) throw new Error("IntlayerEditor state not found");
+	const [_data, setData] = useCrossFrameState(MessageKey.INTLAYER_CURRENT_LOCALE);
+	effect(() => {
+		setData(client.locale());
+	});
+	return client;
 });
-export {
-  useEditorLocale
-};
+
+//#endregion
+export { useEditorLocale };
 //# sourceMappingURL=editorLocale.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/editorLocale.ts"],"sourcesContent":["import { effect, inject } from '@angular/core';\nimport type { Locales } from '@intlayer/config/client';\nimport { MessageKey } from '@intlayer/editor';\nimport { INTLAYER_TOKEN, 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<Locales>(\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);\n  });\n\n  return client;\n});\n"],"mappings":"AAAA,SAAS,QAAQ,cAAc;AAE/B,SAAS,kBAAkB;AAC3B,SAAS,sBAAwC;AACjD,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AAE5B,MAAM,kBAAkB,uBAAuB,MAAM;AAC1D,QAAM,SAAS,OAAyB,cAAc;AAEtD,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,gCAAgC;AAAA,EAClD;AAEA,QAAM,CAAC,OAAO,OAAO,IAAI;AAAA,IACvB,WAAW;AAAA,EACb;AAGA,SAAO,MAAM;AACX,UAAM,WAAW,OAAO,OAAO;AAC/B,YAAQ,QAAQ;AAAA,EAClB,CAAC;AAED,SAAO;AACT,CAAC;","names":[]}
+{"version":3,"file":"editorLocale.mjs","names":[],"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,kBAAkB,6BAA6B;CAC1D,MAAM,SAAS,OAAyB,eAAe;AAEvD,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,iCAAiC;CAGnD,MAAM,CAAC,OAAO,WAAW,mBACvB,WAAW,wBACZ;AAGD,cAAa;AAEX,UADiB,OAAO,QAAQ,CACL;GAC3B;AAEF,QAAO;EACP"}

package/dist/esm/editor/focusDictionary.mjs

@@ -1,54 +1,59 @@
-import { effect, signal } from "@angular/core";
-import { MessageKey } from "@intlayer/editor";
 import { createSharedComposable } from "./createSharedComposable.mjs";
 import { useCrossFrameState } from "./useCrossFrameState.mjs";
+import { effect, signal } from "@angular/core";
+import { MessageKey } from "@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 = 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;
+	if (instance) return instance;
+	const focusedContentSignal = 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;
 };
-const installFocusDictionary = (injector) => {
-  const client = createFocusDictionaryClient();
+/**
+* Helper to install the focus dictionary into the injector
+*/
+const installFocusDictionary = (_injector) => {
+	createFocusDictionaryClient();
 };
+/** consumer */
 const useFocusDictionary = createSharedComposable(() => {
-  const client = createFocusDictionaryClient();
-  const [focusedContent, setFocusedContent] = useCrossFrameState(
-    MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED
-  );
-  if (!client) {
-    throw new Error("FocusDictionary state not found");
-  }
-  effect(() => {
-    const newValue = client.focusedContent();
-    if (JSON.stringify(newValue) !== JSON.stringify(focusedContent())) {
-      setFocusedContent(newValue);
-    }
-  });
-  effect(() => {
-    const newValue = focusedContent();
-    if (JSON.stringify(newValue) !== JSON.stringify(client.focusedContent())) {
-      client.setFocusedContent(newValue ?? null);
-    }
-  });
-  return client;
+	const client = createFocusDictionaryClient();
+	const [focusedContent, setFocusedContent] = useCrossFrameState(MessageKey.INTLAYER_FOCUSED_CONTENT_CHANGED);
+	if (!client) throw new Error("FocusDictionary state not found");
+	effect(() => {
+		const newValue = client.focusedContent();
+		if (JSON.stringify(newValue) !== JSON.stringify(focusedContent())) setFocusedContent(newValue);
+	});
+	effect(() => {
+		const newValue = focusedContent();
+		if (JSON.stringify(newValue) !== JSON.stringify(client.focusedContent())) client.setFocusedContent(newValue ?? null);
+	});
+	return client;
 });
-export {
-  createFocusDictionaryClient,
-  installFocusDictionary,
-  useFocusDictionary
-};
+
+//#endregion
+export { createFocusDictionaryClient, installFocusDictionary, useFocusDictionary };
 //# sourceMappingURL=focusDictionary.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/focusDictionary.ts"],"sourcesContent":["import { effect, Injector, signal, Signal } from '@angular/core';\nimport type { KeyPath } from '@intlayer/core';\nimport { MessageKey } from '@intlayer/editor';\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":"AAAA,SAAS,QAAkB,cAAsB;AAEjD,SAAS,kBAAkB;AAC3B,SAAS,8BAA8B;AACvC,SAAS,0BAA0B;AAiBnC,IAAI,WAAyC;AAKtC,MAAM,8BAA8B,MAAM;AAC/C,MAAI,SAAU,QAAO;AAErB,QAAM,uBAAuB,OAA2B,IAAI;AAE5D,QAAM,oBAAoB,CAAC,oBAAwC;AACjE,yBAAqB,IAAI,eAAe;AAAA,EAC1C;AAEA,QAAM,2BAA2B,CAAC,YAAuB;AACvD,UAAM,UAAU,qBAAqB;AACrC,QAAI,CAAC,QAAS;AACd,sBAAkB,EAAE,GAAG,SAAS,QAAQ,CAAC;AAAA,EAC3C;AAEA,aAAW;AAAA,IACT,gBAAgB,qBAAqB,WAAW;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEA,SAAO;AACT;AAKO,MAAM,yBAAyB,CAAC,aAAuB;AAC5D,QAAM,SAAS,4BAA4B;AAI7C;AAGO,MAAM,qBAAqB,uBAAuB,MAAM;AAC7D,QAAM,SAAS,4BAA4B;AAC3C,QAAM,CAAC,gBAAgB,iBAAiB,IACtC;AAAA,IACE,WAAW;AAAA,EACb;AAEF,MAAI,CAAC,QAAQ;AACX,UAAM,IAAI,MAAM,iCAAiC;AAAA,EACnD;AAIA,SAAO,MAAM;AACX,UAAM,WAAW,OAAO,eAAe;AACvC,QAAI,KAAK,UAAU,QAAQ,MAAM,KAAK,UAAU,eAAe,CAAC,GAAG;AACjE,wBAAkB,QAAQ;AAAA,IAC5B;AAAA,EACF,CAAC;AAGD,SAAO,MAAM;AACX,UAAM,WAAW,eAAe;AAChC,QAAI,KAAK,UAAU,QAAQ,MAAM,KAAK,UAAU,OAAO,eAAe,CAAC,GAAG;AACxE,aAAO,kBAAkB,YAAY,IAAI;AAAA,IAC3C;AAAA,EACF,CAAC;AAED,SAAO;AACT,CAAC;","names":[]}
+{"version":3,"file":"focusDictionary.mjs","names":["instance: FocusDictionaryClient | null"],"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,IAAIA,WAAyC;;;;AAK7C,MAAa,oCAAoC;AAC/C,KAAI,SAAU,QAAO;CAErB,MAAM,uBAAuB,OAA2B,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,qBAAqB,6BAA6B;CAC7D,MAAM,SAAS,6BAA6B;CAC5C,MAAM,CAAC,gBAAgB,qBACrB,mBACE,WAAW,iCACZ;AAEH,KAAI,CAAC,OACH,OAAM,IAAI,MAAM,kCAAkC;AAKpD,cAAa;EACX,MAAM,WAAW,OAAO,gBAAgB;AACxC,MAAI,KAAK,UAAU,SAAS,KAAK,KAAK,UAAU,gBAAgB,CAAC,CAC/D,mBAAkB,SAAS;GAE7B;AAGF,cAAa;EACX,MAAM,WAAW,gBAAgB;AACjC,MAAI,KAAK,UAAU,SAAS,KAAK,KAAK,UAAU,OAAO,gBAAgB,CAAC,CACtE,QAAO,kBAAkB,YAAY,KAAK;GAE5C;AAEF,QAAO;EACP"}