@tilde-nlp/ngx-common 8.1.2 → 8.1.3

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

@@ -8519,12 +8519,108 @@ 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 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 AccessibilityService {
     constructor() {
         this.fontSizeLocalStorageKey = 'ACCESSIBILITY_FONT_SIZE_IX';
         this.contrastLocalStorageKey = 'ACCESSIBILITY_CONTRAST';
+        this.textMagnifierLocalStorageKey = 'TEXT_MAGNIFIER';
         this.sizeIncreaseSubject = new Subject();
         this.contrastSubject = new Subject();
+        this.#textMagnifier = inject(AccessibilityTextMagnifierService);
+    }
+    #textMagnifier;
+    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;
+    }
+    setSavedTextMagnifierStatus() {
+        const currnetStatus = this.getSavedTextMagnifierStatus();
+        this.#textMagnifier.toggleTextMagnifier(currnetStatus);
     }
     saveContrast(contrast) {
         localStorage.setItem(this.contrastLocalStorageKey, contrast);
@@ -8566,9 +8662,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", 13);
     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", 14);
     i0.ɵɵtext(2, "visibility");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -8579,7 +8675,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 +8683,7 @@ class AccessibilityDialogComponent {
     ngOnInit() {
         this.selectedFontSizeIndex = this.#accessibility.getSavedFontSize();
         this.currentContrast = this.#accessibility.getSavedContrast();
+        this.isTextMagnifierEnabled = this.#accessibility.getSavedTextMagnifierStatus();
     }
     changeContrast(contrast) {
         this.currentContrast = contrast;
@@ -8598,14 +8695,18 @@ class AccessibilityDialogComponent {
         this.#accessibility.saveFontSize(this.selectedFontSizeIndex);
         this.#accessibility.setFontSize(this.selectedFontSizeIndex);
     }
+    toggleTextMagnifier() {
+        this.#accessibility.toggleTextMagnifier();
+        this.isTextMagnifierEnabled = this.#accessibility.getSavedTextMagnifierStatus();
+    }
     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: 33, vars: 27, 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-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 +8725,30 @@ 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, "div", 11)(27, "button", 10);
+            i0.ɵɵlistener("click", function AccessibilityDialogComponent_Template_button_click_27_listener() { return ctx.reset(); });
+            i0.ɵɵtext(28);
+            i0.ɵɵpipe(29, "translate");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(30, "button", 12);
+            i0.ɵɵtext(31);
+            i0.ɵɵpipe(32, "translate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 9, "ACCESSIBILITY.TITLE"));
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 13, "ACCESSIBILITY.TITLE"));
             i0.ɵɵadvance(5);
-            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 11, "ACCESSIBILITY.FONT_SIZE_LABEL"), " ");
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(7, 15, "ACCESSIBILITY.FONT_SIZE_LABEL"), " ");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("selectedIndex", ctx.selectedFontSizeIndex);
             i0.ɵɵadvance();
@@ -8648,18 +8758,24 @@ 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, 17, "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, 19, "ACCESSIBILITY.VISUAL_TOOLS_LABEL"), " ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("active", ctx.isTextMagnifierEnabled);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(25, 21, "ACCESSIBILITY.TEXT_MAGNIFIER"), " ");
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(29, 23, "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(32, 25, "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\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\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>\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 +8787,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