angular-intlayer 8.1.2 → 8.1.3

package/dist/esm/editor/EditedContentRenderer.component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditedContentRenderer.component.mjs","names":[],"sources":["../../../src/editor/EditedContentRenderer.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, Input, signal } from '@angular/core';\nimport { getContent } from '@intlayer/core';\nimport type { ContentNode, KeyPath, Locale } from '@intlayer/types';\nimport { useEditedContentRenderer } from './useEditedContentRenderer';\n\nexport interface EditedContentRendererProps {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  locale?: Locale;\n}\n\n@Component({\n  selector: 'app-edited-content-renderer',\n  standalone: true,\n  imports: [CommonModule],\n  template: ` <span [innerHTML]=\"renderedContent()\"></span> `,\n})\nexport class EditedContentRendererComponent {\n  @Input() dictionaryKey!: string;\n  @Input() keyPath!: KeyPath[];\n  @Input() locale?: Locale;\n\n  private fallback = signal('');\n\n  private rawContent = computed(() => {\n    return useEditedContentRenderer(\n      this.dictionaryKey,\n      this.keyPath,\n      this.fallback\n    );\n  });\n\n  /**\n   * Object → getContent → string, same as the React version.\n   */\n  renderedContent = computed(() => {\n    const rawContentValue = this.rawContent();\n\n    if (typeof rawContentValue === 'object' && rawContentValue !== null) {\n      const transformed = getContent(\n        rawContentValue as ContentNode,\n        {\n          dictionaryKey: this.dictionaryKey,\n          keyPath: this.keyPath,\n        },\n        this.locale\n      );\n\n      if (typeof transformed !== 'string') {\n        console.error(\n          `Incorrect edited content format. Content type: ${typeof transformed}. Expected string. Value ${JSON.stringify(\n            transformed\n          )}`\n        );\n        return this.fallback();\n      }\n      return transformed;\n    }\n\n    return rawContentValue() as string;\n  });\n}\n"],"mappings":";;;;;;;;AAkBO,2CAAM,+BAA+B;CAC1C,AAAS;CACT,AAAS;CACT,AAAS;CAET,AAAQ,WAAW,OAAO,GAAG;CAE7B,AAAQ,aAAa,eAAe;AAClC,SAAO,yBACL,KAAK,eACL,KAAK,SACL,KAAK,SACN;GACD;;;;CAKF,kBAAkB,eAAe;EAC/B,MAAM,kBAAkB,KAAK,YAAY;AAEzC,MAAI,OAAO,oBAAoB,YAAY,oBAAoB,MAAM;GACnE,MAAM,cAAc,WAClB,iBACA;IACE,eAAe,KAAK;IACpB,SAAS,KAAK;IACf,EACD,KAAK,OACN;AAED,OAAI,OAAO,gBAAgB,UAAU;AACnC,YAAQ,MACN,kDAAkD,OAAO,YAAY,2BAA2B,KAAK,UACnG,YACD,GACF;AACD,WAAO,KAAK,UAAU;;AAExB,UAAO;;AAGT,SAAO,iBAAiB;GACxB;;YA1CD,OAAO;YACP,OAAO;YACP,OAAO;6CATT,UAAU;CACT,UAAU;CACV,YAAY;CACZ,SAAS,CAAC,aAAa;CACvB,UAAU;CACX,CAAC"}
+{"version":3,"file":"EditedContentRenderer.component.mjs","names":[],"sources":["../../../src/editor/EditedContentRenderer.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, Input, signal } from '@angular/core';\nimport { getContent } from '@intlayer/core/interpreter';\nimport type { ContentNode, KeyPath, Locale } from '@intlayer/types';\nimport { useEditedContentRenderer } from './useEditedContentRenderer';\n\nexport interface EditedContentRendererProps {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  locale?: Locale;\n}\n\n@Component({\n  selector: 'app-edited-content-renderer',\n  standalone: true,\n  imports: [CommonModule],\n  template: ` <span [innerHTML]=\"renderedContent()\"></span> `,\n})\nexport class EditedContentRendererComponent {\n  @Input() dictionaryKey!: string;\n  @Input() keyPath!: KeyPath[];\n  @Input() locale?: Locale;\n\n  private fallback = signal('');\n\n  private rawContent = computed(() => {\n    return useEditedContentRenderer(\n      this.dictionaryKey,\n      this.keyPath,\n      this.fallback\n    );\n  });\n\n  /**\n   * Object → getContent → string, same as the React version.\n   */\n  renderedContent = computed(() => {\n    const rawContentValue = this.rawContent();\n\n    if (typeof rawContentValue === 'object' && rawContentValue !== null) {\n      const transformed = getContent(\n        rawContentValue as ContentNode,\n        {\n          dictionaryKey: this.dictionaryKey,\n          keyPath: this.keyPath,\n        },\n        this.locale\n      );\n\n      if (typeof transformed !== 'string') {\n        console.error(\n          `Incorrect edited content format. Content type: ${typeof transformed}. Expected string. Value ${JSON.stringify(\n            transformed\n          )}`\n        );\n        return this.fallback();\n      }\n      return transformed;\n    }\n\n    return rawContentValue() as string;\n  });\n}\n"],"mappings":"wcAkBO,IAAA,EAAA,KAAqC,CAC1C,cACA,QACA,OAEA,SAAmB,EAAO,GAAG,CAE7B,WAAqB,MACZ,EACL,KAAK,cACL,KAAK,QACL,KAAK,SACN,CACD,CAKF,gBAAkB,MAAe,CAC/B,IAAM,EAAkB,KAAK,YAAY,CAEzC,GAAI,OAAO,GAAoB,UAAY,EAA0B,CACnE,IAAM,EAAc,EAClB,EACA,CACE,cAAe,KAAK,cACpB,QAAS,KAAK,QACf,CACD,KAAK,OACN,CAUD,OARI,OAAO,GAAgB,SAQpB,GAPL,QAAQ,MACN,kDAAkD,OAAO,EAAY,2BAA2B,KAAK,UACnG,EACD,GACF,CACM,KAAK,UAAU,EAK1B,OAAO,GAAiB,EACxB,KA1CD,GAAO,CAAA,EAAA,cAAA,OAAA,CAAA,CAAA,EAAA,UAAA,gBAAA,IAAA,GAAA,IACP,GAAO,CAAA,EAAA,cAAA,MAAA,CAAA,CAAA,EAAA,UAAA,UAAA,IAAA,GAAA,IACP,GAAO,CAAA,EAAA,cAAA,OAAA,CAAA,CAAA,EAAA,UAAA,SAAA,IAAA,GAAA,MATT,EAAU,CACT,SAAU,8BACV,WAAY,GACZ,QAAS,CAAC,EAAa,CACvB,SAAU,kDACX,CAAC,CAAA,CAAA,EAAA"}

