@tilde-nlp/ngx-common 8.1.42 → 8.1.43

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

@@ -1,10 +1,10 @@
 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, makeEnvironmentProviders, provideAppInitializer } 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';
 import { Title } from '@angular/platform-browser';
-import { Subject, map, Observable, of, take, BehaviorSubject, tap, forkJoin, takeUntil, finalize, catchError, fromEvent, debounceTime, ReplaySubject, filter, first } from 'rxjs';
+import { Subject, map, Observable, of, take, BehaviorSubject, tap, forkJoin, takeUntil, finalize, catchError, fromEvent, debounceTime } from 'rxjs';
 import * as i1$1 from '@angular/common';
 import { CommonModule, TitleCasePipe, AsyncPipe, DatePipe } from '@angular/common';
 import { FlexLayoutModule } from '@ngbracket/ngx-layout';
@@ -1913,7 +1913,7 @@ function InlineMessageComponent_span_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("order-end", ctx_r0.message.iconPosition === ctx_r0.END_ICON_POSITION);
     i0.ɵɵproperty("matTooltip", ctx_r0.message.iconTooltip ? i0.ɵɵpipeBind2(1, 4, ctx_r0.message.iconTooltip, ctx_r0.message.localizationParams) : "");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.iconName);
+    i0.ɵɵtextInterpolate(ctx_r0.message.icon || ctx_r0.iconName);
 } }
 function InlineMessageComponent_section_2_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 5);
