angular-intlayer 8.5.0 → 8.5.1

package/dist/esm/client/useIntlayer.mjs

@@ -1,5 +1,5 @@
 import { getIntlayer } from "../getIntlayer.mjs";
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { computed, inject } from "@angular/core";
 
 //#region src/client/useIntlayer.ts

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

@@ -1 +1 @@
-{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["import { computed, inject, type Signal } from '@angular/core';\nimport type { DictionaryKeys, DictionaryRegistryContent, LocalesValues } from '@intlayer/types/module_augmentation';\nimport { getIntlayer } from '../getIntlayer';\nimport type { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\n\n/** guard utility - true only for objects generated by `renderIntlayerNode()` */\nexport const isUpdatableNode = (\n  val: unknown\n): val is { __update: (n: unknown) => void } =>\n  !!val &&\n  typeof val === 'object' &&\n  typeof (val as any).__update === 'function';\n\n/**\n * Angular hook that picks one dictionary by its key and returns its reactive content.\n *\n * It utilizes Angular signals to provide deep reactivity, ensuring your components\n * update automatically when the locale changes.\n *\n * @param key - The unique key of the dictionary to retrieve.\n * @param locale - Optional locale to override the current context locale.\n * @returns The transformed dictionary content.\n *\n * @example\n * ```ts\n * import { Component } from '@angular/core';\n * import { useIntlayer } from 'angular-intlayer';\n *\n * @Component({\n *   standalone: true,\n *   selector: 'app-my-component',\n *   template: `<div>{{ content().myField.value }}</div>`,\n * })\n * export class MyComponent {\n *   content = useIntlayer('my-dictionary-key');\n * }\n * ```\n */\nexport const useIntlayer = <T extends DictionaryKeys, L extends LocalesValues>(\n  key: T,\n  locale?: LocalesValues\n): Signal<DeepTransformContent<DictionaryRegistryContent<T>>> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN)!;\n\n  /** which locale should we use right now? */\n  const localeTarget = computed(() => locale ?? intlayer.locale());\n\n  /** a *stable* reactive dictionary object */\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const content = computed(() => getIntlayer<T, L>(key, localeTarget() as L));\n\n  return content; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;;AAOA,MAAa,mBACX,QAEA,CAAC,CAAC,OACF,OAAO,QAAQ,YACf,OAAQ,IAAY,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BnC,MAAa,eACX,KACA,WAC+D;CAC/D,MAAM,WAAW,OAAyB,eAAe;;CAGzD,MAAM,eAAe,eAAe,UAAU,SAAS,QAAQ,CAAC;AAMhE,QAFgB,eAAe,YAAkB,KAAK,cAAc,CAAM,CAAC"}
+{"version":3,"file":"useIntlayer.mjs","names":[],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["import { computed, inject, type Signal } from '@angular/core';\nimport type {\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types/module_augmentation';\nimport { getIntlayer } from '../getIntlayer';\nimport type { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\n\n/** guard utility - true only for objects generated by `renderIntlayerNode()` */\nexport const isUpdatableNode = (\n  val: unknown\n): val is { __update: (n: unknown) => void } =>\n  !!val &&\n  typeof val === 'object' &&\n  typeof (val as any).__update === 'function';\n\n/**\n * Angular hook that picks one dictionary by its key and returns its reactive content.\n *\n * It utilizes Angular signals to provide deep reactivity, ensuring your components\n * update automatically when the locale changes.\n *\n * @param key - The unique key of the dictionary to retrieve.\n * @param locale - Optional locale to override the current context locale.\n * @returns The transformed dictionary content.\n *\n * @example\n * ```ts\n * import { Component } from '@angular/core';\n * import { useIntlayer } from 'angular-intlayer';\n *\n * @Component({\n *   standalone: true,\n *   selector: 'app-my-component',\n *   template: `<div>{{ content().myField.value }}</div>`,\n * })\n * export class MyComponent {\n *   content = useIntlayer('my-dictionary-key');\n * }\n * ```\n */\nexport const useIntlayer = <T extends DictionaryKeys, L extends LocalesValues>(\n  key: T,\n  locale?: LocalesValues\n): Signal<DeepTransformContent<DictionaryRegistryContent<T>>> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN)!;\n\n  /** which locale should we use right now? */\n  const localeTarget = computed(() => locale ?? intlayer.locale());\n\n  /** a *stable* reactive dictionary object */\n  // @ts-ignore Type instantiation is excessively deep and possibly infinite\n  const content = computed(\n    () => getIntlayer<T, L>(key, localeTarget() as L) as any\n  );\n\n  return content; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;;AAWA,MAAa,mBACX,QAEA,CAAC,CAAC,OACF,OAAO,QAAQ,YACf,OAAQ,IAAY,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BnC,MAAa,eACX,KACA,WAC+D;CAC/D,MAAM,WAAW,OAAyB,eAAe;;CAGzD,MAAM,eAAe,eAAe,UAAU,SAAS,QAAQ,CAAC;AAQhE,QAJgB,eACR,YAAkB,KAAK,cAAc,CAAM,CAClD"}

package/dist/esm/client/useLocale.mjs

@@ -1,4 +1,4 @@
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { setLocaleInStorage } from "./useLocaleStorage.mjs";
 import configuration from "@intlayer/config/built";
 import { computed, inject } from "@angular/core";

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

@@ -0,0 +1,20 @@
+import { __decorateMetadata } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorateMetadata.mjs";
+import { __decorate } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";
+import { useEditor } from "./useEditor.mjs";
+import { Component } from "@angular/core";
+
+//#region src/editor/EditorProvider.component.ts
+let EditorProviderComponent = class EditorProviderComponent {
+	constructor() {
+		useEditor();
+	}
+};
+EditorProviderComponent = __decorate([Component({
+	selector: "intlayer-editor-provider",
+	standalone: true,
+	template: `<ng-content />`
+}), __decorateMetadata("design:paramtypes", [])], EditorProviderComponent);
+
+//#endregion
+export { EditorProviderComponent };
+//# sourceMappingURL=EditorProvider.component.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditorProvider.component.mjs","names":[],"sources":["../../../src/editor/EditorProvider.component.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { useEditor } from './useEditor';\n\n/**\n * Drop-in Angular equivalent of React's `EditorProvider`.\n *\n * Wrap your root component (or any subtree) with this component to automatically\n * start the Intlayer editor client.  The editor will be started on mount and\n * stopped when this component is destroyed.\n *\n * @example\n * ```html\n * <!-- app.component.html -->\n * <intlayer-editor-provider>\n *   <router-outlet />\n * </intlayer-editor-provider>\n * ```\n *\n * ```ts\n * // app.component.ts\n * import { EditorProviderComponent } from 'angular-intlayer';\n *\n * @Component({\n *   imports: [EditorProviderComponent],\n *   …\n * })\n * export class AppComponent {}\n * ```\n */\n@Component({\n  selector: 'intlayer-editor-provider',\n  standalone: true,\n  template: `<ng-content />`,\n})\nexport class EditorProviderComponent {\n  constructor() {\n    useEditor();\n  }\n}\n"],"mappings":";;;;;;AAkCO,oCAAM,wBAAwB;CACnC,cAAc;AACZ,aAAW;;;sCAPd,UAAU;CACT,UAAU;CACV,YAAY;CACZ,UAAU;CACX,CAAC"}

package/dist/esm/editor/index.mjs

@@ -0,0 +1,5 @@
+import { ContentSelectorWrapperComponent } from "./ContentSelector.component.mjs";
+import { provideIntlayerEditor, useEditor } from "./useEditor.mjs";
+import { EditorProviderComponent } from "./EditorProvider.component.mjs";
+
+export { ContentSelectorWrapperComponent, EditorProviderComponent, provideIntlayerEditor, useEditor };

package/dist/esm/editor/useEditor.mjs

@@ -1,30 +1,64 @@
-import { INTLAYER_TOKEN } from "../client/installIntlayer.mjs";
-import { DestroyRef, Injector, effect, inject, runInInjectionContext } from "@angular/core";
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { DestroyRef, Injector, effect, inject, provideAppInitializer, runInInjectionContext, signal } from "@angular/core";
 import { isEnabled } from "@intlayer/editor/isEnabled";
 
 //#region src/editor/useEditor.ts
-const useEditor = () => {
-	if (process.env.INTLAYER_EDITOR_ENABLED === "false" || !isEnabled) return;
+/**
+* Initialises the Intlayer editor client singleton when the editor is enabled.
+* Syncs the current locale from the provided Intlayer client into the editor
+* manager so the editor always knows which locale the app is displaying.
+*
+* Must be called inside an Angular injection context (e.g. a component
+* constructor, `provideAppInitializer`, or `runInInjectionContext`).
+*
+* @param client - The IntlayerProvider instance to sync locale from.
+*   When omitted the function injects `INTLAYER_TOKEN` from the DI tree,
+*   so it still works when called directly from a component.
+*/
+const useEditor = (client) => {
+	if (!isEnabled) return;
 	const destroyRef = inject(DestroyRef, { optional: true });
-	const client = inject(INTLAYER_TOKEN, { optional: true });
 	const injector = inject(Injector);
+	const resolvedClient = client ?? inject(INTLAYER_TOKEN, { optional: true });
+	const manager = signal(null);
+	let stopped = false;
 	import("@intlayer/editor").then(({ initEditorClient }) => {
-		const manager = initEditorClient();
-		if (client) {
-			const effectRef = runInInjectionContext(injector, () => effect(() => {
-				const locale = client.locale();
-				if (locale) manager.currentLocale.set(locale);
-			}));
-			destroyRef?.onDestroy(() => effectRef.destroy());
-		}
+		if (stopped) return;
+		manager.set(initEditorClient());
 	});
+	const effectRef = runInInjectionContext(injector, () => effect(() => {
+		const m = manager();
+		const locale = resolvedClient?.locale();
+		if (m && locale) m.currentLocale.set(locale);
+	}));
 	destroyRef?.onDestroy(() => {
+		stopped = true;
+		effectRef.destroy();
+		manager.set(null);
 		import("@intlayer/editor").then(({ stopEditorClient }) => {
 			stopEditorClient();
 		});
 	});
 };
+/**
+* Angular provider that wires `useEditor` into the application initialisation
+* phase via `provideAppInitializer`.
+*
+* `provideIntlayer()` already calls this internally, so you only need this
+* function when you want to manage providers individually.
+*
+* @example
+* ```ts
+* // app.config.ts
+* import { provideIntlayer, provideIntlayerEditor } from 'angular-intlayer';
+*
+* export const appConfig: ApplicationConfig = {
+*   providers: [provideIntlayer(), provideIntlayerEditor()],
+* };
+* ```
+*/
+const provideIntlayerEditor = (client) => provideAppInitializer(() => useEditor(client));
 
 //#endregion
-export { useEditor };
+export { provideIntlayerEditor, useEditor };
 //# sourceMappingURL=useEditor.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import {\n  DestroyRef,\n  effect,\n  Injector,\n  inject,\n  runInInjectionContext,\n} from '@angular/core';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from '../client';\n\nexport const useEditor = () => {\n  if (process.env.INTLAYER_EDITOR_ENABLED === 'false' || !isEnabled) return;\n\n  const destroyRef = inject(DestroyRef, { optional: true });\n  const client = inject<IntlayerProvider>(INTLAYER_TOKEN, {\n    optional: true,\n  } as any);\n  const injector = inject(Injector);\n\n  import('@intlayer/editor').then(({ initEditorClient }) => {\n    const manager = initEditorClient();\n\n    if (client) {\n      const effectRef = runInInjectionContext(injector, () =>\n        effect(() => {\n          const locale = client.locale();\n          if (locale) manager.currentLocale.set(locale as Locale);\n        })\n      );\n      destroyRef?.onDestroy(() => effectRef.destroy());\n    }\n  });\n\n  destroyRef?.onDestroy(() => {\n    import('@intlayer/editor').then(({ stopEditorClient }) => {\n      stopEditorClient();\n    });\n  });\n};\n"],"mappings":";;;;;AAWA,MAAa,kBAAkB;AAC7B,KAAI,QAAQ,IAAI,4BAA4B,WAAW,CAAC,UAAW;CAEnE,MAAM,aAAa,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC;CACzD,MAAM,SAAS,OAAyB,gBAAgB,EACtD,UAAU,MACX,CAAQ;CACT,MAAM,WAAW,OAAO,SAAS;AAEjC,QAAO,oBAAoB,MAAM,EAAE,uBAAuB;EACxD,MAAM,UAAU,kBAAkB;AAElC,MAAI,QAAQ;GACV,MAAM,YAAY,sBAAsB,gBACtC,aAAa;IACX,MAAM,SAAS,OAAO,QAAQ;AAC9B,QAAI,OAAQ,SAAQ,cAAc,IAAI,OAAiB;KACvD,CACH;AACD,eAAY,gBAAgB,UAAU,SAAS,CAAC;;GAElD;AAEF,aAAY,gBAAgB;AAC1B,SAAO,oBAAoB,MAAM,EAAE,uBAAuB;AACxD,qBAAkB;IAClB;GACF"}
+{"version":3,"file":"useEditor.mjs","names":[],"sources":["../../../src/editor/useEditor.ts"],"sourcesContent":["import {\n  DestroyRef,\n  effect,\n  Injector,\n  inject,\n  provideAppInitializer,\n  runInInjectionContext,\n  signal,\n} from '@angular/core';\nimport type { EditorStateManager } from '@intlayer/editor';\nimport { isEnabled } from '@intlayer/editor/isEnabled';\nimport type { Locale } from '@intlayer/types/allLocales';\n// Import from the standalone token file to avoid a circular dependency:\n//   installIntlayer.ts → useEditor.ts → ../client → installIntlayer.ts\nimport { INTLAYER_TOKEN, type IntlayerProvider } from '../client/intlayerToken';\n\n/**\n * Initialises the Intlayer editor client singleton when the editor is enabled.\n * Syncs the current locale from the provided Intlayer client into the editor\n * manager so the editor always knows which locale the app is displaying.\n *\n * Must be called inside an Angular injection context (e.g. a component\n * constructor, `provideAppInitializer`, or `runInInjectionContext`).\n *\n * @param client - The IntlayerProvider instance to sync locale from.\n *   When omitted the function injects `INTLAYER_TOKEN` from the DI tree,\n *   so it still works when called directly from a component.\n */\nexport const useEditor = (client?: IntlayerProvider | null): void => {\n  if (!isEnabled) return;\n\n  const destroyRef = inject(DestroyRef, { optional: true });\n  const injector = inject(Injector);\n\n  // Resolve the client: use the passed-in reference or fall back to injection.\n  const resolvedClient =\n    client ??\n    inject<IntlayerProvider>(INTLAYER_TOKEN, { optional: true } as any);\n\n  // `manager` signal is set once the async import resolves.\n  // Using a signal lets an `effect()` react to it becoming available.\n  const manager = signal<EditorStateManager | null>(null);\n\n  // Guard: prevents the async callback from acting after the view is destroyed.\n  let stopped = false;\n\n  // Initialise the editor client\n  import('@intlayer/editor').then(({ initEditorClient }) => {\n    if (stopped) return;\n    manager.set(initEditorClient());\n  });\n\n  // Keep the editor locale in sync with the Angular locale signal\n  const effectRef = runInInjectionContext(injector, () =>\n    effect(() => {\n      const m = manager();\n      const locale = resolvedClient?.locale();\n      if (m && locale) m.currentLocale.set(locale as Locale);\n    })\n  );\n\n  // Tear down on destroy\n  destroyRef?.onDestroy(() => {\n    stopped = true;\n    effectRef.destroy();\n    manager.set(null);\n    import('@intlayer/editor').then(({ stopEditorClient }) => {\n      stopEditorClient();\n    });\n  });\n};\n\n/**\n * Angular provider that wires `useEditor` into the application initialisation\n * phase via `provideAppInitializer`.\n *\n * `provideIntlayer()` already calls this internally, so you only need this\n * function when you want to manage providers individually.\n *\n * @example\n * ```ts\n * // app.config.ts\n * import { provideIntlayer, provideIntlayerEditor } from 'angular-intlayer';\n *\n * export const appConfig: ApplicationConfig = {\n *   providers: [provideIntlayer(), provideIntlayerEditor()],\n * };\n * ```\n */\nexport const provideIntlayerEditor = (client?: IntlayerProvider | null) =>\n  provideAppInitializer(() => useEditor(client));\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,MAAa,aAAa,WAA2C;AACnE,KAAI,CAAC,UAAW;CAEhB,MAAM,aAAa,OAAO,YAAY,EAAE,UAAU,MAAM,CAAC;CACzD,MAAM,WAAW,OAAO,SAAS;CAGjC,MAAM,iBACJ,UACA,OAAyB,gBAAgB,EAAE,UAAU,MAAM,CAAQ;CAIrE,MAAM,UAAU,OAAkC,KAAK;CAGvD,IAAI,UAAU;AAGd,QAAO,oBAAoB,MAAM,EAAE,uBAAuB;AACxD,MAAI,QAAS;AACb,UAAQ,IAAI,kBAAkB,CAAC;GAC/B;CAGF,MAAM,YAAY,sBAAsB,gBACtC,aAAa;EACX,MAAM,IAAI,SAAS;EACnB,MAAM,SAAS,gBAAgB,QAAQ;AACvC,MAAI,KAAK,OAAQ,GAAE,cAAc,IAAI,OAAiB;GACtD,CACH;AAGD,aAAY,gBAAgB;AAC1B,YAAU;AACV,YAAU,SAAS;AACnB,UAAQ,IAAI,KAAK;AACjB,SAAO,oBAAoB,MAAM,EAAE,uBAAuB;AACxD,qBAAkB;IAClB;GACF;;;;;;;;;;;;;;;;;;;AAoBJ,MAAa,yBAAyB,WACpC,4BAA4B,UAAU,OAAO,CAAC"}

package/dist/esm/format/index.mjs

@@ -0,0 +1,11 @@
+import { useUnit } from "./useUnit.mjs";
+import { useDate } from "./useDate.mjs";
+import { useNumber } from "./useNumber.mjs";
+import { useRelativeTime } from "./useRelativeTime.mjs";
+import { useCompact } from "./useCompact.mjs";
+import { useIntl } from "./useIntl.mjs";
+import { useList } from "./useList.mjs";
+import { usePercentage } from "./usePercentage.mjs";
+import { useCurrency } from "./useCurrency.mjs";
+
+export { useCompact, useCurrency, useDate, useIntl, useList, useNumber, usePercentage, useRelativeTime, useUnit };

package/dist/esm/format/useCompact.mjs

@@ -0,0 +1,16 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { compact } from "@intlayer/core/formatters";
+
+//#region src/format/useCompact.ts
+const useCompact = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => compact(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+export { useCompact };
+//# sourceMappingURL=useCompact.mjs.map

package/dist/esm/format/useCompact.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompact.mjs","names":[],"sources":["../../../src/format/useCompact.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { compact } from '@intlayer/core/formatters';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\nexport const useCompact = () => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed(\n    () =>\n      (...args: Parameters<typeof compact>) =>\n        compact(args[0], {\n          ...args[1],\n          locale: args[1]?.locale ?? intlayer.locale(),\n        })\n  );\n};\n"],"mappings":";;;;;AAIA,MAAa,mBAAmB;CAC9B,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,gBAEF,GAAG,SACF,QAAQ,KAAK,IAAI;EACf,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/esm/format/useCurrency.mjs

@@ -0,0 +1,16 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { currency } from "@intlayer/core/formatters";
+
+//#region src/format/useCurrency.ts
+const useCurrency = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => currency(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+export { useCurrency };
+//# sourceMappingURL=useCurrency.mjs.map

package/dist/esm/format/useCurrency.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrency.mjs","names":[],"sources":["../../../src/format/useCurrency.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { currency } from '@intlayer/core/formatters';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\nexport const useCurrency = () => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed(\n    () =>\n      (...args: Parameters<typeof currency>) =>\n        currency(args[0], {\n          ...args[1],\n          locale: args[1]?.locale ?? intlayer.locale(),\n        })\n  );\n};\n"],"mappings":";;;;;AAIA,MAAa,oBAAoB;CAC/B,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,gBAEF,GAAG,SACF,SAAS,KAAK,IAAI;EAChB,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/esm/format/useDate.mjs

@@ -0,0 +1,26 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { date, presets } from "@intlayer/core/formatters";
+
+//#region src/format/useDate.ts
+/**
+* Angular client hook that provides a localized date/time formatter.
+*/
+const useDate = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => {
+		const locale = intlayer.locale();
+		const options = typeof args[1] === "string" ? {
+			...presets[args[1]],
+			locale
+		} : {
+			...args[1],
+			locale: args[1]?.locale ?? locale
+		};
+		return date(args[0], options);
+	});
+};
+
+//#endregion
+export { useDate };
+//# sourceMappingURL=useDate.mjs.map

package/dist/esm/format/useDate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDate.mjs","names":[],"sources":["../../../src/format/useDate.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { date, presets } from '@intlayer/core/formatters';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\n/**\n * Angular client hook that provides a localized date/time formatter.\n */\nexport const useDate = () => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed(() => (...args: Parameters<typeof date>) => {\n    const locale = intlayer.locale();\n    const options =\n      typeof args[1] === 'string'\n        ? { ...presets[args[1]], locale }\n        : { ...args[1], locale: args[1]?.locale ?? locale };\n\n    return date(args[0], options as Parameters<typeof date>[1]);\n  });\n};\n"],"mappings":";;;;;;;;AAOA,MAAa,gBAAgB;CAC3B,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,gBAAgB,GAAG,SAAkC;EAC1D,MAAM,SAAS,SAAS,QAAQ;EAChC,MAAM,UACJ,OAAO,KAAK,OAAO,WACf;GAAE,GAAG,QAAQ,KAAK;GAAK;GAAQ,GAC/B;GAAE,GAAG,KAAK;GAAI,QAAQ,KAAK,IAAI,UAAU;GAAQ;AAEvD,SAAO,KAAK,KAAK,IAAI,QAAsC;GAC3D"}

package/dist/esm/format/useIntl.mjs

@@ -0,0 +1,18 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { bindIntl } from "@intlayer/core/formatters";
+
+//#region src/format/useIntl.ts
+/**
+* Angular composable that provides a locale-bound `Intl` object as a Signal.
+*/
+const useIntl = (locale) => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => {
+		return bindIntl(locale ?? intlayer.locale());
+	});
+};
+
+//#endregion
+export { useIntl };
+//# sourceMappingURL=useIntl.mjs.map

