@tilde-nlp/ngx-common 8.1.32 → 8.1.34

package/fesm2022/tilde-nlp-ngx-common.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, ViewChild, Output, NgModule, Optional, Inject, Pipe, inject, Directive, HostListener, HostBinding, ViewChildren, input, effect, ElementRef, ContentChild, ContentChildren, InjectionToken, signal, output, computed } from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, ViewChild, Output, NgModule, Optional, Inject, Pipe, inject, Directive, HostListener, HostBinding, ViewChildren, input, effect, ElementRef, ContentChild, ContentChildren, InjectionToken, signal, output, computed, makeEnvironmentProviders } from '@angular/core';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule, MatIcon } from '@angular/material/icon';
 import * as i2$1 from '@angular/platform-browser';
@@ -3132,7 +3132,7 @@ class FileUploadComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
-        } }, inputs: { accept: "accept", useCompactUpload: "useCompactUpload", maxSize: "maxSize", multiple: "multiple", filePreviewProgress: "filePreviewProgress", allowEmpty: "allowEmpty", disabled: "disabled", dragZoneLabel: "dragZoneLabel", uploadIconName: "uploadIconName", uploadButtonLabel: "uploadButtonLabel", openExtensionPopupLabel: "openExtensionPopupLabel", minSupportedFormatCount: "minSupportedFormatCount", hideDefaultLimitsLabel: "hideDefaultLimitsLabel", extendedAcceptList: "extendedAcceptList" }, outputs: { fileChange: "fileChange", errorEvent: "errorEvent" }, standalone: false, ngContentSelectors: _c2$3, decls: 7, vars: 9, consts: [["regularUpload", ""], ["fileInput", ""], ["inputButton", ""], [1, "file-upload", 3, "ngClass.lt-sm"], ["color", "primary", "class", "tld-file-upload-progress", 3, "value", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["type", "file", "name", "files", 1, "native-file-input", 3, "change", "accept", "multiple", "disabled"], ["color", "primary", 1, "tld-file-upload-progress", 3, "value"], ["tldDragAndDrop", "", "mat-button", "", "type", "button", 1, "upload-button", "text-l", 3, "fileDropped", "click", "disabled"], [4, "ngIf"], ["tldDragAndDrop", "", 1, "upload-zone", 3, "fileDropped"], ["svgIcon", "file_upload_icon"], [1, "upload-zone-labels"], ["color", "accent", 1, "file-upload--btn", 3, "click"], ["fxHide.lt-sm", "", 1, "upload-label", 3, "innerHTML"], [1, "upload-zone-formats"], [4, "ngFor", "ngForOf"], [3, "innerHTML", 4, "ngIf"], [1, "supported-formats-btn"], [3, "innerHTML"], [1, "supported-formats-btn", 3, "click"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { accept: "accept", useCompactUpload: "useCompactUpload", maxSize: "maxSize", multiple: "multiple", filePreviewProgress: "filePreviewProgress", allowEmpty: "allowEmpty", disabled: "disabled", dragZoneLabel: "dragZoneLabel", uploadIconName: "uploadIconName", uploadButtonLabel: "uploadButtonLabel", openExtensionPopupLabel: "openExtensionPopupLabel", minSupportedFormatCount: "minSupportedFormatCount", hideDefaultLimitsLabel: "hideDefaultLimitsLabel", extendedAcceptList: "extendedAcceptList" }, outputs: { fileChange: "fileChange", errorEvent: "errorEvent" }, standalone: false, ngContentSelectors: _c2$3, decls: 7, vars: 9, consts: [["regularUpload", ""], ["fileInput", ""], ["inputButton", ""], [1, "file-upload", 3, "ngClass.lt-sm"], ["color", "primary", "class", "tld-file-upload-progress", 3, "value", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["testId", "input-file-upload", "type", "file", "name", "files", 1, "native-file-input", 3, "change", "accept", "multiple", "disabled"], ["color", "primary", 1, "tld-file-upload-progress", 3, "value"], ["tldDragAndDrop", "", "mat-button", "", "type", "button", 1, "upload-button", "text-l", 3, "fileDropped", "click", "disabled"], [4, "ngIf"], ["tldDragAndDrop", "", 1, "upload-zone", 3, "fileDropped"], ["svgIcon", "file_upload_icon"], [1, "upload-zone-labels"], ["color", "accent", 1, "file-upload--btn", 3, "click"], ["fxHide.lt-sm", "", 1, "upload-label", 3, "innerHTML"], [1, "upload-zone-formats"], [4, "ngFor", "ngForOf"], [3, "innerHTML", 4, "ngIf"], [1, "supported-formats-btn"], [3, "innerHTML"], [1, "supported-formats-btn", 3, "click"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵprojectionDef(_c1$5);
             i0.ɵɵelementStart(0, "div", 3);
@@ -3154,7 +3154,7 @@ class FileUploadComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadComponent, [{
         type: Component,
-        args: [{ selector: 'lib-file-upload', standalone: false, template: "<div class=\"file-upload\" [ngClass.lt-sm]=\"'file-upload-mobile'\" [class.disabled]=\"disabled\">\r\n  <mat-progress-bar \r\n    *ngIf=\"filePreviewProgress\"\r\n    color=\"primary\" \r\n    class=\"tld-file-upload-progress\" \r\n    [value]=\"filePreviewProgress\"\r\n    >\r\n  </mat-progress-bar>\r\n\r\n  <ng-container *ngIf=\"useCompactUpload; else regularUpload\">\r\n    <button tldDragAndDrop #inputButton mat-button (fileDropped)=\"onFileDrop($event)\" [disabled]=\"disabled\" type=\"button\"\r\n      (click)=\"fileInput.click()\" class=\"upload-button text-l\"\r\n    >\r\n      <mat-icon *ngIf=\"uploadIconName\">{{uploadIconName}}</mat-icon>\r\n      <ng-content></ng-content>\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-template #regularUpload>\r\n    <div class=\"upload-zone\" tldDragAndDrop (fileDropped)=\"onFileDrop($event)\" [class.disabled-upload-zone]=\"disabled\">\r\n      <mat-icon svgIcon=\"file_upload_icon\"></mat-icon>\r\n\r\n  \r\n      <div class=\"upload-zone-labels\">\r\n        <a color=\"accent\" class=\"file-upload--btn\" (click)=\"fileInput.click()\">{{ uploadButtonLabel }}</a>\r\n        \r\n        <span fxHide.lt-sm class=\"upload-label\" [innerHTML]=\"dragZoneLabel\"></span>\r\n  \r\n        <p class=\"upload-zone-formats\">\r\n          (<span *ngFor=\"let format of accept; let i = index\"\r\n            >{{ format\r\n            }}{{ accept.length - 1 === i ? \".\" : \", \" }}</span\r\n          >\r\n\r\n          <span *ngIf=\"maxSize && !hideDefaultLimitsLabel\" [innerHTML]=\"'FILE_UPLOAD.LIMITS_MB' | translate: { maxSize: maxSizeLabel }\"></span>)\r\n        </p>\r\n\r\n        <ng-content select=\"[customLimits]\"></ng-content>\r\n  \r\n        @if (accept.length > minSupportedFormatCount) {\r\n          <a class=\"supported-formats-btn\" (click)=\"openSupportedFormatModal()\">{{openExtensionPopupLabel}}</a>\r\n        }\r\n      </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<input \r\n  #fileInput \r\n  type=\"file\" \r\n  name=\"files\" \r\n  class=\"native-file-input\"\r\n  [accept]=\"allowedExtensions\" \r\n  [multiple]=\"multiple\" \r\n  [disabled]=\"disabled\"\r\n  (change)=\"handleFileInput($event)\" \r\n/>\r\n", styles: [":host{width:100%}.file-upload{display:flex;flex-direction:column;justify-content:center;text-align:center}.file-upload .upload-button,.file-upload .upload-zone{display:flex;border-radius:16px;border:1px dashed var(--base-65)}.file-upload .upload-button{justify-content:start;min-height:52px;overflow:hidden;padding:16px!important}.file-upload .upload-zone{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:42px 0}.file-upload .upload-zone-labels{margin-top:10px;font-size:1rem;font-weight:600;line-height:24px;text-align:center}.file-upload .upload-zone-labels .upload-zone-formats{font-weight:400}.file-upload .supported-formats-btn{cursor:pointer;color:var(--accent);font-weight:400}.file-upload .disabled-upload-zone{cursor:not-allowed}.file-upload .file-upload--btn,.file-upload .upload-label:not(.file-upload-mobile){margin-top:10px}.file-upload .file-upload--btn{cursor:pointer;align-self:center;max-width:fit-content;color:var(--accent)}.file-upload .file-upload--btn:hover{text-decoration:underline}.file-upload .upload-zone-formats{margin:10px 0 4px;color:var(--base-40)}.disabled .file-upload--btn{pointer-events:none!important;text-decoration:none!important;color:var(--base-40)}.native-file-input{display:none}\n"] }]
+        args: [{ selector: 'lib-file-upload', standalone: false, template: "<div class=\"file-upload\" [ngClass.lt-sm]=\"'file-upload-mobile'\" [class.disabled]=\"disabled\">\r\n  <mat-progress-bar \r\n    *ngIf=\"filePreviewProgress\"\r\n    color=\"primary\" \r\n    class=\"tld-file-upload-progress\" \r\n    [value]=\"filePreviewProgress\"\r\n    >\r\n  </mat-progress-bar>\r\n\r\n  <ng-container *ngIf=\"useCompactUpload; else regularUpload\">\r\n    <button tldDragAndDrop #inputButton mat-button (fileDropped)=\"onFileDrop($event)\" [disabled]=\"disabled\" type=\"button\"\r\n      (click)=\"fileInput.click()\" class=\"upload-button text-l\"\r\n    >\r\n      <mat-icon *ngIf=\"uploadIconName\">{{uploadIconName}}</mat-icon>\r\n      <ng-content></ng-content>\r\n    </button>\r\n  </ng-container>\r\n\r\n  <ng-template #regularUpload>\r\n    <div class=\"upload-zone\" tldDragAndDrop (fileDropped)=\"onFileDrop($event)\" [class.disabled-upload-zone]=\"disabled\">\r\n      <mat-icon svgIcon=\"file_upload_icon\"></mat-icon>\r\n\r\n  \r\n      <div class=\"upload-zone-labels\">\r\n        <a color=\"accent\" class=\"file-upload--btn\" (click)=\"fileInput.click()\">{{ uploadButtonLabel }}</a>\r\n        \r\n        <span fxHide.lt-sm class=\"upload-label\" [innerHTML]=\"dragZoneLabel\"></span>\r\n  \r\n        <p class=\"upload-zone-formats\">\r\n          (<span *ngFor=\"let format of accept; let i = index\"\r\n            >{{ format\r\n            }}{{ accept.length - 1 === i ? \".\" : \", \" }}</span\r\n          >\r\n\r\n          <span *ngIf=\"maxSize && !hideDefaultLimitsLabel\" [innerHTML]=\"'FILE_UPLOAD.LIMITS_MB' | translate: { maxSize: maxSizeLabel }\"></span>)\r\n        </p>\r\n\r\n        <ng-content select=\"[customLimits]\"></ng-content>\r\n  \r\n        @if (accept.length > minSupportedFormatCount) {\r\n          <a class=\"supported-formats-btn\" (click)=\"openSupportedFormatModal()\">{{openExtensionPopupLabel}}</a>\r\n        }\r\n      </div>\r\n    </div>\r\n</ng-template>\r\n\r\n<input \r\n  testId=\"input-file-upload\"\r\n  #fileInput \r\n  type=\"file\" \r\n  name=\"files\" \r\n  class=\"native-file-input\"\r\n  [accept]=\"allowedExtensions\" \r\n  [multiple]=\"multiple\" \r\n  [disabled]=\"disabled\"\r\n  (change)=\"handleFileInput($event)\" \r\n/>\r\n", styles: [":host{width:100%}.file-upload{display:flex;flex-direction:column;justify-content:center;text-align:center}.file-upload .upload-button,.file-upload .upload-zone{display:flex;border-radius:16px;border:1px dashed var(--base-65)}.file-upload .upload-button{justify-content:start;min-height:52px;overflow:hidden;padding:16px!important}.file-upload .upload-zone{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:42px 0}.file-upload .upload-zone-labels{margin-top:10px;font-size:1rem;font-weight:600;line-height:24px;text-align:center}.file-upload .upload-zone-labels .upload-zone-formats{font-weight:400}.file-upload .supported-formats-btn{cursor:pointer;color:var(--accent);font-weight:400}.file-upload .disabled-upload-zone{cursor:not-allowed}.file-upload .file-upload--btn,.file-upload .upload-label:not(.file-upload-mobile){margin-top:10px}.file-upload .file-upload--btn{cursor:pointer;align-self:center;max-width:fit-content;color:var(--accent)}.file-upload .file-upload--btn:hover{text-decoration:underline}.file-upload .upload-zone-formats{margin:10px 0 4px;color:var(--base-40)}.disabled .file-upload--btn{pointer-events:none!important;text-decoration:none!important;color:var(--base-40)}.native-file-input{display:none}\n"] }]
     }], () => [], { fileInput: [{
             type: ViewChild,
             args: ['fileInput']
@@ -9140,6 +9140,37 @@ class AnalyticsService {
             }]
     }], null, null); })();
 
+const DEFAULT_ACCESSIBILITY_PREFERENCES = {
+    fontSizeIndex: 0,
+    contrast: AccessibilityContrasts.BASE,
+    textMagnifierEnabled: false,
+    screenMaskEnabled: false,
+};
+
+const DEFAULT_COOKIE_CONSENT_PREFERENCES = {
+    accepted: false,
+};
+
+const USER_CONFIG_VERSION = 1;
+const createMetadata = (updatedAt = new Date().toISOString()) => ({
+    version: USER_CONFIG_VERSION,
+    updatedAt,
+});
+
+const DEFAULT_USER_CONFIG = {
+    accessibility: DEFAULT_ACCESSIBILITY_PREFERENCES,
+    cookieConsent: DEFAULT_COOKIE_CONSENT_PREFERENCES,
+    language: {
+        locale: null,
+    },
+    metadata: {
+        version: USER_CONFIG_VERSION,
+        updatedAt: new Date(0).toISOString(),
+    },
+};
+
+const USER_CONFIG_STORAGE = new InjectionToken('USER_CONFIG_STORAGE');
+
 function CookieConsentComponent_Conditional_0_Conditional_19_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "mat-icon", 9);
     i0.ɵɵtext(1);
@@ -9421,32 +9452,17 @@ class CookieConsentComponent {
     constructor() {
         this.#analytics = inject(AnalyticsService);
         this.#translate = inject(TranslateService);
+        this.#storage = inject(USER_CONFIG_STORAGE, { optional: true });
         this.isClosed = false;
         this.isDetailsVisible = false;
-        this.#COOKIE_CONSENT_ACCEPTED_KEY = 'cookie-consent-accepted';
-        this.#COOKIE_CONSENT_DECLINED_KEY = 'cookie-consent-declined';
         this.destroy = new Subject();
     }
     #analytics;
     #translate;
-    #COOKIE_CONSENT_ACCEPTED_KEY;
-    #COOKIE_CONSENT_DECLINED_KEY;
+    #storage;
     ngOnInit() {
-        const script = document.createElement('script');
-        script.async = true;
-        script.defer = true;
-        script.innerHTML = this.script;
-        document.body.appendChild(script);
-        if (this.isCookieConsentConfigured()) {
-            this.isClosed = true;
-            return;
-        }
-        const currentLang = this.#translate.getCurrentLang();
-        this.#translate.setTranslation(currentLang, translations[currentLang.split('-')[0]], true);
-        this.#translate.onLangChange.pipe(takeUntil(this.destroy)).subscribe((langChangeEvent) => {
-            const newLang = langChangeEvent.lang;
-            this.#translate.setTranslation(newLang, translations[newLang.split('-')[0]], true);
-        });
+        this.injectConsentScript();
+        this.resolveInitialConsentState();
     }
     ngOnDestroy() {
         this.removeListeners();
@@ -9456,25 +9472,108 @@ class CookieConsentComponent {
     }
     accept() {
         this.#analytics.cookieConsentGiven(true);
-        localStorage.setItem(this.#COOKIE_CONSENT_ACCEPTED_KEY, 'true');
+        this.persistConsent(true);
         this.removeListeners();
     }
     decline() {
-        localStorage.setItem(this.#COOKIE_CONSENT_DECLINED_KEY, 'true');
+        this.persistConsent(false);
         this.removeListeners();
     }
     removeListeners() {
+        if (this.isClosed) {
+            return;
+        }
         this.isClosed = true;
         this.destroy.next();
         this.destroy.complete();
     }
+    resolveInitialConsentState() {
+        const configured = this.isCookieConsentConfigured();
+        if (this.isPromise(configured)) {
+            configured.then((isConfigured) => {
+                if (isConfigured) {
+                    this.isClosed = true;
+                    return;
+                }
+                this.setupTranslations();
+            });
+            return;
+        }
+        if (configured) {
+            this.isClosed = true;
+            return;
+        }
+        this.setupTranslations();
+    }
+    injectConsentScript() {
+        if (!this.script || typeof document === 'undefined') {
+            return;
+        }
+        const script = document.createElement('script');
+        script.async = true;
+        script.defer = true;
+        script.innerHTML = this.script;
+        document.body.appendChild(script);
+    }
+    setupTranslations() {
+        const currentLang = this.#translate.getCurrentLang();
+        this.#translate.setTranslation(currentLang, translations[this.translationKey(currentLang)], true);
+        this.#translate.onLangChange
+            .pipe(takeUntil(this.destroy))
+            .subscribe((langChangeEvent) => {
+            const newLang = langChangeEvent.lang;
+            this.#translate.setTranslation(newLang, translations[this.translationKey(newLang)], true);
+        });
+    }
+    translationKey(locale) {
+        const key = (locale?.split('-')[0] ?? 'en');
+        return translations[key] ? key : 'en';
+    }
     isCookieConsentConfigured() {
-        const isAccepted = localStorage.getItem(this.#COOKIE_CONSENT_ACCEPTED_KEY) === 'true';
-        const isDeclined = localStorage.getItem(this.#COOKIE_CONSENT_DECLINED_KEY) === 'true';
-        if (isAccepted) {
-            this.accept();
+        const snapshot = this.#storage?.snapshot();
+        if (snapshot) {
+            return this.applyStoredConsent(snapshot);
+        }
+        const stored = this.#storage?.read();
+        if (this.isPromise(stored)) {
+            return stored.then((config) => this.applyStoredConsent(config));
+        }
+        return this.applyStoredConsent(stored ?? null);
+    }
+    applyStoredConsent(config) {
+        const consent = config?.cookieConsent;
+        if (!consent?.updatedAt) {
+            return false;
+        }
+        if (consent.accepted) {
+            this.#analytics.cookieConsentGiven(true);
         }
-        return isAccepted || isDeclined;
+        return true;
+    }
+    persistConsent(accepted) {
+        const latest = this.#storage?.snapshot();
+        if (latest) {
+            this.writeConsent(latest, accepted);
+            return;
+        }
+        const stored = this.#storage?.read();
+        if (this.isPromise(stored)) {
+            stored.then((config) => this.writeConsent(config ?? DEFAULT_USER_CONFIG, accepted));
+            return;
+        }
+        this.writeConsent(stored ?? DEFAULT_USER_CONFIG, accepted);
+    }
+    writeConsent(source, accepted) {
+        const now = new Date().toISOString();
+        this.#storage?.write({
+            cookieConsent: {
+                accepted,
+                updatedAt: now,
+            },
+        });
+    }
+    isPromise(value) {
+        return !!value && typeof value.then === 'function';
     }
     static { this.ɵfac = function CookieConsentComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CookieConsentComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CookieConsentComponent, selectors: [["lib-cookie-consent"]], inputs: { script: "script", privacyPolicyUrl: "privacyPolicyUrl" }, decls: 1, vars: 1, consts: [[1, "cookie-consent-container"], [1, "cookie-consent-content"], [1, "cookie-consent-description", 3, "innerHTML"], [1, "cookie-consent-actions"], ["mat-flat-button", "", 3, "click"], ["mat-stroked-button", "", 3, "click"], [1, "cookie-consent-info"], [1, "cookie-consent-info--privacy", 3, "href"], [1, "cookie-consent-info--details", 3, "click"], [1, "spin"], [1, "cookie-consent--details"]], template: function CookieConsentComponent_Template(rf, ctx) { if (rf & 1) {
@@ -9491,7 +9590,288 @@ class CookieConsentComponent {
         }], privacyPolicyUrl: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CookieConsentComponent, { className: "CookieConsentComponent", filePath: "lib/analytics/cookie-consent/cookie-consent.component.ts", lineNumber: 16 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CookieConsentComponent, { className: "CookieConsentComponent", filePath: "lib/analytics/cookie-consent/cookie-consent.component.ts", lineNumber: 18 }); })();
+
+var UserConfigStrategy;
+(function (UserConfigStrategy) {
+    UserConfigStrategy["Local"] = "local";
+    UserConfigStrategy["Iframe"] = "iframe";
+})(UserConfigStrategy || (UserConfigStrategy = {}));
+
+const USER_CONFIG_IFRAME_NAME = 'ngx-user-config-bridge';
+const DEFAULT_USER_CONFIG_IFRAME_URL = '/assets/static-files/user-config-bridge.html';
+const USER_CONFIG_IFRAME_TARGET_ORIGIN = '*';
+const USER_CONFIG_MESSAGE_SNAPSHOT = 'ngx-user-config:snapshot';
+const USER_CONFIG_MESSAGE_REQUEST = 'ngx-user-config:request';
+const USER_CONFIG_MESSAGE_UPDATE = 'ngx-user-config:update';
+
+const DEFAULT_USER_CONFIG_OPTIONS = {
+    strategy: UserConfigStrategy.Local,
+    iframeUrl: DEFAULT_USER_CONFIG_IFRAME_URL,
+};
+
+function userConfigStorageFactory(options, localStorageStrategy, iframeStrategy) {
+    return options.strategy === UserConfigStrategy.Iframe ? iframeStrategy : localStorageStrategy;
+}
+
+const USER_CONFIG_STORAGE_KEY = 'ngx_common_user_config';
+
+const USER_CONFIG_OPTIONS = new InjectionToken('USER_CONFIG_OPTIONS');
+
+class IframeStorageStrategy {
+    #dom;
+    #options;
+    #iframe;
+    #messageHandler;
+    constructor() {
+        this.#dom = inject(DOMService);
+        this.#options = inject(USER_CONFIG_OPTIONS);
+        this.snapshot = signal(null, ...(ngDevMode ? [{ debugName: "snapshot" }] : []));
+        this.#ensureIframe();
+        const win = this.#dom.window;
+        if (!win) {
+            return;
+        }
+        this.#messageHandler = (event) => this.#handleMessage(event);
+        win.addEventListener('message', this.#messageHandler);
+        const cached = this.#readCache();
+        if (cached) {
+            this.snapshot.set(cached);
+        }
+    }
+    read() {
+        return this.#readCache();
+    }
+    write(config) {
+        const merged = this.#mergeWithBase(config);
+        this.#writeCache(merged);
+        this.#postToBridge({ type: USER_CONFIG_MESSAGE_UPDATE, payload: merged });
+        this.snapshot.set(merged);
+    }
+    ngOnDestroy() {
+        if (this.#messageHandler && this.#dom.window) {
+            this.#dom.window.removeEventListener('message', this.#messageHandler);
+        }
+    }
+    #ensureIframe() {
+        if (this.#iframe) {
+            return;
+        }
+        const win = this.#dom.window;
+        const doc = win?.document;
+        if (!doc) {
+            return;
+        }
+        const iframe = doc.createElement('iframe');
+        iframe.style.display = 'none';
+        iframe.name = USER_CONFIG_IFRAME_NAME;
+        iframe.src = this.#options?.iframeUrl ?? DEFAULT_USER_CONFIG_IFRAME_URL;
+        iframe.setAttribute('aria-hidden', 'true');
+        iframe.addEventListener('load', () => this.#postToBridge({ type: USER_CONFIG_MESSAGE_REQUEST }));
+        doc.body?.appendChild(iframe);
+        this.#iframe = iframe;
+    }
+    #handleMessage(event) {
+        if (!this.#iframe || event.source !== this.#iframe.contentWindow) {
+            return;
+        }
+        const data = event.data;
+        if (data?.type === USER_CONFIG_MESSAGE_SNAPSHOT && data.payload) {
+            const snapshot = data.payload;
+            this.#writeCache(snapshot);
+            this.snapshot.set(snapshot);
+        }
+    }
+    #postToBridge(message) {
+        if (!this.#iframe?.contentWindow) {
+            return;
+        }
+        this.#iframe.contentWindow.postMessage(message, USER_CONFIG_IFRAME_TARGET_ORIGIN);
+    }
+    #readCache() {
+        const store = this.#dom.localStorage;
+        if (!store) {
+            return null;
+        }
+        return this.#parse(store.getItem(USER_CONFIG_STORAGE_KEY));
+    }
+    #writeCache(config) {
+        const store = this.#dom.localStorage;
+        if (!store) {
+            return;
+        }
+        try {
+            store.setItem(USER_CONFIG_STORAGE_KEY, JSON.stringify(config));
+        }
+        catch {
+            /* noop */
+        }
+    }
+    #parse(raw) {
+        if (!raw) {
+            return null;
+        }
+        try {
+            return JSON.parse(raw);
+        }
+        catch {
+            return DEFAULT_USER_CONFIG;
+        }
+    }
+    #mergeWithBase(update) {
+        const base = this.snapshot() ?? this.read() ?? DEFAULT_USER_CONFIG;
+        const mergedMetadata = {
+            ...base.metadata,
+            ...update.metadata,
+            updatedAt: new Date().toISOString(),
+        };
+        return {
+            accessibility: {
+                ...base.accessibility,
+                ...update.accessibility,
+            },
+            cookieConsent: {
+                ...base.cookieConsent,
+                ...update.cookieConsent,
+            },
+            language: {
+                ...base.language,
+                ...update.language,
+            },
+            metadata: mergedMetadata,
+        };
+    }
+    static { this.ɵfac = function IframeStorageStrategy_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IframeStorageStrategy)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: IframeStorageStrategy, factory: IframeStorageStrategy.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IframeStorageStrategy, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], () => [], null); })();
+
+class LocalStorageStrategy {
+    #dom;
+    #storageListener;
+    constructor() {
+        this.#dom = inject(DOMService);
+        this.snapshot = signal(null, ...(ngDevMode ? [{ debugName: "snapshot" }] : []));
+        const win = this.#dom.window;
+        if (!win) {
+            return;
+        }
+        this.#storageListener = (event) => {
+            if (event.key !== USER_CONFIG_STORAGE_KEY || !event.newValue) {
+                return;
+            }
+            const parsed = this.#parse(event.newValue);
+            if (parsed) {
+                this.snapshot.set(parsed);
+            }
+        };
+        win.addEventListener('storage', this.#storageListener);
+        const current = this.read();
+        if (current) {
+            this.snapshot.set(current);
+        }
+    }
+    read() {
+        const store = this.#dom.localStorage;
+        if (!store) {
+            return null;
+        }
+        return this.#parse(store.getItem(USER_CONFIG_STORAGE_KEY));
+    }
+    write(config) {
+        const store = this.#dom.localStorage;
+        if (!store) {
+            return;
+        }
+        const merged = this.#mergeWithBase(config);
+        try {
+            store.setItem(USER_CONFIG_STORAGE_KEY, JSON.stringify(merged));
+            this.snapshot.set(merged);
+        }
+        catch {
+            /* noop */
+        }
+    }
+    ngOnDestroy() {
+        if (this.#storageListener && this.#dom.window) {
+            this.#dom.window.removeEventListener('storage', this.#storageListener);
+        }
+    }
+    #parse(raw) {
+        if (!raw) {
+            return null;
+        }
+        try {
+            return JSON.parse(raw);
+        }
+        catch {
+            return DEFAULT_USER_CONFIG;
+        }
+    }
+    #mergeWithBase(update) {
+        const base = this.snapshot() ?? this.read() ?? DEFAULT_USER_CONFIG;
+        const mergedMetadata = {
+            ...base.metadata,
+            ...update.metadata,
+            updatedAt: new Date().toISOString(),
+        };
+        return {
+            accessibility: {
+                ...base.accessibility,
+                ...update.accessibility,
+            },
+            cookieConsent: {
+                ...base.cookieConsent,
+                ...update.cookieConsent,
+            },
+            language: {
+                ...base.language,
+                ...update.language,
+            },
+            metadata: mergedMetadata,
+        };
+    }
+    static { this.ɵfac = function LocalStorageStrategy_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocalStorageStrategy)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalStorageStrategy, factory: LocalStorageStrategy.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalStorageStrategy, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], () => [], null); })();
+
+function isUserConfigOptionsFactoryProvider(input) {
+    return typeof input === 'object' && input !== null && 'useFactory' in input;
+}
+
+function provideUserConfig(options = {}) {
+    const optionsProvider = isUserConfigOptionsFactoryProvider(options)
+        ? {
+            provide: USER_CONFIG_OPTIONS,
+            useFactory: (...deps) => ({
+                ...DEFAULT_USER_CONFIG_OPTIONS,
+                ...options.useFactory(...deps),
+            }),
+            deps: options.deps
+        }
+        : {
+            provide: USER_CONFIG_OPTIONS,
+            useValue: {
+                ...DEFAULT_USER_CONFIG_OPTIONS,
+                ...options,
+            },
+        };
+    return makeEnvironmentProviders([
+        optionsProvider,
+        {
+            provide: USER_CONFIG_STORAGE,
+            useFactory: userConfigStorageFactory,
+            deps: [USER_CONFIG_OPTIONS, LocalStorageStrategy, IframeStorageStrategy],
+        },
+    ]);
+}
 
 /*
  * Public API Surface of ngx-common
@@ -9501,5 +9881,5 @@ class CookieConsentComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_CONFIGURATION_TOKEN, AccessibilityContrasts, AccessibilityDialogComponent, AccessibilityFontSizes, AccessibilityService, AccessibilityTextMagnifierService, AlertService, AnalyticsService, AuthHeadersHelper, COLLECTIONS_MENU, CUSTOM_TITLE_CONFIGURATION_TOKEN, ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CombinedCollection, CombinedCollectionTooltipKey, CompanyProductComponent, CompanyProductModule, Confirmation, ConfirmationModalComponent, ConfirmationModalModule, ConfirmationService, ConversionHelper, CookieConsentComponent, CustomPaginatorInernationalizationHelper, CustomTitleStrategyService, CustomTranslateLoader, DISABLE_EXPORT_ATTRIBUTE_NAME, DOMService, DateAgoModule, DateAgoPipe, DomainTranslatePipe, DragAndDropDirective, DragAndDropModule, ERROR_CODES, EngineTermApiService, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EngineTermCollectionSubStatus, ExportFormat, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_SIZE_UNIT, FileCategories, FileExtensionHelper, FileExtensions, FileSizeLabelPipe, FileTypeIcons, FileTypes, FileUploadComponent, FileUploadErrorTypeEnum, FileUploadModule, FilterBarComponent, FilterBarModule, FilterWithHighlightModule, FilterWithHighlightPipe, FooterComponent, FooterModule, GlobalMessageComponent, HashHelper, HtmlElementParseHelper, HtmlHelper, IconService, InlineMessageComponent, InlineMessageIconPosition, InlineMessageModule, InlineMessageType, LAST_USED_SYSTEM_LOCAL_STORAGE_KEY, LLMActions, LLMComponent, LLMModule, LLM_CONFIGURATION_TOKEN, LanguageTranslateModule, LanguageTranslatePipe, LanguageTranslateService, MatButtonLoadingDirective, MatButtonLoadingModule, MatomoService, MissingTranslationHandlerService, MissingTranslationHelper, MtCollectionStatus, MultiFunctionalTableComponent, MultiFunctionalTableModule, NewFeatureDialogWrapperComponent, NotificationMessageComponent, NotificationMessageModule, NotificationMessageType, NotificationService, OPEN_CLOSE_BTN_ICONS_TOKEN, ObjectLengthModule, ObjectLengthPipe, OpenCloseButtonComponent, OpenCloseButtonModule, OpenExtensionDialogComponent, Operations, PlausibleEventDirective, PlausibleHelper, PlausibleModule, ResolutionHelper, SCREEN_SIZE, SaveFileHelper, SelectLanguageDialogComponent, SidebarComponent, SidebarService, SortAlphabeticallyModule, SortAlphabeticallyPipe, SortByNumberPipe, SortDomainsPipe, SortHelper, SortLanguageListPipe, SortTranslationsByPropertyModule, SortTranslationsByPropertyPipe, SortTranslationsModule, SortTranslationsPipe, StatusDisplayComponent, StatusDisplayModule, SubscriptionComponent, SubscriptionPlan, SystemService, TerminologyApiService, TerminologyCollectionService, TerminologyComponent, TerminologyConfigService, TerminologyCreateCollectionComponent, TerminologyModule, TerminologyService, TextToSpeechComponent, TldLoaderComponent, TldLoaderModule, ToastComponent, ToastService, getFileSizeLabel, provideCustomTitleStrategy };
+export { ALERT_CONFIGURATION_TOKEN, AccessibilityContrasts, AccessibilityDialogComponent, AccessibilityFontSizes, AccessibilityService, AccessibilityTextMagnifierService, AlertService, AnalyticsService, AuthHeadersHelper, COLLECTIONS_MENU, CUSTOM_TITLE_CONFIGURATION_TOKEN, ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CombinedCollection, CombinedCollectionTooltipKey, CompanyProductComponent, CompanyProductModule, Confirmation, ConfirmationModalComponent, ConfirmationModalModule, ConfirmationService, ConversionHelper, CookieConsentComponent, CustomPaginatorInernationalizationHelper, CustomTitleStrategyService, CustomTranslateLoader, DEFAULT_ACCESSIBILITY_PREFERENCES, DEFAULT_COOKIE_CONSENT_PREFERENCES, DEFAULT_USER_CONFIG, DEFAULT_USER_CONFIG_IFRAME_URL, DEFAULT_USER_CONFIG_OPTIONS, DISABLE_EXPORT_ATTRIBUTE_NAME, DOMService, DateAgoModule, DateAgoPipe, DomainTranslatePipe, DragAndDropDirective, DragAndDropModule, ERROR_CODES, EngineTermApiService, EngineTermCollectionScope, EngineTermCollectionSource, EngineTermCollectionStatus, EngineTermCollectionSubStatus, ExportFormat, ExtensionDialogComponent, ExtensionDialogModule, ExtensionDialogService, FILE_SIZE_UNIT, FileCategories, FileExtensionHelper, FileExtensions, FileSizeLabelPipe, FileTypeIcons, FileTypes, FileUploadComponent, FileUploadErrorTypeEnum, FileUploadModule, FilterBarComponent, FilterBarModule, FilterWithHighlightModule, FilterWithHighlightPipe, FooterComponent, FooterModule, GlobalMessageComponent, HashHelper, HtmlElementParseHelper, HtmlHelper, IconService, InlineMessageComponent, InlineMessageIconPosition, InlineMessageModule, InlineMessageType, LAST_USED_SYSTEM_LOCAL_STORAGE_KEY, LLMActions, LLMComponent, LLMModule, LLM_CONFIGURATION_TOKEN, LanguageTranslateModule, LanguageTranslatePipe, LanguageTranslateService, MatButtonLoadingDirective, MatButtonLoadingModule, MatomoService, MissingTranslationHandlerService, MissingTranslationHelper, MtCollectionStatus, MultiFunctionalTableComponent, MultiFunctionalTableModule, NewFeatureDialogWrapperComponent, NotificationMessageComponent, NotificationMessageModule, NotificationMessageType, NotificationService, OPEN_CLOSE_BTN_ICONS_TOKEN, ObjectLengthModule, ObjectLengthPipe, OpenCloseButtonComponent, OpenCloseButtonModule, OpenExtensionDialogComponent, Operations, PlausibleEventDirective, PlausibleHelper, PlausibleModule, ResolutionHelper, SCREEN_SIZE, SaveFileHelper, SelectLanguageDialogComponent, SidebarComponent, SidebarService, SortAlphabeticallyModule, SortAlphabeticallyPipe, SortByNumberPipe, SortDomainsPipe, SortHelper, SortLanguageListPipe, SortTranslationsByPropertyModule, SortTranslationsByPropertyPipe, SortTranslationsModule, SortTranslationsPipe, StatusDisplayComponent, StatusDisplayModule, SubscriptionComponent, SubscriptionPlan, SystemService, TerminologyApiService, TerminologyCollectionService, TerminologyComponent, TerminologyConfigService, TerminologyCreateCollectionComponent, TerminologyModule, TerminologyService, TextToSpeechComponent, TldLoaderComponent, TldLoaderModule, ToastComponent, ToastService, USER_CONFIG_IFRAME_NAME, USER_CONFIG_IFRAME_TARGET_ORIGIN, USER_CONFIG_MESSAGE_REQUEST, USER_CONFIG_MESSAGE_SNAPSHOT, USER_CONFIG_MESSAGE_UPDATE, USER_CONFIG_OPTIONS, USER_CONFIG_STORAGE, USER_CONFIG_STORAGE_KEY, USER_CONFIG_VERSION, UserConfigStrategy, createMetadata, getFileSizeLabel, isUserConfigOptionsFactoryProvider, provideCustomTitleStrategy, provideUserConfig, userConfigStorageFactory };
 //# sourceMappingURL=tilde-nlp-ngx-common.mjs.map