@skyux/theme 11.8.0 → 11.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/css/themes/modern/styles.css +51 -51
  2. package/documentation.json +104 -104
  3. package/esm2022/lib/icons/icon-manifest.service.mjs +3 -3
  4. package/esm2022/lib/style-loader.mjs +3 -3
  5. package/esm2022/lib/theme.module.mjs +4 -4
  6. package/esm2022/lib/theming/theme-class.directive.mjs +3 -3
  7. package/esm2022/lib/theming/theme-component-class.directive.mjs +3 -3
  8. package/esm2022/lib/theming/theme-if.directive.mjs +3 -3
  9. package/esm2022/lib/theming/theme.directive.mjs +3 -3
  10. package/esm2022/lib/theming/theme.service.mjs +3 -3
  11. package/esm2022/lib/viewport/viewport.service.mjs +3 -3
  12. package/fesm2022/skyux-theme.mjs +28 -28
  13. package/package.json +3 -3
  14. package/scss/mixins.scss +14 -8
package/esm2022/lib/icons/icon-manifest.service.mjs CHANGED
@@ -12,10 +12,10 @@ export class SkyThemeIconManifestService {
12
12
  getManifest() {
13
13
  return getIconManifest();
14
14
  }
15
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
16
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
15
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
16
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
17
17
  }
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
19
19
  type: Injectable,
20
20
  args: [{
21
21
  providedIn: 'root',
package/esm2022/lib/style-loader.mjs CHANGED
@@ -44,10 +44,10 @@ export class SkyAppStyleLoader {
44
44
  });
45
45
  });
46
46
  }
47
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
48
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
47
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
48
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
49
49
  }
50
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
50
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
51
51
  type: Injectable,
52
52
  args: [{
53
53
  providedIn: 'root',
package/esm2022/lib/theme.module.mjs CHANGED
@@ -4,13 +4,13 @@ import { SkyThemeIfDirective } from './theming/theme-if.directive';
4
4
  import { SkyThemeDirective } from './theming/theme.directive';
5
5
  import * as i0 from "@angular/core";
6
6
  export class SkyThemeModule {
7
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
7
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
8
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
9
9
  SkyThemeDirective,
10
10
  SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
11
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeModule }); }
11
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeModule }); }
12
12
  }