package/dist/esm/format/useIntl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntl.mjs","names":[],"sources":["../../../src/format/useIntl.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { bindIntl, type WrappedIntl } from '@intlayer/core/formatters';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\n/**\n * Angular composable that provides a locale-bound `Intl` object as a Signal.\n */\nexport const useIntl = (locale?: LocalesValues) => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed<WrappedIntl>(() => {\n    const currentLocale = locale ?? intlayer.locale();\n\n    return bindIntl(currentLocale);\n  });\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,WAAW,WAA2B;CACjD,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,eAA4B;AAGjC,SAAO,SAFe,UAAU,SAAS,QAAQ,CAEnB;GAC9B"}

package/dist/esm/format/useList.mjs

@@ -0,0 +1,16 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { list } from "@intlayer/core/formatters";
+
+//#region src/format/useList.ts
+const useList = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => list(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+export { useList };
+//# sourceMappingURL=useList.mjs.map

package/dist/esm/format/useList.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useList.mjs","names":[],"sources":["../../../src/format/useList.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { list } from '@intlayer/core/formatters';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\nexport const useList = () => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed(\n    () =>\n      (...args: Parameters<typeof list>) =>\n        list(args[0], {\n          ...args[1],\n          locale: args[1]?.locale ?? intlayer.locale(),\n        })\n  );\n};\n"],"mappings":";;;;;AAIA,MAAa,gBAAgB;CAC3B,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,gBAEF,GAAG,SACF,KAAK,KAAK,IAAI;EACZ,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/esm/format/useNumber.mjs

