@tilde-nlp/ngx-common 8.1.57 → 8.1.58

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

@@ -8504,13 +8504,6 @@ class SubscriptionComponent {
     }], 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"] }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscriptionComponent, { className: "SubscriptionComponent", filePath: "lib/subscription/subscription.component.ts", lineNumber: 26 }); })();
 
-var AccessibilityFontSizes;
-(function (AccessibilityFontSizes) {
-    AccessibilityFontSizes["BASE"] = "1rem";
-    AccessibilityFontSizes["L"] = "1.25rem";
-    AccessibilityFontSizes["XL"] = "1.5rem";
-})(AccessibilityFontSizes || (AccessibilityFontSizes = {}));
-
 var AccessibilityContrasts;
 (function (AccessibilityContrasts) {
     AccessibilityContrasts["BASE"] = "base";
@@ -8519,88 +8512,21 @@ var AccessibilityContrasts;
     AccessibilityContrasts["BLACK_YELLOW"] = "black-yellow";
 })(AccessibilityContrasts || (AccessibilityContrasts = {}));
 
-class AccessibilityTextMagnifierService {
-    constructor() {
-        this.magnifiedText = null;
-        this.mousemoveHandler = null;
-        this.mouseoverHandler = null;
-    }
-    toggleTextMagnifier(isDisabled) {
-        if (isDisabled) {
-            this.addMagnifier();
-        }
-        else {
-            this.removeMagnifier();
-        }
-    }
-    addMagnifier() {
-        this.magnifiedText = document.createElement('div');
-        this.magnifiedText.classList.add('magnified-text');
-        document.body.appendChild(this.magnifiedText);
-        let positionTop;
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.mouseoverHandler = (event) => {
-            if (event.target && event.target.nodeType === Node.ELEMENT_NODE) {
-                const targetElementClassList = event.target?.classList;
-                if (targetElementClassList.contains('mat-icon') || targetElementClassList.contains('material-icons')) {
-                    return;
-                }
-                const textContent = this.getFirstTextContent(event.target);
-                if (!textContent || !textContent.trim().length) {
-                    this.magnifiedText.style.display = 'none';
-                    return;
-                }
-                this.magnifiedText.style.display = 'block';
-                this.magnifiedText.textContent = textContent;
-                positionTop = event.pageY - this.magnifiedText.clientHeight - 25 > 0 ? event.pageY - this.magnifiedText.clientHeight - 25 : 0;
-                this.magnifiedText.style.left = `${event.pageX - 35}px`;
-                this.magnifiedText.style.top = `${positionTop}px`;
-            }
-        };
-        document.addEventListener('mouseover', this.mouseoverHandler);
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        this.mousemoveHandler = (event) => {
-            if (this.magnifiedText) {
-                this.magnifiedText.style.left = `${event.pageX - 35}px`;
-                this.magnifiedText.style.top = `${positionTop}px`;
-            }
-        };
-        document.addEventListener('mousemove', this.mousemoveHandler);
-    }
-    removeMagnifier() {
-        if (this.magnifiedText) {
-            document.body.removeChild(this.magnifiedText);
-            this.magnifiedText = null;
-        }
-        if (this.mouseoverHandler) {
-            document.removeEventListener('mouseover', this.mouseoverHandler);
-            this.mouseoverHandler = null;
-        }
-        if (this.mousemoveHandler) {
-            document.removeEventListener('mousemove', this.mousemoveHandler);
-            this.mousemoveHandler = null;
-        }
-    }
-    getFirstTextContent(element) {
-        let textContent = '';
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        for (const child of element.childNodes) {
-            if (child.nodeType === Node.TEXT_NODE) {
-                textContent = child.textContent || null;
-                break;
-            }
-        }
-        return textContent;
-    }
-    static { this.ɵfac = function AccessibilityTextMagnifierService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccessibilityTextMagnifierService)(); }; }
-    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AccessibilityTextMagnifierService, factory: AccessibilityTextMagnifierService.ɵfac, providedIn: 'root' }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccessibilityTextMagnifierService, [{
-        type: Injectable,
-        args: [{
-                providedIn: 'root',
-            }]
-    }], null, null); })();
+const DEFAULT_ACCESSIBILITY_PREFERENCES = {
+    fontSizeIndex: 0,
+    contrast: AccessibilityContrasts.BASE,
+    textMagnifierEnabled: false,
+    screenMaskEnabled: false,
+};
+
+const USER_CONFIG_STORAGE = new InjectionToken('USER_CONFIG_STORAGE');
+
+var AccessibilityFontSizes;
+(function (AccessibilityFontSizes) {
+    AccessibilityFontSizes["BASE"] = "1rem";
+    AccessibilityFontSizes["L"] = "1.25rem";
+    AccessibilityFontSizes["XL"] = "1.5rem";
+})(AccessibilityFontSizes || (AccessibilityFontSizes = {}));
 
 class AccessibilityScreenMaskService {
     constructor() {
@@ -8695,64 +8621,123 @@ class AccessibilityScreenMaskService {
             }]
     }], null, null); })();
 