13
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeModule, decorators: [{
13
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeModule, decorators: [{
14
14
  type: NgModule,
15
15
  args: [{
16
16
  declarations: [
package/esm2022/lib/theming/theme-class.directive.mjs CHANGED
@@ -101,10 +101,10 @@ export class SkyThemeClassDirective {
101
101
  });
102
102
  }
103
103
  }
104
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
105
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: SkyThemeClassDirective, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
104
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
105
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: SkyThemeClassDirective, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
106
106
  }
107
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
107
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
108
108
  type: Directive,
109
109
  args: [{
110
110
  selector: '[skyThemeClass]',
package/esm2022/lib/theming/theme-component-class.directive.mjs CHANGED
@@ -16,10 +16,10 @@ export class SkyThemeComponentClassDirective {
16
16
  this.#changeDetector.markForCheck();
17
17
  });
18
18
  }
19
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
20
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
19
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
20
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
21
21
  }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
22
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
23
23
  type: Directive,
24
24
  args: [{
25
25
  selector: '[skyThemeClass]',
package/esm2022/lib/theming/theme-if.directive.mjs CHANGED
@@ -57,10 +57,10 @@ export class SkyThemeIfDirective {
57
57
  this.#hasView = false;
58
58
  }
59
59
  }
60
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
61
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: SkyThemeIfDirective, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
60
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i1.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
61
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: SkyThemeIfDirective, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
62
62
  }
63
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
63
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
64
64
  type: Directive,
65
65
  args: [{
66
66
  selector: '[skyThemeIf]',
package/esm2022/lib/theming/theme.directive.mjs CHANGED
@@ -35,10 +35,10 @@ export class SkyThemeDirective {
35
35
  ngOnDestroy() {
36
36
  this.#themeSvc.destroy();
37
37
  }
38
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
39
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: SkyThemeDirective, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
38
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
39
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: SkyThemeDirective, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
40
40
  }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeDirective, decorators: [{
41
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeDirective, decorators: [{
42
42
  type: Directive,
43
43
  args: [{
44
44
  selector: '[skyTheme]',
package/esm2022/lib/theming/theme.service.mjs CHANGED
@@ -76,10 +76,10 @@ export class SkyThemeService {
76
76
  #removeHostClass(className) {
77
77
  this.#renderer.removeClass(this.#hostEl, className);
78
78
  }
79
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
80
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeService }); }
79
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
80
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeService }); }
81
81
  }
82
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeService, decorators: [{
82
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeService, decorators: [{
83
83
  type: Injectable
84
84
  }], ctorParameters: () => [] });
85
85
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhlbWUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90aGVtZS9zcmMvbGliL3RoZW1pbmcvdGhlbWUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRXRELE9BQU8sRUFBYyxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBS2pEOztHQUVHO0FBRUgsTUFBTSxPQUFPLGVBQWU7SUFDMUI7O09BRUc7SUFDSCxJQUFXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7SUFFRCxRQUFRLENBQStCO0lBRXZDLE9BQU8sQ0FBa0I7SUFFekIsU0FBUyxDQUF3QjtJQUVqQyxTQUFTLENBQXdDO0lBRWpELGFBQWEsQ0FBcUM7SUFFbEQ7UUFDRSxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksYUFBYSxDQUF5QixDQUFDLENBQUMsQ0FBQztRQUM5RCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDckQsQ0FBQztJQUVEOzs7Ozs7T0FNRztJQUNJLElBQUksQ0FBQyxNQUFXLEVBQUUsUUFBbUIsRUFBRSxLQUF1QjtRQUNuRSxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztRQUN0QixJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsQ0FBQztRQUUxQixJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRDs7O09BR0c7SUFDSSxPQUFPO1FBQ1osSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUUxQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO0lBQzVDLENBQUM7SUFFRDs7O09BR0c7SUFDSSxRQUFRLENBQUMsUUFBMEI7UUFDeEMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUUvQixJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNuRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQztRQUNwRSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLENBQUMsQ0FBQztRQUV6RSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQztZQUNsQixlQUFlLEVBQUUsUUFBUTtZQUN6QixnQkFBZ0IsRUFBRSxRQUFRO1NBQzNCLENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO0lBQzNCLENBQUM7SUFFRCxnQkFBZ0IsQ0FDZCxRQUFzQyxFQUN0QyxPQUF5QixFQUN6QixJQUFrQyxFQUNsQyxhQUFxRDtRQUVyRCxNQUFNLGNBQWMsR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFckMsTUFBTSxhQUFhLEdBQUcsUUFBUSxFQUFFLENBQUMsSUFBSSxDQUFDLENBQUMsU0FBUyxDQUFDO1FBQ2pELE1BQU0sWUFBWSxHQUFHLGNBQWMsQ0FBQyxTQUFTLENBQUM7UUFFOUMsTUFBTSxZQUFZLEdBQUcsQ0FBQyxRQUFRLElBQUksYUFBYSxLQUFLLFlBQVksQ0FBQztRQUVqRSxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ2pCLElBQUksYUFBYSxFQUFFLENBQUM7Z0JBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUN2QyxDQUFDO1lBRUQsSUFDRSxDQUFDLGFBQWE7Z0JBQ2QsT0FBTyxDQUFDLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUN6RCxDQUFDO2dCQUNELElBQUksQ0FBQyxhQUFhLENBQUMsWUFBWSxDQUFDLENBQUM7WUFDbkMsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDO0lBRUQsYUFBYSxDQUFDLFNBQWlCO1FBQzdCLElBQUksQ0FBQyxTQUFVLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQUVELGdCQUFnQixDQUFDLFNBQWlCO1FBQ2hDLElBQUksQ0FBQyxTQUFVLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUM7SUFDdkQsQ0FBQzs4R0FuR1UsZUFBZTtrSEFBZixlQUFlOzsyRkFBZixlQUFlO2tCQUQzQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgUmVuZGVyZXIyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE9ic2VydmFibGUsIFJlcGxheVN1YmplY3QgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHsgU2t5VGhlbWVTZXR0aW5ncyB9IGZyb20gJy4vdGhlbWUtc2V0dGluZ3MnO1xuaW1wb3J0IHsgU2t5VGhlbWVTZXR0aW5nc0NoYW5nZSB9IGZyb20gJy4vdGhlbWUtc2V0dGluZ3MtY2hhbmdlJztcblxuLyoqXG4gKiBQcm92aWRlcyBtZXRob2RzIGZvciB1cGRhdGluZyBhbmQgaGFuZGxpbmcgY2hhbmdlcyB0byB0aGUgY3VycmVudCB0aGVtZS5cbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreVRoZW1lU2VydmljZSB7XG4gIC8qKlxuICAgKiBOb3RpZmllcyBjb25zdW1lcnMgd2hlbiB0aGUgY3VycmVudCB0aGVtZSBzZXR0aW5ncyBoYXZlIGNoYW5nZWQuXG4gICAqL1xuICBwdWJsaWMgZ2V0IHNldHRpbmdzQ2hhbmdlKCk6IE9ic2VydmFibGU8U2t5VGhlbWVTZXR0aW5nc0NoYW5nZT4ge1xuICAgIHJldHVybiB0aGlzLiNfc2V0dGluZ3NPYnM7XG4gIH1cblxuICAjY3VycmVudDogU2t5VGhlbWVTZXR0aW5ncyB8IHVuZGVmaW5lZDtcblxuICAjaG9zdEVsOiBhbnkgfCB1bmRlZmluZWQ7XG5cbiAgI3JlbmRlcmVyOiBSZW5kZXJlcjIgfCB1bmRlZmluZWQ7XG5cbiAgI3NldHRpbmdzOiBSZXBsYXlTdWJqZWN0PFNreVRoZW1lU2V0dGluZ3NDaGFuZ2U+O1xuXG4gICNfc2V0dGluZ3NPYnM6IE9ic2VydmFibGU8U2t5VGhlbWVTZXR0aW5nc0NoYW5nZT47XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy4jc2V0dGluZ3MgPSBuZXcgUmVwbGF5U3ViamVjdDxTa3lUaGVtZVNldHRpbmdzQ2hhbmdlPigxKTtcbiAgICB0aGlzLiNfc2V0dGluZ3NPYnMgPSB0aGlzLiNzZXR0aW5ncy5hc09ic2VydmFibGUoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBJbml0aWFsaXplcyB0aGUgdGhlbWUgc2VydmljZSB3aXRoIHRoZSBzcGVjaWZpZWQgcGFyYW1ldGVycy4gVGhpcyBzaG91bGQgb25seSBiZSBjYWxsZWRcbiAgICogZnJvbSBhIGhvc3QgY29tcG9uZW50IHRoYXQgcHJvdmlkZXMgaXRzIG93biB0aGVtZSB0byBjaGlsZCBjb21wb25lbnRzLlxuICAgKiBAcGFyYW0gaG9zdEVsIFRoZSBob3N0IGVsZW1lbnQgdW5kZXIgd2hpY2ggdGhlbWVkIGNvbXBvbmVudHMgYXJlIHJlbmRlcmVkLlxuICAgKiBAcGFyYW0gcmVuZGVyZXIgQSBSZW5kZXJlcjIgaW5zdGFuY2UgZm9yIHVwZGF0aW5nIHRoZSBob3N0IGVsZW1lbnQgd2l0aCB0aGVtZSBjaGFuZ2VzLlxuICAgKiBAcGFyYW0gdGhlbWUgVGhlIGluaXRpYWwgdGhlbWUuXG4gICAqL1xuICBwdWJsaWMgaW5pdChob3N0RWw6IGFueSwgcmVuZGVyZXI6IFJlbmRlcmVyMiwgdGhlbWU6IFNreVRoZW1lU2V0dGluZ3MpOiB2b2lkIHtcbiAgICB0aGlzLiNob3N0RWwgPSBob3N0RWw7XG4gICAgdGhpcy4jcmVuZGVyZXIgPSByZW5kZXJlcjtcblxuICAgIHRoaXMuc2V0VGhlbWUodGhlbWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIERlc3Ryb3lzIHRoZSBjdXJyZW50IHRoZW1lIHNlcnZpY2UuIFRoaXMgc2hvdWxkIG9ubHkgYmUgY2FsbGVkIGZyb20gYSBob3N0IGNvbXBvbmVudCB0aGF0XG4gICAqIHByb3ZpZGVzIGl0cyBvd24gdGhlbWUgdG8gY2hpbGQgY29tcG9uZW50cy5cbiAgICovXG4gIHB1YmxpYyBkZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI3NldHRpbmdzLmNvbXBsZXRlKCk7XG5cbiAgICB0aGlzLiNob3N0RWwgPSB0aGlzLiNyZW5kZXJlciA9IHVuZGVmaW5lZDtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGVzIHRoZSBjdXJyZW50IHRoZW1lIHNldHRpbmdzLlxuICAgKiBAcGFyYW0gc2V0dGluZ3MgVGhlIG5ldyB0aGVtZSBzZXR0aW5ncyB0byBhcHBseS5cbiAgICovXG4gIHB1YmxpYyBzZXRUaGVtZShzZXR0aW5nczogU2t5VGhlbWVTZXR0aW5ncyk6IHZvaWQge1xuICAgIGNvbnN0IHByZXZpb3VzID0gdGhpcy4jY3VycmVudDtcblxuICAgIHRoaXMuI2FwcGx5VGhlbWVDbGFzcyhwcmV2aW91cywgc2V0dGluZ3MsICd0aGVtZScpO1xuICAgIHRoaXMuI2FwcGx5VGhlbWVDbGFzcyhwcmV2aW91cywgc2V0dGluZ3MsICdtb2RlJywgJ3N1cHBvcnRlZE1vZGVzJyk7XG4gICAgdGhpcy4jYXBwbHlUaGVtZUNsYXNzKHByZXZpb3VzLCBzZXR0aW5ncywgJ3NwYWNpbmcnLCAnc3VwcG9ydGVkU3BhY2luZycpO1xuXG4gICAgdGhpcy4jc2V0dGluZ3MubmV4dCh7XG4gICAgICBjdXJyZW50U2V0dGluZ3M6IHNldHRpbmdzLFxuICAgICAgcHJldmlvdXNTZXR0aW5nczogcHJldmlvdXMsXG4gICAgfSk7XG5cbiAgICB0aGlzLiNjdXJyZW50ID0gc2V0dGluZ3M7XG4gIH1cblxuICAjYXBwbHlUaGVtZUNsYXNzKFxuICAgIHByZXZpb3VzOiBTa3lUaGVtZVNldHRpbmdzIHwgdW5kZWZpbmVkLFxuICAgIGN1cnJlbnQ6IFNreVRoZW1lU2V0dGluZ3MsXG4gICAgcHJvcDogJ3RoZW1lJyB8ICdtb2RlJyB8ICdzcGFjaW5nJyxcbiAgICBzdXBwb3J0ZWRQcm9wPzogJ3N1cHBvcnRlZE1vZGVzJyB8ICdzdXBwb3J0ZWRTcGFjaW5nJyxcbiAgKTogdm9pZCB7XG4gICAgY29uc3QgY3VycmVudFNldHRpbmcgPSBjdXJyZW50W3Byb3BdO1xuXG4gICAgY29uc3QgcHJldmlvdXNDbGFzcyA9IHByZXZpb3VzPy5bcHJvcF0uaG9zdENsYXNzO1xuICAgIGNvbnN0IGN1cnJlbnRDbGFzcyA9IGN1cnJlbnRTZXR0aW5nLmhvc3RDbGFzcztcblxuICAgIGNvbnN0IGNsYXNzQ2hhbmdlZCA9ICFwcmV2aW91cyB8fCBwcmV2aW91c0NsYXNzICE9PSBjdXJyZW50Q2xhc3M7XG5cbiAgICBpZiAoY2xhc3NDaGFuZ2VkKSB7XG4gICAgICBpZiAocHJldmlvdXNDbGFzcykge1xuICAgICAgICB0aGlzLiNyZW1vdmVIb3N0Q2xhc3MocHJldmlvdXNDbGFzcyk7XG4gICAgICB9XG5cbiAgICAgIGlmIChcbiAgICAgICAgIXN1cHBvcnRlZFByb3AgfHxcbiAgICAgICAgY3VycmVudC50aGVtZVtzdXBwb3J0ZWRQcm9wXS5pbmRleE9mKGN1cnJlbnRTZXR0aW5nKSA+PSAwXG4gICAgICApIHtcbiAgICAgICAgdGhpcy4jYWRkSG9zdENsYXNzKGN1cnJlbnRDbGFzcyk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgI2FkZEhvc3RDbGFzcyhjbGFzc05hbWU6IHN0cmluZyk6IHZvaWQge1xuICAgIHRoaXMuI3JlbmRlcmVyIS5hZGRDbGFzcyh0aGlzLiNob3N0RWwsIGNsYXNzTmFtZSk7XG4gIH1cblxuICAjcmVtb3ZlSG9zdENsYXNzKGNsYXNzTmFtZTogc3RyaW5nKTogdm9pZCB7XG4gICAgdGhpcy4jcmVuZGVyZXIhLnJlbW92ZUNsYXNzKHRoaXMuI2hvc3RFbCwgY2xhc3NOYW1lKTtcbiAgfVxufVxuIl19
package/esm2022/lib/viewport/viewport.service.mjs CHANGED
@@ -50,10 +50,10 @@ export class SkyAppViewportService {
50
50
  documentElementStyle.setProperty(`--sky-viewport-${position}`, size + 'px');
51
51
  }
52
52
  }
53
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppViewportService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
54
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
53
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppViewportService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
54
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
55
55
  }
56
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppViewportService, decorators: [{
56
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppViewportService, decorators: [{
57
57
  type: Injectable,
58
58
  args: [{
59
59
  providedIn: 'root',
package/fesm2022/skyux-theme.mjs CHANGED
@@ -18,10 +18,10 @@ class SkyThemeIconManifestService {
18
18
  getManifest() {
19
19
  return getIconManifest();
20
20
  }
21
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
22
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
21
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
22
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
23
23
  }
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
24
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
25
25
  type: Injectable,
26
26
  args: [{
27
27
  providedIn: 'root',
@@ -103,10 +103,10 @@ class SkyThemeService {
103
103
  #removeHostClass(className) {
104
104
  this.#renderer.removeClass(this.#hostEl, className);
105
105
  }
106
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
107
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeService }); }
106
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
107
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeService }); }
108
108
  }
109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeService, decorators: [{
109
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeService, decorators: [{
110
110
  type: Injectable
111
111
  }], ctorParameters: () => [] });
112
112
 
@@ -151,10 +151,10 @@ class SkyAppStyleLoader {
151
151
  });
152
152
  });
