angular-intlayer 6.1.6-canary.0 → 7.0.0-canary.0

package/dist/cjs/client/useDictionaryDynamic.cjs

@@ -1,55 +1,27 @@
-"use strict";
-"use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useDictionaryDynamic_exports = {};
-__export(useDictionaryDynamic_exports, {
-  useDictionaryDynamic: () => useDictionaryDynamic
-});
-module.exports = __toCommonJS(useDictionaryDynamic_exports);
-var import_core = require("@angular/core");
-var import_built = __toESM(require("@intlayer/config/built"));
-var import_installIntlayer = require('./installIntlayer.cjs');
-var import_useDictionary = require('./useDictionary.cjs');
-var import_useLoadDynamic = require('./useLoadDynamic.cjs');
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_client_installIntlayer = require('./installIntlayer.cjs');
+const require_client_useDictionary = require('./useDictionary.cjs');
+const require_client_useLoadDynamic = require('./useLoadDynamic.cjs');
+let __angular_core = require("@angular/core");
+__angular_core = require_rolldown_runtime.__toESM(__angular_core);
+let __intlayer_config_built = require("@intlayer/config/built");
+__intlayer_config_built = require_rolldown_runtime.__toESM(__intlayer_config_built);
+
+//#region src/client/useDictionaryDynamic.ts
+/**
+* On the server side, Hook that transform a dictionary and return the content
+*
+* If the locale is not provided, it will use the locale from the client context
+*/
 const useDictionaryDynamic = (dictionaryPromise, key, locale) => {
-  const intlayer = (0, import_core.inject)(import_installIntlayer.INTLAYER_TOKEN);
-  const localeTarget = (0, import_core.computed)(
-    () => locale ?? intlayer?.locale() ?? import_built.default?.internationalization.defaultLocale
-  );
-  const dictionary = (0, import_useLoadDynamic.useLoadDynamic)(
-    `${String(key)}.${localeTarget()}`,
-    dictionaryPromise[localeTarget()]()
-  );
-  return (0, import_useDictionary.useDictionary)(dictionary, localeTarget());
+	const intlayer = (0, __angular_core.inject)(require_client_installIntlayer.INTLAYER_TOKEN);
+	const localeTarget = (0, __angular_core.computed)(() => locale ?? intlayer?.locale() ?? __intlayer_config_built.default?.internationalization.defaultLocale);
+	return require_client_useDictionary.useDictionary(require_client_useLoadDynamic.useLoadDynamic(`${String(key)}.${localeTarget()}`, dictionaryPromise[localeTarget()]?.()), localeTarget());
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useDictionaryDynamic
-});
+
+//#endregion
+exports.useDictionaryDynamic = useDictionaryDynamic;
 //# sourceMappingURL=useDictionaryDynamic.cjs.map

