@skyux/theme 12.21.0 → 12.23.0

package/fesm2022/skyux-theme.mjs

@@ -18,10 +18,10 @@ class SkyThemeIconManifestService {
     getManifest() {
         return getIconManifest();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -49,6 +49,41 @@ class SkyThemeMode {
         this.name = name;
         this.hostClass = hostClass;
     }
+    /**
+     * @internal
+     * Serializes the theme mode to a JSON-compatible object.
+     */
+    serialize() {
+        // Check if this instance is a preset
+        const presetEntry = Object.entries(SkyThemeMode.presets).find(([, preset]) => preset === this);
+        if (presetEntry) {
+            return {
+                name: this.name,
+                isPreset: true,
+            };
+        }
+        return {
+            name: this.name,
+            hostClass: this.hostClass,
+        };
+    }
+    /**
+     * @internal
+     * Deserializes a JSON object to a SkyThemeMode instance.
+     */
+    static deserialize(data) {
+        if (data.isPreset) {
+            const preset = SkyThemeMode.presets[data.name];
+            if (preset) {
+                return preset;
+            }
+            throw new Error(`Unknown theme mode preset: ${data.name}`);
+        }
+        if (!data.hostClass) {
+            throw new Error('hostClass is required for non-preset theme modes');
+        }
+        return new SkyThemeMode(data.name, data.hostClass);
+    }
 }
 
 /**
@@ -72,6 +107,174 @@ class SkyThemeSpacing {
         this.name = name;
         this.hostClass = hostClass;
     }
+    /**
+     * @internal
+     * Serializes the theme spacing to a JSON-compatible object.
+     */
+    serialize() {
+        // Check if this instance is a preset
+        const presetEntry = Object.entries(SkyThemeSpacing.presets).find(([, preset]) => preset === this);
+        if (presetEntry) {
+            return {
+                name: this.name,
+                isPreset: true,
+            };
+        }
+        return {
+            name: this.name,
+            hostClass: this.hostClass,
+        };
+    }
+    /**
+     * @internal
+     * Deserializes a JSON object to a SkyThemeSpacing instance.
+     */
+    static deserialize(data) {
+        if (data.isPreset) {
+            const preset = SkyThemeSpacing.presets[data.name];
+            if (preset) {
+                return preset;
+            }
+            throw new Error(`Unknown theme spacing preset: ${data.name}`);
+        }
+        if (!data.hostClass) {
+            throw new Error('hostClass is required for non-preset theme spacing');
+        }
+        return new SkyThemeSpacing(data.name, data.hostClass);
+    }
+}
+
+/**
+ * Defines properties of a SKY UX theme.
+ */
+class SkyTheme {
+    /**
+     * The preset themes available in SKY UX.
+     */
+    static { this.presets = {
+        default: new SkyTheme('default', 'sky-theme-default', [SkyThemeMode.presets.light], [SkyThemeSpacing.presets.standard]),
+        modern: new SkyTheme('modern', 'sky-theme-modern', [SkyThemeMode.presets.light, SkyThemeMode.presets.dark], [SkyThemeSpacing.presets.standard, SkyThemeSpacing.presets.compact], true),
+    }; }
+    /**
+     * Creates a new theme.
+     * @param name The name of the theme.
+     * @param hostClass The class on the host element which child components should reference when
+     * adjusting for a specified theme.
+     * @param supportedModes An array of modes supported by the theme.
+     * @param supportedSpacing An array of spacing modes supported by the theme.
+     */
+    constructor(name, hostClass, supportedModes, supportedSpacing = [SkyThemeSpacing.presets.standard], supportsBranding = false) {
+        this.name = name;
+        this.hostClass = hostClass;
+        this.supportedModes = supportedModes;
+        this.supportedSpacing = supportedSpacing;
+        this.supportsBranding = supportsBranding;
+    }
+    /**
+     * @internal
+     * Serializes the theme to a JSON-compatible object.
+     */
+    serialize() {
+        // Check if this instance is a preset
+        const presetEntry = Object.entries(SkyTheme.presets).find(([, preset]) => preset === this);
+        if (presetEntry) {
+            return {
+                name: this.name,
+                supportedModes: this.supportedModes.map((mode) => mode.serialize()),
+                isPreset: true,
+            };
+        }
+        const result = {
+            name: this.name,
+            hostClass: this.hostClass,
+            supportedModes: this.supportedModes.map((mode) => mode.serialize()),
+        };
+        // Only include supportedSpacing if it's not the default
+        if (this.supportedSpacing.length !== 1 ||
+            this.supportedSpacing[0] !== SkyThemeSpacing.presets.standard) {
+            result.supportedSpacing = this.supportedSpacing.map((spacing) => spacing.serialize());
+        }
+        // Only include supportsBranding if it's true
+        if (this.supportsBranding) {
+            result.supportsBranding = this.supportsBranding;
+        }
+        return result;
+    }
+    /**
+     * @internal
+     * Deserializes a JSON object to a SkyTheme instance.
+     */
+    static deserialize(data) {
+        if (data.isPreset) {
+            const preset = SkyTheme.presets[data.name];
+            if (preset) {
+                return preset;
+            }
+            throw new Error(`Unknown theme preset: ${data.name}`);
+        }
+        if (!data.hostClass) {
+            throw new Error('hostClass is required for non-preset themes');
+        }
+        const supportedModes = data.supportedModes.map((modeData) => SkyThemeMode.deserialize(modeData));
+        const supportedSpacing = data.supportedSpacing
+            ? data.supportedSpacing.map((spacingData) => SkyThemeSpacing.deserialize(spacingData))
+            : [SkyThemeSpacing.presets.standard];
+        return new SkyTheme(data.name, data.hostClass, supportedModes, supportedSpacing, data.supportsBranding ?? false);
+    }
+}
+
+/**
+ * @internal
+ * Defines properties of SKY UX theme branding.
+ */
+class SkyThemeBrand {
+    get hostClass() {
+        return this.#hostClass || this.#buildDefaultHostClassName();
+    }
+    set hostClass(value) {
+        this.#hostClass = value;
+    }
+    #hostClass;
+    /**
+     * Creates a new theme brand.
+     * @param name The name of the theme brand.
+     * @param hostClass The class on the host element which child components should reference when
+     * adjusting for a specified theme brand. This defaults to `sky-theme-brand-<name>
+     */
+    constructor(name, version, hostClass) {
+        this.name = name;
+        this.version = version;
+        this.hostClass = hostClass;
+        if (!/\d+\.\d+\.\d+(?:-(?:alpha|beta|rc)\.\d)*$/.test(version)) {
+            throw new Error(`Invalid version format "${version}" for theme brand "${name}".`);
+        }
+    }
+    /**
+     * @internal
+     * Serializes the theme brand to a JSON-compatible object.
+     */
+    serialize() {
+        const result = {
+            name: this.name,
+            version: this.version,
+        };
+        // Only include hostClass if it's different from the default
+        const defaultHostClass = this.#buildDefaultHostClassName();
+        if (this.hostClass !== defaultHostClass) {
+            result.hostClass = this.hostClass;
+        }
+        return result;
+    }
+    /**
+     * @internal
+     * Deserializes a JSON object to a SkyThemeBrand instance.
+     */
+    static deserialize(data) {
+        return new SkyThemeBrand(data.name, data.version, data.hostClass);
+    }
+    #buildDefaultHostClassName() {
+        return `sky-theme-brand-${this.name}`;
+    }
 }
 
 /**
@@ -89,6 +292,39 @@ class SkyThemeSettings {
         this.spacing = spacing;
         this.brand = brand;
     }
+    /**
+     * Serializes the theme settings to a string.
+     */
+    serialize() {
+        const result = {
+            theme: this.theme.serialize(),
+            mode: this.mode.serialize(),
+        };
+        // Only include spacing if it's not the default
+        if (this.spacing !== SkyThemeSpacing.presets.standard) {
+            result.spacing = this.spacing.serialize();
+        }
+        // Only include brand if it exists
+        if (this.brand) {
+            result.brand = this.brand.serialize();
+        }
+        return JSON.stringify(result);
+    }
+    /**
+     * Deserializes a string to a SkyThemeSettings instance.
+     */
+    static deserialize(value) {
+        const settingsData = JSON.parse(value);
+        const theme = SkyTheme.deserialize(settingsData.theme);
+        const mode = SkyThemeMode.deserialize(settingsData.mode);
+        const spacing = settingsData.spacing
+            ? SkyThemeSpacing.deserialize(settingsData.spacing)
+            : SkyThemeSpacing.presets.standard;
+        const brand = settingsData.brand
+            ? SkyThemeBrand.deserialize(settingsData.brand)
+            : undefined;
+        return new SkyThemeSettings(theme, mode, spacing, brand);
+    }
 }
 
 function assertCurrentSettings(currentSettings) {
@@ -281,10 +517,10 @@ class SkyThemeService {
                 currentSetting instanceof SkyThemeSpacing) &&
                 current.theme[supportedProp].includes(currentSetting)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -329,10 +565,10 @@ class SkyAppStyleLoader {
             });
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -439,10 +675,10 @@ class SkyThemeClassDirective {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyThemeClass]',
@@ -510,10 +746,10 @@ class SkyThemeIfDirective {
             this.#hasView = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyThemeIf]',
@@ -525,34 +761,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                 type: Input
             }] } });
 
