@tilde-nlp/ngx-common 8.1.60 → 8.1.61

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

@@ -3747,11 +3747,11 @@ class StatusDisplayComponent {
             const loading_r2 = i0.ɵɵreference(3);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.config.loading)("ngIfElse", loading_r2);
-        } }, dependencies: [i1$1.NgIf, i2$6.MatProgressSpinner, i1.TranslatePipe], styles: [".status-display-wrapper[_ngcontent-%COMP%]{margin:4rem 0;display:flex;flex-direction:column;align-items:center}.status-display-row-title[_ngcontent-%COMP%], .status-display-row-description[_ngcontent-%COMP%], .status-display-row-extra[_ngcontent-%COMP%]{text-align:center}.status-display-row-description[_ngcontent-%COMP%]{max-width:500px;white-space:wrap}.status-display-row-extra[_ngcontent-%COMP%]{margin-top:1rem}.material-icons-outlined[_ngcontent-%COMP%]{font-size:4rem;color:var(--base-70)}mat-spinner[_ngcontent-%COMP%]{margin:auto}.material-icons[_ngcontent-%COMP%], .material-icons-outlined[_ngcontent-%COMP%]{margin-right:.5rem}"] }); }
+        } }, dependencies: [i1$1.NgIf, i2$6.MatProgressSpinner, i1.TranslatePipe], styles: [".status-display-wrapper[_ngcontent-%COMP%]{margin:4rem 0;display:flex;flex-direction:column;align-items:center}.status-display-row-title[_ngcontent-%COMP%], .status-display-row-description[_ngcontent-%COMP%], .status-display-row-extra[_ngcontent-%COMP%]{text-align:center}.status-display-row-description[_ngcontent-%COMP%]{max-width:500px;white-space:wrap;color:var(--base-40)}.status-display-row-extra[_ngcontent-%COMP%]{margin-top:1rem}.material-icons-outlined[_ngcontent-%COMP%]{font-size:4rem;color:var(--base-70)}mat-spinner[_ngcontent-%COMP%]{margin:auto}.material-icons[_ngcontent-%COMP%], .material-icons-outlined[_ngcontent-%COMP%]{margin-right:.5rem}"] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatusDisplayComponent, [{
         type: Component,
-        args: [{ selector: 'lib-status-display', standalone: false, template: "<div class=\"status-display-wrapper\">\r\n  <ng-container *ngIf=\"!config.loading; else loading\">\r\n    <div>\r\n      <span class=\"material-icons-outlined\">\r\n        {{ config.icon }}\r\n      </span>\r\n    </div>\r\n    <div\r\n      class=\"text-xl-semi-bold status-display-row-title\"\r\n      *ngIf=\"config.title\"\r\n      [innerHtml]=\"config.title | translate : config.titleParams\"\r\n    ></div>\r\n    <div\r\n      *ngIf=\"config.description\"\r\n      class=\"text-l status-display-row-description\"\r\n      [innerHtml]=\"config.description | translate : config.descriptionParams\"\r\n    ></div>\r\n    <div\r\n      *ngIf=\"config.extraDescription\"\r\n      class=\"text-l status-display-row-extra\"\r\n      [innerHtml]=\"config.extraDescription | translate : config.extraDescriptionParams\"\r\n    ></div>\r\n    <ng-content></ng-content>\r\n  </ng-container>\r\n  <ng-template #loading>\r\n    <mat-spinner color=\"accent\"></mat-spinner>\r\n  </ng-template>\r\n</div>\r\n", styles: [".status-display-wrapper{margin:4rem 0;display:flex;flex-direction:column;align-items:center}.status-display-row-title,.status-display-row-description,.status-display-row-extra{text-align:center}.status-display-row-description{max-width:500px;white-space:wrap}.status-display-row-extra{margin-top:1rem}.material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}.material-icons,.material-icons-outlined{margin-right:.5rem}\n"] }]
+        args: [{ selector: 'lib-status-display', standalone: false, template: "<div class=\"status-display-wrapper\">\r\n  <ng-container *ngIf=\"!config.loading; else loading\">\r\n    <div>\r\n      <span class=\"material-icons-outlined\">\r\n        {{ config.icon }}\r\n      </span>\r\n    </div>\r\n    <div\r\n      class=\"text-xl-semi-bold status-display-row-title\"\r\n      *ngIf=\"config.title\"\r\n      [innerHtml]=\"config.title | translate : config.titleParams\"\r\n    ></div>\r\n    <div\r\n      *ngIf=\"config.description\"\r\n      class=\"text-l status-display-row-description\"\r\n      [innerHtml]=\"config.description | translate : config.descriptionParams\"\r\n    ></div>\r\n    <div\r\n      *ngIf=\"config.extraDescription\"\r\n      class=\"text-l status-display-row-extra\"\r\n      [innerHtml]=\"config.extraDescription | translate : config.extraDescriptionParams\"\r\n    ></div>\r\n    <ng-content></ng-content>\r\n  </ng-container>\r\n  <ng-template #loading>\r\n    <mat-spinner color=\"accent\"></mat-spinner>\r\n  </ng-template>\r\n</div>\r\n", styles: [".status-display-wrapper{margin:4rem 0;display:flex;flex-direction:column;align-items:center}.status-display-row-title,.status-display-row-description,.status-display-row-extra{text-align:center}.status-display-row-description{max-width:500px;white-space:wrap;color:var(--base-40)}.status-display-row-extra{margin-top:1rem}.material-icons-outlined{font-size:4rem;color:var(--base-70)}mat-spinner{margin:auto}.material-icons,.material-icons-outlined{margin-right:.5rem}\n"] }]
     }], null, { config: [{
             type: Input,
             args: [{ required: true }]
@@ -8715,12 +8715,12 @@ class AccessibilityService {
         this.#screenMask = inject(AccessibilityScreenMaskService);
         this.#storage = inject(USER_CONFIG_STORAGE, { optional: true });
         this.preferences = signal(DEFAULT_ACCESSIBILITY_PREFERENCES, ...(ngDevMode ? [{ debugName: "preferences" }] : []));
-        this.#updateValuesFromStorage();
+        this.#readStorage();
     }
     toggleScreenMask() {
         const updatedStatus = !this.preferences().screenMaskEnabled;
         this.#screenMask.toggleScreenMask(updatedStatus);
-        this.#updatePreferencesAndStorage({ screenMaskEnabled: updatedStatus });
+        this.#updateConfig({ screenMaskEnabled: updatedStatus });
     }
     closeFocusBar() {
         this.#screenMask.closeFocusBar();
@@ -8728,43 +8728,17 @@ class AccessibilityService {
     toggleTextMagnifier() {
         const updatedStatus = !this.preferences().textMagnifierEnabled;
         this.#textMagnifier.toggleTextMagnifier(updatedStatus);
-        this.#updatePreferencesAndStorage({ textMagnifierEnabled: updatedStatus });
+        this.#updateConfig({ textMagnifierEnabled: updatedStatus });
     }
     setSavedTextMagnifierStatus() {
-        this.#updateMagnifierFromPreferences();
+        const currnetStatus = this.preferences().textMagnifierEnabled;
+        this.#textMagnifier.toggleTextMagnifier(currnetStatus);
     }
     setSavedScreenMaskStatus() {
-        this.#updateScreenMaskFromPreferences();
+        const currnetStatus = this.preferences().screenMaskEnabled;
+        this.#screenMask.toggleScreenMask(currnetStatus);
     }
     setFontSize(fontSizeIx) {
-        this.#updatePreferencesAndStorage({ fontSizeIndex: fontSizeIx });
-    }
-    setContrast(contrast) {
-        this.#updatePreferencesAndStorage({ contrast: contrast });
-    }
-    reset() {
-        this.#updatePreferencesAndStorage({ ...DEFAULT_ACCESSIBILITY_PREFERENCES });
-    }
-    #updatePreferencesAndStorage(updates) {
-        this.#updatePreferences(updates);
-        this.#storage?.write({ accessibility: this.preferences() }).subscribe();
-    }
-    #updatePreferences(updates) {
-        this.preferences.set({ ...this.preferences(), ...updates });
-        this.#updateContrastFromPreferences();
-        this.#updateFontSizeFromPreferences();
-        this.#updateScreenMaskFromPreferences();
-        this.#updateMagnifierFromPreferences();
-    }
-    #updateValuesFromStorage() {
-        this.#storage?.read().subscribe(config => {
-            if (config?.accessibility) {
-                this.#updatePreferences({ ...config.accessibility });
-            }
-        });
-    }
-    #updateFontSizeFromPreferences() {
-        const fontSizeIx = this.preferences().fontSizeIndex;
         const sizes = Object.values(AccessibilityFontSizes);
         if (fontSizeIx > 0) {
             this.sizeIncreaseSubject.next(true);
@@ -8773,18 +8747,26 @@ class AccessibilityService {
             this.sizeIncreaseSubject.next(false);
         }
         document.querySelector('html').style.fontSize = sizes[fontSizeIx];
+        this.#updateConfig({ fontSizeIndex: fontSizeIx });
     }
-    #updateContrastFromPreferences() {
-        const contrast = this.preferences().contrast;
+    setContrast(contrast) {
+        this.contrastSubject.next(contrast);
         document.querySelector('html').className = contrast;
+        this.#updateConfig({ contrast: contrast });
     }
-    #updateMagnifierFromPreferences() {
-        const isEnabled = this.preferences().textMagnifierEnabled;
-        this.#textMagnifier.toggleTextMagnifier(isEnabled);
+    reset() {
+        this.#updateConfig({ ...DEFAULT_ACCESSIBILITY_PREFERENCES });
     }
-    #updateScreenMaskFromPreferences() {
-        const isEnabled = this.preferences().screenMaskEnabled;
-        this.#screenMask.toggleScreenMask(isEnabled);
+    #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' }); }