@@ -0,0 +1,19 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { number } from "@intlayer/core/formatters";
+
+//#region src/format/useNumber.ts
+/**
+* Angular client hook that provides a localized number formatter.
+*/
+const useNumber = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => number(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+export { useNumber };
+//# sourceMappingURL=useNumber.mjs.map

package/dist/esm/format/useNumber.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumber.mjs","names":[],"sources":["../../../src/format/useNumber.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { number } from '@intlayer/core/formatters';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\n/**\n * Angular client hook that provides a localized number formatter.\n */\nexport const useNumber = () => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed(\n    () =>\n      (...args: Parameters<typeof number>) =>\n        number(args[0], {\n          ...args[1],\n          locale: args[1]?.locale ?? intlayer.locale(),\n        })\n  );\n};\n"],"mappings":";;;;;;;;AAOA,MAAa,kBAAkB;CAC7B,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,gBAEF,GAAG,SACF,OAAO,KAAK,IAAI;EACd,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/esm/format/usePercentage.mjs

@@ -0,0 +1,16 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { percentage } from "@intlayer/core/formatters";
+
+//#region src/format/usePercentage.ts
+const usePercentage = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => percentage(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+export { usePercentage };
+//# sourceMappingURL=usePercentage.mjs.map

package/dist/esm/format/usePercentage.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePercentage.mjs","names":[],"sources":["../../../src/format/usePercentage.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { percentage } from '@intlayer/core/formatters';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\nexport const usePercentage = () => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed(\n    () =>\n      (...args: Parameters<typeof percentage>) =>\n        percentage(args[0], {\n          ...args[1],\n          locale: args[1]?.locale ?? intlayer.locale(),\n        })\n  );\n};\n"],"mappings":";;;;;AAIA,MAAa,sBAAsB;CACjC,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,gBAEF,GAAG,SACF,WAAW,KAAK,IAAI;EAClB,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/esm/format/useRelativeTime.mjs

