angular-intlayer 6.1.6 → 7.0.0-canary.0

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

@@ -1,18 +1,11 @@
 import { CommonModule } from "@angular/common";
-import {
-  Component,
-  computed,
-  EventEmitter,
-  HostListener,
-  Input,
-  Output,
-  signal,
-  ViewChild
-} from "@angular/core";
+import { Component, EventEmitter, HostListener, Input, Output, ViewChild, computed, signal } from "@angular/core";
+
+//#region src/UI/ContentSelector.component.ts
 const DEFAULT_PRESS_DETECT_DURATION = 250;
-@Component({
-  selector: "app-content-selector",
-  template: `
+var ContentSelectorComponent = @Component({
+	selector: "app-content-selector",
+	template: `
     <span
       #containerRef
       role="button"
@@ -31,96 +24,88 @@ const DEFAULT_PRESS_DETECT_DURATION = 250;
       <ng-content></ng-content>
     </span>
   `,
-  standalone: true,
-  imports: [CommonModule]
-})
-class ContentSelectorComponent {
-  constructor(cdr) {
-    this.cdr = cdr;
-  }
-  @Input() onClickOutside;
-  @Input() pressDuration;
-  @Input() isSelecting;
-  @Output() click = new EventEmitter();
-  @Output() press = new EventEmitter();
-  @ViewChild("containerRef", { static: true })
-  containerRef;
-  isHovered = signal(false);
-  isSelectingState = signal(false);
-  pressTimerRef = null;
-  isSelectingComputed = computed(
-    () => this.isSelecting ?? this.isSelectingState()
-  );
-  isStringSlot = computed(() => {
-    return true;
-  });
-  ngOnInit() {
-    this.isSelectingState.set(this.isSelecting ?? false);
-  }
-  ngOnDestroy() {
-    this.clearPressTimer();
-  }
-  @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"
-    };
-  }
-}
-export {
-  ContentSelectorComponent
+	standalone: true,
+	imports: [CommonModule]
+}) class {
+	@Input() onClickOutside;
+	@Input() pressDuration;
+	@Input() isSelecting;
+	@Output() click = new EventEmitter();
+	@Output() press = new EventEmitter();
+	@ViewChild("containerRef", { static: true }) containerRef;
+	isHovered = signal(false);
+	isSelectingState = signal(false);
+	pressTimerRef = null;
+	isSelectingComputed = computed(() => this.isSelecting ?? this.isSelectingState());
+	isStringSlot = computed(() => {
+		return true;
+	});
+	ngOnInit() {
+		this.isSelectingState.set(this.isSelecting ?? false);
+	}
+	ngOnDestroy() {
+		this.clearPressTimer();
+	}
+	@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"
+		};
+	}
 };
+
+//#endregion
+export { ContentSelectorComponent };
 //# sourceMappingURL=ContentSelector.component.mjs.map

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

@@ -1 +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":"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","names":[]}
+{"version":3,"file":"ContentSelector.component.mjs","names":[],"sources":["../../../src/UI/ContentSelector.component.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  computed,\n  type ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  type OnDestroy,\n  type 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  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":";;;;AAeA,MAAM,gCAAgC;AA0BtC,IAAa,2BAxBb,CAAC,UAAU;CACT,UAAU;CACV,UAAU;;;;;;;;;;;;;;;;;;;CAmBV,YAAY;CACZ,SAAS,CAAC,aAAa;CACxB,CAAC,CACF,MAAmE;CACjE,CAAC,OAAO,CAAC;CACT,CAAC,OAAO,CAAC;CACT,CAAC,OAAO,CAAC;CAET,CAAC,QAAQ,CAAC,QAAQ,IAAI,cAA0B;CAChD,CAAC,QAAQ,CAAC,QAAQ,IAAI,cAAoB;CAE1C,CAAC,UAAU,gBAAgB,EAAE,QAAQ,MAAM,CAAC,CAC5C;CAEA,AAAQ,YAAY,OAAO,MAAM;CACjC,AAAQ,mBAAmB,OAAO,MAAM;CACxC,AAAQ,gBAAsD;CAE9D,AAAiB,sBAAsB,eAC/B,KAAK,eAAe,KAAK,kBAAkB,CAClD;CAED,AAAiB,eAAe,eAAe;AAG7C,SAAO;GACP;CAEF,WAAiB;AACf,OAAK,iBAAiB,IAAI,KAAK,eAAe,MAAM;;CAGtD,cAAoB;AAClB,OAAK,iBAAiB;;CAGxB,CAAC,aAAa,sBAAsB,CAAC,SAAS,CAAC,CAC/C,oBAAoB,OAAyB;AAC3C,OAAK,mBAAmB,MAAM;;CAGhC,AAAQ,oBAA0B;AAChC,OAAK,iBAAiB,IAAI,KAAK;AAC/B,OAAK,MAAM,MAAM;;CAGnB,AAAQ,kBAAwB;AAC9B,OAAK,gBAAgB,iBAAiB;AACpC,QAAK,mBAAmB;KACvB,KAAK,iBAAiB,8BAA8B;;CAGzD,AAAQ,kBAAwB;AAC9B,MAAI,KAAK,eAAe;AACtB,gBAAa,KAAK,cAAc;AAChC,QAAK,gBAAgB;;;CAIzB,kBAAwB;AACtB,OAAK,iBAAiB;AACtB,OAAK,iBAAiB;;CAGxB,gBAAsB;AACpB,OAAK,UAAU,IAAI,MAAM;AACzB,OAAK,iBAAiB;;CAGxB,AAAQ,mBAAmB,OAAyB;AAClD,MACE,KAAK,cAAc,iBACnB,CAAC,KAAK,aAAa,cAAc,SAAS,MAAM,OAAe,EAC/D;AACA,QAAK,iBAAiB,IAAI,MAAM;AAChC,QAAK,kBAAkB;;;CAI3B,YAAY,GAAqB;AAC/B,MAAI,KAAK,qBAAqB,EAAE;AAC9B,KAAE,gBAAgB;AAClB,KAAE,iBAAiB;;AAErB,OAAK,MAAM,KAAK,EAAE;;CAGpB,aAAmB;AACjB,OAAK,iBAAiB,IAAI,MAAM;;CAGlC,eAAqB;AACnB,OAAK,UAAU,IAAI,KAAK;;CAG1B,oBAA4C;AAC1C,SAAO;GACL,SAAS,KAAK,cAAc,GAAG,WAAW;GAC1C,QAAQ;GACR,YAAY;GACZ,cAAc;GACd,cAAc;GACd,eAAe;GACf,cAAc;GACd,cACE,KAAK,qBAAqB,IAAI,KAAK,WAAW,GAC1C,YACA;GACN,YAAY;GACb"}

package/dist/esm/client/index.mjs

@@ -1,8 +1,9 @@
-export * from "./installIntlayer.mjs";
-export * from "./useDictionary.mjs";
-export * from "./useDictionaryAsync.mjs";
-export * from "./useDictionaryDynamic.mjs";
-export * from "./useIntlayer.mjs";
-export * from "./useLoadDynamic.mjs";
-export * from "./useLocale.mjs";
-//# sourceMappingURL=index.mjs.map
+import { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer } from "./installIntlayer.mjs";
+import { useDictionary } from "./useDictionary.mjs";
+import { useDictionaryAsync } from "./useDictionaryAsync.mjs";
+import { useLoadDynamic } from "./useLoadDynamic.mjs";
+import { useDictionaryDynamic } from "./useDictionaryDynamic.mjs";
+import { isUpdatableNode, useIntlayer } from "./useIntlayer.mjs";
+import { useLocale } from "./useLocale.mjs";
+
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer, isUpdatableNode, useDictionary, useDictionaryAsync, useDictionaryDynamic, useIntlayer, useLoadDynamic, useLocale };

package/dist/esm/client/installIntlayer.mjs

@@ -1,35 +1,37 @@
 import { Injectable, InjectionToken, signal } from "@angular/core";
 import configuration from "@intlayer/config/built";
+
+//#region src/client/installIntlayer.ts
 const INTLAYER_TOKEN = new InjectionToken("intlayer");
+/**
+* Singleton instance
+*/
 let instance = null;
-@Injectable({
-  providedIn: "root"
-})
-class IntlayerProvider {
-  _locale = signal(
-    configuration.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;
+var IntlayerProvider = @Injectable({ providedIn: "root" }) class {
+	isCookieEnabled = signal(true);
+	_locale = signal(configuration.internationalization?.defaultLocale);
+	locale = this._locale.asReadonly();
+	setLocale = (locale) => {
+		this._locale.set(locale);
+	};
 };
-const installIntlayer = (locale) => {
-  const client = createIntlayerClient(locale);
-  return client;
+/**
+* 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;
 };
-export {
-  INTLAYER_TOKEN,
-  IntlayerProvider,
-  createIntlayerClient,
-  installIntlayer
+/**
+* Helper to install the Intlayer provider
+*/
+const installIntlayer = (locale, isCookieEnabled = true) => {
+	return createIntlayerClient(locale, isCookieEnabled);
 };
+
+//#endregion
+export { INTLAYER_TOKEN, IntlayerProvider, createIntlayerClient, installIntlayer };
 //# sourceMappingURL=installIntlayer.mjs.map

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

@@ -1 +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,SAAS,YAAY,gBAAgB,cAAsB;AAC3D,OAAO,mBAAmB;AAGnB,MAAM,iBAAiB,IAAI,eAAiC,UAAU;AAK7E,IAAI,WAAoC;AAExC,CAAC,WAAW;AAAA,EACV,YAAY;AACd,CAAC;AACM,MAAM,iBAAiB;AAAA,EACpB,UAAU;AAAA,IAChB,cAAc,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":[]}
+{"version":3,"file":"installIntlayer.mjs","names":["instance: IntlayerProvider | null"],"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';\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 * 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,IAAIA,WAAoC;AAKxC,IAAa,mBAHb,CAAC,WAAW,EACV,YAAY,QACb,CAAC,CACF,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;;;;;;AAO5B,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;;;;;AAMT,MAAa,mBACX,QACA,kBAAkB,SACf;AAMH,QALe,qBAAqB,QAAQ,gBAAgB"}

package/dist/esm/client/useDictionary.mjs

@@ -1,15 +1,14 @@
-import { computed, inject } from "@angular/core";
-import { getDictionary } from "../getDictionary.mjs";
 import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { getDictionary } from "../getDictionary.mjs";
+import { computed, inject } from "@angular/core";
+
+//#region src/client/useDictionary.ts
 const useDictionary = (dictionary, locale) => {
-  const intlayer = inject(INTLAYER_TOKEN);
-  const localeTarget = computed(() => locale ?? intlayer?.locale());
-  const content = computed(
-    () => getDictionary(dictionary, localeTarget())
-  );
-  return content();
-};
-export {
-  useDictionary
+	const intlayer = inject(INTLAYER_TOKEN);
+	const localeTarget = computed(() => locale ?? intlayer?.locale());
+	return computed(() => getDictionary(dictionary, localeTarget()))();
 };
+
+//#endregion
+export { useDictionary };
 //# sourceMappingURL=useDictionary.mjs.map

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

@@ -1 +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,SAAS,UAAU,cAAc;AAGjC,SAAS,qBAAqB;AAE9B,SAAS,sBAAwC;AAE1C,MAAM,gBAAgB,CAC3B,YACA,WACuC;AACvC,QAAM,WAAW,OAAyB,cAAc;AAExD,QAAM,eAAe,SAAS,MAAM,UAAU,UAAU,OAAO,CAAC;AAGhE,QAAM,UAAU;AAAA,IAAS,MACvB,cAAgC,YAAY,aAAa,CAAC;AAAA,EAC5D;AAEA,SAAO,QAAQ;AACjB;","names":[]}
+{"version":3,"file":"useDictionary.mjs","names":[],"sources":["../../../src/client/useDictionary.ts"],"sourcesContent":["import { computed, inject } from '@angular/core';\nimport type { Dictionary, LocalesValues } from '@intlayer/types';\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): 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":";;;;;AAMA,MAAa,iBACX,YACA,WACuC;CACvC,MAAM,WAAW,OAAyB,eAAe;CAEzD,MAAM,eAAe,eAAe,UAAU,UAAU,QAAQ,CAAC;AAOjE,QAJgB,eACd,cAAgC,YAAY,cAAc,CAAC,CAC5D,EAEe"}

package/dist/esm/client/useDictionaryAsync.mjs

@@ -1,17 +1,23 @@
-"use client";
-import { computed, inject } from "@angular/core";
-import configuration from "@intlayer/config/built";
+'use client';
+
+
 import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
 import { useDictionary } from "./useDictionary.mjs";
+import { computed, inject } from "@angular/core";
+import configuration from "@intlayer/config/built";
+
+//#region src/client/useDictionaryAsync.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 useDictionaryAsync = async (dictionaryPromise, locale) => {
-  const intlayer = inject(INTLAYER_TOKEN);
-  const localeTarget = computed(
-    () => locale ?? intlayer?.locale() ?? configuration?.internationalization.defaultLocale
-  );
-  const dictionary = await dictionaryPromise[localeTarget()]();
-  return useDictionary(dictionary, localeTarget());
-};
-export {
-  useDictionaryAsync
+	const intlayer = inject(INTLAYER_TOKEN);
+	const localeTarget = computed(() => locale ?? intlayer?.locale() ?? configuration?.internationalization.defaultLocale);
+	return useDictionary(await dictionaryPromise[localeTarget()]?.(), localeTarget());
 };
+
+//#endregion
+export { useDictionaryAsync };
 //# sourceMappingURL=useDictionaryAsync.mjs.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/useDictionaryAsync.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 { Dictionary, LanguageContent } from '@intlayer/core';\nimport { INTLAYER_TOKEN, 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: LanguageContent<() => 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":";AAEA,SAAS,UAAU,cAAc;AACjC,OAAO,mBAAmB;AAG1B,SAAS,sBAAwC;AACjD,SAAS,qBAAqB;AAOvB,MAAM,qBAAqB,OAChC,mBACA,WACG;AACH,QAAM,WAAW,OAAyB,cAAc;AAExD,QAAM,eAAe;AAAA,IACnB,MACE,UACA,UAAU,OAAO,KACjB,eAAe,qBAAqB;AAAA,EACxC;AAEA,QAAM,aAAa,MAAM,kBAAkB,aAAa,CAAC,EAAG;AAE5D,SAAO,cAAc,YAAY,aAAa,CAAQ;AACxD;","names":[]}
+{"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 {\n  Dictionary,\n  LocalesValues,\n  StrictModeLocaleMap,\n} from '@intlayer/types';\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":";;;;;;;;;;;;;;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,MAAM,kBAAkB,cAAc,KAAK,EAE7B,cAAc,CAAQ"}

package/dist/esm/client/useDictionaryDynamic.mjs

@@ -1,21 +1,24 @@
-"use client";
-import { computed, inject } from "@angular/core";
-import configuration from "@intlayer/config/built";
+'use client';
+
+
 import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
 import { useDictionary } from "./useDictionary.mjs";
 import { useLoadDynamic } from "./useLoadDynamic.mjs";
+import { computed, inject } from "@angular/core";
+import configuration from "@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 = inject(INTLAYER_TOKEN);
-  const localeTarget = computed(
-    () => locale ?? intlayer?.locale() ?? configuration?.internationalization.defaultLocale
-  );
-  const dictionary = useLoadDynamic(
-    `${String(key)}.${localeTarget()}`,
-    dictionaryPromise[localeTarget()]()
-  );
-  return useDictionary(dictionary, localeTarget());
-};
-export {
-  useDictionaryDynamic
+	const intlayer = inject(INTLAYER_TOKEN);
+	const localeTarget = computed(() => locale ?? intlayer?.locale() ?? configuration?.internationalization.defaultLocale);
+	return useDictionary(useLoadDynamic(`${String(key)}.${localeTarget()}`, dictionaryPromise[localeTarget()]?.()), localeTarget());
 };
+
+//#endregion
+export { useDictionaryDynamic };
 //# sourceMappingURL=useDictionaryDynamic.mjs.map

package/dist/esm/client/useDictionaryDynamic.mjs.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":";AAEA,SAAS,UAAU,cAAc;AACjC,OAAO,mBAAmB;AAO1B,SAAS,sBAAwC;AACjD,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAOxB,MAAM,uBAAuB,CAIlC,mBACA,KACA,WACG;AACH,QAAM,WAAW,OAAyB,cAAc;AAExD,QAAM,eAAe;AAAA,IACnB,MACE,UACA,UAAU,OAAO,KACjB,eAAe,qBAAqB;AAAA,EACxC;AAEA,QAAM,aAAa;AAAA,IACjB,GAAG,OAAO,GAAG,CAAC,IAAI,aAAa,CAAC;AAAA,IAChC,kBAAkB,aAAa,CAAC,EAAG;AAAA,EACrC;AAEA,SAAO,cAAc,YAAY,aAAa,CAAQ;AACxD;","names":[]}
+{"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 {\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,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"}

package/dist/esm/client/useIntlayer.mjs

@@ -1,15 +1,17 @@
-import { computed, inject } from "@angular/core";
-import { getIntlayer } from "../getIntlayer.mjs";
 import { INTLAYER_TOKEN } from "./installIntlayer.mjs";
+import { getIntlayer } from "../getIntlayer.mjs";
+import { computed, inject } from "@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 = inject(INTLAYER_TOKEN);
-  const localeTarget = computed(() => locale ?? intlayer.locale());
-  const content = computed(() => getIntlayer(key, localeTarget()));
-  return content();
-};
-export {
-  isUpdatableNode,
-  useIntlayer
+	const intlayer = inject(INTLAYER_TOKEN);
+	/** which locale should we use right now? */
+	const localeTarget = computed(() => locale ?? intlayer.locale());
+	return computed(() => getIntlayer(key, localeTarget()))();
 };
+
+//#endregion
+export { isUpdatableNode, useIntlayer };
 //# sourceMappingURL=useIntlayer.mjs.map

package/dist/esm/client/useIntlayer.mjs.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,SAAS,UAAU,cAAc;AAKjC,SAAS,mBAAmB;AAE5B,SAAS,sBAAwC;AAG1C,MAAM,kBAAkB,CAC7B,QAEA,CAAC,CAAC,OACF,OAAO,QAAQ,YACf,OAAQ,IAAY,aAAa;AAE5B,MAAM,cAAc,CACzB,KACA,WACyE;AACzE,QAAM,WAAW,OAAyB,cAAc;AAGxD,QAAM,eAAe,SAAS,MAAM,UAAU,SAAS,OAAO,CAAC;AAG/D,QAAM,UAAU,SAAS,MAAM,YAAY,KAAK,aAAa,CAAC,CAAC;AAE/D,SAAO,QAAQ;AAGjB;","names":[]}
+{"version":3,"file":"useIntlayer.mjs","names":[],"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,WAAW,OAAyB,eAAe;;CAGzD,MAAM,eAAe,eAAe,UAAU,SAAS,QAAQ,CAAC;AAMhE,QAFgB,eAAe,YAAkB,KAAK,cAAc,CAAM,CAAC,EAE3D"}

package/dist/esm/client/useLoadDynamic.mjs

@@ -1,21 +1,27 @@
 import { signal } from "@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 = 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();
-};
-export {
-  useLoadDynamic
+	const cache = useLoadDynamic._cache || (useLoadDynamic._cache = /* @__PURE__ */ new Map());
+	const container = 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();
 };
+
+//#endregion
+export { useLoadDynamic };
 //# sourceMappingURL=useLoadDynamic.mjs.map

package/dist/esm/client/useLoadDynamic.mjs.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,SAAS,cAAc;AAQhB,MAAM,iBAAiB,CAC5B,KACA,YACM;AAEN,QAAM,QAAkC,eAAuB,WAC7D,eAAuB,SAAS,oBAAI,IAAI;AAI1C,QAAM,YAAY,OAAO,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.mjs","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,YAAY,OAAO,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"}