angular-intlayer 5.5.9 → 5.5.10

package/README.md

@@ -5,15 +5,48 @@
 </div>
 
 <div align="center">
-  <a href="https://www.npmjs.com/package/angular-intlayer">
-    <img alt="npm" src="https://img.shields.io/npm/v/angular-intlayer.svg?labelColor=49516F&color=8994BC" />
-  </a>
-  <a href="https://npmjs.org/package/angular-intlayer">
-    <img alt="downloads" src="https://badgen.net/npm/dm/angular-intlayer?labelColor=49516F&color=8994BC" />
-  </a>
-  <a href="https://npmjs.org/package/angular-intlayer">
-    <img alt="types included" src="https://badgen.net/npm/types/angular-intlayer?labelColor=49516F&color=8994BC" 
-  />
+  <a href="https://www.npmjs.com/package/angular-intlayer" target="blank"><img
+    align="center"
+    alt="npm"
+    src="https://img.shields.io/npm/v/angular-intlayer.svg?labelColor=49516F&color=8994BC&style=for-the-badge"
+    height="30" /></a>
+  <a href="https://npmjs.org/package/angular-intlayer" target="blank"><img
+      align="center"
+      src="https://img.shields.io/npm/dm/angular-intlayer?labelColor=49516F&color=8994BC&style=for-the-badge"
+      alt="monthly downloads"
+      height="30"
+    /></a>
+  <a href="https://npmjs.org/package/angular-intlayer" target="blank"><img
+      align="center"
+      src="https://img.shields.io/npm/types/angular-intlayer?label=types%20included&labelColor=49516F&color=8994BC&style=for-the-badge"
+      alt="types included"
+      height="30"
+    /></a>
+</div>
+
+<div>
+    <br/>
+    <p align="center">
+      <a href="https://www.linkedin.com/company/intlayerorg" target="blank"><img align="center"
+         src="https://img.shields.io/badge/linkedin-%231DA1F2.svg?style=for-the-badge&logo=linkedin&logoColor=white"
+         alt="Intlayer LinkedIn" height="30"/></a>
+      <a href="https://www.facebook.com/intlayer" target="blank"><img align="center"
+         src="https://img.shields.io/badge/facebook-4267B2.svg?style=for-the-badge&logo=facebook&logoColor=white"
+         alt="Intlayer Facebook" height="30"/></a>
+      <a href="https://www.instagram.com/intlayer_org/" target="blank"><img align="center"
+         src="https://img.shields.io/badge/instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white"
+         alt="Intlayer Instagram" height="30"/></a>
+      <a href="https://x.com/Intlayer183096" target="blank"><img align="center"
+         src="https://img.shields.io/badge/x-1DA1F2.svg?style=for-the-badge&logo=x&logoColor=white"
+         alt="Intlayer X" height="30"/></a>
+      <a href="https://www.youtube.com/@intlayer" target="blank"><img align="center"
+         src="https://img.shields.io/badge/youtube-FF0000.svg?style=for-the-badge&logo=youtube&logoColor=white"
+         alt="Intlayer YouTube" height="30"/></a>
+      <a href="https://www.tiktok.com/@intlayer" target="blank"><img align="center"
+         src="https://img.shields.io/badge/tiktok-000000.svg?style=for-the-badge&logo=tiktok&logoColor=white"
+         alt="Intlayer TikTok" height="30"/></a>
+      <br>
+    </p>
 </div>
 
 > This package is in development.

package/dist/cjs/UI/ContentSelector.component.cjs

