angular-intlayer 6.1.6 → 7.0.0-canary.2

package/dist/esm/client/useLocale.mjs

@@ -1,35 +1,34 @@
+import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { setLocaleInStorage } from "./useLocaleStorage.mjs";
 import { computed, inject } from "@angular/core";
 import configuration from "@intlayer/config/built";
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
-import { useLocaleCookie } from "./useLocaleCookie.mjs";
-const useLocale = ({ onLocaleChange } = {}) => {
-  const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
-  const intlayer = inject(INTLAYER_TOKEN);
-  const { setLocaleCookie } = useLocaleCookie();
-  const locale = computed(() => intlayer?.locale() ?? defaultLocale);
-  const setLocale = (newLocale) => {
-    if (!availableLocales?.map(String).includes(newLocale)) {
-      console.error(`Locale ${newLocale} is not available`);
-      return;
-    }
-    if (intlayer) {
-      intlayer.setLocale(newLocale);
-    }
-    setLocaleCookie(newLocale);
-    onLocaleChange?.(newLocale);
-  };
-  return {
-    locale,
-    // Current locale
-    defaultLocale,
-    // Principal locale defined in config
-    availableLocales,
-    // List of the available locales defined in config
-    setLocale
-    // Function to set the locale
-  };
-};
-export {
-  useLocale
+
+//#region src/client/useLocale.ts
+/**
+* On the client side, composable to get the current locale and all related fields
+*/
+const useLocale = ({ isCookieEnabled, onLocaleChange } = {}) => {
+	const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
+	const intlayer = inject(INTLAYER_TOKEN);
+	const locale = computed(() => intlayer?.locale() ?? defaultLocale);
+	const isCookieEnabledContext = computed(() => intlayer?.isCookieEnabled() ?? true);
+	const setLocale = (newLocale) => {
+		if (!availableLocales?.map(String).includes(newLocale)) {
+			console.error(`Locale ${newLocale} is not available`);
+			return;
+		}
+		if (intlayer) intlayer.setLocale(newLocale);
+		setLocaleInStorage(newLocale, isCookieEnabled ?? isCookieEnabledContext() ?? true);
+		onLocaleChange?.(newLocale);
+	};
+	return {
+		locale,
+		defaultLocale,
+		availableLocales,
+		setLocale
+	};
 };
+
+//#endregion
+export { useLocale };
 //# sourceMappingURL=useLocale.mjs.map

package/dist/esm/client/useLocale.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { INTLAYER_TOKEN, IntlayerProvider } from './installIntlayer';\nimport { useLocaleCookie } from './useLocaleCookie';\n\ntype useLocaleProps = {\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\n/**\n * On the client side, composable to get the current locale and all related fields\n */\nexport const useLocale = ({ onLocaleChange }: useLocaleProps = {}) => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n  const { setLocaleCookie } = useLocaleCookie();\n\n  // Create a reactive reference for the locale\n  const locale = computed(() => intlayer?.locale() ?? defaultLocale);\n\n  const setLocale = (newLocale: LocalesValues) => {\n    if (!availableLocales?.map(String).includes(newLocale)) {\n      console.error(`Locale ${newLocale} is not available`);\n      return;\n    }\n\n    if (intlayer) {\n      intlayer.setLocale(newLocale);\n    }\n    setLocaleCookie(newLocale);\n    onLocaleChange?.(newLocale);\n  };\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":"AAAA,SAAS,UAAU,cAAc;AACjC,OAAO,mBAAmB;AAE1B,SAAS,sBAAwC;AACjD,SAAS,uBAAuB;AASzB,MAAM,YAAY,CAAC,EAAE,eAAe,IAAoB,CAAC,MAAM;AACpE,QAAM,EAAE,eAAe,SAAS,iBAAiB,IAC/C,eAAe,wBAAwB,CAAC;AAC1C,QAAM,WAAW,OAAyB,cAAc;AACxD,QAAM,EAAE,gBAAgB,IAAI,gBAAgB;AAG5C,QAAM,SAAS,SAAS,MAAM,UAAU,OAAO,KAAK,aAAa;AAEjE,QAAM,YAAY,CAAC,cAA6B;AAC9C,QAAI,CAAC,kBAAkB,IAAI,MAAM,EAAE,SAAS,SAAS,GAAG;AACtD,cAAQ,MAAM,UAAU,SAAS,mBAAmB;AACpD;AAAA,IACF;AAEA,QAAI,UAAU;AACZ,eAAS,UAAU,SAAS;AAAA,IAC9B;AACA,oBAAgB,SAAS;AACzB,qBAAiB,SAAS;AAAA,EAC5B;AAEA,SAAO;AAAA,IACL;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"file":"useLocale.mjs","names":[],"sources":["../../../src/client/useLocale.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { setLocaleInStorage } from './useLocaleStorage';\n\ntype useLocaleProps = {\n  isCookieEnabled?: boolean;\n  onLocaleChange?: (locale: LocalesValues) => void;\n};\n\n/**\n * On the client side, composable to get the current locale and all related fields\n */\nexport const useLocale = ({\n  isCookieEnabled,\n  onLocaleChange,\n}: useLocaleProps = {}) => {\n  const { defaultLocale, locales: availableLocales } =\n    configuration?.internationalization ?? {};\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  // Create a reactive reference for the locale\n  const locale = computed(() => intlayer?.locale() ?? defaultLocale);\n  const isCookieEnabledContext = computed(\n    () => intlayer?.isCookieEnabled() ?? true\n  );\n\n  const setLocale = (newLocale: LocalesValues) => {\n    if (!availableLocales?.map(String).includes(newLocale)) {\n      console.error(`Locale ${newLocale} is not available`);\n      return;\n    }\n\n    if (intlayer) {\n      intlayer.setLocale(newLocale);\n    }\n    setLocaleInStorage(\n      newLocale,\n      isCookieEnabled ?? isCookieEnabledContext() ?? true\n    );\n    onLocaleChange?.(newLocale);\n  };\n\n  return {\n    locale, // Current locale\n    defaultLocale, // Principal locale defined in config\n    availableLocales, // List of the available locales defined in config\n    setLocale, // Function to set the locale\n  };\n};\n"],"mappings":";;;;;;;;;AAcA,MAAa,aAAa,EACxB,iBACA,mBACkB,EAAE,KAAK;CACzB,MAAM,EAAE,eAAe,SAAS,qBAC9B,eAAe,wBAAwB,EAAE;CAC3C,MAAM,WAAW,OAAyB,eAAe;CAGzD,MAAM,SAAS,eAAe,UAAU,QAAQ,IAAI,cAAc;CAClE,MAAM,yBAAyB,eACvB,UAAU,iBAAiB,IAAI,KACtC;CAED,MAAM,aAAa,cAA6B;AAC9C,MAAI,CAAC,kBAAkB,IAAI,OAAO,CAAC,SAAS,UAAU,EAAE;AACtD,WAAQ,MAAM,UAAU,UAAU,mBAAmB;AACrD;;AAGF,MAAI,SACF,UAAS,UAAU,UAAU;AAE/B,qBACE,WACA,mBAAmB,wBAAwB,IAAI,KAChD;AACD,mBAAiB,UAAU;;AAG7B,QAAO;EACL;EACA;EACA;EACA;EACD"}

package/dist/esm/client/useLocaleStorage.mjs

@@ -0,0 +1,54 @@
+import { LocaleStorage, getLocaleFromStorage, localeStorageOptions, setLocaleInStorage as setLocaleInStorage$1 } from "@intlayer/core";
+
+//#region src/client/useLocaleStorage.ts
+/**
+* Get the locale cookie
+*/
+/**
+* Get the locale cookie
+*/
+const localeInStorage = getLocaleFromStorage(localeStorageOptions);
+/**
+* @deprecated Use localeInStorage instead
+*
+* Get the locale cookie
+*/
+const localeCookie = localeInStorage;
+/**
+* Set the locale cookie
+*/
+const setLocaleInStorage = (locale, isCookieEnabled) => setLocaleInStorage$1(locale, {
+	...localeStorageOptions,
+	isCookieEnabled
+});
+/**
+* @deprecated Use setLocaleInStorage instead
+*
+* Set the locale cookie
+*/
+const setLocaleCookie = setLocaleInStorage;
+/**
+* Hook that provides the locale storage and a function to set it
+*/
+const useLocaleStorage = (isCookieEnabled) => LocaleStorage({
+	...localeStorageOptions,
+	isCookieEnabled
+});
+/**
+* @deprecated Use useLocaleStorage instead
+*
+* For GDPR compliance, use useLocaleStorage instead
+*
+* Hook that provides the locale cookie and a function to set it
+*/
+const useLocaleCookie = (isCookieEnabled) => {
+	const storage = useLocaleStorage(isCookieEnabled);
+	return {
+		localeCookie: storage.getLocale(),
+		setLocaleCookie: storage.setLocale
+	};
+};
+
+//#endregion
+export { localeCookie, localeInStorage, setLocaleCookie, setLocaleInStorage, useLocaleCookie, useLocaleStorage };
+//# sourceMappingURL=useLocaleStorage.mjs.map

package/dist/esm/client/useLocaleStorage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLocaleStorage.mjs","names":["setLocaleInStorageCore"],"sources":["../../../src/client/useLocaleStorage.ts"],"sourcesContent":["import {\n  getLocaleFromStorage,\n  LocaleStorage,\n  localeStorageOptions,\n  setLocaleInStorage as setLocaleInStorageCore,\n} from '@intlayer/core';\nimport type { LocalesValues } from '@intlayer/types';\n\n/**\n * Get the locale cookie\n */\n/**\n * Get the locale cookie\n */\nexport const localeInStorage = getLocaleFromStorage(localeStorageOptions);\n/**\n * @deprecated Use localeInStorage instead\n *\n * Get the locale cookie\n */\nexport const localeCookie = localeInStorage;\n\n/**\n * Set the locale cookie\n */\nexport const setLocaleInStorage = (\n  locale: LocalesValues,\n  isCookieEnabled: boolean\n) =>\n  setLocaleInStorageCore(locale, {\n    ...localeStorageOptions,\n    isCookieEnabled,\n  });\n\n/**\n * @deprecated Use setLocaleInStorage instead\n *\n * Set the locale cookie\n */\nexport const setLocaleCookie = setLocaleInStorage;\n\n/**\n * Hook that provides the locale storage and a function to set it\n */\nexport const useLocaleStorage = (isCookieEnabled?: boolean) =>\n  LocaleStorage({\n    ...localeStorageOptions,\n    isCookieEnabled,\n  });\n\n/**\n * @deprecated Use useLocaleStorage instead\n *\n * For GDPR compliance, use useLocaleStorage instead\n *\n * Hook that provides the locale cookie and a function to set it\n */\nexport const useLocaleCookie = (isCookieEnabled?: boolean) => {\n  const storage = useLocaleStorage(isCookieEnabled);\n\n  return {\n    localeCookie: storage.getLocale(),\n    setLocaleCookie: storage.setLocale,\n  };\n};\n"],"mappings":";;;;;;;;;AAcA,MAAa,kBAAkB,qBAAqB,qBAAqB;;;;;;AAMzE,MAAa,eAAe;;;;AAK5B,MAAa,sBACX,QACA,oBAEAA,qBAAuB,QAAQ;CAC7B,GAAG;CACH;CACD,CAAC;;;;;;AAOJ,MAAa,kBAAkB;;;;AAK/B,MAAa,oBAAoB,oBAC/B,cAAc;CACZ,GAAG;CACH;CACD,CAAC;;;;;;;;AASJ,MAAa,mBAAmB,oBAA8B;CAC5D,MAAM,UAAU,iBAAiB,gBAAgB;AAEjD,QAAO;EACL,cAAc,QAAQ,WAAW;EACjC,iBAAiB,QAAQ;EAC1B"}

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

@@ -1,15 +1,17 @@
-import { CommonModule } from "@angular/common";
-import { Component, Input, computed } from "@angular/core";
-import { isSameKeyPath } from "@intlayer/core";
 import { ContentSelectorComponent } from "../UI/ContentSelector.component.mjs";
 import { useEditorEnabled } from "./editorEnabled.mjs";
 import { useFocusDictionary } from "./focusDictionary.mjs";
 import { useEditor } from "./useEditor.mjs";
-@Component({
-  selector: "app-content-selector-wrapper",
-  standalone: true,
-  imports: [CommonModule, ContentSelectorComponent],
-  template: `
+import { isSameKeyPath } from "@intlayer/core";
+import { CommonModule } from "@angular/common";
+import { Component, Input, computed } from "@angular/core";
+
+//#region src/editor/ContentSelectorWrapper.component.ts
+var ContentSelectorWrapperComponent = @Component({
+	selector: "app-content-selector-wrapper",
+	standalone: true,
+	imports: [CommonModule, ContentSelectorComponent],
+	template: `
     <app-content-selector
       *ngIf="enabled()"
       (press)="handleSelect()"
@@ -19,31 +21,27 @@ import { useEditor } from "./useEditor.mjs";
     </app-content-selector>
     <ng-content *ngIf="!enabled()"></ng-content>
   `
-})
-class ContentSelectorWrapperComponent {
-  @Input() dictionaryKey;
-  @Input() keyPath;
-  // pull in the editor state & focus API
-  focusDictionary = useFocusDictionary();
-  editorEnabled = useEditorEnabled();
-  constructor() {
-    useEditor();
-  }
-  // compute whether this node is the current focus
-  isSelected = computed(() => {
-    const focusedContent = this.focusDictionary.focusedContent();
-    return focusedContent?.dictionaryKey === this.dictionaryKey && (focusedContent.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent.keyPath ?? [], this.keyPath);
-  });
-  enabled = computed(() => this.editorEnabled.enabled());
-  // when the selector is clicked, update focus
-  handleSelect() {
-    this.focusDictionary.setFocusedContent({
-      dictionaryKey: this.dictionaryKey,
-      keyPath: this.keyPath
-    });
-  }
-}
-export {
-  ContentSelectorWrapperComponent
+}) class {
+	@Input() dictionaryKey;
+	@Input() keyPath;
+	focusDictionary = useFocusDictionary();
+	editorEnabled = useEditorEnabled();
+	constructor() {
+		useEditor();
+	}
+	isSelected = computed(() => {
+		const focusedContent = this.focusDictionary.focusedContent();
+		return focusedContent?.dictionaryKey === this.dictionaryKey && (focusedContent.keyPath?.length ?? 0) > 0 && isSameKeyPath(focusedContent.keyPath ?? [], this.keyPath);
+	});
+	enabled = computed(() => this.editorEnabled.enabled());
+	handleSelect() {
+		this.focusDictionary.setFocusedContent({
+			dictionaryKey: this.dictionaryKey,
+			keyPath: this.keyPath
+		});
+	}
 };
+
+//#endregion
+export { ContentSelectorWrapperComponent };
 //# sourceMappingURL=ContentSelectorWrapper.component.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, computed } from '@angular/core';\nimport { isSameKeyPath, type NodeProps } from '@intlayer/core';\nimport { ContentSelectorComponent } from '../UI/ContentSelector.component';\nimport { useEditorEnabled } from './editorEnabled';\nimport { useFocusDictionary } from './focusDictionary';\nimport { useEditor } from './useEditor';\n\n/**\n * Combine your NodeProps (which include dictionaryKey & keyPath)\n * with any other div-like attributes.\n */\nexport interface ContentSelectorWrapperProps extends NodeProps {\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'app-content-selector-wrapper',\n  standalone: true,\n  imports: [CommonModule, ContentSelectorComponent],\n  template: `\n    <app-content-selector\n      *ngIf=\"enabled()\"\n      (press)=\"handleSelect()\"\n      [isSelecting]=\"isSelected()\"\n    >\n      <ng-content></ng-content>\n    </app-content-selector>\n    <ng-content *ngIf=\"!enabled()\"></ng-content>\n  `,\n})\nexport class ContentSelectorWrapperComponent {\n  @Input() dictionaryKey!: string;\n  @Input() keyPath!: any[];\n\n  // pull in the editor state & focus API\n  private focusDictionary = useFocusDictionary();\n  private editorEnabled = useEditorEnabled();\n\n  constructor() {\n    useEditor();\n  }\n\n  // compute whether this node is the current focus\n  isSelected = computed(() => {\n    const focusedContent = this.focusDictionary.focusedContent();\n    return (\n      focusedContent?.dictionaryKey === this.dictionaryKey &&\n      (focusedContent.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent.keyPath ?? [], this.keyPath)\n    );\n  });\n\n  enabled = computed(() => this.editorEnabled.enabled());\n\n  // when the selector is clicked, update focus\n  handleSelect() {\n    this.focusDictionary.setFocusedContent({\n      dictionaryKey: this.dictionaryKey,\n      keyPath: this.keyPath,\n    });\n  }\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,WAAW,OAAO,gBAAgB;AAC3C,SAAS,qBAAqC;AAC9C,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,iBAAiB;AAU1B,CAAC,UAAU;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS,CAAC,cAAc,wBAAwB;AAAA,EAChD,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUZ,CAAC;AACM,MAAM,gCAAgC;AAC3C,GAAC,MAAM,EAAE;AACT,GAAC,MAAM,EAAE;AAAA;AAAA,EAGD,kBAAkB,mBAAmB;AAAA,EACrC,gBAAgB,iBAAiB;AAAA,EAEzC,cAAc;AACZ,cAAU;AAAA,EACZ;AAAA;AAAA,EAGA,aAAa,SAAS,MAAM;AAC1B,UAAM,iBAAiB,KAAK,gBAAgB,eAAe;AAC3D,WACE,gBAAgB,kBAAkB,KAAK,kBACtC,eAAe,SAAS,UAAU,KAAK,KACxC,cAAc,eAAe,WAAW,CAAC,GAAG,KAAK,OAAO;AAAA,EAE5D,CAAC;AAAA,EAED,UAAU,SAAS,MAAM,KAAK,cAAc,QAAQ,CAAC;AAAA;AAAA,EAGrD,eAAe;AACb,SAAK,gBAAgB,kBAAkB;AAAA,MACrC,eAAe,KAAK;AAAA,MACpB,SAAS,KAAK;AAAA,IAChB,CAAC;AAAA,EACH;AACF;","names":[]}
+{"version":3,"file":"ContentSelectorWrapper.component.mjs","names":[],"sources":["../../../src/editor/ContentSelectorWrapper.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, Input } from '@angular/core';\nimport { isSameKeyPath, type NodeProps } from '@intlayer/core';\nimport { ContentSelectorComponent } from '../UI/ContentSelector.component';\nimport { useEditorEnabled } from './editorEnabled';\nimport { useFocusDictionary } from './focusDictionary';\nimport { useEditor } from './useEditor';\n\n/**\n * Combine your NodeProps (which include dictionaryKey & keyPath)\n * with any other div-like attributes.\n */\nexport interface ContentSelectorWrapperProps extends NodeProps {\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'app-content-selector-wrapper',\n  standalone: true,\n  imports: [CommonModule, ContentSelectorComponent],\n  template: `\n    <app-content-selector\n      *ngIf=\"enabled()\"\n      (press)=\"handleSelect()\"\n      [isSelecting]=\"isSelected()\"\n    >\n      <ng-content></ng-content>\n    </app-content-selector>\n    <ng-content *ngIf=\"!enabled()\"></ng-content>\n  `,\n})\nexport class ContentSelectorWrapperComponent {\n  @Input() dictionaryKey!: string;\n  @Input() keyPath!: any[];\n\n  // pull in the editor state & focus API\n  private focusDictionary = useFocusDictionary();\n  private editorEnabled = useEditorEnabled();\n\n  constructor() {\n    useEditor();\n  }\n\n  // compute whether this node is the current focus\n  isSelected = computed(() => {\n    const focusedContent = this.focusDictionary.focusedContent();\n    return (\n      focusedContent?.dictionaryKey === this.dictionaryKey &&\n      (focusedContent.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent.keyPath ?? [], this.keyPath)\n    );\n  });\n\n  enabled = computed(() => this.editorEnabled.enabled());\n\n  // when the selector is clicked, update focus\n  handleSelect() {\n    this.focusDictionary.setFocusedContent({\n      dictionaryKey: this.dictionaryKey,\n      keyPath: this.keyPath,\n    });\n  }\n}\n"],"mappings":";;;;;;;;;AA+BA,IAAa,kCAfb,CAAC,UAAU;CACT,UAAU;CACV,YAAY;CACZ,SAAS,CAAC,cAAc,yBAAyB;CACjD,UAAU;;;;;;;;;;CAUX,CAAC,CACF,MAA6C;CAC3C,CAAC,OAAO,CAAC;CACT,CAAC,OAAO,CAAC;CAGT,AAAQ,kBAAkB,oBAAoB;CAC9C,AAAQ,gBAAgB,kBAAkB;CAE1C,cAAc;AACZ,aAAW;;CAIb,aAAa,eAAe;EAC1B,MAAM,iBAAiB,KAAK,gBAAgB,gBAAgB;AAC5D,SACE,gBAAgB,kBAAkB,KAAK,kBACtC,eAAe,SAAS,UAAU,KAAK,KACxC,cAAc,eAAe,WAAW,EAAE,EAAE,KAAK,QAAQ;GAE3D;CAEF,UAAU,eAAe,KAAK,cAAc,SAAS,CAAC;CAGtD,eAAe;AACb,OAAK,gBAAgB,kBAAkB;GACrC,eAAe,KAAK;GACpB,SAAS,KAAK;GACf,CAAC"}

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

@@ -1,53 +1,42 @@
+import { useEditedContentRenderer } from "./useEditedContentRenderer.mjs";
+import { getContent } from "@intlayer/core";
 import { CommonModule } from "@angular/common";
 import { Component, Input, computed, signal } from "@angular/core";
-import { getContent } from "@intlayer/core";
-import { useEditedContentRenderer } from "./useEditedContentRenderer.mjs";
-@Component({
-  selector: "app-edited-content-renderer",
-  standalone: true,
-  imports: [CommonModule],
-  template: ` <span [innerHTML]="renderedContent()"></span> `
-})
-class EditedContentRendererComponent {
-  @Input() dictionaryKey;
-  @Input() keyPath;
-  @Input() locale;
-  fallback = signal("");
-  rawContent = computed(() => {
-    return useEditedContentRenderer(
-      this.dictionaryKey,
-      this.keyPath,
-      this.fallback
-    );
-  });
-  /**
-   * Object → getContent → string, same as the React version.
-   */
-  renderedContent = computed(() => {
-    const rawContentValue = this.rawContent();
-    if (typeof rawContentValue === "object" && rawContentValue !== null) {
-      const transformed = getContent(
-        rawContentValue,
-        {
-          dictionaryKey: this.dictionaryKey,
-          keyPath: this.keyPath
-        },
-        this.locale
-      );
-      if (typeof transformed !== "string") {
-        console.error(
-          `Incorrect edited content format. Content type: ${typeof transformed}. Expected string. Value ${JSON.stringify(
-            transformed
-          )}`
-        );
-        return this.fallback();
-      }
-      return transformed;
-    }
-    return rawContentValue();
-  });
-}
-export {
-  EditedContentRendererComponent
+
+//#region src/editor/EditedContentRenderer.component.ts
+var EditedContentRendererComponent = @Component({
+	selector: "app-edited-content-renderer",
+	standalone: true,
+	imports: [CommonModule],
+	template: ` <span [innerHTML]="renderedContent()"></span> `
+}) class {
+	@Input() dictionaryKey;
+	@Input() keyPath;
+	@Input() locale;
+	fallback = signal("");
+	rawContent = computed(() => {
+		return useEditedContentRenderer(this.dictionaryKey, this.keyPath, this.fallback);
+	});
+	/**
+	* Object → getContent → string, same as the React version.
+	*/
+	renderedContent = computed(() => {
+		const rawContentValue = this.rawContent();
+		if (typeof rawContentValue === "object" && rawContentValue !== null) {
+			const transformed = getContent(rawContentValue, {
+				dictionaryKey: this.dictionaryKey,
+				keyPath: this.keyPath
+			}, this.locale);
+			if (typeof transformed !== "string") {
+				console.error(`Incorrect edited content format. Content type: ${typeof transformed}. Expected string. Value ${JSON.stringify(transformed)}`);
+				return this.fallback();
+			}
+			return transformed;
+		}
+		return rawContentValue();
+	});
 };
+
+//#endregion
+export { EditedContentRendererComponent };
 //# sourceMappingURL=EditedContentRenderer.component.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/EditedContentRenderer.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, computed, signal } from '@angular/core';\nimport type { Locales } from '@intlayer/config/client';\nimport { ContentNode, getContent, type KeyPath } from '@intlayer/core';\nimport { useEditedContentRenderer } from './useEditedContentRenderer';\n\nexport interface EditedContentRendererProps {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  locale?: Locales;\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?: Locales;\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":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,WAAW,OAAO,UAAU,cAAc;AAEnD,SAAsB,kBAAgC;AACtD,SAAS,gCAAgC;AAQzC,CAAC,UAAU;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS,CAAC,YAAY;AAAA,EACtB,UAAU;AACZ,CAAC;AACM,MAAM,+BAA+B;AAC1C,GAAC,MAAM,EAAE;AACT,GAAC,MAAM,EAAE;AACT,GAAC,MAAM,EAAE;AAAA,EAED,WAAW,OAAO,EAAE;AAAA,EAEpB,aAAa,SAAS,MAAM;AAClC,WAAO;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP;AAAA,EACF,CAAC;AAAA;AAAA;AAAA;AAAA,EAKD,kBAAkB,SAAS,MAAM;AAC/B,UAAM,kBAAkB,KAAK,WAAW;AAExC,QAAI,OAAO,oBAAoB,YAAY,oBAAoB,MAAM;AACnE,YAAM,cAAc;AAAA,QAClB;AAAA,QACA;AAAA,UACE,eAAe,KAAK;AAAA,UACpB,SAAS,KAAK;AAAA,QAChB;AAAA,QACA,KAAK;AAAA,MACP;AAEA,UAAI,OAAO,gBAAgB,UAAU;AACnC,gBAAQ;AAAA,UACN,kDAAkD,OAAO,WAAW,4BAA4B,KAAK;AAAA,YACnG;AAAA,UACF,CAAC;AAAA,QACH;AACA,eAAO,KAAK,SAAS;AAAA,MACvB;AACA,aAAO;AAAA,IACT;AAEA,WAAO,gBAAgB;AAAA,EACzB,CAAC;AACH;","names":[]}
+{"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":";;;;;;AAkBA,IAAa,iCANb,CAAC,UAAU;CACT,UAAU;CACV,YAAY;CACZ,SAAS,CAAC,aAAa;CACvB,UAAU;CACX,CAAC,CACF,MAA4C;CAC1C,CAAC,OAAO,CAAC;CACT,CAAC,OAAO,CAAC;CACT,CAAC,OAAO,CAAC;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"}

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

@@ -1,16 +1,18 @@
-import { CommonModule } from "@angular/common";
-import { Component, Input } from "@angular/core";
 import { ContentSelectorWrapperComponent } from "./ContentSelectorWrapper.component.mjs";
 import { EditedContentRendererComponent } from "./EditedContentRenderer.component.mjs";
-@Component({
-  selector: "app-editor-selector-renderer",
-  standalone: true,
-  imports: [
-    CommonModule,
-    ContentSelectorWrapperComponent,
-    EditedContentRendererComponent
-  ],
-  template: `
+import { CommonModule } from "@angular/common";
+import { Component, Input } from "@angular/core";
+
+//#region src/editor/EditorSelectorRenderer.component.ts
+var EditorSelectorRendererComponent = @Component({
+	selector: "app-editor-selector-renderer",
+	standalone: true,
+	imports: [
+		CommonModule,
+		ContentSelectorWrapperComponent,
+		EditedContentRendererComponent
+	],
+	template: `
     <app-content-selector-wrapper
       [dictionaryKey]="dictionaryKey"
       [keyPath]="keyPath"
@@ -23,12 +25,11 @@ import { EditedContentRendererComponent } from "./EditedContentRenderer.componen
       </app-edited-content-renderer>
     </app-content-selector-wrapper>
   `
-})
-class EditorSelectorRendererComponent {
-  @Input() dictionaryKey;
-  @Input() keyPath;
-}
-export {
-  EditorSelectorRendererComponent
+}) class {
+	@Input() dictionaryKey;
+	@Input() keyPath;
 };
+
+//#endregion
+export { EditorSelectorRendererComponent };
 //# sourceMappingURL=EditorSelectorRenderer.component.mjs.map

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

@@ -1 +1 @@
-{"version":3,"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":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,WAAW,aAAa;AAEjC,SAAS,uCAAuC;AAChD,SAAS,sCAAsC;AAU/C,CAAC,UAAU;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaZ,CAAC;AACM,MAAM,gCAAgC;AAC3C,GAAC,MAAM,EAAE;AACT,GAAC,MAAM,EAAE;AACX;","names":[]}
+{"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":";;;;;;AAoCA,IAAa,kCAtBb,CAAC,UAAU;CACT,UAAU;CACV,YAAY;CACZ,SAAS;EACP;EACA;EACA;EACD;CACD,UAAU;;;;;;;;;;;;;CAaX,CAAC,CACF,MAA6C;CAC3C,CAAC,OAAO,CAAC;CACT,CAAC,OAAO,CAAC"}

package/dist/esm/editor/communicator.mjs

@@ -1,46 +1,59 @@
 import configuration from "@intlayer/config/built";
-import { v4 as uuid } from "uuid";
+import { v4 } from "uuid";
+
+//#region src/editor/communicator.ts
 const { editor } = configuration;
+/**
+* Default values for the communicator
+*/
 const defaultValue = {
-  postMessage: () => null,
-  allowedOrigins: [
-    editor?.applicationURL,
-    editor?.editorURL,
-    editor?.cmsURL
-  ],
-  senderId: ""
+	postMessage: () => null,
+	allowedOrigins: [
+		editor?.applicationURL,
+		editor?.editorURL,
+		editor?.cmsURL
+	],
+	senderId: ""
 };
+/**
+* Singleton instance
+*/
 let instance = null;
-const INTLAYER_COMMUNICATOR_SYMBOL = Symbol("Communicator");
+/**
+* Creates a communicator client
+* @param options - Options for configuring the communicator
+*/
 const createCommunicator = (options = { postMessage: () => null }) => {
-  if (instance) return instance;
-  instance = {
-    ...defaultValue,
-    ...options,
-    senderId: uuid()
-  };
-  return instance;
+	if (instance) return instance;
+	instance = {
+		...defaultValue,
+		...options,
+		senderId: v4()
+	};
+	return instance;
 };
-const installCommunicator = (injector, options = { postMessage: () => null }) => {
-  const client = createCommunicator(options);
+/**
+* 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 {
-    const communicator = createCommunicator();
-    return communicator || defaultValue;
-  } catch (error) {
-    console.warn(
-      "useCommunicator: Error accessing communicator. Returning default communicator."
-    );
-    return {
-      postMessage: () => null,
-      senderId: ""
-    };
-  }
-};
-export {
-  createCommunicator,
-  installCommunicator,
-  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 };
 //# sourceMappingURL=communicator.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/communicator.ts"],"sourcesContent":["import { Injector } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport { v4 as uuid } from 'uuid';\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: uuid(),\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":"AACA,OAAO,mBAAmB;AAC1B,SAAS,MAAM,YAAY;AAgB3B,MAAM,EAAE,OAAO,IAAI;AAKnB,MAAM,eAA6B;AAAA,EACjC,aAAa,MAAM;AAAA,EACnB,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AACZ;AAKA,IAAI,WAAgC;AAEpC,MAAM,+BAA+B,OAAO,cAAc;AAMnD,MAAM,qBAAqB,CAChC,UAA+B,EAAE,aAAa,MAAM,KAAK,MACtD;AACH,MAAI,SAAU,QAAO;AAErB,aAAW;AAAA,IACT,GAAG;AAAA,IACH,GAAG;AAAA,IACH,UAAU,KAAK;AAAA,EACjB;AAEA,SAAO;AACT;AAKO,MAAM,sBAAsB,CACjC,UACA,UAA+B,EAAE,aAAa,MAAM,KAAK,MACtD;AACH,QAAM,SAAS,mBAAmB,OAAO;AAI3C;AAMO,MAAM,kBAAkB,MAAoB;AACjD,MAAI;AACF,UAAM,eAAe,mBAAmB;AACxC,WAAO,gBAAgB;AAAA,EACzB,SAAS,OAAO;AACd,YAAQ;AAAA,MACN;AAAA,IACF;AACA,WAAO;AAAA,MACL,aAAa,MAAM;AAAA,MACnB,UAAU;AAAA,IACZ;AAAA,EACF;AACF;","names":[]}
+{"version":3,"file":"communicator.mjs","names":["defaultValue: Communicator","instance: Communicator | null","uuid"],"sources":["../../../src/editor/communicator.ts"],"sourcesContent":["import type { Injector } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport { v4 as uuid } from 'uuid';\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: uuid(),\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":";;;;AAkBA,MAAM,EAAE,WAAW;;;;AAKnB,MAAMA,eAA6B;CACjC,mBAAmB;CACnB,gBAAgB;EACd,QAAQ;EACR,QAAQ;EACR,QAAQ;EACT;CACD,UAAU;CACX;;;;AAKD,IAAIC,WAAgC;;;;;AAQpC,MAAa,sBACX,UAA+B,EAAE,mBAAmB,MAAM,KACvD;AACH,KAAI,SAAU,QAAO;AAErB,YAAW;EACT,GAAG;EACH,GAAG;EACH,UAAUC,IAAM;EACjB;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"}

package/dist/esm/editor/configuration.mjs

@@ -1,23 +1,20 @@
+import { useCrossFrameState } from "./useCrossFrameState.mjs";
 import { DestroyRef, inject } from "@angular/core";
-import configuration from "@intlayer/config/built";
 import { MessageKey } from "@intlayer/editor";
-import { useCrossFrameState } from "./useCrossFrameState.mjs";
+import configuration from "@intlayer/config/built";
+
+//#region src/editor/configuration.ts
 const useConfiguration = () => {
-  const [pushedConfiguration, setConfiguration] = useCrossFrameState(MessageKey.INTLAYER_CONFIGURATION);
-  try {
-    const destroyRef = inject(DestroyRef, { optional: true });
-    if (destroyRef) {
-      if (!pushedConfiguration()) {
-        setConfiguration(configuration);
-      }
-    }
-  } catch {
-    console.warn(
-      "useConfiguration called outside injection context; configuration may not be synchronized."
-    );
-  }
-};
-export {
-  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 };
 //# sourceMappingURL=configuration.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/configuration.ts"],"sourcesContent":["import { DestroyRef, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport { IntlayerConfig } from '@intlayer/config/client';\nimport { MessageKey } from '@intlayer/editor';\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":"AAAA,SAAS,YAAY,cAAc;AACnC,OAAO,mBAAmB;AAE1B,SAAS,kBAAkB;AAC3B,SAAS,0BAA0B;AAE5B,MAAM,mBAAmB,MAAM;AACpC,QAAM,CAAC,qBAAqB,gBAAgB,IAC1C,mBAAmC,WAAW,sBAAsB;AAGtE,MAAI;AACF,UAAM,aAAa,OAAO,YAAY,EAAE,UAAU,KAAK,CAAC;AAExD,QAAI,YAAY;AAEd,UAAI,CAAC,oBAAoB,GAAG;AAC1B,yBAAiB,aAAa;AAAA,MAChC;AAAA,IACF;AAAA,EACF,QAAQ;AACN,YAAQ;AAAA,MACN;AAAA,IAEF;AAAA,EACF;AACF;","names":[]}
+{"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"}