@@ -1953,14 +1953,14 @@ class InlineMessageComponent {
         } if (rf & 2) {
             i0.ɵɵclassMap(i0.ɵɵinterpolate1("tld-inline-message ", ctx.message.type));
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.iconName);
+            i0.ɵɵproperty("ngIf", ctx.message.icon || ctx.iconName);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.message);
-        } }, dependencies: [i1$1.NgIf, i2$3.MatTooltip, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.tld-inline-message[_ngcontent-%COMP%]{display:flex;flex-direction:row}.tld-inline-message.error[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{color:var(--error-dark)}.tld-inline-message.info[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{color:var(--base-40)}.tld-inline-message.warning[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{color:var(--warning-dark)}.tld-inline-message[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:16px;margin-right:.5rem;display:inline-block}.tld-inline-message[_ngcontent-%COMP%]   .material-icons.order-end[_ngcontent-%COMP%]{order:2}.tld-inline-message[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%], .tld-inline-message[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{margin:0}.tld-inline-message[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%] + .description[_ngcontent-%COMP%]{margin-top:.5rem}"] }); }
+        } }, dependencies: [i1$1.NgIf, i2$3.MatTooltip, i1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.tld-inline-message[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center}.tld-inline-message.error[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{color:var(--error-dark)}.tld-inline-message.info[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{color:var(--base-40)}.tld-inline-message.warning[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{color:var(--warning-dark)}.tld-inline-message.success[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%], .tld-inline-message.success[_ngcontent-%COMP%]{color:var(--success-dark)}.tld-inline-message[_ngcontent-%COMP%]   .material-icons[_ngcontent-%COMP%]{font-size:16px;margin-right:.5rem;display:inline-block}.tld-inline-message[_ngcontent-%COMP%]   .material-icons.order-end[_ngcontent-%COMP%]{order:2}.tld-inline-message[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%], .tld-inline-message[_ngcontent-%COMP%]   .description[_ngcontent-%COMP%]{margin:0}.tld-inline-message[_ngcontent-%COMP%]   .title[_ngcontent-%COMP%] + .description[_ngcontent-%COMP%]{margin-top:.5rem}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InlineMessageComponent, [{
         type: Component,
-        args: [{ selector: 'lib-inline-message', standalone: false, template: "<div class=\"tld-inline-message {{message.type}}\">\r\n  <span class=\"material-icons\" [class.order-end]=\"message.iconPosition === END_ICON_POSITION\"\r\n    [matTooltip]=\"message.iconTooltip? (message.iconTooltip | translate: message.localizationParams) : ''\" *ngIf=\"iconName\">{{iconName}}</span>\r\n  <section *ngIf=\"message\">\r\n    <div class=\"text-s-semi-bold title\" *ngIf=\"message.title\"\r\n      [innerHtml]=\"message.title | translate: message.localizationParams\">\r\n    </div>\r\n    <p class=\"text-s description\" *ngIf=\"message.description\" [innerHtml]=\"message.description | translate:\r\n    message.localizationParams\"></p>\r\n  </section>\r\n</div>", styles: [":host{display:block}.tld-inline-message{display:flex;flex-direction:row}.tld-inline-message.error .material-icons{color:var(--error-dark)}.tld-inline-message.info .material-icons{color:var(--base-40)}.tld-inline-message.warning .material-icons{color:var(--warning-dark)}.tld-inline-message .material-icons{font-size:16px;margin-right:.5rem;display:inline-block}.tld-inline-message .material-icons.order-end{order:2}.tld-inline-message .title,.tld-inline-message .description{margin:0}.tld-inline-message .title+.description{margin-top:.5rem}\n"] }]
+        args: [{ selector: 'lib-inline-message', standalone: false, template: "<div class=\"tld-inline-message {{message.type}}\">\r\n  <span class=\"material-icons\" [class.order-end]=\"message.iconPosition === END_ICON_POSITION\"\r\n    [matTooltip]=\"message.iconTooltip? (message.iconTooltip | translate: message.localizationParams) : ''\" *ngIf=\"message.icon || iconName\">{{ message.icon || iconName }}</span>\r\n  <section *ngIf=\"message\">\r\n    <div class=\"text-s-semi-bold title\" *ngIf=\"message.title\"\r\n      [innerHtml]=\"message.title | translate: message.localizationParams\">\r\n    </div>\r\n    <p class=\"text-s description\" *ngIf=\"message.description\" [innerHtml]=\"message.description | translate:\r\n    message.localizationParams\"></p>\r\n  </section>\r\n</div>", styles: [":host{display:block}.tld-inline-message{display:flex;flex-direction:row;align-items:center}.tld-inline-message.error .material-icons{color:var(--error-dark)}.tld-inline-message.info .material-icons{color:var(--base-40)}.tld-inline-message.warning .material-icons{color:var(--warning-dark)}.tld-inline-message.success .material-icons,.tld-inline-message.success{color:var(--success-dark)}.tld-inline-message .material-icons{font-size:16px;margin-right:.5rem;display:inline-block}.tld-inline-message .material-icons.order-end{order:2}.tld-inline-message .title,.tld-inline-message .description{margin:0}.tld-inline-message .title+.description{margin-top:.5rem}\n"] }]
     }], null, { iconName: [{
             type: Input
         }], message: [{
@@ -2000,6 +2000,7 @@ var InlineMessageType;
     InlineMessageType["INFO"] = "info";
     InlineMessageType["WARNING"] = "warning";
     InlineMessageType["ERROR"] = "error";
+    InlineMessageType["SUCCESS"] = "success";
 })(InlineMessageType || (InlineMessageType = {}));
 
 class ClickOutsideDirective {
@@ -2947,7 +2948,7 @@ class ExtensionDialogModule {
         MatIconModule,
         CloseButtonModule], exports: [OpenExtensionDialogComponent] }); })();
 
-const FILE_UPLOAD_ICON = `<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.4999 15V19H3.49992V15H0.833252V19C0.833252 20.4666 2.03325 21.6666 3.49992 21.6666H19.4999C20.9666 21.6666 22.1666 20.4666 22.1666 19V15H19.4999ZM4.83325 6.99998L6.71325 8.87998L10.1666 5.43998V16.3333H12.8333V5.43998L16.2866 8.87998L18.1666 6.99998L11.4999 0.333313L4.83325 6.99998Z" fill="black"/></svg>`;
+const FILE_UPLOAD_ICON = `<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.4999 15V19H3.49992V15H0.833252V19C0.833252 20.4666 2.03325 21.6666 3.49992 21.6666H19.4999C20.9666 21.6666 22.1666 20.4666 22.1666 19V15H19.4999ZM4.83325 6.99998L6.71325 8.87998L10.1666 5.43998V16.3333H12.8333V5.43998L16.2866 8.87998L18.1666 6.99998L11.4999 0.333313L4.83325 6.99998Z" fill="currentColor"/></svg>`;
 
 const _c0$b = ["fileInput"];
 const _c1$5 = ["*", [["", "customLimits", ""]]];
@@ -4416,7 +4417,7 @@ class MultiFunctionalTableComponent {
         }], tableElementRef: [{
             type: ViewChild,
             args: [MatTable, { read: ElementRef }]
-        }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }] }); })();
+        }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MultiFunctionalTableComponent, { className: "MultiFunctionalTableComponent", filePath: "lib/multi-functional-table/multi-functional-table.component.ts", lineNumber: 27 }); })();
 
 class StatusDisplayModule {
@@ -8519,7 +8520,7 @@ class SubscriptionComponent {
                     CommonModule,
                     MatButtonModule
                 ], template: "@if(token()){\r\n  <!-- narrow type to non null property -->\r\n  @let userToken = token()!;\r\n\r\n    <h3 class=\"subscription-section-title text-l-semi-bold\">{{ \"SUBSCRIPTION.USER_INFO\" | translate }}</h3>\r\n\r\n    <div class=\"subscription-data-row\">\r\n      <div class=\"subscription-label\">\r\n        <span class=\"label\">{{ \"SUBSCRIPTION.LABEL_NAME\" | translate }}</span>\r\n      </div>\r\n\r\n      <div class=\"subscription-data\">\r\n        <span>{{ userToken.name }}</span>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"subscription-data-row\">\r\n      <div class=\"subscription-label\">\r\n        <span class=\"label\">{{ \"SUBSCRIPTION.LABEL_EMAIL\" | translate }}</span>\r\n      </div>\r\n\r\n      <div class=\"subscription-data\">\r\n        <span>{{ userToken.email }}</span>\r\n      </div>\r\n    </div>\r\n}\r\n\r\n@if(subscription()){\r\n  @let currentSubscription = subscription()!;\r\n\r\n  <div fxLayout=\"row\" class=\"subscription-data-row\">\r\n    <div class=\"subscription-label\">\r\n      <span class=\"label\">{{ \"SUBSCRIPTION.LABEL_SUBSCRIPTION_PLAN_ID\" | translate }}</span>\r\n    </div>\r\n\r\n    <div class=\"subscription-data\">\r\n      <ng-container>\r\n        <span>\r\n          {{ currentSubscription.Label ? currentSubscription.Label : currentSubscription.PlanId }}\r\n\r\n          @switch (subscriptionState()) {\r\n            @case(subscriptionStates.TRIAL){\r\n              <span> ({{ \"SUBSCRIPTION.TRIAL_END_DATE\" | translate: { date: currentSubscription.EndDate | date: \"dd.MM.yyyy.\" } }}) </span>\r\n            }\r\n            @case (subscriptionStates.ACTIVE) {\r\n              @if(currentSubscription.EndDate){\r\n                <span> ({{ \"SUBSCRIPTION.END_DATE\" | translate: { date: currentSubscription.EndDate | date: \"dd.MM.yyyy.\" } }}) </span>\r\n              }\r\n            }\r\n            @case (subscriptionStates.ENDED) {\r\n            ({{ \"SUBSCRIPTION.END_DATE\" | translate: { date: currentSubscription.EndDate | date: \"dd.MM.yyyy.\" } }})\r\n            }\r\n          }\r\n        </span>\r\n      </ng-container>\r\n    </div>\r\n  </div>\r\n\r\n  @if(currentSubscription.EndDate){\r\n  <div class=\"subscription-data-row\">\r\n    <div class=\"subscription-label\">\r\n      <span class=\"label\">{{ \"SUBSCRIPTION.LABEL_SUBSCRIPTION_END_DATE\" | translate }}</span>\r\n    </div>\r\n\r\n    <div class=\"subscription-data\">\r\n      <ng-container>\r\n        <span>{{currentSubscription.EndDate | date: \"dd.MM.yyyy\"}}</span>\r\n      </ng-container>\r\n    </div>\r\n    </div>\r\n  }\r\n\r\n  @if(currentSubscription.Addons?.length){\r\n    <div fxLayout=\"row\" class=\"subscription-data-row\">\r\n      <div class=\"subscription-label\">\r\n        <span class=\"label\">{{ \"SUBSCRIPTION.ADDITIONS_PLUGINS\" | translate }}</span>\r\n      </div>\r\n\r\n      <div class=\"subscription-data\">\r\n        @for (item of currentSubscription.Addons; track $index; let i = $index) {\r\n            <span>{{ item.id }}</span>\r\n            @if(item.qt>1){\r\n              <span> ({{item.qt}})</span>\r\n            }\r\n            <span> {{ currentSubscription.Addons!.length - 1 > i ? \",\" : \"\" }} </span>\r\n        }\r\n      </div>\r\n    </div>\r\n  }\r\n}\r\n\r\n@if(visibleQuotas().length){\r\n  <h3 class=\"subscription-section-title text-l-semi-bold\">{{ \"SUBSCRIPTION.LIMITS\" | translate }}</h3>\r\n\r\n  @for (currentQuota of visibleQuotas(); track $index) {\r\n    <div class=\"subscription-limit-wrapper\">\r\n      <mat-progress-bar [value]=\"currentQuota.percentUsed\"></mat-progress-bar>\r\n      <div class=\"subscription-limit\">\r\n        <span class=\"text-l-semi-bold\">\r\n          {{ (\"QUOTA.\" + (currentQuota.quotaType.toString() | uppercase) + (currentQuota.isUnlimited? \"_UNLIMITED\": \"\")) | translate: { used: currentQuota.convertedUsed, limit: currentQuota.convertedLimit, percent: currentQuota.percentUsed} }}\r\n        </span>\r\n      </div>\r\n    </div>\r\n  }\r\n}\r\n\r\n<!-- Add some extra info, such as disclaimer etc -->\r\n  <ng-content></ng-content>\r\n\r\n<div class=\"subscription-actions-wrapper\">\r\n  @if(chargebeeSettings()){\r\n    <a mat-flat-button color=\"accent\" class=\"manage-sub-btn button-row-element\" href=\"javascript:void(0)\" data-cb-type=\"portal\" (click)=\"manageClicked()\">\r\n      {{ \"SUBSCRIPTION.MANAGE\" | translate }}\r\n    </a>\r\n  }\r\n  @if(contactUsUrl()){\r\n    <a mat-stroked-button [attr.href]=\"contactUsUrl()\" target=\"_blank\" color=\"accent\" (click)=\"contactUsClicked()\">{{\"SUBSCRIPTION.CONTACT\" | translate}}</a>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}mat-card{margin:1.5rem}.subscription-container:not(.mobile){margin:16px 32px}.subscription-section-title{margin:32px 0 18px}.subscription-data-row{border-bottom:2px solid var(--base-70);margin-bottom:18px;flex-direction:row;display:flex}.subscription-data{color:var(--base-30);word-wrap:break-word;margin-left:.5rem}.subscription-limit-wrapper,.subscription-limit{margin-top:16px}.subscription-actions-wrapper{padding:32px 0 18px;display:flex;flex-direction:row;gap:24px}.subscription-manage-link{text-decoration:none}.subscription-container:not(.mobile,.empty){width:75%}.subscription-label:not(.mobile,.empty){width:35%}.subscription-data:not(.mobile,.empty){width:65%}.untranslated-files-disclaimer{margin-top:16px;margin-bottom:10px;color:var(--base-40)}.no-subscription-message{margin-top:32px;color:var(--base-40)}.contact-sales-btn{text-align:center}.contact-sales-btn:hover{text-decoration:none}\n"] }]