-/**
- * Defines properties of a SKY UX theme.
- */
-class SkyTheme {
-    /**
-     * The preset themes available in SKY UX.
-     */
-    static { this.presets = {
-        default: new SkyTheme('default', 'sky-theme-default', [SkyThemeMode.presets.light], [SkyThemeSpacing.presets.standard]),
-        modern: new SkyTheme('modern', 'sky-theme-modern', [SkyThemeMode.presets.light, SkyThemeMode.presets.dark], [SkyThemeSpacing.presets.standard, SkyThemeSpacing.presets.compact], true),
-    }; }
-    /**
-     * Creates a new theme.
-     * @param name The name of the theme.
-     * @param hostClass The class on the host element which child components should reference when
-     * adjusting for a specified theme.
-     * @param supportedModes An array of modes supported by the theme.
-     * @param supportedSpacing An array of spacing modes supported by the theme.
-     */
-    constructor(name, hostClass, supportedModes, supportedSpacing = [SkyThemeSpacing.presets.standard], supportsBranding = false) {
-        this.name = name;
-        this.hostClass = hostClass;
-        this.supportedModes = supportedModes;
-        this.supportedSpacing = supportedSpacing;
-        this.supportsBranding = supportsBranding;
-    }
-}
-
 const defaultTheme = new SkyThemeSettings(SkyTheme.presets.default, SkyThemeMode.presets.light);
 /**
  * Creates a new instance of `SkyThemeService` to allow a container
@@ -583,10 +791,10 @@ class SkyThemeDirective {
     ngOnDestroy() {
         this.#themeSvc.destroy();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyTheme]',
@@ -598,13 +806,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
             }] } });
 
 class SkyThemeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
             SkyThemeDirective,
             SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -616,34 +824,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                 }]
         }] });
 
-/**
- * @internal
- * Defines properties of SKY UX theme branding.
- */
-class SkyThemeBrand {
-    get hostClass() {
-        return this.#hostClass || `sky-theme-brand-${this.name}`;
-    }
-    set hostClass(value) {
-        this.#hostClass = value;
-    }
-    #hostClass;
-    /**
-     * Creates a new theme brand.
-     * @param name The name of the theme brand.
-     * @param hostClass The class on the host element which child components should reference when
-     * adjusting for a specified theme brand. This defaults to `sky-theme-brand-<name>
-     */
-    constructor(name, version, hostClass) {
-        this.name = name;
-        this.version = version;
-        this.hostClass = hostClass;
-        if (!/\d+\.\d+\.\d+(?:-(?:alpha|beta|rc)\.\d)*$/.test(version)) {
-            throw new Error(`Invalid version format "${version}" for theme brand "${name}".`);
-        }
-    }
-}
-
 class SkyThemeComponentClassDirective {
     #changeDetector;
     #themeService;
@@ -658,10 +838,10 @@ class SkyThemeComponentClassDirective {
             this.#changeDetector.markForCheck();
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.7", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[skyThemeClass]',
@@ -816,10 +996,10 @@ class SkyAppViewportService {
         }
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyAppViewportService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SkyAppViewportService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',