package/dist/cjs/client/useDictionaryDynamic.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport type {\n  Dictionary,\n  DictionaryKeys,\n  LanguageContent,\n} from '@intlayer/core';\nimport { INTLAYER_TOKEN, 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: LanguageContent<() => 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kBAAiC;AACjC,mBAA0B;AAO1B,6BAAiD;AACjD,2BAA8B;AAC9B,4BAA+B;AAOxB,MAAM,uBAAuB,CAIlC,mBACA,KACA,WACG;AACH,QAAM,eAAW,oBAAyB,qCAAc;AAExD,QAAM,mBAAe;AAAA,IACnB,MACE,UACA,UAAU,OAAO,KACjB,aAAAA,SAAe,qBAAqB;AAAA,EACxC;AAEA,QAAM,iBAAa;AAAA,IACjB,GAAG,OAAO,GAAG,CAAC,IAAI,aAAa,CAAC;AAAA,IAChC,kBAAkB,aAAa,CAAC,EAAG;AAAA,EACrC;AAEA,aAAO,oCAAc,YAAY,aAAa,CAAQ;AACxD;","names":["configuration"]}
+{"version":3,"file":"useDictionaryDynamic.cjs","names":["INTLAYER_TOKEN","configuration","useDictionary","useLoadDynamic"],"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type {\n  Dictionary,\n  DictionaryKeys,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types';\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":";;;;;;;;;;;;;;;;;;AAmBA,MAAa,wBAIX,mBACA,KACA,WACG;CACH,MAAM,sCAAoCA,8CAAe;CAEzD,MAAM,kDAEF,UACA,UAAU,QAAQ,IAClBC,iCAAe,qBAAqB,cACvC;AAOD,QAAOC,2CALYC,6CACjB,GAAG,OAAO,IAAI,CAAC,GAAG,cAAc,IAChC,kBAAkB,cAAc,KAAK,CACtC,EAEgC,cAAc,CAAQ"}

package/dist/cjs/client/useIntlayer.cjs

@@ -1,40 +1,20 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useIntlayer_exports = {};
-__export(useIntlayer_exports, {
-  isUpdatableNode: () => isUpdatableNode,
-  useIntlayer: () => useIntlayer
-});
-module.exports = __toCommonJS(useIntlayer_exports);
-var import_core = require("@angular/core");
-var import_getIntlayer = require('../getIntlayer.cjs');
-var import_installIntlayer = require('./installIntlayer.cjs');
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_client_installIntlayer = require('./installIntlayer.cjs');
+const require_getIntlayer = require('../getIntlayer.cjs');
+let __angular_core = require("@angular/core");
+__angular_core = require_rolldown_runtime.__toESM(__angular_core);
+
+//#region src/client/useIntlayer.ts
+/** guard utility - true only for objects generated by `renderIntlayerNode()` */
 const isUpdatableNode = (val) => !!val && typeof val === "object" && typeof val.__update === "function";
 const useIntlayer = (key, locale) => {
-  const intlayer = (0, import_core.inject)(import_installIntlayer.INTLAYER_TOKEN);
-  const localeTarget = (0, import_core.computed)(() => locale ?? intlayer.locale());
-  const content = (0, import_core.computed)(() => (0, import_getIntlayer.getIntlayer)(key, localeTarget()));
-  return content();
+	const intlayer = (0, __angular_core.inject)(require_client_installIntlayer.INTLAYER_TOKEN);
+	/** which locale should we use right now? */
+	const localeTarget = (0, __angular_core.computed)(() => locale ?? intlayer.locale());
+	return (0, __angular_core.computed)(() => require_getIntlayer.getIntlayer(key, localeTarget()))();
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  isUpdatableNode,
-  useIntlayer
-});
+
+//#endregion
+exports.isUpdatableNode = isUpdatableNode;
+exports.useIntlayer = useIntlayer;
 //# sourceMappingURL=useIntlayer.cjs.map

