angular-intlayer 8.5.0 → 8.5.1

package/dist/cjs/format/index.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_format_useUnit = require('./useUnit.cjs');
+const require_format_useDate = require('./useDate.cjs');
+const require_format_useNumber = require('./useNumber.cjs');
+const require_format_useRelativeTime = require('./useRelativeTime.cjs');
+const require_format_useCompact = require('./useCompact.cjs');
+const require_format_useIntl = require('./useIntl.cjs');
+const require_format_useList = require('./useList.cjs');
+const require_format_usePercentage = require('./usePercentage.cjs');
+const require_format_useCurrency = require('./useCurrency.cjs');
+
+exports.useCompact = require_format_useCompact.useCompact;
+exports.useCurrency = require_format_useCurrency.useCurrency;
+exports.useDate = require_format_useDate.useDate;
+exports.useIntl = require_format_useIntl.useIntl;
+exports.useList = require_format_useList.useList;
+exports.useNumber = require_format_useNumber.useNumber;
+exports.usePercentage = require_format_usePercentage.usePercentage;
+exports.useRelativeTime = require_format_useRelativeTime.useRelativeTime;
+exports.useUnit = require_format_useUnit.useUnit;

package/dist/cjs/format/useCompact.cjs

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@intlayer/core/formatters");
+
+//#region src/format/useCompact.ts
+const useCompact = () => {
+	const intlayer = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => (...args) => (0, _intlayer_core_formatters.compact)(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+exports.useCompact = useCompact;
+//# sourceMappingURL=useCompact.cjs.map

package/dist/cjs/format/useCompact.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompact.cjs","names":["INTLAYER_TOKEN"],"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,qCAAkBA,4CAAe;AAEvC,2CAEK,GAAG,gDACM,KAAK,IAAI;EACf,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/cjs/format/useCurrency.cjs

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@intlayer/core/formatters");
+
+//#region src/format/useCurrency.ts
+const useCurrency = () => {
+	const intlayer = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => (...args) => (0, _intlayer_core_formatters.currency)(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+exports.useCurrency = useCurrency;
+//# sourceMappingURL=useCurrency.cjs.map

package/dist/cjs/format/useCurrency.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrency.cjs","names":["INTLAYER_TOKEN"],"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,qCAAkBA,4CAAe;AAEvC,2CAEK,GAAG,iDACO,KAAK,IAAI;EAChB,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/cjs/format/useDate.cjs

@@ -0,0 +1,28 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@intlayer/core/formatters");
+
+//#region src/format/useDate.ts
+/**
+* Angular client hook that provides a localized date/time formatter.
+*/
+const useDate = () => {
+	const intlayer = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => (...args) => {
+		const locale = intlayer.locale();
+		const options = typeof args[1] === "string" ? {
+			..._intlayer_core_formatters.presets[args[1]],
+			locale
+		} : {
+			...args[1],
+			locale: args[1]?.locale ?? locale
+		};
+		return (0, _intlayer_core_formatters.date)(args[0], options);
+	});
+};
+
+//#endregion
+exports.useDate = useDate;
+//# sourceMappingURL=useDate.cjs.map

package/dist/cjs/format/useDate.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDate.cjs","names":["INTLAYER_TOKEN","presets"],"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,qCAAkBA,4CAAe;AAEvC,2CAAuB,GAAG,SAAkC;EAC1D,MAAM,SAAS,SAAS,QAAQ;EAChC,MAAM,UACJ,OAAO,KAAK,OAAO,WACf;GAAE,GAAGC,kCAAQ,KAAK;GAAK;GAAQ,GAC/B;GAAE,GAAG,KAAK;GAAI,QAAQ,KAAK,IAAI,UAAU;GAAQ;AAEvD,6CAAY,KAAK,IAAI,QAAsC;GAC3D"}

package/dist/cjs/format/useIntl.cjs

@@ -0,0 +1,20 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@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 = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => {
+		return (0, _intlayer_core_formatters.bindIntl)(locale ?? intlayer.locale());
+	});
+};
+
+//#endregion
+exports.useIntl = useIntl;
+//# sourceMappingURL=useIntl.cjs.map

package/dist/cjs/format/useIntl.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntl.cjs","names":["INTLAYER_TOKEN"],"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,qCAAkBA,4CAAe;AAEvC,0CAAmC;AAGjC,iDAFsB,UAAU,SAAS,QAAQ,CAEnB;GAC9B"}

package/dist/cjs/format/useList.cjs

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@intlayer/core/formatters");
+
+//#region src/format/useList.ts
+const useList = () => {
+	const intlayer = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => (...args) => (0, _intlayer_core_formatters.list)(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+exports.useList = useList;
+//# sourceMappingURL=useList.cjs.map

package/dist/cjs/format/useList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useList.cjs","names":["INTLAYER_TOKEN"],"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,qCAAkBA,4CAAe;AAEvC,2CAEK,GAAG,6CACG,KAAK,IAAI;EACZ,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/cjs/format/useNumber.cjs

@@ -0,0 +1,21 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@intlayer/core/formatters");
+
+//#region src/format/useNumber.ts
+/**
+* Angular client hook that provides a localized number formatter.
+*/
+const useNumber = () => {
+	const intlayer = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => (...args) => (0, _intlayer_core_formatters.number)(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+exports.useNumber = useNumber;
+//# sourceMappingURL=useNumber.cjs.map

package/dist/cjs/format/useNumber.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNumber.cjs","names":["INTLAYER_TOKEN"],"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,qCAAkBA,4CAAe;AAEvC,2CAEK,GAAG,+CACK,KAAK,IAAI;EACd,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/cjs/format/usePercentage.cjs

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@intlayer/core/formatters");
+
+//#region src/format/usePercentage.ts
+const usePercentage = () => {
+	const intlayer = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => (...args) => (0, _intlayer_core_formatters.percentage)(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+exports.usePercentage = usePercentage;
+//# sourceMappingURL=usePercentage.cjs.map

package/dist/cjs/format/usePercentage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePercentage.cjs","names":["INTLAYER_TOKEN"],"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,qCAAkBA,4CAAe;AAEvC,2CAEK,GAAG,mDACS,KAAK,IAAI;EAClB,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/cjs/format/useRelativeTime.cjs

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@intlayer/core/formatters");
+
+//#region src/format/useRelativeTime.ts
+const useRelativeTime = () => {
+	const intlayer = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => (...args) => (0, _intlayer_core_formatters.relativeTime)(args[0], args[1], {
+		...args[2],
+		locale: args[2]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+exports.useRelativeTime = useRelativeTime;
+//# sourceMappingURL=useRelativeTime.cjs.map

package/dist/cjs/format/useRelativeTime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelativeTime.cjs","names":["INTLAYER_TOKEN"],"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,qCAAkBA,4CAAe;AAEvC,2CAEK,GAAG,qDACW,KAAK,IAAI,KAAK,IAAI;EAC7B,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/cjs/format/useUnit.cjs

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_runtime = require('../_virtual/_rolldown/runtime.cjs');
+const require_client_intlayerToken = require('../client/intlayerToken.cjs');
+let _angular_core = require("@angular/core");
+let _intlayer_core_formatters = require("@intlayer/core/formatters");
+
+//#region src/format/useUnit.ts
+const useUnit = () => {
+	const intlayer = (0, _angular_core.inject)(require_client_intlayerToken.INTLAYER_TOKEN);
+	return (0, _angular_core.computed)(() => (...args) => (0, _intlayer_core_formatters.units)(args[0], {
+		...args[1],
+		locale: args[1]?.locale ?? intlayer.locale()
+	}));
+};
+
+//#endregion
+exports.useUnit = useUnit;
+//# sourceMappingURL=useUnit.cjs.map

package/dist/cjs/format/useUnit.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUnit.cjs","names":["INTLAYER_TOKEN"],"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,qCAAkBA,4CAAe;AAEvC,2CAEK,GAAG,8CACI,KAAK,IAAI;EACb,GAAG,KAAK;EACR,QAAQ,KAAK,IAAI,UAAU,SAAS,QAAQ;EAC7C,CAAC,CACP"}

package/dist/cjs/index.cjs

@@ -2,23 +2,25 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const require_plugins = require('./plugins.cjs');
 const require_getIntlayer = require('./getIntlayer.cjs');
 const require_getDictionary = require('./getDictionary.cjs');
+const require_client_intlayerToken = require('./client/intlayerToken.cjs');
 const require_client_installIntlayer = require('./client/installIntlayer.cjs');
 const require_client_useDictionary = require('./client/useDictionary.cjs');
 const require_client_useDictionaryAsync = require('./client/useDictionaryAsync.cjs');
 const require_client_useLoadDynamic = require('./client/useLoadDynamic.cjs');
 const require_client_useDictionaryDynamic = require('./client/useDictionaryDynamic.cjs');
-const require_client_useIntl = require('./client/useIntl.cjs');
 const require_client_useIntlayer = require('./client/useIntlayer.cjs');
 const require_client_useLocale = require('./client/useLocale.cjs');
+const require_UI_IntlayerNode_component = require('./UI/IntlayerNode.component.cjs');
 
-exports.INTLAYER_TOKEN = require_client_installIntlayer.INTLAYER_TOKEN;
-Object.defineProperty(exports, 'IntlayerProvider', {
+exports.INTLAYER_TOKEN = require_client_intlayerToken.INTLAYER_TOKEN;
+Object.defineProperty(exports, 'IntlayerNodeComponent', {
   enumerable: true,
   get: function () {
-    return require_client_installIntlayer.IntlayerProvider;
+    return require_UI_IntlayerNode_component.IntlayerNodeComponent;
   }
 });
-exports.createIntlayerClient = require_client_installIntlayer.createIntlayerClient;
+exports.IntlayerProvider = require_client_intlayerToken.IntlayerProvider;
+exports.createIntlayerClient = require_client_intlayerToken.createIntlayerClient;
 exports.getDictionary = require_getDictionary.getDictionary;
 exports.getIntlayer = require_getIntlayer.getIntlayer;
 exports.getPlugins = require_plugins.getPlugins;
@@ -33,7 +35,6 @@ exports.provideIntlayer = require_client_installIntlayer.provideIntlayer;
 exports.useDictionary = require_client_useDictionary.useDictionary;
 exports.useDictionaryAsync = require_client_useDictionaryAsync.useDictionaryAsync;
 exports.useDictionaryDynamic = require_client_useDictionaryDynamic.useDictionaryDynamic;
-exports.useIntl = require_client_useIntl.useIntl;
 exports.useIntlayer = require_client_useIntlayer.useIntlayer;
 exports.useLoadDynamic = require_client_useLoadDynamic.useLoadDynamic;
 exports.useLocale = require_client_useLocale.useLocale;

package/dist/cjs/renderIntlayerNode.cjs

@@ -7,7 +7,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/cjs/renderIntlayerNode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"renderIntlayerNode.cjs","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.cjs","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/esm/@intlayer/editor/src/isEnabled.mjs

@@ -1,7 +1,7 @@
 import configuration from "@intlayer/config/built";
 
 //#region ../@intlayer/editor/src/isEnabled.ts
-const isEnabled = process.env.INTLAYER_EDITOR_ENABLED !== "false" && configuration.editor?.enabled && typeof window !== "undefined" && window.self !== window.top;
+const isEnabled = process.env["INTLAYER_EDITOR_ENABLED"] !== "false" && configuration.editor?.enabled && typeof window !== "undefined" && window.self !== window.top;
 
 //#endregion
 export { isEnabled };

package/dist/esm/@intlayer/editor/src/isEnabled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isEnabled.mjs","names":[],"sources":["../../../../../../@intlayer/editor/src/isEnabled.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nexport const isEnabled =\n  process.env.INTLAYER_EDITOR_ENABLED !== 'false' && // Allow purging a build time using bundler + env var\n  configuration.editor?.enabled && // Editor enabled in config\n  typeof window !== 'undefined' && // Client side\n  window.self !== window.top; // Is in iframe\n"],"mappings":";;;AAEA,MAAa,YACX,QAAQ,IAAI,4BAA4B,WACxC,cAAc,QAAQ,WACtB,OAAO,WAAW,eAClB,OAAO,SAAS,OAAO"}
+{"version":3,"file":"isEnabled.mjs","names":[],"sources":["../../../../../../@intlayer/editor/src/isEnabled.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nexport const isEnabled =\n  process.env['INTLAYER_EDITOR_ENABLED'] !== 'false' && // Allow purging a build time using bundler + env var // Keep env['INTLAYER_EDITOR_ENABLED'] syntax for angular to treat it as\n  configuration.editor?.enabled && // Editor enabled in config\n  typeof window !== 'undefined' && // Client side\n  window.self !== window.top; // Is in iframe\n"],"mappings":";;;AAEA,MAAa,YACX,QAAQ,IAAI,+BAA+B,WAC3C,cAAc,QAAQ,WACtB,OAAO,WAAW,eAClB,OAAO,SAAS,OAAO"}

package/dist/esm/UI/IntlayerNode.component.mjs

@@ -0,0 +1,46 @@
+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 { ChangeDetectorRef, Component, ElementRef, Input, ViewContainerRef, inject } from "@angular/core";
+
+//#region src/UI/IntlayerNode.component.ts
+let IntlayerNodeComponent = class IntlayerNodeComponent {
+	node;
+	vcr = inject(ViewContainerRef);
+	elRef = inject(ElementRef);
+	cdr = inject(ChangeDetectorRef);
+	ngOnChanges(changes) {
+		if (changes["node"]) this.render();
+	}
+	render() {
+		this.vcr.clear();
+		const host = this.elRef.nativeElement;
+		host.childNodes.forEach((n) => {
+			if (n.nodeType === Node.TEXT_NODE) n.parentNode?.removeChild(n);
+		});
+		if (!this.node) return;
+		const nodeInfo = typeof this.node?.children === "function" ? this.node.children() : this.node;
+		if (nodeInfo?.component && typeof nodeInfo.component !== "string") {
+			const componentRef = this.vcr.createComponent(nodeInfo.component);
+			if (nodeInfo.props) for (const [key, value] of Object.entries(nodeInfo.props)) componentRef.instance[key] = value;
+			if (nodeInfo.children) {
+				const content = nodeInfo.children;
+				if (typeof content === "string" || typeof content === "number") componentRef.location.nativeElement.appendChild(document.createTextNode(String(content)));
+			}
+			this.cdr.markForCheck();
+		} else {
+			const text = this.node?.value ?? this.node?.toString?.() ?? String(this.node);
+			host.appendChild(document.createTextNode(text));
+		}
+	}
+};
+__decorate([Input(), __decorateMetadata("design:type", Object)], IntlayerNodeComponent.prototype, "node", void 0);
+IntlayerNodeComponent = __decorate([Component({
+	selector: "intlayer-node",
+	standalone: true,
+	template: `<ng-container #anchor></ng-container>`,
+	styles: [`:host { display: contents; }`]
+})], IntlayerNodeComponent);
+
+//#endregion
+export { IntlayerNodeComponent };
+//# sourceMappingURL=IntlayerNode.component.mjs.map

package/dist/esm/UI/IntlayerNode.component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlayerNode.component.mjs","names":[],"sources":["../../../src/UI/IntlayerNode.component.ts"],"sourcesContent":["import {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  Input,\n  inject,\n  type OnChanges,\n  type SimpleChanges,\n  type Type,\n  ViewContainerRef,\n} from '@angular/core';\n\n/**\n * A transparent host element that renders Intlayer content nodes.\n *\n * `display: contents` makes the `<intlayer-node>` element invisible in the\n * layout — its children appear as if they were direct children of the parent,\n * so placing this component inside `<h1>`, `<p>`, etc. does not break the\n * document structure.\n *\n * ### Usage\n * ```html\n * <h1><intlayer-node [node]=\"content().title\"></intlayer-node></h1>\n * ```\n */\n@Component({\n  selector: 'intlayer-node',\n  standalone: true,\n  // The ng-content slot is the anchor point for ViewContainerRef.\n  // Wrapping text renders directly inside this host thanks to display:contents.\n  template: `<ng-container #anchor></ng-container>`,\n  // display:contents collapses the host box so it is layout-transparent.\n  styles: [`:host { display: contents; }`],\n})\nexport class IntlayerNodeComponent implements OnChanges {\n  @Input() node: any;\n\n  private vcr = inject(ViewContainerRef);\n  private elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private cdr = inject(ChangeDetectorRef);\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['node']) {\n      this.render();\n    }\n  }\n\n  private render() {\n    // Clear previously created views / text nodes\n    this.vcr.clear();\n    const host = this.elRef.nativeElement;\n    // Remove any raw text nodes we injected directly on previous renders\n    host.childNodes.forEach((n) => {\n      if (n.nodeType === Node.TEXT_NODE) n.parentNode?.removeChild(n);\n    });\n\n    if (!this.node) return;\n\n    // The node returned by the Angular plugin is a Proxy whose `.children`\n    // property is a function returning component info (editor on) or the raw\n    // value (editor off).\n    const nodeInfo =\n      typeof this.node?.children === 'function'\n        ? this.node.children()\n        : this.node;\n\n    if (nodeInfo?.component && typeof nodeInfo.component !== 'string') {\n      // ── Editor enabled path: create the ContentSelectorWrapper component ──\n      const componentRef = this.vcr.createComponent(\n        nodeInfo.component as Type<any>\n      );\n\n      if (nodeInfo.props) {\n        for (const [key, value] of Object.entries(nodeInfo.props)) {\n          (componentRef.instance as any)[key] = value;\n        }\n      }\n\n      if (nodeInfo.children) {\n        const content = nodeInfo.children;\n        if (typeof content === 'string' || typeof content === 'number') {\n          componentRef.location.nativeElement.appendChild(\n            document.createTextNode(String(content))\n          );\n        }\n      }\n\n      this.cdr.markForCheck();\n    } else {\n      // ── Editor disabled path: render plain text inside the host ──────────\n      const text =\n        this.node?.value ?? this.node?.toString?.() ?? String(this.node);\n      // Append a text node directly inside the host element.\n      // Because the host has `display: contents`, this text is layout-wise a\n      // direct child of the surrounding element (e.g. <h1>).\n      host.appendChild(document.createTextNode(text));\n    }\n  }\n}\n"],"mappings":";;;;;AAkCO,kCAAM,sBAA2C;CACtD,AAAS;CAET,AAAQ,MAAM,OAAO,iBAAiB;CACtC,AAAQ,QAAQ,OAAgC,WAAW;CAC3D,AAAQ,MAAM,OAAO,kBAAkB;CAEvC,YAAY,SAA8B;AACxC,MAAI,QAAQ,QACV,MAAK,QAAQ;;CAIjB,AAAQ,SAAS;AAEf,OAAK,IAAI,OAAO;EAChB,MAAM,OAAO,KAAK,MAAM;AAExB,OAAK,WAAW,SAAS,MAAM;AAC7B,OAAI,EAAE,aAAa,KAAK,UAAW,GAAE,YAAY,YAAY,EAAE;IAC/D;AAEF,MAAI,CAAC,KAAK,KAAM;EAKhB,MAAM,WACJ,OAAO,KAAK,MAAM,aAAa,aAC3B,KAAK,KAAK,UAAU,GACpB,KAAK;AAEX,MAAI,UAAU,aAAa,OAAO,SAAS,cAAc,UAAU;GAEjE,MAAM,eAAe,KAAK,IAAI,gBAC5B,SAAS,UACV;AAED,OAAI,SAAS,MACX,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,SAAS,MAAM,CACvD,CAAC,aAAa,SAAiB,OAAO;AAI1C,OAAI,SAAS,UAAU;IACrB,MAAM,UAAU,SAAS;AACzB,QAAI,OAAO,YAAY,YAAY,OAAO,YAAY,SACpD,cAAa,SAAS,cAAc,YAClC,SAAS,eAAe,OAAO,QAAQ,CAAC,CACzC;;AAIL,QAAK,IAAI,cAAc;SAClB;GAEL,MAAM,OACJ,KAAK,MAAM,SAAS,KAAK,MAAM,YAAY,IAAI,OAAO,KAAK,KAAK;AAIlE,QAAK,YAAY,SAAS,eAAe,KAAK,CAAC;;;;YA5DlD,OAAO;oCAVT,UAAU;CACT,UAAU;CACV,YAAY;CAGZ,UAAU;CAEV,QAAQ,CAAC,+BAA+B;CACzC,CAAC"}

package/dist/esm/UI/index.mjs

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

package/dist/esm/client/index.mjs

@@ -1,10 +1,10 @@
-import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, provideIntlayer } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient } from "./intlayerToken.mjs";
+import { installIntlayer, provideIntlayer } from "./installIntlayer.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import { useDictionaryAsync } from "./useDictionaryAsync.mjs";
 import { useLoadDynamic } from "./useLoadDynamic.mjs";
 import { useDictionaryDynamic } from "./useDictionaryDynamic.mjs";
-import { useIntl } from "./useIntl.mjs";
 import { isUpdatableNode, useIntlayer } from "./useIntlayer.mjs";
 import { useLocale } from "./useLocale.mjs";
 
-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/esm/client/installIntlayer.mjs

@@ -1,41 +1,18 @@
-import { __decorate } from "../_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs";
-import configuration from "@intlayer/config/built";
-import { Injectable, InjectionToken, signal } from "@angular/core";
+import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient } from "./intlayerToken.mjs";
+import { provideIntlayerEditor } from "../editor/useEditor.mjs";
 
 //#region src/client/installIntlayer.ts
-const INTLAYER_TOKEN = new InjectionToken("intlayer");
-/**
-* Singleton instance
-*/
-let instance = null;
-let IntlayerProvider = class IntlayerProvider {
-	isCookieEnabled = signal(true);
-	_locale = signal(configuration.internationalization?.defaultLocale);
-	locale = this._locale.asReadonly();
-	setLocale = (locale) => {
-		this._locale.set(locale);
-	};
-};
-IntlayerProvider = __decorate([Injectable({ providedIn: "root" })], IntlayerProvider);
-/**
-* Create and return a single IntlayerProvider instance
-*/
-const createIntlayerClient = (locale, isCookieEnabled = true) => {
-	if (instance) return instance;
-	instance = new IntlayerProvider();
-	if (locale) instance.setLocale(locale);
-	instance.isCookieEnabled.set(isCookieEnabled);
-	return instance;
-};
 /**
 * 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
@@ -44,16 +21,17 @@ const createIntlayerClient = (locale, isCookieEnabled = true) => {
 * import { provideIntlayer } from 'angular-intlayer';
 *
 * export const appConfig: ApplicationConfig = {
-*   providers: [
-*     provideIntlayer({ locale: 'en' }),
-*   ],
+*   providers: [provideIntlayer()],
 * };
 * ```
 */
-const provideIntlayer = (locale, isCookieEnabled = true) => ({
-	provide: INTLAYER_TOKEN,
-	useValue: installIntlayer(locale, isCookieEnabled)
-});
+const provideIntlayer = (locale, isCookieEnabled = true) => {
+	const client = installIntlayer(locale, isCookieEnabled);
+	return [{
+		provide: INTLAYER_TOKEN,
+		useValue: client
+	}, provideIntlayerEditor(client)];
+};
 /**
 * Helper to install the Intlayer provider.
 */

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

@@ -1 +1 @@
-{"version":3,"file":"installIntlayer.mjs","names":[],"sources":["../../../src/client/installIntlayer.ts"],"sourcesContent":["import { Injectable, InjectionToken, type Signal, signal } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\n\nexport const INTLAYER_TOKEN = new InjectionToken<IntlayerProvider>('intlayer');\n\n/**\n * Singleton instance\n */\nlet instance: IntlayerProvider | null = null;\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class IntlayerProvider {\n  isCookieEnabled = signal(true);\n  private _locale = signal<LocalesValues>(\n    configuration.internationalization?.defaultLocale as LocalesValues\n  );\n\n  readonly locale: Signal<LocalesValues> = this._locale.asReadonly();\n\n  setLocale = (locale: LocalesValues) => {\n    this._locale.set(locale);\n  };\n}\n\n/**\n * Create and return a single IntlayerProvider instance\n */\nexport const createIntlayerClient = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n): IntlayerProvider => {\n  if (instance) return instance;\n\n  instance = new IntlayerProvider();\n\n  if (locale) {\n    instance.setLocale(locale);\n  }\n  instance.isCookieEnabled.set(isCookieEnabled);\n\n  return instance;\n};\n\n/**\n * Provides Intlayer to your Angular application.\n *\n * This function should be used in your application's provider list (e.g., in `app.config.ts`)\n * to initialize the Intlayer service.\n *\n * @param locale - Initial locale to use.\n * @param isCookieEnabled - Whether to store the locale in cookies.\n * @returns A provider configuration for Intlayer.\n *\n * @example\n * ```ts\n * // app.config.ts\n * import { ApplicationConfig } from '@angular/core';\n * import { provideIntlayer } from 'angular-intlayer';\n *\n * export const appConfig: ApplicationConfig = {\n *   providers: [\n *     provideIntlayer({ locale: 'en' }),\n *   ],\n * };\n * ```\n */\nexport const provideIntlayer = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n) => ({\n  provide: INTLAYER_TOKEN,\n  useValue: installIntlayer(locale, isCookieEnabled),\n});\n\n/**\n * Helper to install the Intlayer provider.\n */\nexport const installIntlayer = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n) => {\n  const client = createIntlayerClient(locale, isCookieEnabled);\n\n  // Note: Angular editor installation will be handled differently\n  // installIntlayerEditor();\n\n  return client;\n};\n"],"mappings":";;;;;AAIA,MAAa,iBAAiB,IAAI,eAAiC,WAAW;;;;AAK9E,IAAI,WAAoC;AAKjC,6BAAM,iBAAiB;CAC5B,kBAAkB,OAAO,KAAK;CAC9B,AAAQ,UAAU,OAChB,cAAc,sBAAsB,cACrC;CAED,AAAS,SAAgC,KAAK,QAAQ,YAAY;CAElE,aAAa,WAA0B;AACrC,OAAK,QAAQ,IAAI,OAAO;;;+BAZ3B,WAAW,EACV,YAAY,QACb,CAAC;;;;AAiBF,MAAa,wBACX,QACA,kBAAkB,SACG;AACrB,KAAI,SAAU,QAAO;AAErB,YAAW,IAAI,kBAAkB;AAEjC,KAAI,OACF,UAAS,UAAU,OAAO;AAE5B,UAAS,gBAAgB,IAAI,gBAAgB;AAE7C,QAAO;;;;;;;;;;;;;;;;;;;;;;;;;AA0BT,MAAa,mBACX,QACA,kBAAkB,UACd;CACJ,SAAS;CACT,UAAU,gBAAgB,QAAQ,gBAAgB;CACnD;;;;AAKD,MAAa,mBACX,QACA,kBAAkB,SACf;AAMH,QALe,qBAAqB,QAAQ,gBAAgB"}
+{"version":3,"file":"installIntlayer.mjs","names":[],"sources":["../../../src/client/installIntlayer.ts"],"sourcesContent":["import type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { provideIntlayerEditor } from '../editor/useEditor';\nimport {\n  createIntlayerClient,\n  INTLAYER_TOKEN,\n  IntlayerProvider,\n} from './intlayerToken';\n\nexport { createIntlayerClient, INTLAYER_TOKEN, IntlayerProvider };\n\n/**\n * Provides Intlayer to your Angular application.\n *\n * Registers the Intlayer locale token **and** automatically starts the Intlayer\n * editor client (when the editor is enabled) via `provideAppInitializer`.\n *\n * This is the recommended way to set up Intlayer in `app.config.ts`.\n *\n * @param locale - Initial locale to use.\n * @param isCookieEnabled - Whether to store the locale in cookies.\n * @returns An array of Angular providers for Intlayer.\n *\n * @example\n * ```ts\n * // app.config.ts\n * import { ApplicationConfig } from '@angular/core';\n * import { provideIntlayer } from 'angular-intlayer';\n *\n * export const appConfig: ApplicationConfig = {\n *   providers: [provideIntlayer()],\n * };\n * ```\n */\nexport const provideIntlayer = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n) => {\n  const client = installIntlayer(locale, isCookieEnabled);\n\n  return [\n    { provide: INTLAYER_TOKEN, useValue: client },\n    provideIntlayerEditor(client),\n  ];\n};\n\n/**\n * Helper to install the Intlayer provider.\n */\nexport const installIntlayer = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n) => {\n  return createIntlayerClient(locale, isCookieEnabled);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,MAAa,mBACX,QACA,kBAAkB,SACf;CACH,MAAM,SAAS,gBAAgB,QAAQ,gBAAgB;AAEvD,QAAO,CACL;EAAE,SAAS;EAAgB,UAAU;EAAQ,EAC7C,sBAAsB,OAAO,CAC9B;;;;;AAMH,MAAa,mBACX,QACA,kBAAkB,SACf;AACH,QAAO,qBAAqB,QAAQ,gBAAgB"}

package/dist/esm/client/intlayerToken.mjs

@@ -0,0 +1,31 @@
+import configuration from "@intlayer/config/built";
+import { InjectionToken, signal } from "@angular/core";
+
+//#region src/client/intlayerToken.ts
+var IntlayerProvider = class {
+	isCookieEnabled = signal(true);
+	_locale = signal(configuration.internationalization?.defaultLocale);
+	locale = this._locale.asReadonly();
+	setLocale = (locale) => {
+		this._locale.set(locale);
+	};
+};
+const INTLAYER_TOKEN = new InjectionToken("intlayer");
+/**
+* Singleton instance
+*/
+let instance = null;
+/**
+* Create and return a single IntlayerProvider instance
+*/
+const createIntlayerClient = (locale, isCookieEnabled = true) => {
+	if (instance) return instance;
+	instance = new IntlayerProvider();
+	if (locale) instance.setLocale(locale);
+	instance.isCookieEnabled.set(isCookieEnabled);
+	return instance;
+};
+
+//#endregion
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient };
+//# sourceMappingURL=intlayerToken.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"intlayerToken.mjs","names":[],"sources":["../../../src/client/intlayerToken.ts"],"sourcesContent":["import { InjectionToken, type Signal, signal } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\n\nexport class IntlayerProvider {\n  isCookieEnabled = signal(true);\n  private _locale = signal<LocalesValues>(\n    configuration.internationalization?.defaultLocale as LocalesValues\n  );\n\n  readonly locale: Signal<LocalesValues> = this._locale.asReadonly();\n\n  setLocale = (locale: LocalesValues) => {\n    this._locale.set(locale);\n  };\n}\n\nexport const INTLAYER_TOKEN = new InjectionToken<IntlayerProvider>('intlayer');\n\n/**\n * Singleton instance\n */\nlet instance: IntlayerProvider | null = null;\n\n/**\n * Create and return a single IntlayerProvider instance\n */\nexport const createIntlayerClient = (\n  locale?: LocalesValues,\n  isCookieEnabled = true\n): IntlayerProvider => {\n  if (instance) return instance;\n\n  instance = new IntlayerProvider();\n\n  if (locale) {\n    instance.setLocale(locale);\n  }\n  instance.isCookieEnabled.set(isCookieEnabled);\n\n  return instance;\n};\n"],"mappings":";;;;AAIA,IAAa,mBAAb,MAA8B;CAC5B,kBAAkB,OAAO,KAAK;CAC9B,AAAQ,UAAU,OAChB,cAAc,sBAAsB,cACrC;CAED,AAAS,SAAgC,KAAK,QAAQ,YAAY;CAElE,aAAa,WAA0B;AACrC,OAAK,QAAQ,IAAI,OAAO;;;AAI5B,MAAa,iBAAiB,IAAI,eAAiC,WAAW;;;;AAK9E,IAAI,WAAoC;;;;AAKxC,MAAa,wBACX,QACA,kBAAkB,SACG;AACrB,KAAI,SAAU,QAAO;AAErB,YAAW,IAAI,kBAAkB;AAEjC,KAAI,OACF,UAAS,UAAU,OAAO;AAE5B,UAAS,gBAAgB,IAAI,gBAAgB;AAE7C,QAAO"}

package/dist/esm/client/useDictionary.mjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"useDictionary.mjs","names":[],"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["import { computed, inject, type Signal } from '@angular/core';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { getDictionary } from '../getDictionary';\nimport type { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\n\nexport const useDictionary = <T extends Dictionary>(\n  dictionary: T,\n  locale?: LocalesValues\n): Signal<DeepTransformContent<T['content']>> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(() => locale ?? intlayer?.locale());\n\n  /** a *stable* reactive dictionary object */\n  const content = computed(() =>\n    getDictionary<T, LocalesValues>(dictionary, localeTarget())\n  );\n\n  return content; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;AAOA,MAAa,iBACX,YACA,WAC+C;CAC/C,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAAe,UAAU,UAAU,QAAQ,CAAC;AAOjE,QAJgB,eACd,cAAgC,YAAY,cAAc,CAAC,CAC5D"}
+{"version":3,"file":"useDictionary.mjs","names":[],"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["import { computed, inject, type Signal } from '@angular/core';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { getDictionary } from '../getDictionary';\nimport type { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\n\nexport const useDictionary = <T extends Dictionary>(\n  dictionary: T,\n  locale?: LocalesValues\n): Signal<DeepTransformContent<T['content']>> => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(() => locale ?? intlayer?.locale());\n\n  /** a *stable* reactive dictionary object */\n  const content = computed(\n    () => getDictionary<T, LocalesValues>(dictionary, localeTarget()) as any\n  );\n\n  return content; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;AAOA,MAAa,iBACX,YACA,WAC+C;CAC/C,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAAe,UAAU,UAAU,QAAQ,CAAC;AAOjE,QAJgB,eACR,cAAgC,YAAY,cAAc,CAAC,CAClE"}

package/dist/esm/client/useDictionaryAsync.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import configuration from "@intlayer/config/built";
 import { computed, inject } from "@angular/core";

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

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { LocalesValues, StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <T extends Dictionary>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(\n    () =>\n      locale ??\n      intlayer?.locale() ??\n      configuration?.internationalization.defaultLocale\n  );\n\n  const dictionary = await dictionaryPromise[localeTarget()]?.();\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAa,qBAAqB,OAChC,mBACA,WACG;CACH,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAEjB,UACA,UAAU,QAAQ,IAClB,eAAe,qBAAqB,cACvC;AAID,QAAO,cAFY,MAAM,kBAAkB,cAAc,KAAK,EAE7B,cAAc,CAAQ"}
+{"version":3,"file":"useDictionaryAsync.mjs","names":[],"sources":["../../../src/client/useDictionaryAsync.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryAsync = async <T extends Dictionary>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(\n    () =>\n      locale ??\n      intlayer?.locale() ??\n      configuration?.internationalization.defaultLocale\n  );\n\n  const dictionary = await (dictionaryPromise as any)[localeTarget()]?.();\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";;;;;;;;;;;;;AAiBA,MAAa,qBAAqB,OAChC,mBACA,WACG;CACH,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAEjB,UACA,UAAU,QAAQ,IAClB,eAAe,qBAAqB,cACvC;AAID,QAAO,cAFY,MAAO,kBAA0B,cAAc,KAAK,EAEtC,cAAc,CAAQ"}

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -1,6 +1,6 @@
 'use client';
 
-import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { INTLAYER_TOKEN } from "./intlayerToken.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import { useLoadDynamic } from "./useLoadDynamic.mjs";
 import configuration from "@intlayer/config/built";

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

@@ -1 +1 @@
-{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type { DictionaryKeys, LocalesValues, StrictModeLocaleMap } from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(\n    () =>\n      locale ??\n      intlayer?.locale() ??\n      configuration?.internationalization.defaultLocale\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget()}`,\n    dictionaryPromise[localeTarget()]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";;;;;;;;;;;;;;AAeA,MAAa,wBAIX,mBACA,KACA,WACG;CACH,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAEjB,UACA,UAAU,QAAQ,IAClB,eAAe,qBAAqB,cACvC;AAOD,QAAO,cALY,eACjB,GAAG,OAAO,IAAI,CAAC,GAAG,cAAc,IAChC,kBAAkB,cAAc,KAAK,CACtC,EAEgC,cAAc,CAAQ"}
+{"version":3,"file":"useDictionaryDynamic.mjs","names":[],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Dictionary } from '@intlayer/types/dictionary';\nimport type {\n  DictionaryKeys,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types/module_augmentation';\nimport { INTLAYER_TOKEN, type IntlayerProvider } from './installIntlayer';\nimport { useDictionary } from './useDictionary';\nimport { useLoadDynamic } from './useLoadDynamic';\n\n/**\n * On the server side, Hook that transform a dictionary and return the content\n *\n * If the locale is not provided, it will use the locale from the client context\n */\nexport const useDictionaryDynamic = <\n  T extends Dictionary,\n  K extends DictionaryKeys,\n>(\n  dictionaryPromise: StrictModeLocaleMap<() => Promise<T>>,\n  key: K,\n  locale?: LocalesValues\n) => {\n  const intlayer = inject<IntlayerProvider>(INTLAYER_TOKEN);\n\n  const localeTarget = computed(\n    () =>\n      locale ??\n      intlayer?.locale() ??\n      configuration?.internationalization.defaultLocale\n  );\n\n  const dictionary = useLoadDynamic<T>(\n    `${String(key)}.${localeTarget()}`,\n    (dictionaryPromise as any)[localeTarget()]?.()\n  ) as T;\n\n  return useDictionary(dictionary, localeTarget() as any);\n};\n"],"mappings":";;;;;;;;;;;;;;AAmBA,MAAa,wBAIX,mBACA,KACA,WACG;CACH,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAEjB,UACA,UAAU,QAAQ,IAClB,eAAe,qBAAqB,cACvC;AAOD,QAAO,cALY,eACjB,GAAG,OAAO,IAAI,CAAC,GAAG,cAAc,IAC/B,kBAA0B,cAAc,KAAK,CAC/C,EAEgC,cAAc,CAAQ"}