@arsedizioni/ars-utils 18.2.283 → 18.2.285

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

@@ -1958,9 +1958,9 @@ class ThemeService {
          * Tooltip text on toggle
          */
         this.toggleTooltip = computed(() => this.themeInfo[this.theme()].tooltip);
-        // reagisce al cambio di tema nel sistema
+        // React to current theme
         this.prefersColorSchemeMediaQueryList.onchange = (_) => this.auto() ? this.setTheme() : null;
-        // reagisce al messaggio broadcast (sincronizza i temi tra i popup dell'applicazione)
+        // Support boradcast channel messaging
         this.broadcastChannel.subscribe({
             messageId: this.broadcastMessage,
             action: (bag) => {
@@ -1969,13 +1969,24 @@ class ThemeService {
                 }
             }
         });
-        // inizializza il tema
-        this.setTheme(localStorage.getItem("preferred-theme") ?? null);
+        // Initialize
+        let theme = localStorage.getItem("preferred-theme");
+        if (!this.isTheme(theme)) {
+            theme = 'auto';
+        }
+        this.setTheme(theme);
     }
     ngOnDestroy() {
-        // chiude il canale di comunicazione broadcast
         this.broadcastChannel.dispose();
     }
+    /**
+     * Check if a value string is a theme type
+     * @param value : th string value
+     * @returns true if the the value is a valid theme type
+     */
+    isTheme(value) {
+        return ['auto', 'light', 'dark'].includes(value);
+    }
     /**
      * Set the new theme
      * @param theme the new theme
@@ -1986,7 +1997,6 @@ 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);
-        // lancia il messaggio broadcast
         this.broadcastChannel.sendMessage(this.broadcastMessage, this.theme());
     }
     /**
@@ -2151,5 +2161,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ArsCoreModule, ArsDateFnsModule, AutoFocusDirective, BroadcastService, CopyClipboardDirective, DateFnsAdapter, DateFormat, DateInterval, DateIntervalChangeDirective, DeleteModel, EmailsValidatorDirective, EnvironmentService, EqualsValidatorDirective, FileInfo, FileSizeValidatorDirective, FormatPipe, GroupModel, GuidValidatorDirective, IDModel, ImportModel, MAT_DATE_FNS_FORMATS, NotFutureValidatorDirective, PasswordValidatorDirective, QueryModel, RelationModel, ReplacePipe, SafeHtmlPipe, SafeUrlPipe, ScreenService, SearchCallbackPipe, SearchFilterPipe, SelectableModel, SqlDateValidatorDirective, SystemUtils, ThemeService, TimeValidatorDirective, UpdateRelationsModel, UrlValidatorDirective, ValidIfDirective, ValidatorDirective, ValueModel };
+export { ArsCoreModule, ArsDateFnsModule, AutoFocusDirective, BroadcastChannelManager, BroadcastService, CopyClipboardDirective, DateFnsAdapter, DateFormat, DateInterval, DateIntervalChangeDirective, DeleteModel, EmailsValidatorDirective, EnvironmentService, EqualsValidatorDirective, FileInfo, FileSizeValidatorDirective, FormatPipe, GroupModel, GuidValidatorDirective, IDModel, ImportModel, MAT_DATE_FNS_FORMATS, NotFutureValidatorDirective, PasswordValidatorDirective, QueryModel, RelationModel, ReplacePipe, SafeHtmlPipe, SafeUrlPipe, ScreenService, SearchCallbackPipe, SearchFilterPipe, SelectableModel, SqlDateValidatorDirective, SystemUtils, ThemeService, TimeValidatorDirective, UpdateRelationsModel, UrlValidatorDirective, ValidIfDirective, ValidatorDirective, ValueModel };
 //# sourceMappingURL=arsedizioni-ars-utils-core.mjs.map