wacom 21.1.18 → 21.1.20

package/fesm2022/wacom.mjs

@@ -4302,7 +4302,10 @@ class ThemeService {
         this.mode = signal(undefined, ...(ngDevMode ? [{ debugName: "mode" }] : []));
         this.modes = signal(['light', 'dark'], ...(ngDevMode ? [{ debugName: "modes" }] : []));
         this.density = signal(undefined, ...(ngDevMode ? [{ debugName: "density" }] : []));
+        this.densities = signal(['comfortable', 'compact'], ...(ngDevMode ? [{ debugName: "densities" }] : []));
         this.radius = signal(undefined, ...(ngDevMode ? [{ debugName: "radius" }] : []));
+        this.radiuses = signal(['rounded', 'square'], ...(ngDevMode ? [{ debugName: "radiuses" }] : []));
+        this.themeIndex = signal(0, ...(ngDevMode ? [{ debugName: "themeIndex" }] : []));
     }
     setMode(mode) {
         if (this._isBrowser) {
@@ -4325,6 +4328,25 @@ class ThemeService {
         }
         this.radius.set(radius);
     }
+    nextTheme() {
+        const modes = this.modes().length;
+        const densities = this.densities().length;
+        const radiuses = this.radiuses().length;
+        const maxIndex = modes * densities * radiuses;
+        const nextIndex = (this.themeIndex() + 1) % maxIndex;
+        this.themeIndex.set(nextIndex);
+        const block = densities * radiuses;
+        const modeIndex = Math.floor(nextIndex / block);
+        const rem = nextIndex % block;
+        const densityIndex = Math.floor(rem / radiuses);
+        const radiusIndex = rem % radiuses;
+        this.setMode(this.modes()[modeIndex]);
+        this.setDensity(this.densities()[densityIndex]);
+        this.setRadius(this.radiuses()[radiusIndex]);
+        if (this._isBrowser) {
+            localStorage.setItem('theme.index', String(nextIndex));
+        }
+    }
     init() {
         const mode = this._isBrowser
             ? localStorage.getItem('theme.mode') || 'light'
@@ -4339,6 +4361,9 @@ class ThemeService {
         this.mode.set(mode);
         this.density.set(density);
         this.radius.set(radius);
+        this.themeIndex.set(this._isBrowser
+            ? Number(localStorage.getItem('theme.index')) || 0
+            : 0);
         if (this._isBrowser) {
             this._doc.documentElement.dataset['mode'] = mode;
             this._doc.documentElement.dataset['density'] = density;