-    }], null, { token: [{ type: i0.Input, args: [{ isSignal: true, alias: "token", required: true }] }], subscription: [{ type: i0.Input, args: [{ isSignal: true, alias: "subscription", required: true }] }], quota: [{ type: i0.Input, args: [{ isSignal: true, alias: "quota", required: true }] }], visibleQuotaTypes: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleQuotaTypes", required: false }] }], contactUsUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "contactUsUrl", required: false }] }], chargebeeSettings: [{ type: i0.Input, args: [{ isSignal: true, alias: "chargebeeSettings", required: false }] }], manageClick: [{ type: i0.Output, args: ["manageClick"] }], contactUsClick: [{ type: i0.Output, args: ["contactUsClick"] }] }); })();
+    }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscriptionComponent, { className: "SubscriptionComponent", filePath: "lib/subscription/subscription.component.ts", lineNumber: 26 }); })();
 
 var AccessibilityFontSizes;
@@ -9459,14 +9460,22 @@ class CookieConsentComponent {
         this.destroy.complete();
     }
     resolveInitialConsentState() {
-        this.isCookieConsentConfigured()
-            .pipe(tap((isConfigured) => {
-            if (isConfigured) {
-                this.isClosed = true;
-                return;
-            }
-            this.setupTranslations();
-        })).subscribe();
+        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') {
@@ -9493,19 +9502,24 @@ class CookieConsentComponent {
         return translations[key] ? key : 'en';
     }
     isCookieConsentConfigured() {
-        if (!this.#storage) {
-            return of(false);
+        const snapshot = this.#storage?.snapshot();
+        if (snapshot) {
+            return this.applyStoredConsent(snapshot);
         }
-        return this.#storage?.read().pipe(map((config) => {
-            return this.hasUserHandledConsent(config ?? null);
-        }));
+        const stored = this.#storage?.read();
+        if (this.isPromise(stored)) {
+            return stored.then((config) => this.applyStoredConsent(config));
+        }
+        return this.applyStoredConsent(stored ?? null);
     }