@@ -0,0 +1,141 @@
+"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 ContentSelector_component_exports = {};
+__export(ContentSelector_component_exports, {
+  ContentSelectorComponent: () => ContentSelectorComponent
+});
+module.exports = __toCommonJS(ContentSelector_component_exports);
+var import_common = require("@angular/common");
+var import_core = require("@angular/core");
+const DEFAULT_PRESS_DETECT_DURATION = 250;
+@((0, import_core.Component)({
+  selector: "app-content-selector",
+  template: `
+    <span
+      #containerRef
+      role="button"
+      tabindex="0"
+      (click)="handleClick($event)"
+      (mousedown)="handleMouseDown()"
+      (mouseup)="handleMouseUp()"
+      (mouseleave)="handleMouseUp()"
+      (touchstart)="handleMouseDown()"
+      (touchend)="handleMouseUp()"
+      (touchcancel)="handleMouseUp()"
+      (blur)="handleBlur()"
+      (mouseenter)="onMouseEnter()"
+      [ngStyle]="getContainerStyle()"
+    >
+      <ng-content></ng-content>
+    </span>
+  `,
+  standalone: true,
+  imports: [import_common.CommonModule]
+}))
+class ContentSelectorComponent {
+  constructor(cdr) {
+    this.cdr = cdr;
+  }
+  @((0, import_core.Input)()) onClickOutside;
+  @((0, import_core.Input)()) pressDuration;
+  @((0, import_core.Input)()) isSelecting;
+  @((0, import_core.Output)()) click = new import_core.EventEmitter();
+  @((0, import_core.Output)()) press = new import_core.EventEmitter();
+  @((0, import_core.ViewChild)("containerRef", { static: true }))
+  containerRef;
+  isHovered = (0, import_core.signal)(false);
+  isSelectingState = (0, import_core.signal)(false);
+  pressTimerRef = null;
+  isSelectingComputed = (0, import_core.computed)(
+    () => this.isSelecting ?? this.isSelectingState()
+  );
+  isStringSlot = (0, import_core.computed)(() => {
+    return true;
+  });
+  ngOnInit() {
+    this.isSelectingState.set(this.isSelecting ?? false);
+  }
+  ngOnDestroy() {
+    this.clearPressTimer();
+  }
+  @((0, import_core.HostListener)("document:mousedown", ["$event"]))
+  onDocumentMouseDown(event) {
+    this.handleClickOutside(event);
+  }
+  handleOnLongPress() {
+    this.isSelectingState.set(true);
+    this.press.emit();
+  }
+  startPressTimer() {
+    this.pressTimerRef = setTimeout(() => {
+      this.handleOnLongPress();
+    }, this.pressDuration ?? DEFAULT_PRESS_DETECT_DURATION);
+  }
+  clearPressTimer() {
+    if (this.pressTimerRef) {
+      clearTimeout(this.pressTimerRef);
+      this.pressTimerRef = null;
+    }
+  }
+  handleMouseDown() {
+    this.clearPressTimer();
+    this.startPressTimer();
+  }
+  handleMouseUp() {
+    this.isHovered.set(false);
+    this.clearPressTimer();
+  }
+  handleClickOutside(event) {
+    if (this.containerRef?.nativeElement && !this.containerRef.nativeElement.contains(event.target)) {
+      this.isSelectingState.set(false);
+      this.onClickOutside?.();
+    }
+  }
+  handleClick(e) {
+    if (this.isSelectingComputed()) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    this.click.emit(e);
+  }
+  handleBlur() {
+    this.isSelectingState.set(false);
+  }
+  onMouseEnter() {
+    this.isHovered.set(true);
+  }
+  getContainerStyle() {
+    return {
+      display: this.isStringSlot() ? "inline" : "inline-block",
+      cursor: "pointer",
+      userSelect: "none",
+      borderRadius: "0.375rem",
+      outlineWidth: "2px",
+      outlineOffset: "4px",
+      outlineStyle: "solid",
+      outlineColor: this.isSelectingComputed() || this.isHovered() ? "inherit" : "transparent",
+      transition: "all 100ms 50ms ease-in-out"
+    };
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContentSelectorComponent
+});
+//# sourceMappingURL=ContentSelector.component.cjs.map