+class AccessibilityTextMagnifierService {
+    constructor() {
+        this.magnifiedText = null;
+        this.mousemoveHandler = null;
+        this.mouseoverHandler = null;
+    }
+    toggleTextMagnifier(isDisabled) {
+        if (isDisabled) {
+            this.addMagnifier();
+        }
+        else {
+            this.removeMagnifier();
+        }
+    }
+    addMagnifier() {
+        this.magnifiedText = document.createElement('div');
+        this.magnifiedText.classList.add('magnified-text');
+        document.body.appendChild(this.magnifiedText);
+        let positionTop;
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.mouseoverHandler = (event) => {
+            if (event.target && event.target.nodeType === Node.ELEMENT_NODE) {
+                const targetElementClassList = event.target?.classList;
+                if (targetElementClassList.contains('mat-icon') || targetElementClassList.contains('material-icons')) {
+                    return;
+                }
+                const textContent = this.getFirstTextContent(event.target);
+                if (!textContent || !textContent.trim().length) {
+                    this.magnifiedText.style.display = 'none';
+                    return;
+                }
+                this.magnifiedText.style.display = 'block';
+                this.magnifiedText.textContent = textContent;
+                positionTop = event.pageY - this.magnifiedText.clientHeight - 25 > 0 ? event.pageY - this.magnifiedText.clientHeight - 25 : 0;
+                this.magnifiedText.style.left = `${event.pageX - 35}px`;
+                this.magnifiedText.style.top = `${positionTop}px`;
+            }
+        };
+        document.addEventListener('mouseover', this.mouseoverHandler);
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.mousemoveHandler = (event) => {
+            if (this.magnifiedText) {
+                this.magnifiedText.style.left = `${event.pageX - 35}px`;
+                this.magnifiedText.style.top = `${positionTop}px`;
+            }
+        };
+        document.addEventListener('mousemove', this.mousemoveHandler);
+    }
+    removeMagnifier() {
+        if (this.magnifiedText) {
+            document.body.removeChild(this.magnifiedText);
+            this.magnifiedText = null;
+        }
+        if (this.mouseoverHandler) {
+            document.removeEventListener('mouseover', this.mouseoverHandler);
+            this.mouseoverHandler = null;
+        }
+        if (this.mousemoveHandler) {
+            document.removeEventListener('mousemove', this.mousemoveHandler);
+            this.mousemoveHandler = null;
+        }
+    }
+    getFirstTextContent(element) {
+        let textContent = '';
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        for (const child of element.childNodes) {
+            if (child.nodeType === Node.TEXT_NODE) {
+                textContent = child.textContent || null;
+                break;
+            }
+        }
+        return textContent;
+    }
+    static { this.ɵfac = function AccessibilityTextMagnifierService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccessibilityTextMagnifierService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AccessibilityTextMagnifierService, factory: AccessibilityTextMagnifierService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccessibilityTextMagnifierService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], null, null); })();
+
 class AccessibilityService {
+    #textMagnifier;
+    #screenMask;
+    #storage;
     constructor() {
-        this.fontSizeLocalStorageKey = 'ACCESSIBILITY_FONT_SIZE_IX';
-        this.contrastLocalStorageKey = 'ACCESSIBILITY_CONTRAST';
-        this.textMagnifierLocalStorageKey = 'TEXT_MAGNIFIER';
-        this.screenMaskLocalStorageKey = 'SCREEN_MASK';
         this.sizeIncreaseSubject = new Subject();
         this.contrastSubject = new Subject();
         this.#textMagnifier = inject(AccessibilityTextMagnifierService);
         this.#screenMask = inject(AccessibilityScreenMaskService);
+        this.#storage = inject(USER_CONFIG_STORAGE, { optional: true });
+        this.preferences = signal(DEFAULT_ACCESSIBILITY_PREFERENCES, ...(ngDevMode ? [{ debugName: "preferences" }] : []));
+        this.#readStorage();
     }
-    #textMagnifier;
-    #screenMask;
     toggleScreenMask() {
-        const currnetStatus = this.getSavedScreenMaskStatus();
-        const oppositeStatus = JSON.stringify(!currnetStatus);
-        this.#screenMask.toggleScreenMask(!currnetStatus);
-        localStorage.setItem(this.screenMaskLocalStorageKey, oppositeStatus);
+        const updatedStatus = !this.preferences().screenMaskEnabled;
+        this.#screenMask.toggleScreenMask(updatedStatus);
+        this.#updateConfig({ screenMaskEnabled: updatedStatus });
     }
     closeFocusBar() {
         this.#screenMask.closeFocusBar();
     }
     toggleTextMagnifier() {
-        const currnetStatus = this.getSavedTextMagnifierStatus();
-        const oppositeStatus = JSON.stringify(!currnetStatus);
-        this.#textMagnifier.toggleTextMagnifier(!currnetStatus);
-        localStorage.setItem(this.textMagnifierLocalStorageKey, oppositeStatus);
-    }
-    getSavedTextMagnifierStatus() {
-        const savedTextMagnifierStatus = JSON.parse(localStorage.getItem(this.textMagnifierLocalStorageKey) ?? 'false');
-        return savedTextMagnifierStatus;
-    }
-    getSavedScreenMaskStatus() {
-        const savedScreenMaskStatus = JSON.parse(localStorage.getItem(this.screenMaskLocalStorageKey) ?? 'false');
-        return savedScreenMaskStatus;
+        const updatedStatus = !this.preferences().textMagnifierEnabled;
+        this.#textMagnifier.toggleTextMagnifier(updatedStatus);
+        this.#updateConfig({ textMagnifierEnabled: updatedStatus });
     }
     setSavedTextMagnifierStatus() {
-        const currnetStatus = this.getSavedTextMagnifierStatus();
+        const currnetStatus = this.preferences().textMagnifierEnabled;
         this.#textMagnifier.toggleTextMagnifier(currnetStatus);
     }
     setSavedScreenMaskStatus() {
-        const currnetStatus = this.getSavedScreenMaskStatus();
+        const currnetStatus = this.preferences().screenMaskEnabled;
         this.#screenMask.toggleScreenMask(currnetStatus);
     }
-    saveContrast(contrast) {
-        localStorage.setItem(this.contrastLocalStorageKey, contrast);
-    }
-    getSavedContrast() {
-        const savedContrast = localStorage.getItem(this.contrastLocalStorageKey);
-        return savedContrast ?? AccessibilityContrasts.BASE;
-    }
-    getSavedFontSize() {
-        const savedFontSizeIx = localStorage.getItem(this.fontSizeLocalStorageKey);
-        return JSON.parse(savedFontSizeIx ?? '0');
-    }
-    saveFontSize(ix) {
-        localStorage.setItem(this.fontSizeLocalStorageKey, ix.toString());
-    }
     setFontSize(fontSizeIx) {
         const sizes = Object.values(AccessibilityFontSizes);
         if (fontSizeIx > 0) {
@@ -8762,10 +8747,26 @@ class AccessibilityService {
             this.sizeIncreaseSubject.next(false);
         }
         document.querySelector('html').style.fontSize = sizes[fontSizeIx];
+        this.#updateConfig({ fontSizeIndex: fontSizeIx });
     }
     setContrast(contrast) {
         this.contrastSubject.next(contrast);
         document.querySelector('html').className = contrast;
+        this.#updateConfig({ contrast: contrast });
+    }
+    reset() {
+        this.#updateConfig({ ...DEFAULT_ACCESSIBILITY_PREFERENCES });
+    }
+    #updateConfig(updates) {
+        this.preferences.set({ ...this.preferences(), ...updates });
+        this.#storage?.write({ accessibility: this.preferences() }).subscribe();
+    }
+    #readStorage() {
+        this.#storage?.read().subscribe(config => {
+            if (config?.accessibility) {
+                this.preferences.set({ ...config.accessibility });
+            }
+        });
     }
     static { this.ɵfac = function AccessibilityService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccessibilityService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AccessibilityService, factory: AccessibilityService.ɵfac, providedIn: 'root' }); }