-    hasUserHandledConsent(config) {
+    applyStoredConsent(config) {
         const consent = config?.cookieConsent;
         if (!consent?.updatedAt) {
             return false;
         }
-        this.#analytics.cookieConsentGiven(true);
+        if (consent.accepted) {
+            this.#analytics.cookieConsentGiven(true);
+        }
         return true;
     }
     persistConsent(accepted) {
@@ -9518,7 +9532,10 @@ class CookieConsentComponent {
                 accepted,
                 updatedAt: now,
             },
-        }).subscribe();
+        });
+    }
+    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) {
@@ -9582,132 +9599,134 @@ const USER_CONFIG_MESSAGE_UPDATE = 'ngx-user-config:update';
 const DEFAULT_USER_CONFIG_OPTIONS = {
     strategy: UserConfigStrategy.Local,
     iframeUrl: DEFAULT_USER_CONFIG_IFRAME_URL,
-    defaultConfig: DEFAULT_USER_CONFIG
 };
 
-const USER_CONFIG_OPTIONS = new InjectionToken('USER_CONFIG_OPTIONS');
+const USER_CONFIG_STORAGE_KEY = 'ngx_common_user_config';
 
-const mergeSection = (defaults, override) => ({
-    ...defaults,
-    ...(override ?? {}),
-});
-const mergeConfigSections = (base, override = {}) => ({
-    accessibility: mergeSection(base.accessibility, override.accessibility),
-    cookieConsent: mergeSection(base.cookieConsent, override.cookieConsent),
-    language: mergeSection(base.language, override.language),
-    metadata: mergeSection(base.metadata, override.metadata),
-});
-function createDefaultUserConfig(options) {
-    const override = options.defaultConfig ?? {};
-    return mergeConfigSections(DEFAULT_USER_CONFIG, override);
-}
-function mergeUserConfig(current, update, options) {
-    const base = current ?? createDefaultUserConfig(options);
-    const merged = mergeConfigSections(base, update);
-    return {
-        ...merged,
-        metadata: {
-            ...merged.metadata,
-            updatedAt: new Date().toISOString(),
-        },
-    };
-}
+const USER_CONFIG_OPTIONS = new InjectionToken('USER_CONFIG_OPTIONS');
 
-class BaseStorageStrategy {
-    constructor(options) {
-        this.options = 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" }] : []));
-        /** Tracks when the initial data has been fetched from the source */
-        this.isReady$ = new ReplaySubject(1);
+        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);
+        }
     }