@@ -0,0 +1,16 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { relativeTime } from "@intlayer/core/formatters";
+
+//#region src/format/useRelativeTime.ts
+const useRelativeTime = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => relativeTime(args[0], args[1], {
+		...args[2],
+		locale: args[2]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+export { useRelativeTime };
+//# sourceMappingURL=useRelativeTime.mjs.map

package/dist/esm/format/useRelativeTime.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelativeTime.mjs","names":[],"sources":["../../../src/format/useRelativeTime.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { relativeTime } from '@intlayer/core/formatters';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\nexport const useRelativeTime = () => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed(\n    () =>\n      (...args: Parameters<typeof relativeTime>) =>\n        relativeTime(args[0], args[1], {\n          ...args[2],\n          locale: args[2]?.locale ?? intlayer.locale(),\n        })\n  );\n};\n"],"mappings":";;;;;AAIA,MAAa,wBAAwB;CACnC,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,gBAEF,GAAG,SACF,aAAa,KAAK,IAAI,KAAK,IAAI;EAC7B,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/esm/format/useUnit.mjs

@@ -0,0 +1,16 @@
+import { INTLAYER_TOKEN } from "../client/intlayerToken.mjs";
+import { computed, inject } from "@angular/core";
+import { units } from "@intlayer/core/formatters";
+
+//#region src/format/useUnit.ts
+const useUnit = () => {
+	const intlayer = inject(INTLAYER_TOKEN);
+	return computed(() => (...args) => units(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+export { useUnit };
+//# sourceMappingURL=useUnit.mjs.map

package/dist/esm/format/useUnit.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnit.mjs","names":[],"sources":["../../../src/format/useUnit.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport { units } from '@intlayer/core/formatters';\nimport { INTLAYER_TOKEN } from '../client/installIntlayer';\n\nexport const useUnit = () => {\n  const intlayer = inject(INTLAYER_TOKEN);\n\n  return computed(\n    () =>\n      (...args: Parameters<typeof units>) =>\n        units(args[0], {\n          ...args[1],\n          locale: args[1]?.locale ?? intlayer.locale(),\n        })\n  );\n};\n"],"mappings":";;;;;AAIA,MAAa,gBAAgB;CAC3B,MAAM,WAAW,OAAO,eAAe;AAEvC,QAAO,gBAEF,GAAG,SACF,MAAM,KAAK,IAAI;EACb,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/esm/index.mjs

@@ -1,13 +1,14 @@
 import { getPlugins, htmlPlugin, insertionPlugin, intlayerNodePlugins, markdownPlugin, markdownStringPlugin } from "./plugins.mjs";
 import { getIntlayer } from "./getIntlayer.mjs";
 import { getDictionary } from "./getDictionary.mjs";
-import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, provideIntlayer } from "./client/installIntlayer.mjs";
+import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient } from "./client/intlayerToken.mjs";
+import { installIntlayer, provideIntlayer } from "./client/installIntlayer.mjs";
 import { useDictionary } from "./client/useDictionary.mjs";
 import { useDictionaryAsync } from "./client/useDictionaryAsync.mjs";
 import { useLoadDynamic } from "./client/useLoadDynamic.mjs";
 import { useDictionaryDynamic } from "./client/useDictionaryDynamic.mjs";
-import { useIntl } from "./client/useIntl.mjs";
 import { isUpdatableNode, useIntlayer } from "./client/useIntlayer.mjs";
 import { useLocale } from "./client/useLocale.mjs";
+import { IntlayerNodeComponent } from "./UI/IntlayerNode.component.mjs";
 
-export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, getDictionary, getIntlayer, getPlugins, htmlPlugin, insertionPlugin, installIntlayer, intlayerNodePlugins, isUpdatableNode, markdownPlugin, markdownStringPlugin, provideIntlayer, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntl, useIntlayer, useLoadDynamic, useLocale };
+export { INTLAYER_TOKEN, IntlayerNodeComponent, IntlayerProvider, createIntlayerClient, getDictionary, getIntlayer, getPlugins, htmlPlugin, insertionPlugin, installIntlayer, intlayerNodePlugins, isUpdatableNode, markdownPlugin, markdownStringPlugin, provideIntlayer, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntlayer, useLoadDynamic, useLocale };

package/dist/esm/renderIntlayerNode.mjs

@@ -5,7 +5,8 @@ const renderIntlayerNode = ({ children, value, additionalProps = {} }) => {
 		if (additionalProps && Object.keys(additionalProps).includes(prop)) return additionalProps[prop];
 		return Reflect.get(target, prop, receiver);
 	} });
