@tilde-nlp/ngx-common 8.1.2 → 8.1.4

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

@@ -8519,12 +8519,224 @@ 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) {
+                if (event.target?.classList?.contains('mat-icon')) {
+                    return;
+                }
+                const textContent = this.getFirstTextContent(event.target);
+                if (!textContent.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 || '';
+                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 AccessibilityScreenMaskService {
+    constructor() {
+        this.focusBarHeight = 60;
+        this.SCREEN_MASK_HEIGHT_KEY = 'SCREEN_MASK_HEIGHT_KEY';
+        this.MASK_CLASS = 'screen-mask';
+        this.MASK_OVERLAY_CLASS = 'screen-mask-overlay';
+        this.FOCUS_BAR_CLASS = 'screen-mask-focus-bar';
+        this.FOCUS_BAR_BTN_CLASS = 'screen-mask-bar-btn';
+        this.INCREASE_BTN_TEXT = '+';
+        this.DECREASE_BTN_TEXT = '-';
+        this.CLOSE_BTN_TEXT = 'x';
+    }
+    toggleScreenMask(isDisabled) {
+        const body = document.querySelector('body');
+        if (!isDisabled) {
+            this.closeFocusBar();
+        }
+        else {
+            const mask = document.createElement('div');
+            const maskOverlay = document.createElement('div');
+            const maskFocusBar = document.createElement('div');
+            const increaseButton = document.createElement('button');
+            const decreaseButton = document.createElement('button');
+            const closeButton = document.createElement('button');
+            mask.classList.add(this.MASK_CLASS);
+            maskFocusBar.classList.add(this.FOCUS_BAR_CLASS);
+            maskOverlay.classList.add(this.MASK_OVERLAY_CLASS);
+            increaseButton.textContent = this.INCREASE_BTN_TEXT;
+            decreaseButton.textContent = this.DECREASE_BTN_TEXT;
+            closeButton.textContent = this.CLOSE_BTN_TEXT;
+            increaseButton.addEventListener('click', () => this.increaseFocusBar());
+            decreaseButton.addEventListener('click', () => this.decreaseFocusBar());
+            closeButton.addEventListener('click', () => this.closeFocusBar());
+            maskFocusBar.appendChild(increaseButton);
+            maskFocusBar.appendChild(decreaseButton);
+            maskFocusBar.appendChild(closeButton);
+            mask.appendChild(maskOverlay);
+            mask.appendChild(maskFocusBar);
+            body.appendChild(mask);
+            const storedHeight = localStorage.getItem(this.SCREEN_MASK_HEIGHT_KEY);
+            const height = storedHeight ? JSON.parse(storedHeight) : this.focusBarHeight;
+            this.focusBarHeight = height;
+            this.updateFocusBar();
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            this.listener = (event) => {
+                const mouseY = event.clientY - this.focusBarHeight / 2;
+                maskFocusBar.style.height = `${this.focusBarHeight}px`;
+                maskFocusBar.style.top = `${mouseY}px`;
+                const clipPathValue = `polygon(0px 0px, 100% 0px, 100% ${mouseY}px, 0px ${mouseY}px, 0px ${mouseY + this.focusBarHeight}px, 100% ${mouseY + this.focusBarHeight}px, 100% 100%, 0px 100%)`;
+                maskOverlay.style.clipPath = clipPathValue;
+            };
+            body.addEventListener('mousemove', this.listener);
+        }
+    }
+    increaseFocusBar() {
+        this.focusBarHeight += 10;
+        this.updateFocusBar();
+    }
+    decreaseFocusBar() {
+        this.focusBarHeight = Math.max(40, this.focusBarHeight - 10);
+        this.updateFocusBar();
+    }
+    updateFocusBar() {
+        const maskFocusBar = document.querySelector(`.${this.FOCUS_BAR_CLASS}`);
+        const maskOverlay = document.querySelector(`.${this.MASK_OVERLAY_CLASS}`);
+        if (maskFocusBar && maskOverlay) {
+            const mouseY = parseInt(maskFocusBar.style.top || '0');
+            maskFocusBar.style.height = `${this.focusBarHeight}px`;
+            const clipPathValue = `polygon(0px 0px, 100% 0px, 100% ${mouseY}px, 0px ${mouseY}px, 0px ${mouseY + this.focusBarHeight}px, 100% ${mouseY + this.focusBarHeight}px, 100% 100%, 0px 100%)`;
+            maskOverlay.style.clipPath = clipPathValue;
+        }
+        localStorage.setItem(this.SCREEN_MASK_HEIGHT_KEY, JSON.stringify(this.focusBarHeight));
+    }
+    closeFocusBar() {
+        const body = document.querySelector('body');
+        const existingMask = document.querySelector(`.${this.MASK_CLASS}`);
+        if (existingMask) {
+            body.removeChild(existingMask);
+            body.removeEventListener('mousemove', this.listener);
+            localStorage.setItem('SCREEN_MASK', JSON.stringify(false));
+            document.querySelector('.screen-mask-btn')?.classList.remove('active');
+        }
+    }
+    static { this.ɵfac = function AccessibilityScreenMaskService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccessibilityScreenMaskService)(); }; }
+    static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AccessibilityScreenMaskService, factory: AccessibilityScreenMaskService.ɵfac, providedIn: 'root' }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AccessibilityScreenMaskService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root',
+            }]
+    }], null, null); })();
+
 class AccessibilityService {
     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);