package/dist/cjs/client/useIntlayer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { DictionaryKeys } from '@intlayer/core';\n// @ts-ignore intlayer declared for module augmentation\nimport type { IntlayerDictionaryTypesConnector } from 'intlayer';\nimport { getIntlayer } from '../getIntlayer';\nimport { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, 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\nexport const useIntlayer = <T extends DictionaryKeys>(\n  key: T,\n  locale?: LocalesValues\n): DeepTransformContent<IntlayerDictionaryTypesConnector[T]['content']> => {\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  const content = computed(() => getIntlayer(key, localeTarget()));\n\n  return content() as DeepTransformContent<\n    IntlayerDictionaryTypesConnector[T]['content']\n  >; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAKjC,yBAA4B;AAE5B,6BAAiD;AAG1C,MAAM,kBAAkB,CAC7B,QAEA,CAAC,CAAC,OACF,OAAO,QAAQ,YACf,OAAQ,IAAY,aAAa;AAE5B,MAAM,cAAc,CACzB,KACA,WACyE;AACzE,QAAM,eAAW,oBAAyB,qCAAc;AAGxD,QAAM,mBAAe,sBAAS,MAAM,UAAU,SAAS,OAAO,CAAC;AAG/D,QAAM,cAAU,sBAAS,UAAM,gCAAY,KAAK,aAAa,CAAC,CAAC;AAE/D,SAAO,QAAQ;AAGjB;","names":[]}
+{"version":3,"file":"useIntlayer.cjs","names":["INTLAYER_TOKEN","getIntlayer"],"sources":["../../../src/client/useIntlayer.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport type {\n  DictionaryKeys,\n  DictionaryRegistryContent,\n  LocalesValues,\n} from '@intlayer/types';\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\nexport const useIntlayer = <T extends DictionaryKeys, L extends LocalesValues>(\n  key: T,\n  locale?: LocalesValues\n): 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() as DeepTransformContent<DictionaryRegistryContent<T>>; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;;;;AAWA,MAAa,mBACX,QAEA,CAAC,CAAC,OACF,OAAO,QAAQ,YACf,OAAQ,IAAY,aAAa;AAEnC,MAAa,eACX,KACA,WACuD;CACvD,MAAM,sCAAoCA,8CAAe;;CAGzD,MAAM,kDAA8B,UAAU,SAAS,QAAQ,CAAC;AAMhE,2CAF+BC,gCAAkB,KAAK,cAAc,CAAM,CAAC,EAE3D"}

package/dist/cjs/client/useLoadDynamic.cjs

@@ -1,45 +1,29 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useLoadDynamic_exports = {};
-__export(useLoadDynamic_exports, {
-  useLoadDynamic: () => useLoadDynamic
-});
-module.exports = __toCommonJS(useLoadDynamic_exports);
-var import_core = require("@angular/core");
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __angular_core = require("@angular/core");
+__angular_core = require_rolldown_runtime.__toESM(__angular_core);
+
+//#region src/client/useLoadDynamic.ts
+/**
+* A "synchronous" loader for a dynamically‐imported JSON (or anything).
+*
+* - Immediately returns a reactive signal so that Angular can properly track changes.
+* - When the Promise resolves, it replaces the signal's value with the real data.
+*/
 const useLoadDynamic = (key, promise) => {
-  const cache = useLoadDynamic._cache || (useLoadDynamic._cache = /* @__PURE__ */ new Map());
-  const container = (0, import_core.signal)({});
-  if (!cache.has(key)) {
-    const p = promise.then((real) => {
-      container.set(real);
-      return real;
-    });
-    cache.set(key, p);
-  } else {
-    cache.get(key).then((real) => {
-      container.set(real);
-    });
-  }
-  return container();
+	const cache = useLoadDynamic._cache || (useLoadDynamic._cache = /* @__PURE__ */ new Map());
+	const container = (0, __angular_core.signal)({});
+	if (!cache.has(key)) {
+		const p = promise.then((real) => {
+			container.set(real);
+			return real;
+		});
+		cache.set(key, p);
+	} else cache.get(key)?.then((real) => {
+		container.set(real);
+	});
+	return container();
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useLoadDynamic
-});
+
+//#endregion
+exports.useLoadDynamic = useLoadDynamic;
 //# sourceMappingURL=useLoadDynamic.cjs.map