-	return new Proxy(children, {
+	const target = typeof children === "object" || typeof children === "function" ? children : {};
+	return new Proxy(target, {
 		apply(target, thisArg, argumentsList) {
 			if (typeof value === "function") return Reflect.apply(value, thisArg, argumentsList);
 			return Reflect.apply(target, thisArg, argumentsList);

package/dist/esm/renderIntlayerNode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderIntlayerNode.mjs","names":[],"sources":["../../src/renderIntlayerNode.ts"],"sourcesContent":["import type { ResolvedEditor } from '@intlayer/types/module_augmentation';\n\nexport type IntlayerNode<T = string, AdditionalProps = {}> = ResolvedEditor<\n  T,\n  any\n> & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = {\n  value: T;\n  children: any;\n  additionalProps?: { [key: string]: any };\n};\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps = {},\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is null or undefined, return a simple object with the value\n  if (children == null) {\n    return new Proxy({} as any, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return value;\n        }\n\n        if (\n          additionalProps &&\n          Object.keys(additionalProps).includes(prop as string)\n        ) {\n          return additionalProps[prop as keyof typeof additionalProps];\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as IntlayerNode<T>;\n  }\n\n  // Return a Proxy that pretends to be the original content\n  // but also has a .value getter and additional props.\n  return new Proxy(children, {\n    apply(target, thisArg, argumentsList) {\n      if (typeof value === 'function') {\n        return Reflect.apply(value as Function, thisArg, argumentsList);\n      }\n      return Reflect.apply(target as Function, thisArg, argumentsList);\n    },\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (prop === 'toString') {\n        return () => {\n          // console.log('renderIntlayerNode toString called for:', value);\n          return String(value);\n        };\n      }\n\n      if (prop === Symbol.toPrimitive) {\n        return () => value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":";AAeA,MAAa,sBAEX,EACA,UACA,OACA,kBAAkB,EAAE,OAC6B;AAEjD,KAAI,YAAY,KACd,QAAO,IAAI,MAAM,EAAE,EAAS,EAC1B,IAAI,QAAQ,MAAM,UAAU;AAC1B,MAAI,SAAS,QACX,QAAO;AAGT,MACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,SAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;IAE7C,CAAC;AAKJ,QAAO,IAAI,MAAM,UAAU;EACzB,MAAM,QAAQ,SAAS,eAAe;AACpC,OAAI,OAAO,UAAU,WACnB,QAAO,QAAQ,MAAM,OAAmB,SAAS,cAAc;AAEjE,UAAO,QAAQ,MAAM,QAAoB,SAAS,cAAc;;EAElE,IAAI,QAAQ,MAAM,UAAU;AAC1B,OAAI,SAAS,QACX,QAAO;AAGT,OAAI,SAAS,WACX,cAAa;AAEX,WAAO,OAAO,MAAM;;AAIxB,OAAI,SAAS,OAAO,YAClB,cAAa;AAGf,OACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,UAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;;EAE7C,CAAC"}
+{"version":3,"file":"renderIntlayerNode.mjs","names":[],"sources":["../../src/renderIntlayerNode.ts"],"sourcesContent":["import type { ResolvedEditor } from '@intlayer/types/module_augmentation';\n\nexport type IntlayerNode<T = string, AdditionalProps = {}> = ResolvedEditor<\n  T,\n  any\n> & {\n  value: T;\n} & AdditionalProps;\n\ntype RenderIntlayerNodeProps<T> = {\n  value: T;\n  children: any;\n  additionalProps?: { [key: string]: any };\n};\n\nexport const renderIntlayerNode = <\n  T extends number | string | boolean | undefined | null,\n>({\n  children,\n  value,\n  additionalProps = {},\n}: RenderIntlayerNodeProps<T>): IntlayerNode<T> => {\n  // If children is null or undefined, return a simple object with the value\n  if (children == null) {\n    return new Proxy({} as any, {\n      get(target, prop, receiver) {\n        if (prop === 'value') {\n          return value;\n        }\n\n        if (\n          additionalProps &&\n          Object.keys(additionalProps).includes(prop as string)\n        ) {\n          return additionalProps[prop as keyof typeof additionalProps];\n        }\n\n        return Reflect.get(target, prop, receiver);\n      },\n    }) as IntlayerNode<T>;\n  }\n\n  // Proxy target must be an object or function; wrap primitives\n  const target =\n    typeof children === 'object' || typeof children === 'function'\n      ? children\n      : ({} as any);\n\n  // Return a Proxy that pretends to be the original content\n  // but also has a .value getter and additional props.\n  return new Proxy(target, {\n    apply(target, thisArg, argumentsList) {\n      if (typeof value === 'function') {\n        return Reflect.apply(value as Function, thisArg, argumentsList);\n      }\n      return Reflect.apply(target as Function, thisArg, argumentsList);\n    },\n    get(target, prop, receiver) {\n      if (prop === 'value') {\n        return value;\n      }\n\n      if (prop === 'toString') {\n        return () => {\n          // console.log('renderIntlayerNode toString called for:', value);\n          return String(value);\n        };\n      }\n\n      if (prop === Symbol.toPrimitive) {\n        return () => value;\n      }\n\n      if (\n        additionalProps &&\n        Object.keys(additionalProps).includes(prop as string)\n      ) {\n        return additionalProps[prop as keyof typeof additionalProps];\n      }\n\n      return Reflect.get(target, prop, receiver);\n    },\n  }) as IntlayerNode<T>;\n};\n"],"mappings":";AAeA,MAAa,sBAEX,EACA,UACA,OACA,kBAAkB,EAAE,OAC6B;AAEjD,KAAI,YAAY,KACd,QAAO,IAAI,MAAM,EAAE,EAAS,EAC1B,IAAI,QAAQ,MAAM,UAAU;AAC1B,MAAI,SAAS,QACX,QAAO;AAGT,MACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,SAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;IAE7C,CAAC;CAIJ,MAAM,SACJ,OAAO,aAAa,YAAY,OAAO,aAAa,aAChD,WACC,EAAE;AAIT,QAAO,IAAI,MAAM,QAAQ;EACvB,MAAM,QAAQ,SAAS,eAAe;AACpC,OAAI,OAAO,UAAU,WACnB,QAAO,QAAQ,MAAM,OAAmB,SAAS,cAAc;AAEjE,UAAO,QAAQ,MAAM,QAAoB,SAAS,cAAc;;EAElE,IAAI,QAAQ,MAAM,UAAU;AAC1B,OAAI,SAAS,QACX,QAAO;AAGT,OAAI,SAAS,WACX,cAAa;AAEX,WAAO,OAAO,MAAM;;AAIxB,OAAI,SAAS,OAAO,YAClB,cAAa;AAGf,OACE,mBACA,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAe,CAErD,QAAO,gBAAgB;AAGzB,UAAO,QAAQ,IAAI,QAAQ,MAAM,SAAS;;EAE7C,CAAC"}

package/dist/types/UI/IntlayerNode.component.d.ts

@@ -0,0 +1,27 @@
+import { OnChanges, SimpleChanges } from "@angular/core";
+
+//#region src/UI/IntlayerNode.component.d.ts
+/**
+ * A transparent host element that renders Intlayer content nodes.
+ *
+ * `display: contents` makes the `<intlayer-node>` element invisible in the
+ * layout — its children appear as if they were direct children of the parent,
+ * so placing this component inside `<h1>`, `<p>`, etc. does not break the
+ * document structure.
+ *
+ * ### Usage
+ * ```html
+ * <h1><intlayer-node [node]="content().title"></intlayer-node></h1>
+ * ```
+ */
+declare class IntlayerNodeComponent implements OnChanges {
+  node: any;
+  private vcr;
+  private elRef;
+  private cdr;
+  ngOnChanges(changes: SimpleChanges): void;
+  private render;
+}
+//#endregion
+export { IntlayerNodeComponent };
+//# sourceMappingURL=IntlayerNode.component.d.ts.map

package/dist/types/UI/IntlayerNode.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlayerNode.component.d.ts","names":[],"sources":["../../../src/UI/IntlayerNode.component.ts"],"mappings":";;;;;AAyBA;;;;;;;;;;;cASa,qBAAA,YAAiC,SAAA;EACnC,IAAA;EAAA,QAED,GAAA;EAAA,QACA,KAAA;EAAA,QACA,GAAA;EAER,WAAA,CAAY,OAAA,EAAS,aAAA;EAAA,QAMb,MAAA;AAAA"}

package/dist/types/UI/index.d.ts

@@ -0,0 +1,2 @@
+import { IntlayerNodeComponent } from "./IntlayerNode.component.js";
+export { IntlayerNodeComponent };

package/dist/types/client/index.d.ts

@@ -1,9 +1,9 @@
-import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, provideIntlayer } from "./installIntlayer.js";
+import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient } from "./intlayerToken.js";
+import { installIntlayer, provideIntlayer } from "./installIntlayer.js";
 import { useDictionary } from "./useDictionary.js";
 import { useDictionaryAsync } from "./useDictionaryAsync.js";
 import { useDictionaryDynamic } from "./useDictionaryDynamic.js";
-import { useIntl } from "./useIntl.js";
 import { isUpdatableNode, useIntlayer } from "./useIntlayer.js";
 import { useLoadDynamic } from "./useLoadDynamic.js";
 import { useLocale } from "./useLocale.js";
-export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, provideIntlayer, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntl, useIntlayer, useLoadDynamic, useLocale };
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, provideIntlayer, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntlayer, useLoadDynamic, useLocale };

package/dist/types/client/installIntlayer.d.ts

@@ -1,28 +1,19 @@
+import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient } from "./intlayerToken.js";
 import * as _angular_core0 from "@angular/core";
-import { InjectionToken, Signal } from "@angular/core";
 import { LocalesValues } from "@intlayer/types/module_augmentation";
 
 //#region src/client/installIntlayer.d.ts
-declare const INTLAYER_TOKEN: InjectionToken<IntlayerProvider>;
-declare class IntlayerProvider {
-  isCookieEnabled: _angular_core0.WritableSignal<boolean>;
-  private _locale;
-  readonly locale: Signal<LocalesValues>;
-  setLocale: (locale: LocalesValues) => void;
-}
-/**
- * Create and return a single IntlayerProvider instance
- */
-declare const createIntlayerClient: (locale?: LocalesValues, isCookieEnabled?: boolean) => IntlayerProvider;
 /**
  * Provides Intlayer to your Angular application.
  *
- * This function should be used in your application's provider list (e.g., in `app.config.ts`)
- * to initialize the Intlayer service.
+ * Registers the Intlayer locale token **and** automatically starts the Intlayer
+ * editor client (when the editor is enabled) via `provideAppInitializer`.
+ *
+ * This is the recommended way to set up Intlayer in `app.config.ts`.
  *
  * @param locale - Initial locale to use.
  * @param isCookieEnabled - Whether to store the locale in cookies.
- * @returns A provider configuration for Intlayer.
+ * @returns An array of Angular providers for Intlayer.
  *
  * @example
  * ```ts
@@ -31,16 +22,14 @@ declare const createIntlayerClient: (locale?: LocalesValues, isCookieEnabled?: b
  * import { provideIntlayer } from 'angular-intlayer';
  *
  * export const appConfig: ApplicationConfig = {
- *   providers: [
- *     provideIntlayer({ locale: 'en' }),
- *   ],
+ *   providers: [provideIntlayer()],
  * };
  * ```
  */
-declare const provideIntlayer: (locale?: LocalesValues, isCookieEnabled?: boolean) => {
-  provide: InjectionToken<IntlayerProvider>;
+declare const provideIntlayer: (locale?: LocalesValues, isCookieEnabled?: boolean) => (_angular_core0.EnvironmentProviders | {
+  provide: _angular_core0.InjectionToken<IntlayerProvider>;
   useValue: IntlayerProvider;
-};
+})[];
 /**
  * Helper to install the Intlayer provider.
  */

package/dist/types/client/installIntlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"installIntlayer.d.ts","names":[],"sources":["../../../src/client/installIntlayer.ts"],"mappings":";;;;;cAIa,cAAA,EAAc,cAAA,CAAA,gBAAA;AAAA,cAUd,gBAAA;EACX,eAAA,EAD2B,cAAA,CACZ,cAAA;EAAA,QACP,OAAA;EAAA,SAIC,MAAA,EAAQ,MAAA,CAAO,aAAA;EAExB,SAAA,GAAa,MAAA,EAAQ,aAAA;AAAA;;AAXvB;;cAmBa,oBAAA,GACX,MAAA,GAAS,aAAA,EACT,eAAA,eACC,gBAAA;;;;;;;;;;;;;;;;;;AAHH;;;;;;cAuCa,eAAA,GACX,MAAA,GAAS,aAAA,EACT,eAAA;;;;AAFF;;;AAAA,cAWa,eAAA,GACX,MAAA,GAAS,aAAA,EACT,eAAA,eAAsB,gBAAA"}
+{"version":3,"file":"installIntlayer.d.ts","names":[],"sources":["../../../src/client/installIntlayer.ts"],"mappings":";;;;;;;AAiCA;;;;;;;;;;;;;;;;;;;;;cAAa,eAAA,GACX,MAAA,GAAS,aAAA,EACT,eAAA,gBADsB,cAAA,CACA,oBAAA;;;;;;;cAaX,eAAA,GACX,MAAA,GAAS,aAAA,EACT,eAAA,eAAsB,gBAAA"}