+    }
+    #textMagnifier;
+    #screenMask;
+    toggleScreenMask() {
+        const currnetStatus = this.getSavedScreenMaskStatus();
+        const oppositeStatus = JSON.stringify(!currnetStatus);
+        this.#screenMask.toggleScreenMask(!currnetStatus);
+        localStorage.setItem(this.screenMaskLocalStorageKey, oppositeStatus);
+    }
+    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;
+    }
+    setSavedTextMagnifierStatus() {
+        const currnetStatus = this.getSavedTextMagnifierStatus();
+        this.#textMagnifier.toggleTextMagnifier(currnetStatus);
+    }
+    setSavedScreenMaskStatus() {
+        const currnetStatus = this.getSavedScreenMaskStatus();
+        this.#screenMask.toggleScreenMask(currnetStatus);
     }
     saveContrast(contrast) {
         localStorage.setItem(this.contrastLocalStorageKey, contrast);
@@ -8535,7 +8747,7 @@ class AccessibilityService {
     }
     getSavedFontSize() {
         const savedFontSizeIx = localStorage.getItem(this.fontSizeLocalStorageKey);
-        return JSON.parse(savedFontSizeIx ?? AccessibilityFontSizes.BASE);
+        return JSON.parse(savedFontSizeIx ?? '0');
     }
     saveFontSize(ix) {
         localStorage.setItem(this.fontSizeLocalStorageKey, ix.toString());
@@ -8566,9 +8778,9 @@ class AccessibilityService {
 
 function AccessibilityDialogComponent_For_18_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 12);
+    i0.ɵɵelementStart(0, "button", 14);
     i0.ɵɵlistener("click", function AccessibilityDialogComponent_For_18_Template_button_click_0_listener() { const contrast_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.changeContrast(contrast_r2)); });
-    i0.ɵɵelementStart(1, "mat-icon", 13);
+    i0.ɵɵelementStart(1, "mat-icon", 15);
     i0.ɵɵtext(2, "visibility");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -8579,7 +8791,7 @@ function AccessibilityDialogComponent_For_18_Template(rf, ctx) { if (rf & 1) {
 } }
 class AccessibilityDialogComponent {
     constructor() {
-        this.currentContrast = 'base';
+        this.currentContrast = AccessibilityContrasts.BASE;
         this.#accessibility = inject(AccessibilityService);
         this.contrasts = Object.values(AccessibilityContrasts);
     }
@@ -8587,6 +8799,8 @@ class AccessibilityDialogComponent {
     ngOnInit() {
         this.selectedFontSizeIndex = this.#accessibility.getSavedFontSize();
         this.currentContrast = this.#accessibility.getSavedContrast();
+        this.isTextMagnifierEnabled = this.#accessibility.getSavedTextMagnifierStatus();
+        this.isScreenMaskEnabled = this.#accessibility.getSavedScreenMaskStatus();
     }
     changeContrast(contrast) {
         this.currentContrast = contrast;
@@ -8598,14 +8812,25 @@ class AccessibilityDialogComponent {
         this.#accessibility.saveFontSize(this.selectedFontSizeIndex);
         this.#accessibility.setFontSize(this.selectedFontSizeIndex);
     }
+    toggleTextMagnifier() {
+        this.#accessibility.toggleTextMagnifier();
+        this.isTextMagnifierEnabled = this.#accessibility.getSavedTextMagnifierStatus();
+    }
+    toggleScreenMask() {
+        this.#accessibility.toggleScreenMask();
+        this.isScreenMaskEnabled = this.#accessibility.getSavedScreenMaskStatus();
+    }
+    closeFocusBar() {
+        this.#accessibility.closeFocusBar();
+    }
     reset() {
-        this.changeContrast('base');
+        this.changeContrast(AccessibilityContrasts.BASE);
         this.selectedFontSizeIndex = 0;
         this.#accessibility.saveFontSize(this.selectedFontSizeIndex);
         this.#accessibility.setFontSize(this.selectedFontSizeIndex);
     }
     static { this.ɵfac = function AccessibilityDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AccessibilityDialogComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccessibilityDialogComponent, selectors: [["lib-accessibility-dialog"]], decls: 26, vars: 19, consts: [["mat-dialog-title", "", 1, "text-2-xl"], ["mat-dialog-content", ""], [1, "font-size-wrapper"], [1, "settings-title"], ["animationDuration", "0ms", 3, "selectedTabChange", "selectedIndex"], [3, "label"], [1, "contrast-wrapper"], [1, "contrast-option-wrapper"], [1, "contrast-option", 3, "class", "active"], ["mat-dialog-actions", ""], ["mat-stroked-button", "", 3, "click"], ["mat-flat-button", "", "mat-dialog-close", ""], [1, "contrast-option", 3, "click"], [1, "material-icons-outlined"]], template: function AccessibilityDialogComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccessibilityDialogComponent, selectors: [["lib-accessibility-dialog"]], decls: 36, vars: 32, consts: [["mat-dialog-title", "", 1, "text-2-xl"], ["mat-dialog-content", ""], [1, "font-size-wrapper"], [1, "settings-title"], ["animationDuration", "0ms", 3, "selectedTabChange", "selectedIndex"], [3, "label"], [1, "contrast-wrapper"], [1, "contrast-option-wrapper"], [1, "contrast-option", 3, "class", "active"], [1, "visual-tools-wrapper"], ["mat-stroked-button", "", 3, "click"], ["mat-stroked-button", "", 1, "screen-mask-btn", 3, "click"], ["mat-dialog-actions", ""], ["mat-flat-button", "", "mat-dialog-close", ""], [1, "contrast-option", 3, "click"], [1, "material-icons-outlined"]], template: function AccessibilityDialogComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "h1", 0);
             i0.ɵɵtext(1);
             i0.ɵɵpipe(2, "translate");
@@ -8624,21 +8849,35 @@ class AccessibilityDialogComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(16, "div", 7);
             i0.ɵɵrepeaterCreate(17, AccessibilityDialogComponent_For_18_Template, 3, 4, "button", 8, i0.ɵɵrepeaterTrackByIdentity);
-            i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(19, "div", 9)(20, "button", 10);
-            i0.ɵɵlistener("click", function AccessibilityDialogComponent_Template_button_click_20_listener() { return ctx.reset(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(19, "div", 9)(20, "p", 3);
             i0.ɵɵtext(21);
             i0.ɵɵpipe(22, "translate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "button", 11);
+            i0.ɵɵelementStart(23, "button", 10);
+            i0.ɵɵlistener("click", function AccessibilityDialogComponent_Template_button_click_23_listener() { return ctx.toggleTextMagnifier(); });
             i0.ɵɵtext(24);
             i0.ɵɵpipe(25, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(26, "button", 11);
+            i0.ɵɵlistener("click", function AccessibilityDialogComponent_Template_button_click_26_listener() { return ctx.toggleScreenMask(); });
+            i0.ɵɵtext(27);
+            i0.ɵɵpipe(28, "translate");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(29, "div", 12)(30, "button", 10);
+            i0.ɵɵlistener("click", function AccessibilityDialogComponent_Template_button_click_30_listener() { return ctx.reset(); });
+            i0.ɵɵtext(31);
+            i0.ɵɵpipe(32, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(33, "button", 13);
+            i0.ɵɵtext(34);
+            i0.ɵɵpipe(35, "translate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 9, "ACCESSIBILITY.TITLE"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 16, "ACCESSIBILITY.TITLE"));
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 11, "ACCESSIBILITY.FONT_SIZE_LABEL"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 18, "ACCESSIBILITY.FONT_SIZE_LABEL"), " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("selectedIndex", ctx.selectedFontSizeIndex);
             i0.ɵɵadvance();
@@ -8648,18 +8887,28 @@ class AccessibilityDialogComponent {
             i0.ɵɵadvance();
             i0.ɵɵproperty("label", "200%");
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 13, "ACCESSIBILITY.CONTRAST_LABEL"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(15, 20, "ACCESSIBILITY.CONTRAST_LABEL"), " ");
             i0.ɵɵadvance(3);
             i0.ɵɵrepeater(ctx.contrasts);
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(22, 15, "ACCESSIBILITY.RESET"));
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(22, 22, "ACCESSIBILITY.VISUAL_TOOLS_LABEL"), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("active", ctx.isTextMagnifierEnabled);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(25, 24, "ACCESSIBILITY.TEXT_MAGNIFIER"), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("active", ctx.isScreenMaskEnabled);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(28, 26, "ACCESSIBILITY.SCREEN_MASK"), " ");
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 28, "ACCESSIBILITY.RESET"));
             i0.ɵɵadvance(3);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(25, 17, "ACCESSIBILITY.CLOSE"));
-        } }, dependencies: [MatDialogModule, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, TranslateModule, MatButtonModule, i2$1.MatButton, MatTabsModule, i3$1.MatTab, i3$1.MatTabGroup, MatIconModule, i1.MatIcon, i1$1.TranslatePipe], styles: [".settings-title[_ngcontent-%COMP%]{color:var(--base-30);font-weight:600;font-size:.8125rem;margin-bottom:12px}.contrast-wrapper[_ngcontent-%COMP%]{margin-top:24px}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]{display:flex;gap:12px}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option.black-white[_ngcontent-%COMP%]{background-color:#000!important;color:#fff!important}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option.yellow-black[_ngcontent-%COMP%]{background-color:#f9f150!important;color:#000!important}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option.black-yellow[_ngcontent-%COMP%]{background-color:#000!important;color:#f9f150!important}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option.active[_ngcontent-%COMP%]{border:2px solid;border-color:var(--base-0)}[_nghost-%COMP%]     .mdc-tab--active{background-color:var(--mat-sys-primary-container)!important}[_nghost-%COMP%]     .mdc-tab--active .mdc-tab__text-label{color:var(--primary-accent)!important}[_nghost-%COMP%]     .mat-mdc-tab{width:50px;border:1px solid var(--base-70)}[_nghost-%COMP%]     .mat-mdc-tab:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}[_nghost-%COMP%]     .mat-mdc-tab:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}[_nghost-%COMP%]     .mdc-tab-indicator__content--underline{display:none}[_nghost-%COMP%]     .mat-mdc-tab-label-container{border-bottom-width:0!important}"] }); }
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(35, 30, "ACCESSIBILITY.CLOSE"));
+        } }, dependencies: [MatDialogModule, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, TranslateModule, MatButtonModule, i2$1.MatButton, MatTabsModule, i3$1.MatTab, i3$1.MatTabGroup, MatIconModule, i1.MatIcon, i1$1.TranslatePipe], styles: [".settings-title[_ngcontent-%COMP%]{color:var(--base-30);font-weight:600;font-size:.8125rem;margin-bottom:12px}.contrast-wrapper[_ngcontent-%COMP%]{margin-top:24px}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]{display:flex;gap:12px}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option[_ngcontent-%COMP%]{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[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option.black-white[_ngcontent-%COMP%]{background-color:#000!important;color:#fff!important}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option.yellow-black[_ngcontent-%COMP%]{background-color:#f9f150!important;color:#000!important}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option.black-yellow[_ngcontent-%COMP%]{background-color:#000!important;color:#f9f150!important}.contrast-wrapper[_ngcontent-%COMP%]   .contrast-option-wrapper[_ngcontent-%COMP%]   .contrast-option.active[_ngcontent-%COMP%]{border:2px solid;border-color:var(--base-0)}.visual-tools-wrapper[_ngcontent-%COMP%]{margin-top:24px}.visual-tools-wrapper[_ngcontent-%COMP%]   .screen-mask-btn[_ngcontent-%COMP%]{margin-left:8px}[_nghost-%COMP%]     .mdc-tab--active{background-color:var(--mat-sys-primary-container)!important}[_nghost-%COMP%]     .mdc-tab--active .mdc-tab__text-label{color:var(--primary-accent)!important}[_nghost-%COMP%]     .mat-mdc-tab{width:50px;border:1px solid var(--base-70)}[_nghost-%COMP%]     .mat-mdc-tab:first-child{border-bottom-left-radius:16px;border-top-left-radius:16px}[_nghost-%COMP%]     .mat-mdc-tab:last-child{border-bottom-right-radius:16px;border-top-right-radius:16px}[_nghost-%COMP%]     .mdc-tab-indicator__content--underline{display:none}[_nghost-%COMP%]     .mat-mdc-tab-label-container{border-bottom-width:0!important}[_nghost-%COMP%]     .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))}"] }); }
 }
 (() => { (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\t<button (click)=\"changeContrast(contrast)\" [class]=\"contrast\" [class.active]=\"contrast === currentContrast\" class=\"contrast-option\">\r\n\t\t\t\t\t<mat-icon class=\"material-icons-outlined\">visibility</mat-icon>\r\n\t\t\t\t</button>\r\n\t\t\t}\r\n\t\t</div>\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)}: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}\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]=\"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</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}: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 }); })();
 
@@ -8671,5 +8920,5 @@ class AccessibilityDialogComponent {
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_CONFIGURATION_TOKEN, AccessibilityContrasts, AccessibilityDialogComponent, AccessibilityFontSizes, AccessibilityService, AlertService, AuthHeadersHelper, COLLECTIONS_MENU, ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CombinedCollection, CombinedCollectionTooltipKey, CompanyProductComponent, CompanyProductModule, Confirmation, ConfirmationModalComponent, ConfirmationModalModule, ConfirmationService, ConversionHelper, CustomPaginatorInernationalizationHelper, CustomTitleStrategyService, 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, 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, AuthHeadersHelper, COLLECTIONS_MENU, ClickOutsideDirective, ClickOutsideModule, CloseButtonComponent, CloseButtonModule, CombinedCollection, CombinedCollectionTooltipKey, CompanyProductComponent, CompanyProductModule, Confirmation, ConfirmationModalComponent, ConfirmationModalModule, ConfirmationService, ConversionHelper, CustomPaginatorInernationalizationHelper, CustomTitleStrategyService, 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, 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 };
 //# sourceMappingURL=tilde-nlp-ngx-common.mjs.map