153
153
  }
154
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
155
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
154
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
155
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
156
156
  }
157
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
157
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
158
158
  type: Injectable,
159
159
  args: [{
160
160
  providedIn: 'root',
@@ -261,10 +261,10 @@ class SkyThemeClassDirective {
261
261
  });
262
262
  }
263
263
  }
264
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
265
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: SkyThemeClassDirective, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
264
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
265
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: SkyThemeClassDirective, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
266
266
  }
267
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
267
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
268
268
  type: Directive,
269
269
  args: [{
270
270
  selector: '[skyThemeClass]',
@@ -331,10 +331,10 @@ class SkyThemeIfDirective {
331
331
  this.#hasView = false;
332
332
  }
333
333
  }
334
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
335
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: SkyThemeIfDirective, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
334
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
335
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: SkyThemeIfDirective, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
336
336
  }
337
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
337
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
338
338
  type: Directive,
339
339
  args: [{
340
340
  selector: '[skyThemeIf]',
@@ -464,10 +464,10 @@ class SkyThemeDirective {
464
464
  ngOnDestroy() {
465
465
  this.#themeSvc.destroy();
466
466
  }
467
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
468
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: SkyThemeDirective, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
467
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
468
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: SkyThemeDirective, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
469
469
  }
470
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeDirective, decorators: [{
470
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeDirective, decorators: [{
471
471
  type: Directive,
472
472
  args: [{
473
473
  selector: '[skyTheme]',
@@ -478,13 +478,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImpor
478
478
  }] } });
479
479
 
480
480
  class SkyThemeModule {
481
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
482
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
481
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
482
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
483
483
  SkyThemeDirective,
484
484
  SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
485
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeModule }); }
485
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeModule }); }
486
486
  }