package/dist/types/client/intlayerToken.d.ts

@@ -0,0 +1,19 @@
+import * as _angular_core0 from "@angular/core";
+import { InjectionToken, Signal } from "@angular/core";
+import { LocalesValues } from "@intlayer/types/module_augmentation";
+
+//#region src/client/intlayerToken.d.ts
+declare class IntlayerProvider {
+  isCookieEnabled: _angular_core0.WritableSignal<boolean>;
+  private _locale;
+  readonly locale: Signal<LocalesValues>;
+  setLocale: (locale: LocalesValues) => void;
+}
+declare const INTLAYER_TOKEN: InjectionToken<IntlayerProvider>;
+/**
+ * Create and return a single IntlayerProvider instance
+ */
+declare const createIntlayerClient: (locale?: LocalesValues, isCookieEnabled?: boolean) => IntlayerProvider;
+//#endregion
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient };
+//# sourceMappingURL=intlayerToken.d.ts.map

package/dist/types/client/intlayerToken.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intlayerToken.d.ts","names":[],"sources":["../../../src/client/intlayerToken.ts"],"mappings":";;;;;cAIa,gBAAA;EACX,eAAA,EAD2B,cAAA,CACZ,cAAA;EAAA,QACP,OAAA;EAAA,SAIC,MAAA,EAAQ,MAAA,CAAO,aAAA;EAExB,SAAA,GAAa,MAAA,EAAQ,aAAA;AAAA;AAAA,cAKV,cAAA,EAAc,cAAA,CAAA,gBAAA;;;;cAUd,oBAAA,GACX,MAAA,GAAS,aAAA,EACT,eAAA,eACC,gBAAA"}