-    /**
-     * Returns an Observable that waits for the source to be ready,
-     * then emits the current snapshot.
-     */
     read() {
-        return this.isReady$.pipe(filter((ready) => ready), first(), map(() => {
-            return this.snapshot();
-        }));
+        return this.#readCache();
     }
-    /**
-     * Waits for readiness, performs a deep merge, updates the local signal,
-     * and triggers the implementation-specific persistence.
-     */
     write(config) {
-        return this.isReady$.pipe(filter((ready) => ready), first(), map(() => {
-            const merged = this.mergeWithBase(config);
-            this.snapshot.set(merged);
-            this.saveToSource(merged);
-            return merged;
-        }));
-    }
-    initialize() {
-        return this.isReady$.pipe(filter((ready) => ready), first(), map(() => null));
-    }
-    mergeWithBase(update) {
-        return mergeUserConfig(this.snapshot(), update, this.options);
-    }
-    createDefaultConfig() {
-        return createDefaultUserConfig(this.options);
-    }
-    static { this.ɵfac = function BaseStorageStrategy_Factory(__ngFactoryType__) { i0.ɵɵinvalidFactory(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseStorageStrategy, factory: BaseStorageStrategy.ɵfac }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseStorageStrategy, [{
-        type: Injectable
-    }], () => [{ type: undefined }], null); })();
-
-class IframeStorageStrategy extends BaseStorageStrategy {
-    #dom = inject(DOMService);
-    #options = inject(USER_CONFIG_OPTIONS);
-    #iframe;
-    #messageHandler;
-    constructor() {
-        super(inject(USER_CONFIG_OPTIONS));
-        this.#init();
-    }
-    saveToSource(config) {
-        this.#postToBridge({ type: USER_CONFIG_MESSAGE_UPDATE, payload: 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);
         }
     }