@@ -8775,7 +8776,7 @@ class AccessibilityService {
         args: [{
                 providedIn: 'root',
             }]
-    }], null, null); })();
+    }], () => [], null); })();
 
 const _forTrack0 = ($index, $item) => $item.text;
 function AccessibilityDialogComponent_For_18_Template(rf, ctx) { if (rf & 1) {
@@ -8789,7 +8790,7 @@ function AccessibilityDialogComponent_For_18_Template(rf, ctx) { if (rf & 1) {
     const contrast_r2 = ctx.$implicit;
     const ctx_r2 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(contrast_r2);
-    i0.ɵɵclassProp("active", contrast_r2 === ctx_r2.currentContrast);
+    i0.ɵɵclassProp("active", contrast_r2 === ctx_r2.accessabilityPreferences().contrast);
 } }
 function AccessibilityDialogComponent_For_32_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "a", 14);
@@ -8806,54 +8807,38 @@ function AccessibilityDialogComponent_For_32_Template(rf, ctx) { if (rf & 1) {
 } }
 class AccessibilityDialogComponent {
     constructor() {
-        this.currentContrast = AccessibilityContrasts.BASE;
         this.#accessibility = inject(AccessibilityService);
         this.contrasts = Object.values(AccessibilityContrasts);
         this.data = inject(MAT_DIALOG_DATA);
         this.featureSources = [];
     }
+    get accessabilityPreferences() {
+        return this.#accessibility.preferences;
+    }
     #accessibility;
     ngOnInit() {
-        this.selectedFontSizeIndex = this.#accessibility.getSavedFontSize();
-        this.currentContrast = this.#accessibility.getSavedContrast();
-        this.isTextMagnifierEnabled = this.#accessibility.getSavedTextMagnifierStatus();
-        this.isScreenMaskEnabled = this.#accessibility.getSavedScreenMaskStatus();
-        this.setFeatureSources();
+        this.#setFeatureSources();
     }
     changeContrast(contrast) {
-        this.currentContrast = contrast;
-        this.#accessibility.saveContrast(contrast);
         this.#accessibility.setContrast(contrast);
     }
     changeFontSize(e) {
-        this.selectedFontSizeIndex = e.index;
-        this.#accessibility.saveFontSize(this.selectedFontSizeIndex);
-        this.#accessibility.setFontSize(this.selectedFontSizeIndex);
+        const fontSizeIndex = e.index;
+        this.#accessibility.setFontSize(fontSizeIndex);
     }
     toggleTextMagnifier() {
         this.#accessibility.toggleTextMagnifier();
-        this.isTextMagnifierEnabled = this.#accessibility.getSavedTextMagnifierStatus();
     }
     toggleScreenMask() {
         this.#accessibility.toggleScreenMask();
-        this.isScreenMaskEnabled = this.#accessibility.getSavedScreenMaskStatus();
     }
     closeFocusBar() {
         this.#accessibility.closeFocusBar();
     }
     reset() {
-        if (this.isTextMagnifierEnabled) {
-            this.toggleTextMagnifier();
-        }
-        if (this.isScreenMaskEnabled) {
-            this.toggleScreenMask();
-        }
-        this.changeContrast(AccessibilityContrasts.BASE);
-        this.selectedFontSizeIndex = 0;
-        this.#accessibility.saveFontSize(this.selectedFontSizeIndex);
-        this.#accessibility.setFontSize(this.selectedFontSizeIndex);
+        this.#accessibility.reset();
     }
-    setFeatureSources() {
+    #setFeatureSources() {
         this.featureSources = [
             {
                 text: 'ACCESSIBILITY.EASY_TO_READ',
@@ -8923,7 +8908,7 @@ class AccessibilityDialogComponent {
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 18, "ACCESSIBILITY.FONT_SIZE_LABEL"), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("selectedIndex", ctx.selectedFontSizeIndex);
+            i0.ɵɵproperty("selectedIndex", ctx.accessabilityPreferences().fontSizeIndex);
             i0.ɵɵadvance();
             i0.ɵɵproperty("label", "100%");
             i0.ɵɵadvance();
@@ -8937,11 +8922,11 @@ class AccessibilityDialogComponent {
             i0.ɵɵadvance(4);
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(22, 22, "ACCESSIBILITY.VISUAL_TOOLS_LABEL"), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("active", ctx.isTextMagnifierEnabled);
+            i0.ɵɵclassProp("active", ctx.accessabilityPreferences().textMagnifierEnabled);
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(25, 24, "ACCESSIBILITY.TEXT_MAGNIFIER"), " ");
             i0.ɵɵadvance(2);
-            i0.ɵɵclassProp("active", ctx.isScreenMaskEnabled);
+            i0.ɵɵclassProp("active", ctx.accessabilityPreferences().screenMaskEnabled);
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(28, 26, "ACCESSIBILITY.SCREEN_MASK"), " ");
             i0.ɵɵadvance(4);
@@ -8954,12 +8939,10 @@ class AccessibilityDialogComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccessibilityDialogComponent, [{
         type: Component,
-        args: [{ selector: 'lib-accessibility-dialog', imports: [MatDialogModule, TranslateModule, MatButtonModule, MatTabsModule, MatIconModule], template: "<h1 mat-dialog-title class=\"text-2-xl\">{{ \"ACCESSIBILITY.TITLE\" | translate }}</h1>\r\n\r\n<div mat-dialog-content>\r\n\t<div class=\"font-size-wrapper\">\r\n\t\t<p class=\"settings-title\">\r\n\t\t\t{{ \"ACCESSIBILITY.FONT_SIZE_LABEL\" | translate }}\r\n\t\t</p>\r\n\r\n\t\t<mat-tab-group [selectedIndex]=\"selectedFontSizeIndex\" (selectedTabChange)=\"changeFontSize($event)\" animationDuration=\"0ms\">\r\n\t\t\t<mat-tab [label]=\"'100%'\"></mat-tab>\r\n\t\t\t<mat-tab [label]=\"'150%'\"></mat-tab>\r\n\t\t\t<mat-tab [label]=\"'200%'\"></mat-tab>\r\n\t\t</mat-tab-group>\r\n\t</div>\r\n\r\n\t<div class=\"contrast-wrapper\">\r\n\t\t<p class=\"settings-title\">\r\n\t\t\t{{ \"ACCESSIBILITY.CONTRAST_LABEL\" | translate }}\r\n\t\t</p>\r\n\r\n\t\t<div class=\"contrast-option-wrapper\">\r\n\t\t\t@for (contrast of contrasts; track contrast) {\r\n\t\t\t<button (click)=\"changeContrast(contrast)\" [class]=\"contrast\" [class.active]=\"contrast === currentContrast\" class=\"contrast-option\">\r\n\t\t\t\t<mat-icon class=\"material-icons-outlined\">visibility</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t}\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"visual-tools-wrapper\">\r\n\t\t<p class=\"settings-title\">\r\n\t\t\t{{ \"ACCESSIBILITY.VISUAL_TOOLS_LABEL\" | translate }}\r\n\t\t</p>\r\n\r\n\t\t<button mat-stroked-button [class.active]=\"isTextMagnifierEnabled\" (click)=\"toggleTextMagnifier()\">\r\n\t\t\t{{ \"ACCESSIBILITY.TEXT_MAGNIFIER\" | translate }}\r\n\t\t</button>\r\n\r\n\t\t<button class=\"screen-mask-btn\" mat-stroked-button [class.active]=\"isScreenMaskEnabled\" (click)=\"toggleScreenMask()\">\r\n\t\t\t{{ \"ACCESSIBILITY.SCREEN_MASK\" | translate }}\r\n\t\t</button>\r\n\t</div>\r\n\r\n\t<div class=\"divider\"></div>\r\n\r\n\t<div class=\"feature-links-wrapper\">\r\n\t\t@for (feature of featureSources; track feature.text) {\r\n\t\t\t<a [href]=\"feature.link\" class=\"feature-link\">\r\n\t\t\t\t{{ feature.text | translate }} \r\n\t\t\t\t<mat-icon>arrow_forward_ios</mat-icon>\r\n\t\t\t</a>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n\t<button mat-stroked-button (click)=\"reset()\">{{ \"ACCESSIBILITY.RESET\" | translate }}</button>\r\n\t<button mat-flat-button mat-dialog-close>{{ \"ACCESSIBILITY.CLOSE\" | translate }}</button>\r\n</div>\r\n", styles: [".settings-title{color:var(--base-30);font-weight:600;font-size:.8125rem;margin-bottom:12px}.contrast-wrapper{margin-top:24px}.contrast-wrapper .contrast-option-wrapper{display:flex;gap:12px}.contrast-wrapper .contrast-option-wrapper .contrast-option{display:flex;justify-content:center;align-items:center;padding:8px 24px;color:#000!important;background-color:#fff!important;border-radius:8px;width:100%;border:2px solid transparent}.contrast-wrapper .contrast-option-wrapper .contrast-option.black-white{background-color:#000!important;color:#fff!important}.contrast-wrapper .contrast-option-wrapper .contrast-option.yellow-black{background-color:#f9f150!important;color:#000!important}.contrast-wrapper .contrast-option-wrapper .contrast-option.black-yellow{background-color:#000!important;color:#f9f150!important}.contrast-wrapper .contrast-option-wrapper .contrast-option.active{border:2px solid;border-color:var(--base-0)}.visual-tools-wrapper{margin-top:24px}.visual-tools-wrapper .screen-mask-btn{margin-left:8px}.divider{margin:24px 0;border:1px solid var(--base-70)}.feature-links-wrapper{display:flex;flex-direction:column;gap:12px}.feature-link{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--base-40)}.feature-link mat-icon{scale:.75}:host ::ng-deep .mdc-tab--active{background-color:var(--mat-sys-primary-container)!important}:host ::ng-deep .mdc-tab--active .mdc-tab__text-label{color:var(--primary-accent)!important}:host ::ng-deep .mat-mdc-tab{width:50px;border:1px solid var(--base-70)}:host ::ng-deep .mat-mdc-tab:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}:host ::ng-deep .mat-mdc-tab:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}:host ::ng-deep .mdc-tab-indicator__content--underline{display:none}:host ::ng-deep .mat-mdc-tab-label-container{border-bottom-width:0!important}:host ::ng-deep .active .mdc-button__ripple{background-color:var(--primary-accent)!important;opacity:var(--mat-button-outlined-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}\n"] }]
+        args: [{ selector: 'lib-accessibility-dialog', imports: [MatDialogModule, TranslateModule, MatButtonModule, MatTabsModule, MatIconModule], template: "<h1 mat-dialog-title class=\"text-2-xl\">{{ \"ACCESSIBILITY.TITLE\" | translate }}</h1>\r\n\r\n<div mat-dialog-content>\r\n\t<div class=\"font-size-wrapper\">\r\n\t\t<p class=\"settings-title\">\r\n\t\t\t{{ \"ACCESSIBILITY.FONT_SIZE_LABEL\" | translate }}\r\n\t\t</p>\r\n\r\n\t\t<mat-tab-group [selectedIndex]=\"accessabilityPreferences().fontSizeIndex\" (selectedTabChange)=\"changeFontSize($event)\" animationDuration=\"0ms\">\r\n\t\t\t<mat-tab [label]=\"'100%'\"></mat-tab>\r\n\t\t\t<mat-tab [label]=\"'150%'\"></mat-tab>\r\n\t\t\t<mat-tab [label]=\"'200%'\"></mat-tab>\r\n\t\t</mat-tab-group>\r\n\t</div>\r\n\r\n\t<div class=\"contrast-wrapper\">\r\n\t\t<p class=\"settings-title\">\r\n\t\t\t{{ \"ACCESSIBILITY.CONTRAST_LABEL\" | translate }}\r\n\t\t</p>\r\n\r\n\t\t<div class=\"contrast-option-wrapper\">\r\n\t\t\t@for (contrast of contrasts; track contrast) {\r\n\t\t\t<button (click)=\"changeContrast(contrast)\" [class]=\"contrast\" [class.active]=\"contrast === accessabilityPreferences().contrast\" class=\"contrast-option\">\r\n\t\t\t\t<mat-icon class=\"material-icons-outlined\">visibility</mat-icon>\r\n\t\t\t</button>\r\n\t\t\t}\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"visual-tools-wrapper\">\r\n\t\t<p class=\"settings-title\">\r\n\t\t\t{{ \"ACCESSIBILITY.VISUAL_TOOLS_LABEL\" | translate }}\r\n\t\t</p>\r\n\r\n\t\t<button mat-stroked-button [class.active]=\"accessabilityPreferences().textMagnifierEnabled\" (click)=\"toggleTextMagnifier()\">\r\n\t\t\t{{ \"ACCESSIBILITY.TEXT_MAGNIFIER\" | translate }}\r\n\t\t</button>\r\n\r\n\t\t<button class=\"screen-mask-btn\" mat-stroked-button [class.active]=\"accessabilityPreferences().screenMaskEnabled\" (click)=\"toggleScreenMask()\">\r\n\t\t\t{{ \"ACCESSIBILITY.SCREEN_MASK\" | translate }}\r\n\t\t</button>\r\n\t</div>\r\n\r\n\t<div class=\"divider\"></div>\r\n\r\n\t<div class=\"feature-links-wrapper\">\r\n\t\t@for (feature of featureSources; track feature.text) {\r\n\t\t\t<a [href]=\"feature.link\" class=\"feature-link\">\r\n\t\t\t\t{{ feature.text | translate }} \r\n\t\t\t\t<mat-icon>arrow_forward_ios</mat-icon>\r\n\t\t\t</a>\r\n\t\t}\r\n\t</div>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n\t<button mat-stroked-button (click)=\"reset()\">{{ \"ACCESSIBILITY.RESET\" | translate }}</button>\r\n\t<button mat-flat-button mat-dialog-close>{{ \"ACCESSIBILITY.CLOSE\" | translate }}</button>\r\n</div>\r\n", styles: [".settings-title{color:var(--base-30);font-weight:600;font-size:.8125rem;margin-bottom:12px}.contrast-wrapper{margin-top:24px}.contrast-wrapper .contrast-option-wrapper{display:flex;gap:12px}.contrast-wrapper .contrast-option-wrapper .contrast-option{display:flex;justify-content:center;align-items:center;padding:8px 24px;color:#000!important;background-color:#fff!important;border-radius:8px;width:100%;border:2px solid transparent}.contrast-wrapper .contrast-option-wrapper .contrast-option.black-white{background-color:#000!important;color:#fff!important}.contrast-wrapper .contrast-option-wrapper .contrast-option.yellow-black{background-color:#f9f150!important;color:#000!important}.contrast-wrapper .contrast-option-wrapper .contrast-option.black-yellow{background-color:#000!important;color:#f9f150!important}.contrast-wrapper .contrast-option-wrapper .contrast-option.active{border:2px solid;border-color:var(--base-0)}.visual-tools-wrapper{margin-top:24px}.visual-tools-wrapper .screen-mask-btn{margin-left:8px}.divider{margin:24px 0;border:1px solid var(--base-70)}.feature-links-wrapper{display:flex;flex-direction:column;gap:12px}.feature-link{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--base-40)}.feature-link mat-icon{scale:.75}:host ::ng-deep .mdc-tab--active{background-color:var(--mat-sys-primary-container)!important}:host ::ng-deep .mdc-tab--active .mdc-tab__text-label{color:var(--primary-accent)!important}:host ::ng-deep .mat-mdc-tab{width:50px;border:1px solid var(--base-70)}:host ::ng-deep .mat-mdc-tab:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}:host ::ng-deep .mat-mdc-tab:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}:host ::ng-deep .mdc-tab-indicator__content--underline{display:none}:host ::ng-deep .mat-mdc-tab-label-container{border-bottom-width:0!important}:host ::ng-deep .active .mdc-button__ripple{background-color:var(--primary-accent)!important;opacity:var(--mat-button-outlined-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity))}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccessibilityDialogComponent, { className: "AccessibilityDialogComponent", filePath: "lib/accessibility/accessibility-dialog.component.ts", lineNumber: 16 }); })();
 
-const USER_CONFIG_STORAGE = new InjectionToken('USER_CONFIG_STORAGE');
-
 class MatomoService {
     setCookies() {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -9483,13 +9466,6 @@ class CookieConsentComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CookieConsentComponent, { className: "CookieConsentComponent", filePath: "lib/analytics/cookie-consent/cookie-consent.component.ts", lineNumber: 18 }); })();
 
-const DEFAULT_ACCESSIBILITY_PREFERENCES = {
-    fontSizeIndex: 0,
-    contrast: AccessibilityContrasts.BASE,
-    textMagnifierEnabled: false,
-    screenMaskEnabled: false,
-};
-
 const DEFAULT_COOKIE_CONSENT_PREFERENCES = {
     accepted: false,
 };
@@ -9808,15 +9784,9 @@ class UILanguageService {
      * - If a preferred language is found, calls `useLanguage` to set the current language.
      */
     initialize() {
-        console.log('Initializing UILanguageService');
         this.#translateService.setFallbackLang(this.#getDefaultLanguage());
-        console.log(`Default language set to ${this.#getDefaultLanguage()}`);
-        console.log('Fetching language from storage');
         this.#getFromStore()
-            .pipe(tap(language => {
-            console.log(`Language fetched from storage: ${language}`);
-            this.useLanguage(language);
-        })).subscribe();
+            .pipe(tap(language => this.useLanguage(language))).subscribe();
     }
     /**
      * Sets the current language for the application.
@@ -9831,7 +9801,6 @@ class UILanguageService {
      * It updates UI language and stores the value in store.
      */
     useLanguage(languageCode) {
-        console.log(`Setting language to ${languageCode}`);
         if (!this.languages.includes(languageCode)) {
             console.error(`Language with code '${languageCode}' not supported`);
             languageCode = this.#getDefaultLanguage();
@@ -9842,34 +9811,23 @@ class UILanguageService {
         this.updateStore();
     }
     updateStore() {
-        console.log('Updating language in store');
         if (!this.#storage) {
-            console.warn('UserConfigStorage not available, cannot update language in store');
             return;
         }
-        console.log(`Storing language ${this.currentLanguage()} in storage`);
         this.#storage.write({ language: { locale: this.currentLanguage() } }).subscribe();
     }
     #getFromStore() {
-        console.log('Getting language from store');
         const defaultLanguage = this.#getDefaultLanguage();
-        console.log(`Default language is ${defaultLanguage}`);
         if (!this.#storage) {
-            console.warn('UserConfigStorage not available, returning default language');
             return of(defaultLanguage);
         }
         return this.#storage.read()
-            .pipe(map(config => {
-            console.log(`Language read from storage: ${config?.language.locale}`);
-            return config?.language.locale ?? defaultLanguage;
-        }));
+            .pipe(map(config => config?.language.locale ?? defaultLanguage));
     }
     #getDefaultLanguage() {
-        console.log(`Getting default language - ${this.#configuration.uiLanguagesConfiguration.defaultLanguage}`);
         return this.#configuration.uiLanguagesConfiguration.defaultLanguage;
     }
     #updateDocumentLangAttribute() {
-        console.log(`Updating document lang attribute to ${this.currentLanguage()}`);
         const doc = document.documentElement;
         doc.lang = this.currentLanguage().split('-')[0];
     }