package/dist/esm/editor/EditorSelectorRenderer.component.mjs

@@ -1,26 +1,4 @@
-import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorateMetadata.mjs";
-import { __decorate } from "../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.mjs";
-import { ContentSelectorWrapperComponent } from "./ContentSelectorWrapper.component.mjs";
-import { EditedContentRendererComponent } from "./EditedContentRenderer.component.mjs";
-import { CommonModule } from "@angular/common";
-import { Component, Input } from "@angular/core";
-
-//#region src/editor/EditorSelectorRenderer.component.ts
-let EditorSelectorRendererComponent = class EditorSelectorRendererComponent {
-	dictionaryKey;
-	keyPath;
-};
-__decorate([Input(), __decorateMetadata("design:type", String)], EditorSelectorRendererComponent.prototype, "dictionaryKey", void 0);
-__decorate([Input(), __decorateMetadata("design:type", Array)], EditorSelectorRendererComponent.prototype, "keyPath", void 0);
-EditorSelectorRendererComponent = __decorate([Component({
-	selector: "app-editor-selector-renderer",
-	standalone: true,
-	imports: [
-		CommonModule,
-		ContentSelectorWrapperComponent,
-		EditedContentRendererComponent
-	],
-	template: `
+import{__decorateMetadata as e}from"../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorateMetadata.mjs";import{__decorate as t}from"../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.mjs";import{ContentSelectorWrapperComponent as n}from"./ContentSelectorWrapper.component.mjs";import{EditedContentRendererComponent as r}from"./EditedContentRenderer.component.mjs";import{CommonModule as i}from"@angular/common";import{Component as a,Input as o}from"@angular/core";let s=class{dictionaryKey;keyPath};t([o(),e(`design:type`,String)],s.prototype,`dictionaryKey`,void 0),t([o(),e(`design:type`,Array)],s.prototype,`keyPath`,void 0),s=t([a({selector:`app-editor-selector-renderer`,standalone:!0,imports:[i,n,r],template:`
     <app-content-selector-wrapper
       [dictionaryKey]="dictionaryKey"
       [keyPath]="keyPath"
@@ -32,9 +10,5 @@ EditorSelectorRendererComponent = __decorate([Component({
         <ng-content></ng-content>
       </app-edited-content-renderer>
     </app-content-selector-wrapper>
-  `
-})], EditorSelectorRendererComponent);
-
-//#endregion
-export { EditorSelectorRendererComponent };
+  `})],s);export{s as EditorSelectorRendererComponent};
 //# sourceMappingURL=EditorSelectorRenderer.component.mjs.map

package/dist/esm/editor/EditorSelectorRenderer.component.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditorSelectorRenderer.component.mjs","names":[],"sources":["../../../src/editor/EditorSelectorRenderer.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport type { NodeProps } from '@intlayer/core';\nimport { ContentSelectorWrapperComponent } from './ContentSelectorWrapper.component';\nimport { EditedContentRendererComponent } from './EditedContentRenderer.component';\n\n/**\n * Combine your NodeProps (which include dictionaryKey & keyPath)\n * with any other div-like attributes.\n */\nexport interface EditorSelectorRendererProps extends NodeProps {\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'app-editor-selector-renderer',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ContentSelectorWrapperComponent,\n    EditedContentRendererComponent,\n  ],\n  template: `\n    <app-content-selector-wrapper\n      [dictionaryKey]=\"dictionaryKey\"\n      [keyPath]=\"keyPath\"\n    >\n      <app-edited-content-renderer\n        [dictionaryKey]=\"dictionaryKey\"\n        [keyPath]=\"keyPath\"\n      >\n        <ng-content></ng-content>\n      </app-edited-content-renderer>\n    </app-content-selector-wrapper>\n  `,\n})\nexport class EditorSelectorRendererComponent {\n  @Input() dictionaryKey!: string;\n  @Input() keyPath!: any[];\n}\n"],"mappings":";;;;;;;;AAoCO,4CAAM,gCAAgC;CAC3C,AAAS;CACT,AAAS;;YADR,OAAO;YACP,OAAO;8CAxBT,UAAU;CACT,UAAU;CACV,YAAY;CACZ,SAAS;EACP;EACA;EACA;EACD;CACD,UAAU;;;;;;;;;;;;;CAaX,CAAC"}
+{"version":3,"file":"EditorSelectorRenderer.component.mjs","names":[],"sources":["../../../src/editor/EditorSelectorRenderer.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input } from '@angular/core';\nimport type { NodeProps } from '@intlayer/core/interpreter';\nimport { ContentSelectorWrapperComponent } from './ContentSelectorWrapper.component';\nimport { EditedContentRendererComponent } from './EditedContentRenderer.component';\n\n/**\n * Combine your NodeProps (which include dictionaryKey & keyPath)\n * with any other div-like attributes.\n */\nexport interface EditorSelectorRendererProps extends NodeProps {\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'app-editor-selector-renderer',\n  standalone: true,\n  imports: [\n    CommonModule,\n    ContentSelectorWrapperComponent,\n    EditedContentRendererComponent,\n  ],\n  template: `\n    <app-content-selector-wrapper\n      [dictionaryKey]=\"dictionaryKey\"\n      [keyPath]=\"keyPath\"\n    >\n      <app-edited-content-renderer\n        [dictionaryKey]=\"dictionaryKey\"\n        [keyPath]=\"keyPath\"\n      >\n        <ng-content></ng-content>\n      </app-edited-content-renderer>\n    </app-content-selector-wrapper>\n  `,\n})\nexport class EditorSelectorRendererComponent {\n  @Input() dictionaryKey!: string;\n  @Input() keyPath!: any[];\n}\n"],"mappings":"4dAoCO,IAAA,EAAA,KAAsC,CAC3C,cACA,YADC,GAAO,CAAA,EAAA,cAAA,OAAA,CAAA,CAAA,EAAA,UAAA,gBAAA,IAAA,GAAA,IACP,GAAO,CAAA,EAAA,cAAA,MAAA,CAAA,CAAA,EAAA,UAAA,UAAA,IAAA,GAAA,MAxBT,EAAU,CACT,SAAU,+BACV,WAAY,GACZ,QAAS,CACP,EACA,EACA,EACD,CACD,SAAU;;;;;;;;;;;;IAaX,CAAC,CAAA,CAAA,EAAA"}

package/dist/esm/editor/communicator.mjs

@@ -1,59 +1,2 @@
-import configuration from "@intlayer/config/built";
-
-//#region src/editor/communicator.ts
-const randomUUID = () => Math.random().toString(36).slice(2);
-const { editor } = configuration;
-/**
-* Default values for the communicator
-*/
-const defaultValue = {
-	postMessage: () => null,
-	allowedOrigins: [
-		editor?.applicationURL,
-		editor?.editorURL,
-		editor?.cmsURL
-	],
-	senderId: ""
-};
-/**
-* Singleton instance
-*/
-let instance = null;
-/**
-* Creates a communicator client
-* @param options - Options for configuring the communicator
-*/
-const createCommunicator = (options = { postMessage: () => null }) => {
-	if (instance) return instance;
-	instance = {
-		...defaultValue,
-		...options,
-		senderId: randomUUID()
-	};
-	return instance;
-};
-/**
-* Helper to install the Intlayer communicator into the injector
-*/
-const installCommunicator = (_injector, options = { postMessage: () => null }) => {
-	createCommunicator(options);
-};
-/**
-* Hook to access the communicator
-* @returns The communicator instance
-*/
-const useCommunicator = () => {
-	try {
-		return createCommunicator() || defaultValue;
-	} catch (_error) {
-		console.warn("useCommunicator: Error accessing communicator. Returning default communicator.");
-		return {
-			postMessage: () => null,
-			senderId: ""
-		};
-	}
-};
-
-//#endregion
-export { createCommunicator, installCommunicator, useCommunicator };
+import e from"@intlayer/config/built";const t=()=>Math.random().toString(36).slice(2),{editor:n}=e,r={postMessage:()=>null,allowedOrigins:[n?.applicationURL,n?.editorURL,n?.cmsURL],senderId:``};let i=null;const a=(e={postMessage:()=>null})=>i||(i={...r,...e,senderId:t()},i),o=(e,t={postMessage:()=>null})=>{a(t)},s=()=>{try{return a()||r}catch{return console.warn(`useCommunicator: Error accessing communicator. Returning default communicator.`),{postMessage:()=>null,senderId:``}}};export{a as createCommunicator,o as installCommunicator,s as useCommunicator};
 //# sourceMappingURL=communicator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"communicator.mjs","names":[],"sources":["../../../src/editor/communicator.ts"],"sourcesContent":["import type { Injector } from '@angular/core';\nimport configuration from '@intlayer/config/built';\n\nconst randomUUID = () => Math.random().toString(36).slice(2);\n\n/**\n * Interface defining a cross-frame communicator\n */\nexport type Communicator = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\n/**\n * Configuration options for the communicator\n */\nexport type CommunicatorOptions = Omit<Communicator, 'senderId'>;\n\nconst { editor } = configuration;\n\n/**\n * Default values for the communicator\n */\nconst defaultValue: Communicator = {\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n};\n\n/**\n * Singleton instance\n */\nlet instance: Communicator | null = null;\n\nconst _INTLAYER_COMMUNICATOR_SYMBOL = Symbol('Communicator');\n\n/**\n * Creates a communicator client\n * @param options - Options for configuring the communicator\n */\nexport const createCommunicator = (\n  options: CommunicatorOptions = { postMessage: () => null }\n) => {\n  if (instance) return instance;\n\n  instance = {\n    ...defaultValue,\n    ...options,\n    senderId: randomUUID(),\n  };\n\n  return instance;\n};\n\n/**\n * Helper to install the Intlayer communicator into the injector\n */\nexport const installCommunicator = (\n  _injector: Injector,\n  options: CommunicatorOptions = { postMessage: () => null }\n) => {\n  const _client = createCommunicator(options);\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 createCommunicator\n};\n\n/**\n * Hook to access the communicator\n * @returns The communicator instance\n */\nexport const useCommunicator = (): Communicator => {\n  try {\n    const communicator = createCommunicator();\n    return communicator || defaultValue;\n  } catch (_error) {\n    console.warn(\n      'useCommunicator: Error accessing communicator. Returning default communicator.'\n    );\n    return {\n      postMessage: () => null,\n      senderId: '',\n    };\n  }\n};\n"],"mappings":";;;AAGA,MAAM,mBAAmB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE;AAgB5D,MAAM,EAAE,WAAW;;;;AAKnB,MAAM,eAA6B;CACjC,mBAAmB;CACnB,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACT;CACD,UAAU;CACX;;;;AAKD,IAAI,WAAgC;;;;;AAQpC,MAAa,sBACX,UAA+B,EAAE,mBAAmB,MAAM,KACvD;AACH,KAAI,SAAU,QAAO;AAErB,YAAW;EACT,GAAG;EACH,GAAG;EACH,UAAU,YAAY;EACvB;AAED,QAAO;;;;;AAMT,MAAa,uBACX,WACA,UAA+B,EAAE,mBAAmB,MAAM,KACvD;AACa,oBAAmB,QAAQ;;;;;;AAU7C,MAAa,wBAAsC;AACjD,KAAI;AAEF,SADqB,oBAAoB,IAClB;UAChB,QAAQ;AACf,UAAQ,KACN,iFACD;AACD,SAAO;GACL,mBAAmB;GACnB,UAAU;GACX"}
+{"version":3,"file":"communicator.mjs","names":[],"sources":["../../../src/editor/communicator.ts"],"sourcesContent":["import type { Injector } from '@angular/core';\nimport configuration from '@intlayer/config/built';\n\nconst randomUUID = () => Math.random().toString(36).slice(2);\n\n/**\n * Interface defining a cross-frame communicator\n */\nexport type Communicator = {\n  postMessage: typeof window.postMessage;\n  allowedOrigins?: string[];\n  senderId: string;\n};\n\n/**\n * Configuration options for the communicator\n */\nexport type CommunicatorOptions = Omit<Communicator, 'senderId'>;\n\nconst { editor } = configuration;\n\n/**\n * Default values for the communicator\n */\nconst defaultValue: Communicator = {\n  postMessage: () => null,\n  allowedOrigins: [\n    editor?.applicationURL,\n    editor?.editorURL,\n    editor?.cmsURL,\n  ] as string[],\n  senderId: '',\n};\n\n/**\n * Singleton instance\n */\nlet instance: Communicator | null = null;\n\nconst _INTLAYER_COMMUNICATOR_SYMBOL = Symbol('Communicator');\n\n/**\n * Creates a communicator client\n * @param options - Options for configuring the communicator\n */\nexport const createCommunicator = (\n  options: CommunicatorOptions = { postMessage: () => null }\n) => {\n  if (instance) return instance;\n\n  instance = {\n    ...defaultValue,\n    ...options,\n    senderId: randomUUID(),\n  };\n\n  return instance;\n};\n\n/**\n * Helper to install the Intlayer communicator into the injector\n */\nexport const installCommunicator = (\n  _injector: Injector,\n  options: CommunicatorOptions = { postMessage: () => null }\n) => {\n  const _client = createCommunicator(options);\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 createCommunicator\n};\n\n/**\n * Hook to access the communicator\n * @returns The communicator instance\n */\nexport const useCommunicator = (): Communicator => {\n  try {\n    const communicator = createCommunicator();\n    return communicator || defaultValue;\n  } catch (_error) {\n    console.warn(\n      'useCommunicator: Error accessing communicator. Returning default communicator.'\n    );\n    return {\n      postMessage: () => null,\n      senderId: '',\n    };\n  }\n};\n"],"mappings":"sCAGA,MAAM,MAAmB,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,CAgBtD,CAAE,UAAW,EAKb,EAA6B,CACjC,gBAAmB,KACnB,eAAgB,CACd,GAAQ,eACR,GAAQ,UACR,GAAQ,OACT,CACD,SAAU,GACX,CAKD,IAAI,EAAgC,KAQpC,MAAa,GACX,EAA+B,CAAE,gBAAmB,KAAM,GAEtD,IAEJ,EAAW,CACT,GAAG,EACH,GAAG,EACH,SAAU,GAAY,CACvB,CAEM,GAMI,GACX,EACA,EAA+B,CAAE,gBAAmB,KAAM,GACvD,CACa,EAAmB,EAAQ,EAUhC,MAAsC,CACjD,GAAI,CAEF,OADqB,GAAoB,EAClB,OACR,CAIf,OAHA,QAAQ,KACN,iFACD,CACM,CACL,gBAAmB,KACnB,SAAU,GACX"}

package/dist/esm/editor/configuration.mjs

@@ -1,20 +1,2 @@
-import { useCrossFrameState } from "./useCrossFrameState.mjs";
-import { DestroyRef, inject } from "@angular/core";
-import { MessageKey } from "@intlayer/editor";
-import configuration from "@intlayer/config/built";
-
-//#region src/editor/configuration.ts
-const useConfiguration = () => {
-	const [pushedConfiguration, setConfiguration] = useCrossFrameState(MessageKey.INTLAYER_CONFIGURATION);
-	try {
-		if (inject(DestroyRef, { optional: true })) {
-			if (!pushedConfiguration()) setConfiguration(configuration);
-		}
-	} catch {
-		console.warn("useConfiguration called outside injection context; configuration may not be synchronized.");
-	}
-};
-
-//#endregion
-export { useConfiguration };
+import{useCrossFrameState as e}from"./useCrossFrameState.mjs";import{DestroyRef as t,inject as n}from"@angular/core";import{MessageKey as r}from"@intlayer/editor";import i from"@intlayer/config/built";const a=()=>{let[a,o]=e(r.INTLAYER_CONFIGURATION);try{n(t,{optional:!0})&&(a()||o(i))}catch{console.warn(`useConfiguration called outside injection context; configuration may not be synchronized.`)}};export{a as useConfiguration};
 //# sourceMappingURL=configuration.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"configuration.mjs","names":[],"sources":["../../../src/editor/configuration.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport const useConfiguration = () => {\n  const [pushedConfiguration, setConfiguration] =\n    useCrossFrameState<IntlayerConfig>(MessageKey.INTLAYER_CONFIGURATION);\n\n  // Use Angular's injection context instead of Vue's onMounted\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n\n    if (destroyRef) {\n      // Execute immediately since Angular doesn't have the same lifecycle hooks\n      if (!pushedConfiguration()) {\n        setConfiguration(configuration);\n      }\n    }\n  } catch {\n    console.warn(\n      'useConfiguration called outside injection context; ' +\n        'configuration may not be synchronized.'\n    );\n  }\n};\n"],"mappings":";;;;;;AAMA,MAAa,yBAAyB;CACpC,MAAM,CAAC,qBAAqB,oBAC1B,mBAAmC,WAAW,uBAAuB;AAGvE,KAAI;AAGF,MAFmB,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC,EAIvD;OAAI,CAAC,qBAAqB,CACxB,kBAAiB,cAAc;;SAG7B;AACN,UAAQ,KACN,4FAED"}
+{"version":3,"file":"configuration.mjs","names":[],"sources":["../../../src/editor/configuration.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport { MessageKey } from '@intlayer/editor';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport { useCrossFrameState } from './useCrossFrameState';\n\nexport const useConfiguration = () => {\n  const [pushedConfiguration, setConfiguration] =\n    useCrossFrameState<IntlayerConfig>(MessageKey.INTLAYER_CONFIGURATION);\n\n  // Use Angular's injection context instead of Vue's onMounted\n  try {\n    const destroyRef = inject(DestroyRef, { optional: true });\n\n    if (destroyRef) {\n      // Execute immediately since Angular doesn't have the same lifecycle hooks\n      if (!pushedConfiguration()) {\n        setConfiguration(configuration);\n      }\n    }\n  } catch {\n    console.warn(\n      'useConfiguration called outside injection context; ' +\n        'configuration may not be synchronized.'\n    );\n  }\n};\n"],"mappings":"yMAMA,MAAa,MAAyB,CACpC,GAAM,CAAC,EAAqB,GAC1B,EAAmC,EAAW,uBAAuB,CAGvE,GAAI,CACiB,EAAO,EAAY,CAAE,SAAU,GAAM,CAAC,GAIlD,GAAqB,EACxB,EAAiB,EAAc,OAG7B,CACN,QAAQ,KACN,4FAED"}

package/dist/esm/editor/createSharedComposable.mjs

@@ -1,48 +1,2 @@
-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;
-	}
-}
-/**
-* 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;
-	});
-};
-
-//#endregion
-export { createSharedComposable, tryOnScopeDispose };
+import{DestroyRef as e,inject as t}from"@angular/core";function n(n){try{let r=t(e,{optional:!0});return r?(r.onDestroy(n),!0):!1}catch{return!1}}const r=e=>{let t=0,r,i,a=()=>{--t,i&&t<=0&&(i(),r=void 0,i=void 0)};return((...o)=>(t+=1,r?n(a):(r=e(...o),n(a)&&(i=a)),r))};export{r as createSharedComposable,n as tryOnScopeDispose};
 //# sourceMappingURL=createSharedComposable.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"createSharedComposable.mjs","names":[],"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,IAAI;CACJ,IAAI;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"}
+{"version":3,"file":"createSharedComposable.mjs","names":[],"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":"uDAUA,SAAgB,EAAkB,EAAgB,CAChD,GAAI,CACF,IAAM,EAAa,EAAO,EAAY,CAAE,SAAU,GAAM,CAAC,CAKzD,OAJI,GACF,EAAW,UAAU,EAAG,CACjB,IAEF,QACD,CAEN,MAAO,IAQX,MAAa,EACX,GAC+B,CAC/B,IAAI,EAAc,EACd,EACA,EAEE,MAAgB,CACpB,IACI,GAAa,GAAe,IAC9B,GAAW,CACX,EAAQ,IAAA,GACR,EAAY,IAAA,KAIhB,QAAa,GAAG,KACd,GAAe,EACV,EAQH,EAAkB,EAAQ,EAP1B,EAAQ,EAAW,GAAG,EAAK,CAEvB,EAAkB,EAAQ,GAC5B,EAAY,IAMT"}

package/dist/esm/editor/dictionariesRecord.mjs

@@ -1,46 +1,2 @@
-import { createSharedComposable } from "./createSharedComposable.mjs";
-import { useCrossFrameState } from "./useCrossFrameState.mjs";
-import { effect, signal } from "@angular/core";
-import { MessageKey } from "@intlayer/editor";
-
-//#region src/editor/dictionariesRecord.ts
-/**
-* Singleton instance
-*/
-let instance = null;
-const createDictionaryRecordClient = () => {
-	if (instance) return instance;
-	const localeDictionariesSignal = 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 = 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(() => {
-		setDictionariesRecord(client.localeDictionaries());
-	});
-});
-
-//#endregion
-export { createDictionaryRecordClient, installDictionariesRecord, useDictionariesRecord };
+import{createSharedComposable as e}from"./createSharedComposable.mjs";import{useCrossFrameState as t}from"./useCrossFrameState.mjs";import{effect as n,signal as r}from"@angular/core";import{MessageKey as i}from"@intlayer/editor";let a=null;const o=()=>{if(a)return a;let e=r(void 0);return a={localeDictionaries:e.asReadonly(),setLocaleDictionaries:t=>{e.set(t??{})},setLocaleDictionary(t){let n=e();e.set({...n,[t.localId]:t})}},a},s=e=>{o()},c=e(()=>{let e=o();if(!e)throw Error(`DictionariesRecord state not found`);let[r,a]=t(i.INTLAYER_LOCALE_DICTIONARIES_CHANGED,void 0);n(()=>{a(e.localeDictionaries())})});export{o as createDictionaryRecordClient,s as installDictionariesRecord,c as useDictionariesRecord};
 //# sourceMappingURL=dictionariesRecord.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"dictionariesRecord.mjs","names":[],"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,2BAA2B,OAC/B,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,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"}