-    #init() {
-        const window = this.#dom.window;
-        if (!window) {
+    #ensureIframe() {
+        if (this.#iframe) {
+            return;
+        }
+        const win = this.#dom.window;
+        const doc = win?.document;
+        if (!doc) {
             return;
         }
-        ;
-        this.#messageHandler = (event) => this.#handleMessage(event);
-        window.addEventListener('message', this.#messageHandler);
-        const doc = window.document;
         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 });
-        });
+        iframe.addEventListener('load', () => this.#postToBridge({ type: USER_CONFIG_MESSAGE_REQUEST }));
         doc.body?.appendChild(iframe);
         this.#iframe = iframe;
     }
     #handleMessage(event) {
-        if (event.source !== this.#iframe?.contentWindow) {
+        if (!this.#iframe || event.source !== this.#iframe.contentWindow) {
             return;
         }
-        const messageData = event.data;
-        if (messageData?.type !== USER_CONFIG_MESSAGE_SNAPSHOT) {
-            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);
         }
-        const data = messageData?.payload ?? this.createDefaultConfig();
-        this.snapshot.set(data);
-        this.isReady$.next(true);
     }
     #postToBridge(message) {
-        this.#iframe?.contentWindow?.postMessage(message, USER_CONFIG_IFRAME_TARGET_ORIGIN);
+        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' }); }
@@ -9717,60 +9736,91 @@ class IframeStorageStrategy extends BaseStorageStrategy {
         args: [{ providedIn: 'root' }]
     }], () => [], null); })();
 
-const USER_CONFIG_STORAGE_KEY = 'ngx_common_user_config';
-
-class LocalStorageStrategy extends BaseStorageStrategy {
-    #dom = inject(DOMService);
+class LocalStorageStrategy {
+    #dom;
     #storageListener;
     constructor() {
-        super(inject(USER_CONFIG_OPTIONS));
-        this.#init();
-    }
-    saveToSource(config) {
-        const store = this.#dom.localStorage;
-        if (store) {
-            try {
-                store.setItem(USER_CONFIG_STORAGE_KEY, JSON.stringify(config));
+        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;
             }
-            catch (exception) {
-                console.error('Failed to save user config to localStorage', exception);
+            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);
         }
     }
-    ngOnDestroy() {
-        if (this.#storageListener && this.#dom.window) {
-            this.#dom.window.removeEventListener('storage', this.#storageListener);
+    read() {
+        const store = this.#dom.localStorage;
+        if (!store) {
+            return null;
         }
+        return this.#parse(store.getItem(USER_CONFIG_STORAGE_KEY));
     }
-    #init() {
-        const win = this.#dom.window;
+    write(config) {
         const store = this.#dom.localStorage;
-        if (win) {
-            this.#storageListener = (event) => {
-                if (event.key === USER_CONFIG_STORAGE_KEY && event.newValue) {
-                    this.snapshot.set(this.#parse(event.newValue));
-                }
-            };
-            win.addEventListener('storage', this.#storageListener);
+        if (!store) {
+            return;
         }
-        if (store) {
-            const raw = store.getItem(USER_CONFIG_STORAGE_KEY);
-            this.snapshot.set(this.#parse(raw));
+        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);
         }
-        // LocalStorage is available immediately
-        this.isReady$.next(true);
     }
     #parse(raw) {
         if (!raw) {
-            return this.createDefaultConfig();
+            return null;
         }
         try {
             return JSON.parse(raw);
         }
         catch {
-            return this.createDefaultConfig();
+            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' }); }
 }
@@ -9813,10 +9863,6 @@ function provideUserConfig(options = {}) {
             useFactory: userConfigStorageFactory,
             deps: [USER_CONFIG_OPTIONS],
         },
-        provideAppInitializer(() => {
-            const storage = inject(USER_CONFIG_STORAGE);
-            return storage.initialize();
-        })
     ]);
 }