@arsedizioni/ars-utils 18.2.339 → 18.2.341

package/fesm2022/arsedizioni-ars-utils-core.mjs

@@ -7,7 +7,7 @@ import { HttpParams } from '@angular/common/http';
 import { fromZonedTime } from 'date-fns-tz';
 import { NG_VALIDATORS } from '@angular/forms';
 import { debounceTime } from 'rxjs/operators';
-import { Subject } from 'rxjs';
+import { Subject, BehaviorSubject } from 'rxjs';
 import { DateAdapter, MAT_DATE_LOCALE, MAT_DATE_FORMATS } from '@angular/material/core';
 import { SelectionModel } from '@angular/cdk/collections';
 
@@ -1928,6 +1928,18 @@ class ThemeService {
         this.broadcastMessage = '$theme-changed';
         // per intercettare il cambio di tema a livello di sistema
         this.prefersColorSchemeMediaQueryList = window.matchMedia('(prefers-color-scheme: dark)');
+        /**
+         * Theme changed event.
+         * Notify the consuming component about the incoming theme change.
+         * @example
+         * // React to theme changes
+         * this.themeService.themeChanged
+         *    .pipe(takeUntil(this.unsubscribe))
+         *    .subscribe((value: ThemeType) => {
+         *      // do the job done....
+         *    });
+         */
+        this.themeChanged = new BehaviorSubject('auto');
         this.renderFactory2 = inject(RendererFactory2);
         this.renderer = this.renderFactory2.createRenderer(null, null);
         /**
@@ -1982,14 +1994,20 @@ class ThemeService {
         this.broadcastChannel.dispose();
     }
     /**
-     * Load current theme
+     * Get the current preferred theme
      */
-    loadTheme() {
+    getPreferredTheme() {
         let theme = localStorage.getItem("preferred-theme");
         if (!this.isTheme(theme)) {
             theme = 'auto';
         }
-        this.setTheme(theme);
+        return theme;
+    }
+    /**
+     * Load theme
+     */
+    loadTheme() {
+        this.setTheme(this.getPreferredTheme());
     }
     /**
      * Check if a value string is a theme type
@@ -2009,6 +2027,8 @@ class ThemeService {
         this.theme.set(theme);
         localStorage.setItem("preferred-theme", this.theme());
         this.renderer.addClass(document.body, this.auto() ? (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light") : theme);
+        // Notify that current theme has changed
+        this.themeChanged.next(this.getTheme());
         this.broadcastChannel.sendMessage(this.broadcastMessage, this.theme());
     }
     /**
@@ -2018,14 +2038,12 @@ class ThemeService {
         this.setTheme(this.themeInfo[this.theme()].next);
     }
     /**
-     * Get current active theme
-     *     // Load current theme
+     * Get current real theme: light or dark
      */
     getTheme() {
-        this.loadTheme();
         return (this.auto()
             ? (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light")
-            : this.theme());
+            : this.getPreferredTheme());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.3", ngImport: i0, type: ThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.3", ngImport: i0, type: ThemeService, providedIn: "root" }); }