package/dist/cjs/UI/ContentSelector.component.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/UI/ContentSelector.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  ChangeDetectorRef,\n  Component,\n  computed,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  Output,\n  signal,\n  ViewChild,\n} from '@angular/core';\n\nconst DEFAULT_PRESS_DETECT_DURATION = 250;\n\n@Component({\n  selector: 'app-content-selector',\n  template: `\n    <span\n      #containerRef\n      role=\"button\"\n      tabindex=\"0\"\n      (click)=\"handleClick($event)\"\n      (mousedown)=\"handleMouseDown()\"\n      (mouseup)=\"handleMouseUp()\"\n      (mouseleave)=\"handleMouseUp()\"\n      (touchstart)=\"handleMouseDown()\"\n      (touchend)=\"handleMouseUp()\"\n      (touchcancel)=\"handleMouseUp()\"\n      (blur)=\"handleBlur()\"\n      (mouseenter)=\"onMouseEnter()\"\n      [ngStyle]=\"getContainerStyle()\"\n    >\n      <ng-content></ng-content>\n    </span>\n  `,\n  standalone: true,\n  imports: [CommonModule],\n})\nexport class ContentSelectorComponent implements OnInit, OnDestroy {\n  @Input() onClickOutside?: () => void;\n  @Input() pressDuration?: number;\n  @Input() isSelecting?: boolean;\n\n  @Output() click = new EventEmitter<MouseEvent>();\n  @Output() press = new EventEmitter<void>();\n\n  @ViewChild('containerRef', { static: true })\n  containerRef!: ElementRef<HTMLSpanElement>;\n\n  private isHovered = signal(false);\n  private isSelectingState = signal(false);\n  private pressTimerRef: ReturnType<typeof setTimeout> | null = null;\n\n  private readonly isSelectingComputed = computed(\n    () => this.isSelecting ?? this.isSelectingState()\n  );\n\n  private readonly isStringSlot = computed(() => {\n    // In Angular, we can't easily detect if content is just text\n    // This would need to be determined differently or simplified\n    return true; // Simplified for now\n  });\n\n  constructor(private cdr: ChangeDetectorRef) {}\n\n  ngOnInit(): void {\n    this.isSelectingState.set(this.isSelecting ?? false);\n  }\n\n  ngOnDestroy(): void {\n    this.clearPressTimer();\n  }\n\n  @HostListener('document:mousedown', ['$event'])\n  onDocumentMouseDown(event: MouseEvent): void {\n    this.handleClickOutside(event);\n  }\n\n  private handleOnLongPress(): void {\n    this.isSelectingState.set(true);\n    this.press.emit();\n  }\n\n  private startPressTimer(): void {\n    this.pressTimerRef = setTimeout(() => {\n      this.handleOnLongPress();\n    }, this.pressDuration ?? DEFAULT_PRESS_DETECT_DURATION);\n  }\n\n  private clearPressTimer(): void {\n    if (this.pressTimerRef) {\n      clearTimeout(this.pressTimerRef);\n      this.pressTimerRef = null;\n    }\n  }\n\n  handleMouseDown(): void {\n    this.clearPressTimer();\n    this.startPressTimer();\n  }\n\n  handleMouseUp(): void {\n    this.isHovered.set(false);\n    this.clearPressTimer();\n  }\n\n  private handleClickOutside(event: MouseEvent): void {\n    if (\n      this.containerRef?.nativeElement &&\n      !this.containerRef.nativeElement.contains(event.target as Node)\n    ) {\n      this.isSelectingState.set(false);\n      this.onClickOutside?.();\n    }\n  }\n\n  handleClick(e: MouseEvent): void {\n    if (this.isSelectingComputed()) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n    this.click.emit(e);\n  }\n\n  handleBlur(): void {\n    this.isSelectingState.set(false);\n  }\n\n  onMouseEnter(): void {\n    this.isHovered.set(true);\n  }\n\n  getContainerStyle(): { [key: string]: any } {\n    return {\n      display: this.isStringSlot() ? 'inline' : 'inline-block',\n      cursor: 'pointer',\n      userSelect: 'none',\n      borderRadius: '0.375rem',\n      outlineWidth: '2px',\n      outlineOffset: '4px',\n      outlineStyle: 'solid',\n      outlineColor:\n        this.isSelectingComputed() || this.isHovered()\n          ? 'inherit'\n          : 'transparent',\n      transition: 'all 100ms 50ms ease-in-out',\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA6B;AAC7B,kBAaO;AAEP,MAAM,gCAAgC;AAEtC,MAAC,uBAAU;AAAA,EACT,UAAU;AAAA,EACV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAmBV,YAAY;AAAA,EACZ,SAAS,CAAC,0BAAY;AACxB,CAAC;AACM,MAAM,yBAAsD;AAAA,EAyBjE,YAAoB,KAAwB;AAAxB;AAAA,EAAyB;AAxB7C,QAAC,mBAAM,GAAE;AACT,QAAC,mBAAM,GAAE;AACT,QAAC,mBAAM,GAAE;AAET,QAAC,oBAAO,GAAE,QAAQ,IAAI,yBAAyB;AAC/C,QAAC,oBAAO,GAAE,QAAQ,IAAI,yBAAmB;AAEzC,QAAC,uBAAU,gBAAgB,EAAE,QAAQ,KAAK,CAAC;AAAA,EAC3C;AAAA,EAEQ,gBAAY,oBAAO,KAAK;AAAA,EACxB,uBAAmB,oBAAO,KAAK;AAAA,EAC/B,gBAAsD;AAAA,EAE7C,0BAAsB;AAAA,IACrC,MAAM,KAAK,eAAe,KAAK,iBAAiB;AAAA,EAClD;AAAA,EAEiB,mBAAe,sBAAS,MAAM;AAG7C,WAAO;AAAA,EACT,CAAC;AAAA,EAID,WAAiB;AACf,SAAK,iBAAiB,IAAI,KAAK,eAAe,KAAK;AAAA,EACrD;AAAA,EAEA,cAAoB;AAClB,SAAK,gBAAgB;AAAA,EACvB;AAEA,QAAC,0BAAa,sBAAsB,CAAC,QAAQ,CAAC;AAAA,EAC9C,oBAAoB,OAAyB;AAC3C,SAAK,mBAAmB,KAAK;AAAA,EAC/B;AAAA,EAEQ,oBAA0B;AAChC,SAAK,iBAAiB,IAAI,IAAI;AAC9B,SAAK,MAAM,KAAK;AAAA,EAClB;AAAA,EAEQ,kBAAwB;AAC9B,SAAK,gBAAgB,WAAW,MAAM;AACpC,WAAK,kBAAkB;AAAA,IACzB,GAAG,KAAK,iBAAiB,6BAA6B;AAAA,EACxD;AAAA,EAEQ,kBAAwB;AAC9B,QAAI,KAAK,eAAe;AACtB,mBAAa,KAAK,aAAa;AAC/B,WAAK,gBAAgB;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,kBAAwB;AACtB,SAAK,gBAAgB;AACrB,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,gBAAsB;AACpB,SAAK,UAAU,IAAI,KAAK;AACxB,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEQ,mBAAmB,OAAyB;AAClD,QACE,KAAK,cAAc,iBACnB,CAAC,KAAK,aAAa,cAAc,SAAS,MAAM,MAAc,GAC9D;AACA,WAAK,iBAAiB,IAAI,KAAK;AAC/B,WAAK,iBAAiB;AAAA,IACxB;AAAA,EACF;AAAA,EAEA,YAAY,GAAqB;AAC/B,QAAI,KAAK,oBAAoB,GAAG;AAC9B,QAAE,eAAe;AACjB,QAAE,gBAAgB;AAAA,IACpB;AACA,SAAK,MAAM,KAAK,CAAC;AAAA,EACnB;AAAA,EAEA,aAAmB;AACjB,SAAK,iBAAiB,IAAI,KAAK;AAAA,EACjC;AAAA,EAEA,eAAqB;AACnB,SAAK,UAAU,IAAI,IAAI;AAAA,EACzB;AAAA,EAEA,oBAA4C;AAC1C,WAAO;AAAA,MACL,SAAS,KAAK,aAAa,IAAI,WAAW;AAAA,MAC1C,QAAQ;AAAA,MACR,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAc;AAAA,MACd,cACE,KAAK,oBAAoB,KAAK,KAAK,UAAU,IACzC,YACA;AAAA,MACN,YAAY;AAAA,IACd;AAAA,EACF;AACF;","names":[]}

package/dist/cjs/client/index.cjs

@@ -3,10 +3,6 @@ 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))
@@ -15,33 +11,23 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var client_exports = {};
-__export(client_exports, {
-  DictionaryService: () => import_dictionary.DictionaryService,
-  IntlayerService: () => import_intlayer.IntlayerService,
-  LocaleService: () => import_locale.LocaleService,
-  getBrowserLocale: () => import_getBrowserLocale.getBrowserLocale,
-  getDictionary: () => import_getDictionary.getDictionary,
-  getLocale: () => import_getLocale.getLocale,
-  t: () => import_t.t
-});
 module.exports = __toCommonJS(client_exports);
-var import_dictionary = require('./dictionary.service.cjs');
-var import_getBrowserLocale = require('./getBrowserLocale.cjs');
-var import_getDictionary = require('./getDictionary.cjs');
-var import_getLocale = require('./getLocale.cjs');
-var import_intlayer = require('./intlayer.service.cjs');
-var import_locale = require('./locale.service.cjs');
-var import_t = require('./t.cjs');
+__reExport(client_exports, require('./installIntlayer.cjs'), module.exports);
+__reExport(client_exports, require('./useDictionary.cjs'), module.exports);
+__reExport(client_exports, require('./useDictionaryDynamic.cjs'), module.exports);
+__reExport(client_exports, require('./useIntlayer.cjs'), module.exports);
+__reExport(client_exports, require('./useLoadDynamic.cjs'), module.exports);
+__reExport(client_exports, require('./useLocale.cjs'), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  DictionaryService,
-  IntlayerService,
-  LocaleService,
-  getBrowserLocale,
-  getDictionary,
-  getLocale,
-  t
+  ...require('./installIntlayer.cjs'),
+  ...require('./useDictionary.cjs'),
+  ...require('./useDictionaryDynamic.cjs'),
+  ...require('./useIntlayer.cjs'),
+  ...require('./useLoadDynamic.cjs'),
+  ...require('./useLocale.cjs')
 });
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/client/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export { DictionaryService } from './dictionary.service';\nexport { getBrowserLocale } from './getBrowserLocale';\nexport { getDictionary } from './getDictionary';\nexport { getLocale } from './getLocale';\nexport { IntlayerService } from './intlayer.service';\nexport { LocaleService } from './locale.service';\nexport { t } from './t';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAkC;AAClC,8BAAiC;AACjC,2BAA8B;AAC9B,uBAA0B;AAC1B,sBAAgC;AAChC,oBAA8B;AAC9B,eAAkB;","names":[]}
+{"version":3,"sources":["../../../src/client/index.ts"],"sourcesContent":["export * from './installIntlayer';\nexport * from './useDictionary';\nexport * from './useDictionaryDynamic';\nexport * from './useIntlayer';\nexport * from './useLoadDynamic';\nexport * from './useLocale';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,2BAAc,8BAAd;AACA,2BAAc,4BADd;AAEA,2BAAc,mCAFd;AAGA,2BAAc,0BAHd;AAIA,2BAAc,6BAJd;AAKA,2BAAc,wBALd;","names":[]}

package/dist/cjs/client/installIntlayer.cjs

@@ -0,0 +1,72 @@
+"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 });
+};
+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 installIntlayer_exports = {};
+__export(installIntlayer_exports, {
+  INTLAYER_TOKEN: () => INTLAYER_TOKEN,
+  IntlayerProvider: () => IntlayerProvider,
+  createIntlayerClient: () => createIntlayerClient,
+  installIntlayer: () => installIntlayer
+});
+module.exports = __toCommonJS(installIntlayer_exports);
+var import_core = require("@angular/core");
+var import_built = __toESM(require("@intlayer/config/built"));
+const INTLAYER_TOKEN = new import_core.InjectionToken("intlayer");
+let instance = null;
+@((0, import_core.Injectable)({
+  providedIn: "root"
+}))
+class IntlayerProvider {
+  _locale = (0, import_core.signal)(
+    import_built.default.internationalization?.defaultLocale
+  );
+  locale = this._locale.asReadonly();
+  setLocale = (locale) => {
+    this._locale.set(locale);
+  };
+}
+const createIntlayerClient = (locale) => {
+  if (instance) return instance;
+  instance = new IntlayerProvider();
+  if (locale) {
+    instance.setLocale(locale);
+  }
+  return instance;
+};
+const installIntlayer = (locale) => {
+  const client = createIntlayerClient(locale);
+  return client;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  INTLAYER_TOKEN,
+  IntlayerProvider,
+  createIntlayerClient,
+  installIntlayer
+});
+//# sourceMappingURL=installIntlayer.cjs.map