+{"version":3,"file":"dictionariesRecord.mjs","names":[],"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":"qOASA,IAAI,EAA4C,KAUhD,MAAa,MAAqC,CAChD,GAAI,EAAU,OAAO,EAErB,IAAM,EAA2B,EAC/B,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,EAAwB,MAA6B,CAChE,IAAM,EAAS,GAA8B,CAE7C,GAAI,CAAC,EACH,MAAU,MAAM,qCAAqC,CAGvD,GAAM,CAAC,EAAqB,GAC1B,EACE,EAAW,qCACX,IAAA,GACD,CAGH,MAAa,CAEX,EADiB,EAAO,oBAAoB,CACb,EAC/B,EACF"}

package/dist/esm/editor/editedContent.mjs

@@ -1,58 +1,2 @@
-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;
-/**
-* Creates an edited content client
-*/
-const createEditedContentClient = () => {
-	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;
-};
-/**
-* 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(() => {
-		setEdited(client.editedContent());
-	});
-	return client;
-});
-
-//#endregion
-export { createEditedContentClient, installEditedContent, useEditedContent };
+import{createSharedComposable as e}from"./createSharedComposable.mjs";import{useCrossFrameState as t}from"./useCrossFrameState.mjs";import{effect as n,signal as r}from"@angular/core";import{MessageKey as i}from"@intlayer/editor";import{getContentNodeByKeyPath as a}from"@intlayer/core/dictionaryManipulator";let o=null;const s=()=>{if(o)return o;let e=r({});return o={editedContent:e.asReadonly(),getEditedContentValue:(t,n)=>{let r=e();if(!r)return;if(t.includes(`:local:`)||t.includes(`:remote:`))return a(r?.[t]?.content??{},n);let i=Object.keys(r).filter(e=>e.startsWith(`${t}:`));for(let e of i){let t=a(r?.[e]?.content??{},n);if(t)return t}},setEditedContent:t=>{e.set(t)}},o},c=e=>{s()},l=e(()=>{let e=s();if(!e)throw Error(`EditedContent state not found`);let[r,a]=t(i.INTLAYER_EDITED_CONTENT_CHANGED,{});return n(()=>{let t=r();e.setEditedContent(t??{})}),n(()=>{a(e.editedContent())}),e});export{s as createEditedContentClient,c as installEditedContent,l as useEditedContent};
 //# sourceMappingURL=editedContent.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"editedContent.mjs","names":[],"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,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"}
+{"version":3,"file":"editedContent.mjs","names":[],"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":"oTA0BA,IAAI,EAAuC,KAO3C,MAAa,MAAkC,CAC7C,GAAI,EAAU,OAAO,EAErB,IAAM,EAAsB,EAAsB,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,OAFoB,EAHlB,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,EAAc,EAFlB,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,EAAmB,MAA6B,CAC3D,IAAM,EAAS,GAA2B,CAE1C,GAAI,CAAC,EACH,MAAU,MAAM,gCAAgC,CAGlD,GAAM,CAAC,EAAQ,GAAa,EAC1B,EAAW,gCACX,EAAE,CACH,CAaD,OAVA,MAAa,CACX,IAAM,EAAW,GAAQ,CACzB,EAAO,iBAAiB,GAAY,EAAE,CAAC,EACvC,CAEF,MAAa,CAEX,EADiB,EAAO,eAAe,CACpB,EACnB,CAEK,GACP"}

package/dist/esm/editor/editorEnabled.mjs

@@ -1,46 +1,2 @@
-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;
-/**
-* 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;
-};
-/**
-* 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;
-});
-
-//#endregion
-export { createEditorEnabledClient, installEditorEnabled, useEditorEnabled };
+import{createSharedComposable as e}from"./createSharedComposable.mjs";import{useCrossFrameMessageListener as t}from"./useCrossFrameMessageListener.mjs";import{computed as n,effect as r,signal as i}from"@angular/core";import{MessageKey as a}from"@intlayer/editor";let o=null;const s=()=>{if(o)return o;let e=i(!1),t=i(!1),r=n(()=>e()&&t());return o={wrapperEnabled:e.asReadonly(),isInIframe:t.asReadonly(),enabled:r},o},c=e=>{s()},l=e(()=>{let e=s();if(!e)throw Error(`EditorEnabled state not found`);return t(`${a.INTLAYER_EDITOR_ENABLED}/post`,t=>{e.wrapperEnabled.set(t)}),r(()=>{typeof window<`u`&&e.isInIframe.set(window.self!==window.top)},{allowSignalWrites:!0}),e});export{s as createEditorEnabledClient,c as installEditorEnabled,l as useEditorEnabled};
 //# sourceMappingURL=editorEnabled.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"editorEnabled.mjs","names":[],"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,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"}
+{"version":3,"file":"editorEnabled.mjs","names":[],"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":"uQAuBA,IAAI,EAA2C,KAO/C,MAAa,MAAkC,CAC7C,GAAI,EAAU,OAAO,EAErB,IAAM,EAAuB,EAAO,GAAM,CACpC,EAAmB,EAAO,GAAM,CAChC,EAAgB,MACd,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,EAAmB,MAA6B,CAC3D,IAAM,EAAS,GAA2B,CAE1C,GAAI,CAAC,EACH,MAAU,MAAM,gCAAgC,CAqBlD,OAjBA,EACE,GAAG,EAAW,wBAAwB,OACrC,GAAS,CACP,EAAO,eAAuB,IAAI,EAAK,EAE3C,CAGD,MACQ,CACA,OAAO,OAAW,KACnB,EAAO,WAAmB,IAAI,OAAO,OAAS,OAAO,IAAI,EAG9D,CAAE,kBAAmB,GAAM,CAC5B,CAEM,GACP"}

package/dist/esm/editor/editorLocale.mjs

@@ -1,20 +1,2 @@
-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(() => {
-		setData(client.locale());
-	});
-	return client;
-});
-
-//#endregion
-export { useEditorLocale };
+import{createSharedComposable as e}from"./createSharedComposable.mjs";import{useCrossFrameState as t}from"./useCrossFrameState.mjs";import{INTLAYER_TOKEN as n}from"../client/installIntlayer.mjs";import{effect as r,inject as i}from"@angular/core";import{MessageKey as a}from"@intlayer/editor";const o=e(()=>{let e=i(n);if(!e)throw Error(`IntlayerEditor state not found`);let[o,s]=t(a.INTLAYER_CURRENT_LOCALE);return r(()=>{s(e.locale())}),e});export{o as useEditorLocale};
 //# sourceMappingURL=editorLocale.mjs.map

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

@@ -1 +1 @@
-{"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"}
+{"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":"oSAOA,MAAa,EAAkB,MAA6B,CAC1D,IAAM,EAAS,EAAyB,EAAe,CAEvD,GAAI,CAAC,EACH,MAAU,MAAM,iCAAiC,CAGnD,GAAM,CAAC,EAAO,GAAW,EACvB,EAAW,wBACZ,CAQD,OALA,MAAa,CAEX,EADiB,EAAO,QAAQ,CACL,EAC3B,CAEK,GACP"}

package/dist/esm/editor/focusDictionary.mjs

@@ -1,59 +1,2 @@
-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;
-};
-/**
-* 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;
-});
-
-//#endregion
-export { createFocusDictionaryClient, installFocusDictionary, useFocusDictionary };
+import{createSharedComposable as e}from"./createSharedComposable.mjs";import{useCrossFrameState as t}from"./useCrossFrameState.mjs";import{effect as n,signal as r}from"@angular/core";import{MessageKey as i}from"@intlayer/editor";let a=null;const o=()=>{if(a)return a;let e=r(null),t=t=>{e.set(t)};return a={focusedContent:e.asReadonly(),setFocusedContent:t,setFocusedContentKeyPath:n=>{let r=e();r&&t({...r,keyPath:n})}},a},s=e=>{o()},c=e(()=>{let e=o(),[r,a]=t(i.INTLAYER_FOCUSED_CONTENT_CHANGED);if(!e)throw Error(`FocusDictionary state not found`);return n(()=>{let t=e.focusedContent();JSON.stringify(t)!==JSON.stringify(r())&&a(t)}),n(()=>{let t=r();JSON.stringify(t)!==JSON.stringify(e.focusedContent())&&e.setFocusedContent(t??null)}),e});export{o as createFocusDictionaryClient,s as installFocusDictionary,c as useFocusDictionary};
 //# sourceMappingURL=focusDictionary.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"focusDictionary.mjs","names":[],"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,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"}
+{"version":3,"file":"focusDictionary.mjs","names":[],"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":"qOAqBA,IAAI,EAAyC,KAK7C,MAAa,MAAoC,CAC/C,GAAI,EAAU,OAAO,EAErB,IAAM,EAAuB,EAA2B,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,EAAqB,MAA6B,CAC7D,IAAM,EAAS,GAA6B,CACtC,CAAC,EAAgB,GACrB,EACE,EAAW,iCACZ,CAEH,GAAI,CAAC,EACH,MAAU,MAAM,kCAAkC,CAoBpD,OAfA,MAAa,CACX,IAAM,EAAW,EAAO,gBAAgB,CACpC,KAAK,UAAU,EAAS,GAAK,KAAK,UAAU,GAAgB,CAAC,EAC/D,EAAkB,EAAS,EAE7B,CAGF,MAAa,CACX,IAAM,EAAW,GAAgB,CAC7B,KAAK,UAAU,EAAS,GAAK,KAAK,UAAU,EAAO,gBAAgB,CAAC,EACtE,EAAO,kBAAkB,GAAY,KAAK,EAE5C,CAEK,GACP"}

package/dist/esm/editor/index.mjs

@@ -1,6 +1 @@
-import { ContentSelectorWrapperComponent } from "./ContentSelectorWrapper.component.mjs";
-import { EditedContentRendererComponent } from "./EditedContentRenderer.component.mjs";
-import { EditorSelectorRendererComponent } from "./EditorSelectorRenderer.component.mjs";
-import { installIntlayerEditor } from "./installIntlayerEditor.mjs";
-
-export { ContentSelectorWrapperComponent, EditedContentRendererComponent, EditorSelectorRendererComponent, installIntlayerEditor };
+import{ContentSelectorWrapperComponent as e}from"./ContentSelectorWrapper.component.mjs";import{EditedContentRendererComponent as t}from"./EditedContentRenderer.component.mjs";import{EditorSelectorRendererComponent as n}from"./EditorSelectorRenderer.component.mjs";import{installIntlayerEditor as r}from"./installIntlayerEditor.mjs";export{e as ContentSelectorWrapperComponent,t as EditedContentRendererComponent,n as EditorSelectorRendererComponent,r as installIntlayerEditor};