487
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeModule, decorators: [{
487
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeModule, decorators: [{
488
488
  type: NgModule,
489
489
  args: [{
490
490
  declarations: [
@@ -510,10 +510,10 @@ class SkyThemeComponentClassDirective {
510
510
  this.#changeDetector.markForCheck();
511
511
  });
512
512
  }
513
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
514
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
513
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
514
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
515
515
  }
516
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
516
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
517
517
  type: Directive,
518
518
  args: [{
519
519
  selector: '[skyThemeClass]',
@@ -572,10 +572,10 @@ class SkyAppViewportService {
572
572
  documentElementStyle.setProperty(`--sky-viewport-${position}`, size + 'px');
573
573
  }
574
574
  }
575
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppViewportService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
576
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
575
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppViewportService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
576
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
577
577
  }
578
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: SkyAppViewportService, decorators: [{
578
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAppViewportService, decorators: [{
579
579
  type: Injectable,
580
580
  args: [{
581
581
  providedIn: 'root',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "11.8.0",
3
+ "version": "11.10.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -78,8 +78,8 @@
78
78
  }
79
79
  },
80
80
  "peerDependencies": {
81
- "@angular/common": "^18.2.5",
82
- "@angular/core": "^18.2.5"
81
+ "@angular/common": "^18.2.8",
82
+ "@angular/core": "^18.2.8"
83
83
  },
84
84
  "dependencies": {
85
85
  "@blackbaud/skyux-design-tokens": "0.0.36",
package/scss/mixins.scss CHANGED
@@ -102,40 +102,46 @@
102
102
 
103
103
  @mixin sky-component($theme, $selector, $encapsulate: true, $breakpoint: '') {
104
104
  @if $breakpoint == '' {
105
- @include sky-component-theme($theme, $selector) {
105
+ @include sky-component-theme($theme, $selector, $encapsulate) {
106
106
  @content;
107
107
  }
108
108
  } @else if $breakpoint == 'xs' {
109
109
  @include sky-host-responsive-container-xs-min($encapsulate) {
110
- @include sky-component-theme($theme, $selector) {
110
+ @include sky-component-theme($theme, $selector, $encapsulate) {
111
111
  @content;
112
112
  }
113
113
  }
114
114
  } @else if $breakpoint == 'sm' {
115
115
  @include sky-host-responsive-container-sm-min($encapsulate) {
116
- @include sky-component-theme($theme, $selector) {
116
+ @include sky-component-theme($theme, $selector, $encapsulate) {
117
117
  @content;
118
118
  }
119
119
  }
120
120
  } @else if $breakpoint == 'md' {
121
121
  @include sky-host-responsive-container-md-min($encapsulate) {
122
- @include sky-component-theme($theme, $selector) {
122
+ @include sky-component-theme($theme, $selector, $encapsulate) {
123
123
  @content;
124
124
  }
125
125
  }
126
126
  } @else if $breakpoint == 'lg' {
127
127
  @include sky-host-responsive-container-lg-min($encapsulate) {
128
- @include sky-component-theme($theme, $selector) {
128
+ @include sky-component-theme($theme, $selector, $encapsulate) {
129
129
  @content;
130
130
  }
131
131
  }
132
132
  }
133
133
  }
134
134
 
135
- @mixin sky-component-theme($theme, $selector) {
135
+ @mixin sky-component-theme($theme, $selector, $encapsulate: true) {
136
136
  @if $theme == 'modern' {
137
- :is(.sky-theme-modern #{$selector}) {
138
- @content;
137
+ @if $encapsulate {
138
+ :host-context(.sky-theme-modern) #{$selector} {
139
+ @content;
140
+ }
141
+ } @else {
142
+ .sky-theme-modern #{$selector} {
143
+ @content;
144
+ }
139
145
  }
140
146
  } @else {
141
147
  #{$selector}:not(.sky-theme-modern *) {