@skyux/theme 12.23.0 → 13.0.0-alpha.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.
- package/fesm2022/skyux-theme.mjs +29 -30
- package/fesm2022/skyux-theme.mjs.map +1 -1
- package/index.d.ts +428 -20
- package/package.json +3 -3
- package/lib/icons/icon-manifest-glyph.d.ts +0 -1
- package/lib/icons/icon-manifest.d.ts +0 -5
- package/lib/icons/icon-manifest.service.d.ts +0 -14
- package/lib/providers/provide-initial-theme.d.ts +0 -8
- package/lib/style-loader.d.ts +0 -11
- package/lib/theme.module.d.ts +0 -9
- package/lib/theming/theme-brand.d.ts +0 -29
- package/lib/theming/theme-class.directive.d.ts +0 -29
- package/lib/theming/theme-component-class.directive.d.ts +0 -8
- package/lib/theming/theme-if.directive.d.ts +0 -21
- package/lib/theming/theme-mode.d.ts +0 -32
- package/lib/theming/theme-serialization-types.d.ts +0 -47
- package/lib/theming/theme-settings-change.d.ts +0 -15
- package/lib/theming/theme-settings.d.ts +0 -27
- package/lib/theming/theme-spacing.d.ts +0 -32
- package/lib/theming/theme.d.ts +0 -39
- package/lib/theming/theme.directive.d.ts +0 -18
- package/lib/theming/theme.service.d.ts +0 -60
- package/lib/viewport/viewport-reserve-args.d.ts +0 -22
- package/lib/viewport/viewport-reserve-position-type.d.ts +0 -4
- package/lib/viewport/viewport.service.d.ts +0 -29
package/fesm2022/skyux-theme.mjs
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Optional, Input, Directive, NgModule, inject, ChangeDetectorRef, HostBinding, NgZone, DestroyRef, makeEnvironmentProviders, provideAppInitializer, RendererFactory2 } from '@angular/core';
|
|
2
|
+
import { Injectable, Optional, Input, Directive, NgModule, inject, ChangeDetectorRef, HostBinding, DOCUMENT, NgZone, DestroyRef, makeEnvironmentProviders, provideAppInitializer, RendererFactory2 } from '@angular/core';
|
|
3
3
|
import { getIconManifest } from '@skyux/icons';
|
|
4
4
|
import FontFaceObserver from 'fontfaceobserver';
|
|
5
5
|
import { take, takeUntil } from 'rxjs/operators';
|
|
6
6
|
import { ReplaySubject, Subject } from 'rxjs';
|
|
7
7
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
8
|
-
import { DOCUMENT } from '@angular/common';
|
|
9
8
|
|
|
10
9
|
/**
|
|
11
10
|
* Provides a method for retrieving metadata about the SKY UX icon font.
|
|
@@ -18,10 +17,10 @@ class SkyThemeIconManifestService {
|
|
|
18
17
|
getManifest() {
|
|
19
18
|
return getIconManifest();
|
|
20
19
|
}
|
|
21
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
22
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
20
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
21
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, providedIn: 'root' }); }
|
|
23
22
|
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
23
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIconManifestService, decorators: [{
|
|
25
24
|
type: Injectable,
|
|
26
25
|
args: [{
|
|
27
26
|
providedIn: 'root',
|
|
@@ -517,10 +516,10 @@ class SkyThemeService {
|
|
|
517
516
|
currentSetting instanceof SkyThemeSpacing) &&
|
|
518
517
|
current.theme[supportedProp].includes(currentSetting)));
|
|
519
518
|
}
|
|
520
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
521
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
519
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
520
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService }); }
|
|
522
521
|
}
|
|
523
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeService, decorators: [{
|
|
524
523
|
type: Injectable
|
|
525
524
|
}], ctorParameters: () => [] });
|
|
526
525
|
|
|
@@ -565,10 +564,10 @@ class SkyAppStyleLoader {
|
|
|
565
564
|
});
|
|
566
565
|
});
|
|
567
566
|
}
|
|
568
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
569
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
567
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, deps: [{ token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
568
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, providedIn: 'root' }); }
|
|
570
569
|
}
|
|
571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
570
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppStyleLoader, decorators: [{
|
|
572
571
|
type: Injectable,
|
|
573
572
|
args: [{
|
|
574
573
|
providedIn: 'root',
|
|
@@ -675,10 +674,10 @@ class SkyThemeClassDirective {
|
|
|
675
674
|
});
|
|
676
675
|
}
|
|
677
676
|
}
|
|
678
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
679
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
677
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeClassDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
678
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeClassDirective, isStandalone: false, selector: "[skyThemeClass]", inputs: { class: "class", skyThemeClass: "skyThemeClass" }, ngImport: i0 }); }
|
|
680
679
|
}
|
|
681
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeClassDirective, decorators: [{
|
|
682
681
|
type: Directive,
|
|
683
682
|
args: [{
|
|
684
683
|
selector: '[skyThemeClass]',
|
|
@@ -746,10 +745,10 @@ class SkyThemeIfDirective {
|
|
|
746
745
|
this.#hasView = false;
|
|
747
746
|
}
|
|
748
747
|
}
|
|
749
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
750
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
748
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIfDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
749
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeIfDirective, isStandalone: false, selector: "[skyThemeIf]", inputs: { skyThemeIf: "skyThemeIf" }, ngImport: i0 }); }
|
|
751
750
|
}
|
|
752
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeIfDirective, decorators: [{
|
|
753
752
|
type: Directive,
|
|
754
753
|
args: [{
|
|
755
754
|
selector: '[skyThemeIf]',
|
|
@@ -791,10 +790,10 @@ class SkyThemeDirective {
|
|
|
791
790
|
ngOnDestroy() {
|
|
792
791
|
this.#themeSvc.destroy();
|
|
793
792
|
}
|
|
794
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
795
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
793
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyThemeService }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
794
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeDirective, isStandalone: false, selector: "[skyTheme]", inputs: { skyTheme: "skyTheme" }, providers: [SkyThemeService], ngImport: i0 }); }
|
|
796
795
|
}
|
|
797
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeDirective, decorators: [{
|
|
798
797
|
type: Directive,
|
|
799
798
|
args: [{
|
|
800
799
|
selector: '[skyTheme]',
|
|
@@ -806,13 +805,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
|
|
|
806
805
|
}] } });
|
|
807
806
|
|
|
808
807
|
class SkyThemeModule {
|
|
809
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
810
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
808
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
809
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, declarations: [SkyThemeClassDirective,
|
|
811
810
|
SkyThemeDirective,
|
|
812
811
|
SkyThemeIfDirective], exports: [SkyThemeClassDirective, SkyThemeDirective, SkyThemeIfDirective] }); }
|
|
813
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
812
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule }); }
|
|
814
813
|
}
|
|
815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeModule, decorators: [{
|
|
816
815
|
type: NgModule,
|
|
817
816
|
args: [{
|
|
818
817
|
declarations: [
|
|
@@ -838,10 +837,10 @@ class SkyThemeComponentClassDirective {
|
|
|
838
837
|
this.#changeDetector.markForCheck();
|
|
839
838
|
});
|
|
840
839
|
}
|
|
841
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
842
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
840
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeComponentClassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
841
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.0.5", type: SkyThemeComponentClassDirective, isStandalone: true, selector: "[skyThemeClass]", host: { properties: { "class": "this.theme" } }, ngImport: i0 }); }
|
|
843
842
|
}
|
|
844
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyThemeComponentClassDirective, decorators: [{
|
|
845
844
|
type: Directive,
|
|
846
845
|
args: [{
|
|
847
846
|
selector: '[skyThemeClass]',
|
|
@@ -996,10 +995,10 @@ class SkyAppViewportService {
|
|
|
996
995
|
}
|
|
997
996
|
return false;
|
|
998
997
|
}
|
|
999
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1000
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
998
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
999
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, providedIn: 'root' }); }
|
|
1001
1000
|
}
|
|
1002
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1001
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAppViewportService, decorators: [{
|
|
1003
1002
|
type: Injectable,
|
|
1004
1003
|
args: [{
|
|
1005
1004
|
providedIn: 'root',
|