package/dist/cjs/client/useLoadDynamic.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["import { signal } from '@angular/core';\n\n/**\n * A \"synchronous\" loader for a dynamically‐imported JSON (or anything).\n *\n * - Immediately returns a reactive signal so that Angular can properly track changes.\n * - When the Promise resolves, it replaces the signal's value with the real data.\n */\nexport const useLoadDynamic = <T extends Record<string, any>>(\n  key: string,\n  promise: Promise<T>\n): T => {\n  // A module‐level cache of Promises, so we only import once per key.\n  const cache: Map<string, Promise<T>> = (useLoadDynamic as any)._cache ||\n  ((useLoadDynamic as any)._cache = new Map());\n\n  // Hold the \"current\" value as a reactive signal\n  // This starts as an empty object but Angular can track changes to it\n  const container = signal({} as T);\n\n  if (!cache.has(key)) {\n    // Kick off the dynamic import & cache it\n    const p = promise.then((real) => {\n      // As soon as the import resolves, update the signal with the real data\n      container.set(real);\n      return real;\n    });\n    cache.set(key, p);\n  } else {\n    // If it's already in flight (or done), hook into it so that the container still updates\n    cache.get(key)!.then((real) => {\n      container.set(real);\n    });\n  }\n\n  // Return the current signal value directly - Angular can track all changes to it\n  return container();\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAuB;AAQhB,MAAM,iBAAiB,CAC5B,KACA,YACM;AAEN,QAAM,QAAkC,eAAuB,WAC7D,eAAuB,SAAS,oBAAI,IAAI;AAI1C,QAAM,gBAAY,oBAAO,CAAC,CAAM;AAEhC,MAAI,CAAC,MAAM,IAAI,GAAG,GAAG;AAEnB,UAAM,IAAI,QAAQ,KAAK,CAAC,SAAS;AAE/B,gBAAU,IAAI,IAAI;AAClB,aAAO;AAAA,IACT,CAAC;AACD,UAAM,IAAI,KAAK,CAAC;AAAA,EAClB,OAAO;AAEL,UAAM,IAAI,GAAG,EAAG,KAAK,CAAC,SAAS;AAC7B,gBAAU,IAAI,IAAI;AAAA,IACpB,CAAC;AAAA,EACH;AAGA,SAAO,UAAU;AACnB;","names":[]}
+{"version":3,"file":"useLoadDynamic.cjs","names":["cache: Map<string, Promise<T>>"],"sources":["../../../src/client/useLoadDynamic.ts"],"sourcesContent":["import { signal } from '@angular/core';\n\n/**\n * A \"synchronous\" loader for a dynamically‐imported JSON (or anything).\n *\n * - Immediately returns a reactive signal so that Angular can properly track changes.\n * - When the Promise resolves, it replaces the signal's value with the real data.\n */\nexport const useLoadDynamic = <T extends Record<string, any>>(\n  key: string,\n  promise: Promise<T>\n): T => {\n  // A module‐level cache of Promises, so we only import once per key.\n  const cache: Map<string, Promise<T>> = (useLoadDynamic as any)._cache ||\n  ((useLoadDynamic as any)._cache = new Map());\n\n  // Hold the \"current\" value as a reactive signal\n  // This starts as an empty object but Angular can track changes to it\n  const container = signal({} as T);\n\n  if (!cache.has(key)) {\n    // Kick off the dynamic import & cache it\n    const p = promise.then((real) => {\n      // As soon as the import resolves, update the signal with the real data\n      container.set(real);\n      return real;\n    });\n    cache.set(key, p);\n  } else {\n    // If it's already in flight (or done), hook into it so that the container still updates\n    cache.get(key)?.then((real) => {\n      container.set(real);\n    });\n  }\n\n  // Return the current signal value directly - Angular can track all changes to it\n  return container();\n};\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,kBACX,KACA,YACM;CAEN,MAAMA,QAAkC,eAAuB,WAC9D,AAAC,eAAuB,yBAAS,IAAI,KAAK;CAI3C,MAAM,uCAAmB,EAAE,CAAM;AAEjC,KAAI,CAAC,MAAM,IAAI,IAAI,EAAE;EAEnB,MAAM,IAAI,QAAQ,MAAM,SAAS;AAE/B,aAAU,IAAI,KAAK;AACnB,UAAO;IACP;AACF,QAAM,IAAI,KAAK,EAAE;OAGjB,OAAM,IAAI,IAAI,EAAE,MAAM,SAAS;AAC7B,YAAU,IAAI,KAAK;GACnB;AAIJ,QAAO,WAAW"}

package/dist/cjs/client/useLocale.cjs

@@ -1,69 +1,37 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_client_installIntlayer = require('./installIntlayer.cjs');
+const require_client_useLocaleStorage = require('./useLocaleStorage.cjs');
+let __angular_core = require("@angular/core");
+__angular_core = require_rolldown_runtime.__toESM(__angular_core);
+let __intlayer_config_built = require("@intlayer/config/built");
+__intlayer_config_built = require_rolldown_runtime.__toESM(__intlayer_config_built);
+
+//#region src/client/useLocale.ts
+/**
+* On the client side, composable to get the current locale and all related fields
+*/
+const useLocale = ({ isCookieEnabled, onLocaleChange } = {}) => {
+	const { defaultLocale, locales: availableLocales } = __intlayer_config_built.default?.internationalization ?? {};
+	const intlayer = (0, __angular_core.inject)(require_client_installIntlayer.INTLAYER_TOKEN);
+	const locale = (0, __angular_core.computed)(() => intlayer?.locale() ?? defaultLocale);
+	const isCookieEnabledContext = (0, __angular_core.computed)(() => intlayer?.isCookieEnabled() ?? true);
+	const setLocale = (newLocale) => {
+		if (!availableLocales?.map(String).includes(newLocale)) {
+			console.error(`Locale ${newLocale} is not available`);
+			return;
+		}
+		if (intlayer) intlayer.setLocale(newLocale);
+		require_client_useLocaleStorage.setLocaleInStorage(newLocale, isCookieEnabled ?? isCookieEnabledContext() ?? true);
+		onLocaleChange?.(newLocale);
+	};
+	return {
+		locale,
+		defaultLocale,
+		availableLocales,
+		setLocale
+	};
 };
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var useLocale_exports = {};
-__export(useLocale_exports, {
-  useLocale: () => useLocale
-});
-module.exports = __toCommonJS(useLocale_exports);
-var import_core = require("@angular/core");
-var import_built = __toESM(require("@intlayer/config/built"));
-var import_installIntlayer = require('./installIntlayer.cjs');
-var import_useLocaleCookie = require('./useLocaleCookie.cjs');
-const useLocale = ({ onLocaleChange } = {}) => {
-  const { defaultLocale, locales: availableLocales } = import_built.default?.internationalization ?? {};
-  const intlayer = (0, import_core.inject)(import_installIntlayer.INTLAYER_TOKEN);
-  const { setLocaleCookie } = (0, import_useLocaleCookie.useLocaleCookie)();
-  const locale = (0, import_core.computed)(() => intlayer?.locale() ?? defaultLocale);
-  const setLocale = (newLocale) => {
-    if (!availableLocales?.map(String).includes(newLocale)) {
-      console.error(`Locale ${newLocale} is not available`);
-      return;
-    }
-    if (intlayer) {
-      intlayer.setLocale(newLocale);
-    }
-    setLocaleCookie(newLocale);
-    onLocaleChange?.(newLocale);
-  };
-  return {
-    locale,
-    // Current locale
-    defaultLocale,
-    // Principal locale defined in config
-    availableLocales,
-    // List of the available locales defined in config
-    setLocale
-    // Function to set the locale
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  useLocale
-});
+
+//#endregion
+exports.useLocale = useLocale;
 //# sourceMappingURL=useLocale.cjs.map

package/dist/cjs/client/useLocale.cjs.map

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

package/dist/cjs/client/useLocaleStorage.cjs

@@ -0,0 +1,61 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __intlayer_core = require("@intlayer/core");
+__intlayer_core = require_rolldown_runtime.__toESM(__intlayer_core);
+
+//#region src/client/useLocaleStorage.ts
+/**
+* Get the locale cookie
+*/
+/**
+* Get the locale cookie
+*/
+const localeInStorage = (0, __intlayer_core.getLocaleFromStorage)(__intlayer_core.localeStorageOptions);
+/**
+* @deprecated Use localeInStorage instead
+*
+* Get the locale cookie
+*/
+const localeCookie = localeInStorage;
+/**
+* Set the locale cookie
+*/
+const setLocaleInStorage = (locale, isCookieEnabled) => (0, __intlayer_core.setLocaleInStorage)(locale, {
+	...__intlayer_core.localeStorageOptions,
+	isCookieEnabled
+});
+/**
+* @deprecated Use setLocaleInStorage instead
+*
+* Set the locale cookie
+*/
+const setLocaleCookie = setLocaleInStorage;
+/**
+* Hook that provides the locale storage and a function to set it
+*/
+const useLocaleStorage = (isCookieEnabled) => (0, __intlayer_core.LocaleStorage)({
+	...__intlayer_core.localeStorageOptions,
+	isCookieEnabled
+});
+/**
+* @deprecated Use useLocaleStorage instead
+*
+* For GDPR compliance, use useLocaleStorage instead
+*
+* Hook that provides the locale cookie and a function to set it
+*/
+const useLocaleCookie = (isCookieEnabled) => {
+	const storage = useLocaleStorage(isCookieEnabled);
+	return {
+		localeCookie: storage.getLocale(),
+		setLocaleCookie: storage.setLocale
+	};
+};
+
+//#endregion
+exports.localeCookie = localeCookie;
+exports.localeInStorage = localeInStorage;
+exports.setLocaleCookie = setLocaleCookie;
+exports.setLocaleInStorage = setLocaleInStorage;
+exports.useLocaleCookie = useLocaleCookie;
+exports.useLocaleStorage = useLocaleStorage;
+//# sourceMappingURL=useLocaleStorage.cjs.map

package/dist/cjs/client/useLocaleStorage.cjs.map

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

package/dist/cjs/editor/ContentSelectorWrapper.component.cjs

@@ -1,38 +1,21 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var ContentSelectorWrapper_component_exports = {};
-__export(ContentSelectorWrapper_component_exports, {
-  ContentSelectorWrapperComponent: () => ContentSelectorWrapperComponent
-});
-module.exports = __toCommonJS(ContentSelectorWrapper_component_exports);
-var import_common = require("@angular/common");
-var import_core = require("@angular/core");
-var import_core2 = require("@intlayer/core");
-var import_ContentSelector = require('../UI/ContentSelector.component.cjs');
-var import_editorEnabled = require('./editorEnabled.cjs');
-var import_focusDictionary = require('./focusDictionary.cjs');
-var import_useEditor = require('./useEditor.cjs');
-@((0, import_core.Component)({
-  selector: "app-content-selector-wrapper",
-  standalone: true,
-  imports: [import_common.CommonModule, import_ContentSelector.ContentSelectorComponent],
-  template: `
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_UI_ContentSelector_component = require('../UI/ContentSelector.component.cjs');
+const require_editor_editorEnabled = require('./editorEnabled.cjs');
+const require_editor_focusDictionary = require('./focusDictionary.cjs');
+const require_editor_useEditor = require('./useEditor.cjs');
+let __intlayer_core = require("@intlayer/core");
+__intlayer_core = require_rolldown_runtime.__toESM(__intlayer_core);
+let __angular_common = require("@angular/common");
+__angular_common = require_rolldown_runtime.__toESM(__angular_common);
+let __angular_core = require("@angular/core");
+__angular_core = require_rolldown_runtime.__toESM(__angular_core);
+
+//#region src/editor/ContentSelectorWrapper.component.ts
+var ContentSelectorWrapperComponent = @((0, __angular_core.Component)({
+	selector: "app-content-selector-wrapper",
+	standalone: true,
+	imports: [__angular_common.CommonModule, require_UI_ContentSelector_component.ContentSelectorComponent],
+	template: `
     <app-content-selector
       *ngIf="enabled()"
       (press)="handleSelect()"
@@ -42,32 +25,27 @@ var import_useEditor = require('./useEditor.cjs');
     </app-content-selector>
     <ng-content *ngIf="!enabled()"></ng-content>
   `
-}))
-class ContentSelectorWrapperComponent {
-  @((0, import_core.Input)()) dictionaryKey;
-  @((0, import_core.Input)()) keyPath;
-  // pull in the editor state & focus API
-  focusDictionary = (0, import_focusDictionary.useFocusDictionary)();
-  editorEnabled = (0, import_editorEnabled.useEditorEnabled)();
-  constructor() {
-    (0, import_useEditor.useEditor)();
-  }
-  // compute whether this node is the current focus
-  isSelected = (0, import_core.computed)(() => {
-    const focusedContent = this.focusDictionary.focusedContent();
-    return focusedContent?.dictionaryKey === this.dictionaryKey && (focusedContent.keyPath?.length ?? 0) > 0 && (0, import_core2.isSameKeyPath)(focusedContent.keyPath ?? [], this.keyPath);
-  });
-  enabled = (0, import_core.computed)(() => this.editorEnabled.enabled());
-  // when the selector is clicked, update focus
-  handleSelect() {
-    this.focusDictionary.setFocusedContent({
-      dictionaryKey: this.dictionaryKey,
-      keyPath: this.keyPath
-    });
-  }
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ContentSelectorWrapperComponent
-});
+})) class {
+	@((0, __angular_core.Input)()) dictionaryKey;
+	@((0, __angular_core.Input)()) keyPath;
+	focusDictionary = require_editor_focusDictionary.useFocusDictionary();
+	editorEnabled = require_editor_editorEnabled.useEditorEnabled();
+	constructor() {
+		require_editor_useEditor.useEditor();
+	}
+	isSelected = (0, __angular_core.computed)(() => {
+		const focusedContent = this.focusDictionary.focusedContent();
+		return focusedContent?.dictionaryKey === this.dictionaryKey && (focusedContent.keyPath?.length ?? 0) > 0 && (0, __intlayer_core.isSameKeyPath)(focusedContent.keyPath ?? [], this.keyPath);
+	});
+	enabled = (0, __angular_core.computed)(() => this.editorEnabled.enabled());
+	handleSelect() {
+		this.focusDictionary.setFocusedContent({
+			dictionaryKey: this.dictionaryKey,
+			keyPath: this.keyPath
+		});
+	}
+};
+
+//#endregion
+exports.ContentSelectorWrapperComponent = ContentSelectorWrapperComponent;
 //# sourceMappingURL=ContentSelectorWrapper.component.cjs.map

package/dist/cjs/editor/ContentSelectorWrapper.component.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/editor/ContentSelectorWrapper.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, Input, computed } from '@angular/core';\nimport { isSameKeyPath, type NodeProps } from '@intlayer/core';\nimport { ContentSelectorComponent } from '../UI/ContentSelector.component';\nimport { useEditorEnabled } from './editorEnabled';\nimport { useFocusDictionary } from './focusDictionary';\nimport { useEditor } from './useEditor';\n\n/**\n * Combine your NodeProps (which include dictionaryKey & keyPath)\n * with any other div-like attributes.\n */\nexport interface ContentSelectorWrapperProps extends NodeProps {\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'app-content-selector-wrapper',\n  standalone: true,\n  imports: [CommonModule, ContentSelectorComponent],\n  template: `\n    <app-content-selector\n      *ngIf=\"enabled()\"\n      (press)=\"handleSelect()\"\n      [isSelecting]=\"isSelected()\"\n    >\n      <ng-content></ng-content>\n    </app-content-selector>\n    <ng-content *ngIf=\"!enabled()\"></ng-content>\n  `,\n})\nexport class ContentSelectorWrapperComponent {\n  @Input() dictionaryKey!: string;\n  @Input() keyPath!: any[];\n\n  // pull in the editor state & focus API\n  private focusDictionary = useFocusDictionary();\n  private editorEnabled = useEditorEnabled();\n\n  constructor() {\n    useEditor();\n  }\n\n  // compute whether this node is the current focus\n  isSelected = computed(() => {\n    const focusedContent = this.focusDictionary.focusedContent();\n    return (\n      focusedContent?.dictionaryKey === this.dictionaryKey &&\n      (focusedContent.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent.keyPath ?? [], this.keyPath)\n    );\n  });\n\n  enabled = computed(() => this.editorEnabled.enabled());\n\n  // when the selector is clicked, update focus\n  handleSelect() {\n    this.focusDictionary.setFocusedContent({\n      dictionaryKey: this.dictionaryKey,\n      keyPath: this.keyPath,\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAC7B,kBAA2C;AAC3C,IAAAA,eAA8C;AAC9C,6BAAyC;AACzC,2BAAiC;AACjC,6BAAmC;AACnC,uBAA0B;AAU1B,MAAC,uBAAU;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS,CAAC,4BAAc,+CAAwB;AAAA,EAChD,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUZ,CAAC;AACM,MAAM,gCAAgC;AAC3C,QAAC,mBAAM,GAAE;AACT,QAAC,mBAAM,GAAE;AAAA;AAAA,EAGD,sBAAkB,2CAAmB;AAAA,EACrC,oBAAgB,uCAAiB;AAAA,EAEzC,cAAc;AACZ,oCAAU;AAAA,EACZ;AAAA;AAAA,EAGA,iBAAa,sBAAS,MAAM;AAC1B,UAAM,iBAAiB,KAAK,gBAAgB,eAAe;AAC3D,WACE,gBAAgB,kBAAkB,KAAK,kBACtC,eAAe,SAAS,UAAU,KAAK,SACxC,4BAAc,eAAe,WAAW,CAAC,GAAG,KAAK,OAAO;AAAA,EAE5D,CAAC;AAAA,EAED,cAAU,sBAAS,MAAM,KAAK,cAAc,QAAQ,CAAC;AAAA;AAAA,EAGrD,eAAe;AACb,SAAK,gBAAgB,kBAAkB;AAAA,MACrC,eAAe,KAAK;AAAA,MACpB,SAAS,KAAK;AAAA,IAChB,CAAC;AAAA,EACH;AACF;","names":["import_core"]}
+{"version":3,"file":"ContentSelectorWrapper.component.cjs","names":["CommonModule","ContentSelectorComponent","useFocusDictionary","useEditorEnabled"],"sources":["../../../src/editor/ContentSelectorWrapper.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, computed, Input } from '@angular/core';\nimport { isSameKeyPath, type NodeProps } from '@intlayer/core';\nimport { ContentSelectorComponent } from '../UI/ContentSelector.component';\nimport { useEditorEnabled } from './editorEnabled';\nimport { useFocusDictionary } from './focusDictionary';\nimport { useEditor } from './useEditor';\n\n/**\n * Combine your NodeProps (which include dictionaryKey & keyPath)\n * with any other div-like attributes.\n */\nexport interface ContentSelectorWrapperProps extends NodeProps {\n  [key: string]: any;\n}\n\n@Component({\n  selector: 'app-content-selector-wrapper',\n  standalone: true,\n  imports: [CommonModule, ContentSelectorComponent],\n  template: `\n    <app-content-selector\n      *ngIf=\"enabled()\"\n      (press)=\"handleSelect()\"\n      [isSelecting]=\"isSelected()\"\n    >\n      <ng-content></ng-content>\n    </app-content-selector>\n    <ng-content *ngIf=\"!enabled()\"></ng-content>\n  `,\n})\nexport class ContentSelectorWrapperComponent {\n  @Input() dictionaryKey!: string;\n  @Input() keyPath!: any[];\n\n  // pull in the editor state & focus API\n  private focusDictionary = useFocusDictionary();\n  private editorEnabled = useEditorEnabled();\n\n  constructor() {\n    useEditor();\n  }\n\n  // compute whether this node is the current focus\n  isSelected = computed(() => {\n    const focusedContent = this.focusDictionary.focusedContent();\n    return (\n      focusedContent?.dictionaryKey === this.dictionaryKey &&\n      (focusedContent.keyPath?.length ?? 0) > 0 &&\n      isSameKeyPath(focusedContent.keyPath ?? [], this.keyPath)\n    );\n  });\n\n  enabled = computed(() => this.editorEnabled.enabled());\n\n  // when the selector is clicked, update focus\n  handleSelect() {\n    this.focusDictionary.setFocusedContent({\n      dictionaryKey: this.dictionaryKey,\n      keyPath: this.keyPath,\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AA+BA,IAAa,kCAfb,gCAAW;CACT,UAAU;CACV,YAAY;CACZ,SAAS,CAACA,+BAAcC,8DAAyB;CACjD,UAAU;;;;;;;;;;CAUX,CAAC,EACF,MAA6C;CAC3C,6BAAQ,EAAC;CACT,6BAAQ,EAAC;CAGT,AAAQ,kBAAkBC,mDAAoB;CAC9C,AAAQ,gBAAgBC,+CAAkB;CAE1C,cAAc;AACZ,sCAAW;;CAIb,gDAA4B;EAC1B,MAAM,iBAAiB,KAAK,gBAAgB,gBAAgB;AAC5D,SACE,gBAAgB,kBAAkB,KAAK,kBACtC,eAAe,SAAS,UAAU,KAAK,wCAC1B,eAAe,WAAW,EAAE,EAAE,KAAK,QAAQ;GAE3D;CAEF,6CAAyB,KAAK,cAAc,SAAS,CAAC;CAGtD,eAAe;AACb,OAAK,gBAAgB,kBAAkB;GACrC,eAAe,KAAK;GACpB,SAAS,KAAK;GACf,CAAC"}