package/dist/cjs/client/installIntlayer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/installIntlayer.ts"],"sourcesContent":["import { Injectable, InjectionToken, signal, Signal } from '@angular/core';\nimport configuration from '@intlayer/config/built';\nimport type { Locales, LocalesValues } from '@intlayer/config/client';\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  private _locale = signal<Locales>(\n    configuration.internationalization?.defaultLocale as Locales\n  );\n\n  readonly locale: Signal<Locales> = this._locale.asReadonly();\n\n  setLocale = (locale: LocalesValues) => {\n    this._locale.set(locale as Locales);\n  };\n}\n\n/**\n * Create and return a single IntlayerProvider instance\n */\nexport const createIntlayerClient = (\n  locale?: LocalesValues\n): IntlayerProvider => {\n  if (instance) return instance;\n\n  instance = new IntlayerProvider();\n\n  if (locale) {\n    instance.setLocale(locale);\n  }\n\n  return instance;\n};\n\n/**\n * Helper to install the Intlayer provider\n */\nexport const installIntlayer = (locale?: LocalesValues) => {\n  const client = createIntlayerClient(locale);\n\n  // Note: Angular editor installation will be handled differently\n  // installIntlayerEditor();\n\n  return client;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA2D;AAC3D,mBAA0B;AAGnB,MAAM,iBAAiB,IAAI,2BAAiC,UAAU;AAK7E,IAAI,WAAoC;AAExC,MAAC,wBAAW;AAAA,EACV,YAAY;AACd,CAAC;AACM,MAAM,iBAAiB;AAAA,EACpB,cAAU;AAAA,IAChB,aAAAA,QAAc,sBAAsB;AAAA,EACtC;AAAA,EAES,SAA0B,KAAK,QAAQ,WAAW;AAAA,EAE3D,YAAY,CAAC,WAA0B;AACrC,SAAK,QAAQ,IAAI,MAAiB;AAAA,EACpC;AACF;AAKO,MAAM,uBAAuB,CAClC,WACqB;AACrB,MAAI,SAAU,QAAO;AAErB,aAAW,IAAI,iBAAiB;AAEhC,MAAI,QAAQ;AACV,aAAS,UAAU,MAAM;AAAA,EAC3B;AAEA,SAAO;AACT;AAKO,MAAM,kBAAkB,CAAC,WAA2B;AACzD,QAAM,SAAS,qBAAqB,MAAM;AAK1C,SAAO;AACT;","names":["configuration"]}

package/dist/cjs/client/{getDictionary.cjs → useDictionary.cjs}

@@ -16,28 +16,24 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var getDictionary_exports = {};
-__export(getDictionary_exports, {
-  getDictionary: () => getDictionary
+var useDictionary_exports = {};
+__export(useDictionary_exports, {
+  useDictionary: () => useDictionary
 });
-module.exports = __toCommonJS(getDictionary_exports);
-var import_core = require("@intlayer/core");
-var import_plugins = require('../plugins.cjs');
-const getDictionary = (dictionary, locale, additionalPlugins) => {
-  const plugins = [
-    import_plugins.intlayerNodePlugins,
-    import_plugins.angularTemplatePlugin,
-    import_plugins.markdownPlugin,
-    ...additionalPlugins ?? []
-  ];
-  return (0, import_core.getDictionary)(
-    dictionary,
-    locale,
-    plugins
+module.exports = __toCommonJS(useDictionary_exports);
+var import_core = require("@angular/core");
+var import_getDictionary = require('../getDictionary.cjs');
+var import_installIntlayer = require('./installIntlayer.cjs');
+const useDictionary = (dictionary, 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_getDictionary.getDictionary)(dictionary, localeTarget())
   );
+  return content();
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getDictionary
+  useDictionary
 });
-//# sourceMappingURL=getDictionary.cjs.map
+//# sourceMappingURL=useDictionary.cjs.map

package/dist/cjs/client/useDictionary.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport type { LocalesValues } from '@intlayer/config/client';\nimport { type Dictionary } from '@intlayer/core';\nimport { getDictionary } from '../getDictionary';\nimport { DeepTransformContent } from '../plugins';\nimport { INTLAYER_TOKEN, IntlayerProvider } from './installIntlayer';\n\nexport const useDictionary = <T extends Dictionary>(\n  dictionary: T,\n  locale?: LocalesValues\n): 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() as DeepTransformContent<T['content']>; // all consumers keep full reactivity\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiC;AAGjC,2BAA8B;AAE9B,6BAAiD;AAE1C,MAAM,gBAAgB,CAC3B,YACA,WACuC;AACvC,QAAM,eAAW,oBAAyB,qCAAc;AAExD,QAAM,mBAAe,sBAAS,MAAM,UAAU,UAAU,OAAO,CAAC;AAGhE,QAAM,cAAU;AAAA,IAAS,UACvB,oCAAgC,YAAY,aAAa,CAAC;AAAA,EAC5D;AAEA,SAAO,QAAQ;AACjB;","names":[]}

package/dist/cjs/client/useDictionaryDynamic.cjs

@@ -0,0 +1,42 @@
+"use strict";
+"use client";
+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 useDictionaryDynamic_exports = {};
+__export(useDictionaryDynamic_exports, {
+  useDictionaryDynamic: () => useDictionaryDynamic
+});
+module.exports = __toCommonJS(useDictionaryDynamic_exports);
+var import_core = require("@angular/core");
+var import_installIntlayer = require('./installIntlayer.cjs');
+var import_useDictionary = require('./useDictionary.cjs');
+var import_useLoadDynamic = require('./useLoadDynamic.cjs');
+const useDictionaryDynamic = (dictionaryPromise, key, locale) => {
+  const intlayer = (0, import_core.inject)(import_installIntlayer.INTLAYER_TOKEN);
+  const localeTarget = (0, import_core.computed)(() => locale ?? intlayer?.locale());
+  const dictionary = (0, import_useLoadDynamic.useLoadDynamic)(
+    `${String(key)}.${localeTarget()}`,
+    dictionaryPromise[localeTarget()]()
+  );
+  return (0, import_useDictionary.useDictionary)(dictionary, localeTarget());
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDictionaryDynamic
+});
+//# sourceMappingURL=useDictionaryDynamic.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/client/useDictionaryDynamic.ts"],"sourcesContent":["'use client';\n\nimport { computed, inject } from '@angular/core';\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(() => locale ?? intlayer?.locale());\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;AAOjC,6BAAiD;AACjD,2BAA8B;AAC9B,4BAA+B;AAOxB,MAAM,uBAAuB,CAIlC,mBACA,KACA,WACG;AACH,QAAM,eAAW,oBAAyB,qCAAc;AAExD,QAAM,mBAAe,sBAAS,MAAM,UAAU,UAAU,OAAO,CAAC;AAEhE,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":[]}

package/dist/cjs/client/{getBrowserLocale.cjs → useIntlayer.cjs}

@@ -16,19 +16,25 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var getBrowserLocale_exports = {};
-__export(getBrowserLocale_exports, {
-  getBrowserLocale: () => getBrowserLocale
+var useIntlayer_exports = {};
+__export(useIntlayer_exports, {
+  isUpdatableNode: () => isUpdatableNode,
+  useIntlayer: () => useIntlayer
 });
-module.exports = __toCommonJS(getBrowserLocale_exports);
-const getBrowserLocale = () => {
-  if (typeof window !== "undefined" && window.navigator) {
-    return window.navigator.language.split("-")[0];
-  }
-  return void 0;
+module.exports = __toCommonJS(useIntlayer_exports);
+var import_core = require("@angular/core");
+var import_getIntlayer = require('../getIntlayer.cjs');
+var import_installIntlayer = require('./installIntlayer.cjs');
+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();
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getBrowserLocale
+  isUpdatableNode,
+  useIntlayer
 });
-//# sourceMappingURL=getBrowserLocale.cjs.map
+//# sourceMappingURL=useIntlayer.cjs.map

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

@@ -0,0 +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":[]}

package/dist/cjs/client/{intlayer.service.cjs → useLoadDynamic.cjs}

@@ -16,28 +16,30 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var intlayer_service_exports = {};
-__export(intlayer_service_exports, {
-  IntlayerService: () => IntlayerService
+var useLoadDynamic_exports = {};
+__export(useLoadDynamic_exports, {
+  useLoadDynamic: () => useLoadDynamic
 });
-module.exports = __toCommonJS(intlayer_service_exports);
+module.exports = __toCommonJS(useLoadDynamic_exports);
 var import_core = require("@angular/core");
-var import_rxjs = require("rxjs");
-@((0, import_core.Injectable)({
-  providedIn: "root"
-}))
-class IntlayerService {
-  localeSubject = new import_rxjs.BehaviorSubject("en");
-  locale$ = this.localeSubject.asObservable();
-  get currentLocale() {
-    return this.localeSubject.value;
+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);
+    });
   }
-  setLocale(locale) {
-    this.localeSubject.next(locale);
-  }
-}
+  return container();
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  IntlayerService
+  useLoadDynamic
 });
-//# sourceMappingURL=intlayer.service.cjs.map
+//# sourceMappingURL=useLoadDynamic.cjs.map

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

@@ -0,0 +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":[]}

package/dist/cjs/client/useLocale.cjs

@@ -0,0 +1,69 @@
+"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 });
+};
+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
+});
+//# sourceMappingURL=useLocale.cjs.map

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

@@ -0,0 +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"]}