package/dist/types/client/useDictionaryAsync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryAsync.d.ts","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"mappings":";;;;;;;;AAcA;;cAAa,kBAAA,aAAsC,UAAA,EACjD,iBAAA,EAAmB,mBAAA,OAA0B,OAAA,CAAQ,CAAA,IACrD,MAAA,GAAS,aAAA,KAAa,OAAA,CAAA,cAAA,CAAA,MAAA"}
+{"version":3,"file":"useDictionaryAsync.d.ts","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"mappings":";;;;;;;;AAiBA;;cAAa,kBAAA,aAAsC,UAAA,EACjD,iBAAA,EAAmB,mBAAA,OAA0B,OAAA,CAAQ,CAAA,IACrD,MAAA,GAAS,aAAA,KAAa,OAAA,CAAA,cAAA,CAAA,MAAA"}

package/dist/types/client/useDictionaryDynamic.d.ts

@@ -1,9 +1,9 @@
 import { IInterpreterPluginState as IInterpreterPluginState$1 } from "../plugins.js";
+import { Locale } from "../intlayer/dist/types/index.js";
 import * as _angular_core0 from "@angular/core";
 import { DictionaryKeys, LocalesValues, StrictModeLocaleMap } from "@intlayer/types/module_augmentation";
 import { Dictionary } from "@intlayer/types/dictionary";
 import * as _intlayer_core_interpreter0 from "@intlayer/core/interpreter";
-import * as _intlayer_types_allLocales0 from "@intlayer/types/allLocales";
 
 //#region src/client/useDictionaryDynamic.d.ts
 /**
@@ -11,7 +11,7 @@ import * as _intlayer_types_allLocales0 from "@intlayer/types/allLocales";
  *
  * If the locale is not provided, it will use the locale from the client context
  */
-declare const useDictionaryDynamic: <T extends Dictionary, K extends DictionaryKeys>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, key: K, locale?: LocalesValues) => _angular_core0.Signal<_intlayer_core_interpreter0.DeepTransformContent<T["content"], IInterpreterPluginState$1, _intlayer_types_allLocales0.Locale>>;
+declare const useDictionaryDynamic: <T extends Dictionary, K extends DictionaryKeys>(dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>, key: K, locale?: LocalesValues) => _angular_core0.Signal<_intlayer_core_interpreter0.DeepTransformContent<T["content"], IInterpreterPluginState$1, Locale>>;
 //#endregion
 export { useDictionaryDynamic };
 //# sourceMappingURL=useDictionaryDynamic.d.ts.map

