@tilde-nlp/ngx-common 8.1.10 → 8.1.12

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

@@ -3328,7 +3328,7 @@ class FileUploadModule {
 const _c0$a = ["filterWrapper"];
 const _c1$4 = ["optionSearchInput"];
 const _c2$2 = a0 => ({ default: a0 });
-const _forTrack0$1 = ($index, $item) => $item.fieldName;
+const _forTrack0$2 = ($index, $item) => $item.fieldName;
 const _forTrack1 = ($index, $item) => $item.key;
 const _forTrack2 = ($index, $item) => $item.value;
 function FilterBarComponent_div_0_For_5_span_5_Template(rf, ctx) { if (rf & 1) {
@@ -3476,7 +3476,7 @@ function FilterBarComponent_div_0_ng_container_6_Template(rf, ctx) { if (rf & 1)
 function FilterBarComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 6)(1, "div", 7, 0);
     i0.ɵɵelementContainerStart(3, 8);
-    i0.ɵɵrepeaterCreate(4, FilterBarComponent_div_0_For_5_Template, 12, 12, "button", 9, _forTrack0$1);
+    i0.ɵɵrepeaterCreate(4, FilterBarComponent_div_0_For_5_Template, 12, 12, "button", 9, _forTrack0$2);
     i0.ɵɵelementContainerEnd();
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(6, FilterBarComponent_div_0_ng_container_6_Template, 8, 0, "ng-container", 10);
@@ -7821,7 +7821,7 @@ class ToastService {
             }]
     }], null, null); })();
 
-const _forTrack0 = ($index, $item) => $item.id;
+const _forTrack0$1 = ($index, $item) => $item.id;
 function ToastComponent_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1)(1, "span");
@@ -7855,7 +7855,7 @@ class ToastComponent {
     static { this.ɵfac = function ToastComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToastComponent)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToastComponent, selectors: [["lib-toast"]], decls: 3, vars: 0, consts: [[1, "toast-container"], [1, "toast"], ["mat-icon-button", "", 3, "click"]], template: function ToastComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵrepeaterCreate(1, ToastComponent_For_2_Template, 7, 4, "div", 1, _forTrack0);
+            i0.ɵɵrepeaterCreate(1, ToastComponent_For_2_Template, 7, 4, "div", 1, _forTrack0$1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -8777,11 +8777,12 @@ class AccessibilityService {
             }]
     }], null, null); })();
 
+const _forTrack0 = ($index, $item) => $item.text;
 function AccessibilityDialogComponent_For_18_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 14);
+    i0.ɵɵelementStart(0, "button", 17);
     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", 15);
+    i0.ɵɵelementStart(1, "mat-icon", 18);
     i0.ɵɵtext(2, "visibility");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -8790,11 +8791,38 @@ function AccessibilityDialogComponent_For_18_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassMap(contrast_r2);
     i0.ɵɵclassProp("active", contrast_r2 === ctx_r2.currentContrast);
 } }
+function AccessibilityDialogComponent_For_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 14);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "translate");
+    i0.ɵɵelementStart(3, "mat-icon");
+    i0.ɵɵtext(4, "arrow_forward_ios");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const feature_r4 = ctx.$implicit;
+    i0.ɵɵproperty("href", feature_r4.link, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, feature_r4.text), " ");
+} }
 class AccessibilityDialogComponent {
     constructor() {
         this.currentContrast = AccessibilityContrasts.BASE;
         this.#accessibility = inject(AccessibilityService);
         this.contrasts = Object.values(AccessibilityContrasts);
+        this.featureSources = [
+            {
+                text: 'ACCESSIBILITY.EASY_TO_READ',
+                link: '/easy-read',
+            },
+            {
+                text: 'ACCESSIBILITY.OTHER_SETTINGS',
+                link: '/accessibility-features',
+            },
+            {
+                text: 'ACCESSIBILITY.NOTIFICATION',
+                link: '/accessibility-statement',
+            }
+        ];
     }
     #accessibility;
     ngOnInit() {
@@ -8837,7 +8865,7 @@ class AccessibilityDialogComponent {
         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: 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AccessibilityDialogComponent, selectors: [["lib-accessibility-dialog"]], decls: 40, 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"], [1, "divider"], [1, "feature-links-wrapper"], [1, "feature-link", 3, "href"], ["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");
@@ -8870,15 +8898,19 @@ class AccessibilityDialogComponent {
             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.ɵɵelement(29, "div", 12);
+            i0.ɵɵelementStart(30, "div", 13);
+            i0.ɵɵrepeaterCreate(31, AccessibilityDialogComponent_For_32_Template, 5, 4, "a", 14, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(33, "div", 15)(34, "button", 10);
+            i0.ɵɵlistener("click", function AccessibilityDialogComponent_Template_button_click_34_listener() { return ctx.reset(); });
+            i0.ɵɵtext(35);
+            i0.ɵɵpipe(36, "translate");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(33, "button", 13);
-            i0.ɵɵtext(34);
-            i0.ɵɵpipe(35, "translate");
+            i0.ɵɵelementStart(37, "button", 16);
+            i0.ɵɵtext(38);
+            i0.ɵɵpipe(39, "translate");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -8908,14 +8940,16 @@ class AccessibilityDialogComponent {
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(28, 26, "ACCESSIBILITY.SCREEN_MASK"), " ");
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(32, 28, "ACCESSIBILITY.RESET"));
+            i0.ɵɵrepeater(ctx.featureSources);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(36, 28, "ACCESSIBILITY.RESET"));
             i0.ɵɵadvance(3);
-            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))}"] }); }
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(39, 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}.divider[_ngcontent-%COMP%]{margin:24px 0;border:1px solid var(--base-70)}.feature-links-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:12px}.feature-link[_ngcontent-%COMP%]{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--base-40)}.feature-link[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{scale:.75}[_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<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"] }]
+        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"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AccessibilityDialogComponent, { className: "AccessibilityDialogComponent", filePath: "lib/accessibility/accessibility-dialog.component.ts", lineNumber: 16 }); })();