package/dist/types/client/useDictionaryDynamic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryDynamic.d.ts","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"mappings":";;;;;;;;;;;;;cAea,oBAAA,aACD,UAAA,YACA,cAAA,EAEV,iBAAA,EAAmB,mBAAA,OAA0B,OAAA,CAAQ,CAAA,IACrD,GAAA,EAAK,CAAA,EACL,MAAA,GAAS,aAAA,KAAa,cAAA,CAAA,MAAA,CAAA,2BAAA,CAAA,oBAAA,CAAA,CAAA,aAAA,yBAAA,EAAA,2BAAA,CAAA,MAAA"}
+{"version":3,"file":"useDictionaryDynamic.d.ts","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"mappings":";;;;;;;;;;;;;cAmBa,oBAAA,aACD,UAAA,YACA,cAAA,EAEV,iBAAA,EAAmB,mBAAA,OAA0B,OAAA,CAAQ,CAAA,IACrD,GAAA,EAAK,CAAA,EACL,MAAA,GAAS,aAAA,KAAa,cAAA,CAAA,MAAA,CAAA,2BAAA,CAAA,oBAAA,CAAA,CAAA,aAAA,yBAAA,EAAA,MAAA"}

package/dist/types/client/useIntlayer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIntlayer.d.ts","names":[],"sources":["../../../src/client/useIntlayer.ts"],"mappings":";;;;;;cAOa,eAAA,GACX,GAAA,cACC,GAAA;EAAS,QAAA,GAAW,CAAA;AAAA;;;;;;;;;AA8BvB;;;;;;;;;;;;;;;;;cAAa,WAAA,aAAyB,cAAA,YAA0B,aAAA,EAC9D,GAAA,EAAK,CAAA,EACL,MAAA,GAAS,aAAA,KACR,MAAA,CAAO,oBAAA,CAAqB,yBAAA,CAA0B,CAAA"}
+{"version":3,"file":"useIntlayer.d.ts","names":[],"sources":["../../../src/client/useIntlayer.ts"],"mappings":";;;;;;cAWa,eAAA,GACX,GAAA,cACC,GAAA;EAAS,QAAA,GAAW,CAAA;AAAA;;;;;;;;;AA8BvB;;;;;;;;;;;;;;;;;cAAa,WAAA,aAAyB,cAAA,YAA0B,aAAA,EAC9D,GAAA,EAAK,CAAA,EACL,MAAA,GAAS,aAAA,KACR,MAAA,CAAO,oBAAA,CAAqB,yBAAA,CAA0B,CAAA"}