@skyux/indicators 8.0.0-alpha.6 → 8.0.0-alpha.7
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/documentation.json +483 -573
- package/esm2020/lib/modules/alert/alert.component.mjs +17 -17
- package/esm2020/lib/modules/alert/alert.module.mjs +4 -4
- package/esm2020/lib/modules/chevron/chevron.component.mjs +3 -3
- package/esm2020/lib/modules/chevron/chevron.module.mjs +4 -4
- package/esm2020/lib/modules/expansion-indicator/expansion-indicator.component.mjs +3 -3
- package/esm2020/lib/modules/expansion-indicator/expansion-indicator.module.mjs +4 -4
- package/esm2020/lib/modules/help-inline/help-inline.component.mjs +3 -3
- package/esm2020/lib/modules/help-inline/help-inline.module.mjs +4 -4
- package/esm2020/lib/modules/icon/icon-class-list.pipe.mjs +3 -3
- package/esm2020/lib/modules/icon/icon-resolver.service.mjs +3 -3
- package/esm2020/lib/modules/icon/icon-stack.component.mjs +3 -3
- package/esm2020/lib/modules/icon/icon.component.mjs +3 -3
- package/esm2020/lib/modules/icon/icon.module.mjs +4 -4
- package/esm2020/lib/modules/key-info/key-info-label.component.mjs +3 -3
- package/esm2020/lib/modules/key-info/key-info-value.component.mjs +3 -3
- package/esm2020/lib/modules/key-info/key-info.component.mjs +3 -3
- package/esm2020/lib/modules/key-info/key-info.module.mjs +4 -4
- package/esm2020/lib/modules/label/label.component.mjs +15 -15
- package/esm2020/lib/modules/label/label.module.mjs +4 -4
- package/esm2020/lib/modules/shared/sky-indicators-resources.module.mjs +4 -4
- package/esm2020/lib/modules/status-indicator/status-indicator.component.mjs +14 -14
- package/esm2020/lib/modules/status-indicator/status-indicator.module.mjs +4 -4
- package/esm2020/lib/modules/text-highlight/text-highlight.directive.mjs +14 -14
- package/esm2020/lib/modules/text-highlight/text-highlight.module.mjs +4 -4
- package/esm2020/lib/modules/tokens/token.component.mjs +22 -22
- package/esm2020/lib/modules/tokens/tokens.component.mjs +52 -52
- package/esm2020/lib/modules/tokens/tokens.module.mjs +4 -4
- package/esm2020/lib/modules/wait/wait-adapter.service.mjs +3 -3
- package/esm2020/lib/modules/wait/wait-page.component.mjs +3 -3
- package/esm2020/lib/modules/wait/wait.component.mjs +21 -21
- package/esm2020/lib/modules/wait/wait.module.mjs +4 -4
- package/esm2020/lib/modules/wait/wait.service.mjs +16 -44
- package/esm2020/testing/alert-fixture.mjs +6 -6
- package/esm2020/testing/label-fixture.mjs +6 -6
- package/esm2020/testing/wait-fixture.mjs +6 -6
- package/fesm2015/skyux-indicators-testing.mjs +15 -15
- package/fesm2015/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2015/skyux-indicators.mjs +248 -300
- package/fesm2015/skyux-indicators.mjs.map +1 -1
- package/fesm2020/skyux-indicators-testing.mjs +15 -15
- package/fesm2020/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2020/skyux-indicators.mjs +248 -298
- package/fesm2020/skyux-indicators.mjs.map +1 -1
- package/lib/modules/icon/types/icon-type.d.ts +1 -1
- package/lib/modules/icon/types/icon-variant-type.d.ts +1 -1
- package/lib/modules/key-info/key-info-layout-type.d.ts +1 -1
- package/lib/modules/label/label-type.d.ts +1 -1
- package/lib/modules/shared/indicator-description-type.d.ts +1 -1
- package/lib/modules/shared/indicator-icon-type.d.ts +1 -1
- package/lib/modules/wait/wait.service.d.ts +1 -5
- package/package.json +11 -11
- package/esm2020/lib/modules/wait/wait-page-adapter.service.mjs +0 -26
- package/lib/modules/wait/wait-page-adapter.service.d.ts +0 -10
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as i1$1 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Injectable, Pipe, Component, Input, ChangeDetectionStrategy, NgModule, EventEmitter, Output, Directive, ElementRef, ViewChild, ViewChildren, Optional } from '@angular/core';
|
|
4
|
+
import { Injectable, Pipe, Component, Input, ChangeDetectionStrategy, NgModule, EventEmitter, Output, Directive, ElementRef, ViewChild, ViewChildren, Optional, inject } from '@angular/core';
|
|
5
5
|
import * as i1$2 from '@skyux/i18n';
|
|
6
6
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
7
7
|
import * as i1 from '@skyux/theme';
|
|
8
8
|
import { SkyThemeIconManifestModule, SkyThemeModule } from '@skyux/theme';
|
|
9
9
|
import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
|
|
10
|
-
import * as
|
|
11
|
-
import { SkyTrimModule, SkyMutationObserverService, SkyDynamicComponentLocation } from '@skyux/core';
|
|
10
|
+
import * as i1$3 from '@skyux/core';
|
|
11
|
+
import { SkyTrimModule, SkyMutationObserverService, SkyAppWindowRef, SkyDynamicComponentService, SkyDynamicComponentLocation } from '@skyux/core';
|
|
12
12
|
import { trigger, transition, style, animate } from '@angular/animations';
|
|
13
13
|
import { Subject, BehaviorSubject, defer } from 'rxjs';
|
|
14
14
|
import { takeUntil, take, finalize } from 'rxjs/operators';
|
|
@@ -44,9 +44,9 @@ class SkyIconResolverService {
|
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
_SkyIconResolverService_glyphMap = new WeakMap();
|
|
47
|
-
SkyIconResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
48
|
-
SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
47
|
+
SkyIconResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconResolverService, deps: [{ token: i1.SkyThemeIconManifestService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
48
|
+
SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' });
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconResolverService, decorators: [{
|
|
50
50
|
type: Injectable,
|
|
51
51
|
args: [{
|
|
52
52
|
providedIn: 'root',
|
|
@@ -81,9 +81,9 @@ class SkyIconClassListPipe {
|
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
83
|
_SkyIconClassListPipe_resolver = new WeakMap();
|
|
84
|
-
SkyIconClassListPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
85
|
-
SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.1
|
|
86
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
84
|
+
SkyIconClassListPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconClassListPipe, deps: [{ token: SkyIconResolverService }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
85
|
+
SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" });
|
|
86
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
|
|
87
87
|
type: Pipe,
|
|
88
88
|
args: [{
|
|
89
89
|
name: 'skyIconClassList',
|
|
@@ -95,9 +95,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
95
95
|
*/
|
|
96
96
|
class SkyIconStackComponent {
|
|
97
97
|
}
|
|
98
|
-
SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
99
|
-
SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
98
|
+
SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
99
|
+
SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0, template: "<span\n aria-hidden=\"true\"\n class=\"sky-icon-stack fa-stack\"\n [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n <i\n *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"baseIcon.icon | skyIconClassList : baseIcon.iconType\"\n ></i>\n <i\n *ngIf=\"topIcon\"\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"topIcon.icon | skyIconClassList : topIcon.iconType\"\n ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }] });
|
|
100
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconStackComponent, decorators: [{
|
|
101
101
|
type: Component,
|
|
102
102
|
args: [{ selector: 'sky-icon-stack', template: "<span\n aria-hidden=\"true\"\n class=\"sky-icon-stack fa-stack\"\n [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n <i\n *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"baseIcon.icon | skyIconClassList : baseIcon.iconType\"\n ></i>\n <i\n *ngIf=\"topIcon\"\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"topIcon.icon | skyIconClassList : topIcon.iconType\"\n ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}.sky-icon-inverse{color:var(--sky-icon-stack-top-icon-color-override, #ffffff)}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"] }]
|
|
103
103
|
}], propDecorators: { size: [{
|
|
@@ -110,9 +110,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
110
110
|
|
|
111
111
|
class SkyIconComponent {
|
|
112
112
|
}
|
|
113
|
-
SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
114
|
-
SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
113
|
+
SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
114
|
+
SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0, template: "<i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [ngClass]=\"icon | skyIconClassList : iconType : size : fixedWidth : variant\"\n>\n</i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: SkyIconClassListPipe, name: "skyIconClassList" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconComponent, decorators: [{
|
|
116
116
|
type: Component,
|
|
117
117
|
args: [{ selector: 'sky-icon', changeDetection: ChangeDetectionStrategy.OnPush, template: "<i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [ngClass]=\"icon | skyIconClassList : iconType : size : fixedWidth : variant\"\n>\n</i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"] }]
|
|
118
118
|
}], propDecorators: { icon: [{
|
|
@@ -129,10 +129,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
129
129
|
|
|
130
130
|
class SkyIconModule {
|
|
131
131
|
}
|
|
132
|
-
SkyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
133
|
-
SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
134
|
-
SkyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
135
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
132
|
+
SkyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
133
|
+
SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule, SkyThemeIconManifestModule], exports: [SkyIconComponent, SkyIconStackComponent] });
|
|
134
|
+
SkyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconModule, imports: [CommonModule, SkyThemeIconManifestModule] });
|
|
135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIconModule, decorators: [{
|
|
136
136
|
type: NgModule,
|
|
137
137
|
args: [{
|
|
138
138
|
declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
|
|
@@ -201,16 +201,16 @@ class SkyIndicatorsResourcesProvider {
|
|
|
201
201
|
*/
|
|
202
202
|
class SkyIndicatorsResourcesModule {
|
|
203
203
|
}
|
|
204
|
-
SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
205
|
-
SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
206
|
-
SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
204
|
+
SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
205
|
+
SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
|
|
206
|
+
SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
|
|
207
207
|
{
|
|
208
208
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
209
209
|
useClass: SkyIndicatorsResourcesProvider,
|
|
210
210
|
multi: true,
|
|
211
211
|
},
|
|
212
212
|
], imports: [SkyI18nModule] });
|
|
213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
|
|
214
214
|
type: NgModule,
|
|
215
215
|
args: [{
|
|
216
216
|
exports: [SkyI18nModule],
|
|
@@ -267,19 +267,6 @@ class SkyIndicatorIconUtility {
|
|
|
267
267
|
var _SkyAlertComponent_instances, _SkyAlertComponent__descriptionType, _SkyAlertComponent__customDescription, _SkyAlertComponent_descriptionTypeResourceSubscription, _SkyAlertComponent_resources, _SkyAlertComponent_updateAlertIcon, _SkyAlertComponent_updateDescriptionComputed, _SkyAlertComponent_unsubscribe;
|
|
268
268
|
const ALERT_TYPE_DEFAULT = 'warning';
|
|
269
269
|
class SkyAlertComponent {
|
|
270
|
-
constructor(resources) {
|
|
271
|
-
_SkyAlertComponent_instances.add(this);
|
|
272
|
-
/**
|
|
273
|
-
* Fires when users close the alert.
|
|
274
|
-
*/
|
|
275
|
-
this.closedChange = new EventEmitter();
|
|
276
|
-
this.alertTypeOrDefault = ALERT_TYPE_DEFAULT;
|
|
277
|
-
_SkyAlertComponent__descriptionType.set(this, void 0);
|
|
278
|
-
_SkyAlertComponent__customDescription.set(this, void 0);
|
|
279
|
-
_SkyAlertComponent_descriptionTypeResourceSubscription.set(this, void 0);
|
|
280
|
-
_SkyAlertComponent_resources.set(this, void 0);
|
|
281
|
-
__classPrivateFieldSet(this, _SkyAlertComponent_resources, resources, "f");
|
|
282
|
-
}
|
|
283
270
|
/**
|
|
284
271
|
* The style for the alert, which determines the icon and background color.
|
|
285
272
|
* The valid options are `danger`, `info`, `success`, and `warning`.
|
|
@@ -307,6 +294,19 @@ class SkyAlertComponent {
|
|
|
307
294
|
__classPrivateFieldSet(this, _SkyAlertComponent__customDescription, value, "f");
|
|
308
295
|
__classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateDescriptionComputed).call(this);
|
|
309
296
|
}
|
|
297
|
+
constructor(resources) {
|
|
298
|
+
_SkyAlertComponent_instances.add(this);
|
|
299
|
+
/**
|
|
300
|
+
* Fires when users close the alert.
|
|
301
|
+
*/
|
|
302
|
+
this.closedChange = new EventEmitter();
|
|
303
|
+
this.alertTypeOrDefault = ALERT_TYPE_DEFAULT;
|
|
304
|
+
_SkyAlertComponent__descriptionType.set(this, void 0);
|
|
305
|
+
_SkyAlertComponent__customDescription.set(this, void 0);
|
|
306
|
+
_SkyAlertComponent_descriptionTypeResourceSubscription.set(this, void 0);
|
|
307
|
+
_SkyAlertComponent_resources.set(this, void 0);
|
|
308
|
+
__classPrivateFieldSet(this, _SkyAlertComponent_resources, resources, "f");
|
|
309
|
+
}
|
|
310
310
|
ngOnInit() {
|
|
311
311
|
__classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateAlertIcon).call(this);
|
|
312
312
|
}
|
|
@@ -350,9 +350,9 @@ _SkyAlertComponent__descriptionType = new WeakMap(), _SkyAlertComponent__customD
|
|
|
350
350
|
__classPrivateFieldSet(this, _SkyAlertComponent_descriptionTypeResourceSubscription, undefined, "f");
|
|
351
351
|
}
|
|
352
352
|
};
|
|
353
|
-
SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
354
|
-
SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
355
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
353
|
+
SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAlertComponent, deps: [{ token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
354
|
+
SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed", descriptionType: "descriptionType", customDescription: "customDescription" }, outputs: { closedChange: "closedChange" }, ngImport: i0, template: "<div\n class=\"sky-alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\n role=\"alert\"\n [hidden]=\"closed\"\n [ngClass]=\"{\n 'sky-alert-info': alertTypeOrDefault === 'info',\n 'sky-alert-success': alertTypeOrDefault === 'success',\n 'sky-alert-warning': alertTypeOrDefault === 'warning',\n 'sky-alert-danger': alertTypeOrDefault === 'danger',\n 'sky-alert-closeable': closeable\n }\"\n>\n <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n </sky-icon-stack>\n </div>\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <div class=\"sky-alert-content\">\n <ng-content></ng-content>\n </div>\n <button\n class=\"sky-alert-close\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n [hidden]=\"!closeable\"\n (click)=\"close()\"\n >\n <span aria-hidden=\"true\">\n <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n </sky-icon>\n <sky-icon\n class=\"sky-alert-close-icon-theme-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n size=\"2x\"\n >\n </sky-icon>\n </span>\n </button>\n</div>\n", styles: [":host{display:block}.sky-alert{--sky-alert-before-display: initial;--sky-alert-border-left-width: 30px;--sky-alert-close-icon-default-display: initial;--sky-alert-close-icon-modern-display: none;--sky-alert-content-padding-top-bottom: 10px;--sky-alert-content-padding-left-right: 0;--sky-alert-icon-default-display: initial;--sky-alert-icon-modern-display: none;--sky-alert-info-background-color: var(--sky-background-color-info)}:host-context(.sky-theme-modern) .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-theme-modern .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-alert{padding:0 10px;border-left:solid var(--sky-alert-border-left-width);color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding:var(--sky-alert-content-padding-top-bottom) var(--sky-alert-content-padding-left-right);width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info:before,.sky-alert.sky-alert-success:before,.sky-alert.sky-alert-warning:before,.sky-alert.sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff;display:var(--sky-alert-before-display)}.sky-alert:not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert.sky-alert-info{background-color:var(--sky-alert-info-background-color);border-color:var(--sky-highlight-color-info)}.sky-alert.sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert.sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert.sky-alert-success:before{content:\"\\f00c\"}.sky-alert.sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert.sky-alert-warning:before{content:\"\\f071\"}.sky-alert.sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert.sky-alert-danger:before{content:\"\\f071\"}.sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:.8;border:none;background-color:transparent;display:none}.sky-alert-close:hover{opacity:1}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-icon-theme-modern{display:var(--sky-alert-icon-modern-display)}.sky-alert-close-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-close-icon-theme-modern{display:var(--sky-alert-close-icon-modern-display)}.sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-danger)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i1$2.SkyLibResourcesPipe, name: "skyLibResources" }] });
|
|
355
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAlertComponent, decorators: [{
|
|
356
356
|
type: Component,
|
|
357
357
|
args: [{ selector: 'sky-alert', template: "<div\n class=\"sky-alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\n role=\"alert\"\n [hidden]=\"closed\"\n [ngClass]=\"{\n 'sky-alert-info': alertTypeOrDefault === 'info',\n 'sky-alert-success': alertTypeOrDefault === 'success',\n 'sky-alert-warning': alertTypeOrDefault === 'warning',\n 'sky-alert-danger': alertTypeOrDefault === 'danger',\n 'sky-alert-closeable': closeable\n }\"\n>\n <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n </sky-icon-stack>\n </div>\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <div class=\"sky-alert-content\">\n <ng-content></ng-content>\n </div>\n <button\n class=\"sky-alert-close\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n [hidden]=\"!closeable\"\n (click)=\"close()\"\n >\n <span aria-hidden=\"true\">\n <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n </sky-icon>\n <sky-icon\n class=\"sky-alert-close-icon-theme-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n size=\"2x\"\n >\n </sky-icon>\n </span>\n </button>\n</div>\n", styles: [":host{display:block}.sky-alert{--sky-alert-before-display: initial;--sky-alert-border-left-width: 30px;--sky-alert-close-icon-default-display: initial;--sky-alert-close-icon-modern-display: none;--sky-alert-content-padding-top-bottom: 10px;--sky-alert-content-padding-left-right: 0;--sky-alert-icon-default-display: initial;--sky-alert-icon-modern-display: none;--sky-alert-info-background-color: var(--sky-background-color-info)}:host-context(.sky-theme-modern) .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-theme-modern .sky-alert{--sky-alert-before-display: none;--sky-alert-border-left-width: 7px;--sky-alert-close-icon-default-display: none;--sky-alert-close-icon-modern-display: initial;--sky-alert-content-padding-left-right: var(--sky-padding-even-md);--sky-alert-content-padding-top-bottom: var(--sky-padding-even-md);--sky-alert-icon-default-display: none;--sky-alert-icon-modern-display: initial;--sky-alert-info-background-color: var(--sky-background-color-info-light)}.sky-alert{padding:0 10px;border-left:solid var(--sky-alert-border-left-width);color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding:var(--sky-alert-content-padding-top-bottom) var(--sky-alert-content-padding-left-right);width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info:before,.sky-alert.sky-alert-success:before,.sky-alert.sky-alert-warning:before,.sky-alert.sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff;display:var(--sky-alert-before-display)}.sky-alert:not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert.sky-alert-info{background-color:var(--sky-alert-info-background-color);border-color:var(--sky-highlight-color-info)}.sky-alert.sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert.sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert.sky-alert-success:before{content:\"\\f00c\"}.sky-alert.sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert.sky-alert-warning:before{content:\"\\f071\"}.sky-alert.sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert.sky-alert-danger:before{content:\"\\f071\"}.sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:.8;border:none;background-color:transparent;display:none}.sky-alert-close:hover{opacity:1}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-icon-theme-modern{display:var(--sky-alert-icon-modern-display)}.sky-alert-close-icon-theme-default{display:var(--sky-alert-icon-default-display)}.sky-alert-close-icon-theme-modern{display:var(--sky-alert-close-icon-modern-display)}.sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-highlight-color-danger)}\n"] }]
|
|
358
358
|
}], ctorParameters: function () { return [{ type: i1$2.SkyLibResourcesService }]; }, propDecorators: { alertType: [{
|
|
@@ -371,18 +371,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
371
371
|
|
|
372
372
|
class SkyAlertModule {
|
|
373
373
|
}
|
|
374
|
-
SkyAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
375
|
-
SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
374
|
+
SkyAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
375
|
+
SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [CommonModule,
|
|
376
376
|
SkyI18nModule,
|
|
377
377
|
SkyIconModule,
|
|
378
378
|
SkyIndicatorsResourcesModule,
|
|
379
379
|
SkyThemeModule], exports: [SkyAlertComponent] });
|
|
380
|
-
SkyAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
380
|
+
SkyAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAlertModule, imports: [CommonModule,
|
|
381
381
|
SkyI18nModule,
|
|
382
382
|
SkyIconModule,
|
|
383
383
|
SkyIndicatorsResourcesModule,
|
|
384
384
|
SkyThemeModule] });
|
|
385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyAlertModule, decorators: [{
|
|
386
386
|
type: NgModule,
|
|
387
387
|
args: [{
|
|
388
388
|
declarations: [SkyAlertComponent],
|
|
@@ -415,9 +415,9 @@ class SkyExpansionIndicatorComponent {
|
|
|
415
415
|
}
|
|
416
416
|
}
|
|
417
417
|
}
|
|
418
|
-
SkyExpansionIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
419
|
-
SkyExpansionIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
418
|
+
SkyExpansionIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
419
|
+
SkyExpansionIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, ngImport: i0, template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</div>\n\n<ng-template #icon>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] });
|
|
420
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
|
|
421
421
|
type: Component,
|
|
422
422
|
args: [{ selector: 'sky-expansion-indicator', template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</div>\n\n<ng-template #icon>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"] }]
|
|
423
423
|
}], propDecorators: { direction: [{
|
|
@@ -426,10 +426,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
426
426
|
|
|
427
427
|
class SkyExpansionIndicatorModule {
|
|
428
428
|
}
|
|
429
|
-
SkyExpansionIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
430
|
-
SkyExpansionIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
431
|
-
SkyExpansionIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
432
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
429
|
+
SkyExpansionIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
430
|
+
SkyExpansionIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] });
|
|
431
|
+
SkyExpansionIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [CommonModule, SkyThemeModule] });
|
|
432
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
|
|
433
433
|
type: NgModule,
|
|
434
434
|
args: [{
|
|
435
435
|
declarations: [SkyExpansionIndicatorComponent],
|
|
@@ -477,9 +477,9 @@ class SkyChevronComponent {
|
|
|
477
477
|
this.directionChange.emit(this.directionOrDefault);
|
|
478
478
|
}
|
|
479
479
|
}
|
|
480
|
-
SkyChevronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
481
|
-
SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
482
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
480
|
+
SkyChevronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
481
|
+
SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0, template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + directionOrDefault]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <sky-expansion-indicator\n [direction]=\"directionOrDefault\"\n ></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "component", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }] });
|
|
482
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyChevronComponent, decorators: [{
|
|
483
483
|
type: Component,
|
|
484
484
|
args: [{ selector: 'sky-chevron', template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + directionOrDefault]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <sky-expansion-indicator\n [direction]=\"directionOrDefault\"\n ></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"] }]
|
|
485
485
|
}], propDecorators: { ariaControls: [{
|
|
@@ -496,18 +496,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
496
496
|
|
|
497
497
|
class SkyChevronModule {
|
|
498
498
|
}
|
|
499
|
-
SkyChevronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
500
|
-
SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
499
|
+
SkyChevronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
500
|
+
SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [CommonModule,
|
|
501
501
|
SkyI18nModule,
|
|
502
502
|
SkyIndicatorsResourcesModule,
|
|
503
503
|
SkyThemeModule,
|
|
504
504
|
SkyExpansionIndicatorModule], exports: [SkyChevronComponent] });
|
|
505
|
-
SkyChevronModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
505
|
+
SkyChevronModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyChevronModule, imports: [CommonModule,
|
|
506
506
|
SkyI18nModule,
|
|
507
507
|
SkyIndicatorsResourcesModule,
|
|
508
508
|
SkyThemeModule,
|
|
509
509
|
SkyExpansionIndicatorModule] });
|
|
510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyChevronModule, decorators: [{
|
|
511
511
|
type: NgModule,
|
|
512
512
|
args: [{
|
|
513
513
|
declarations: [SkyChevronComponent],
|
|
@@ -533,9 +533,9 @@ class SkyHelpInlineComponent {
|
|
|
533
533
|
this.actionClick.emit();
|
|
534
534
|
}
|
|
535
535
|
}
|
|
536
|
-
SkyHelpInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
537
|
-
SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
538
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
536
|
+
SkyHelpInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
537
|
+
SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyHelpInlineComponent, selector: "sky-help-inline", outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<button\n class=\"sky-help-inline\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_help_inline_button_title' | skyLibResources\"\n (click)=\"onClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n <sky-icon-stack\n *skyThemeIf=\"'modern'\"\n size=\"xs\"\n [baseIcon]=\"{\n icon: 'circle-solid',\n iconType: 'skyux'\n }\"\n [topIcon]=\"{\n icon: 'help-i',\n iconType: 'skyux'\n }\"\n >\n </sky-icon-stack>\n</button>\n", styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#0974a1;padding:1px 6px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}:host-context(.sky-theme-modern) .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}:host-context(.sky-theme-modern) .sky-help-inline:hover,:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{color:#0974a1}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-help-inline[disabled],:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-theme-modern .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#0974a1;padding:1px 6px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}.sky-theme-modern .sky-help-inline:hover,.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{color:#0974a1}.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}.sky-theme-modern .sky-help-inline.sky-btn-disabled,.sky-theme-modern .sky-help-inline.sky-btn-disabled:hover,.sky-theme-modern .sky-help-inline.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-help-inline.sky-btn-disabled:active,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-help-inline[disabled],.sky-theme-modern .sky-help-inline[disabled]:hover,.sky-theme-modern .sky-help-inline[disabled]:focus-visible,.sky-theme-modern .sky-help-inline[disabled].sky-btn-focus,.sky-theme-modern .sky-help-inline[disabled]:active,.sky-theme-modern .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern .sky-help-inline:focus-visible{outline:none}.sky-theme-modern .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"], dependencies: [{ kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i1$2.SkyLibResourcesPipe, name: "skyLibResources" }] });
|
|
538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyHelpInlineComponent, decorators: [{
|
|
539
539
|
type: Component,
|
|
540
540
|
args: [{ selector: 'sky-help-inline', template: "<button\n class=\"sky-help-inline\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_help_inline_button_title' | skyLibResources\"\n (click)=\"onClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n <sky-icon-stack\n *skyThemeIf=\"'modern'\"\n size=\"xs\"\n [baseIcon]=\"{\n icon: 'circle-solid',\n iconType: 'skyux'\n }\"\n [topIcon]=\"{\n icon: 'help-i',\n iconType: 'skyux'\n }\"\n >\n </sky-icon-stack>\n</button>\n", styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#0974a1;padding:1px 6px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}:host-context(.sky-theme-modern) .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}:host-context(.sky-theme-modern) .sky-help-inline:hover,:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{color:#0974a1}:host-context(.sky-theme-modern) .sky-help-inline:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:hover,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled:active,:host-context(.sky-theme-modern) .sky-help-inline.sky-btn-disabled.sky-btn-active,:host-context(.sky-theme-modern) .sky-help-inline[disabled],:host-context(.sky-theme-modern) .sky-help-inline[disabled]:hover,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:focus-visible,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-focus,:host-context(.sky-theme-modern) .sky-help-inline[disabled]:active,:host-context(.sky-theme-modern) .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-theme-modern .sky-help-inline{border-radius:3px;border:none;box-shadow:inset 0 0 0 1px transparent;background-color:transparent;color:#0974a1;padding:1px 6px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline:hover{border:none;box-shadow:inset 0 0 0 1px #1870b8;text-decoration:none}.sky-theme-modern .sky-help-inline:hover,.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{color:#0974a1}.sky-theme-modern .sky-help-inline:active,.sky-theme-modern .sky-help-inline.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #1870b8;background-image:none}.sky-theme-modern .sky-help-inline.sky-btn-disabled,.sky-theme-modern .sky-help-inline.sky-btn-disabled:hover,.sky-theme-modern .sky-help-inline.sky-btn-disabled:focus-visible,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-focus,.sky-theme-modern .sky-help-inline.sky-btn-disabled:active,.sky-theme-modern .sky-help-inline.sky-btn-disabled.sky-btn-active,.sky-theme-modern .sky-help-inline[disabled],.sky-theme-modern .sky-help-inline[disabled]:hover,.sky-theme-modern .sky-help-inline[disabled]:focus-visible,.sky-theme-modern .sky-help-inline[disabled].sky-btn-focus,.sky-theme-modern .sky-help-inline[disabled]:active,.sky-theme-modern .sky-help-inline[disabled].sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern .sky-help-inline:focus-visible{outline:none}.sky-theme-modern .sky-help-inline:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}\n"] }]
|
|
541
541
|
}], propDecorators: { actionClick: [{
|
|
@@ -544,18 +544,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
544
544
|
|
|
545
545
|
class SkyHelpInlineModule {
|
|
546
546
|
}
|
|
547
|
-
SkyHelpInlineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
548
|
-
SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
547
|
+
SkyHelpInlineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
548
|
+
SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [CommonModule,
|
|
549
549
|
SkyI18nModule,
|
|
550
550
|
SkyIconModule,
|
|
551
551
|
SkyIndicatorsResourcesModule,
|
|
552
552
|
SkyThemeModule], exports: [SkyHelpInlineComponent] });
|
|
553
|
-
SkyHelpInlineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
553
|
+
SkyHelpInlineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyHelpInlineModule, imports: [CommonModule,
|
|
554
554
|
SkyI18nModule,
|
|
555
555
|
SkyIconModule,
|
|
556
556
|
SkyIndicatorsResourcesModule,
|
|
557
557
|
SkyThemeModule] });
|
|
558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyHelpInlineModule, decorators: [{
|
|
559
559
|
type: NgModule,
|
|
560
560
|
args: [{
|
|
561
561
|
declarations: [SkyHelpInlineComponent],
|
|
@@ -578,9 +578,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
578
578
|
*/
|
|
579
579
|
class SkyKeyInfoLabelComponent {
|
|
580
580
|
}
|
|
581
|
-
SkyKeyInfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
582
|
-
SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
583
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
581
|
+
SkyKeyInfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
582
|
+
SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
583
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
|
|
584
584
|
type: Component,
|
|
585
585
|
args: [{
|
|
586
586
|
selector: 'sky-key-info-label',
|
|
@@ -594,9 +594,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
594
594
|
*/
|
|
595
595
|
class SkyKeyInfoValueComponent {
|
|
596
596
|
}
|
|
597
|
-
SkyKeyInfoValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
598
|
-
SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
597
|
+
SkyKeyInfoValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
598
|
+
SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
|
|
600
600
|
type: Component,
|
|
601
601
|
args: [{
|
|
602
602
|
selector: 'sky-key-info-value',
|
|
@@ -614,9 +614,9 @@ class SkyKeyInfoComponent {
|
|
|
614
614
|
this.layout = 'vertical';
|
|
615
615
|
}
|
|
616
616
|
}
|
|
617
|
-
SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
618
|
-
SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
619
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
617
|
+
SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
618
|
+
SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0, template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-margin-inline-xs)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.λ4, selector: "[skyTrim]" }] });
|
|
619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
|
|
620
620
|
type: Component,
|
|
621
621
|
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span skyTrim><ng-content select=\"sky-key-info-label\"></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-key-info,.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-margin-inline-xs)}\n"] }]
|
|
622
622
|
}], propDecorators: { layout: [{
|
|
@@ -625,14 +625,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
625
625
|
|
|
626
626
|
class SkyKeyInfoModule {
|
|
627
627
|
}
|
|
628
|
-
SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
629
|
-
SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
628
|
+
SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
629
|
+
SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
630
630
|
SkyKeyInfoLabelComponent,
|
|
631
631
|
SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule], exports: [SkyKeyInfoComponent,
|
|
632
632
|
SkyKeyInfoLabelComponent,
|
|
633
633
|
SkyKeyInfoValueComponent] });
|
|
634
|
-
SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
634
|
+
SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule] });
|
|
635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
|
|
636
636
|
type: NgModule,
|
|
637
637
|
args: [{
|
|
638
638
|
declarations: [
|
|
@@ -652,17 +652,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
652
652
|
var _SkyLabelComponent_instances, _SkyLabelComponent__descriptionType, _SkyLabelComponent__customDescription, _SkyLabelComponent_changeDetector, _SkyLabelComponent_descriptionTypeResourceSubscription, _SkyLabelComponent_resources, _SkyLabelComponent_updateIcon, _SkyLabelComponent_updateDescriptionComputed, _SkyLabelComponent_unsubscribe;
|
|
653
653
|
const LABEL_TYPE_DEFAULT = 'info';
|
|
654
654
|
class SkyLabelComponent {
|
|
655
|
-
constructor(changeDetector, resources) {
|
|
656
|
-
_SkyLabelComponent_instances.add(this);
|
|
657
|
-
this.labelTypeOrDefault = LABEL_TYPE_DEFAULT;
|
|
658
|
-
_SkyLabelComponent__descriptionType.set(this, void 0);
|
|
659
|
-
_SkyLabelComponent__customDescription.set(this, void 0);
|
|
660
|
-
_SkyLabelComponent_changeDetector.set(this, void 0);
|
|
661
|
-
_SkyLabelComponent_descriptionTypeResourceSubscription.set(this, void 0);
|
|
662
|
-
_SkyLabelComponent_resources.set(this, void 0);
|
|
663
|
-
__classPrivateFieldSet(this, _SkyLabelComponent_changeDetector, changeDetector, "f");
|
|
664
|
-
__classPrivateFieldSet(this, _SkyLabelComponent_resources, resources, "f");
|
|
665
|
-
}
|
|
666
655
|
/**
|
|
667
656
|
* The type of label to display.
|
|
668
657
|
* @default 'info'
|
|
@@ -687,6 +676,17 @@ class SkyLabelComponent {
|
|
|
687
676
|
__classPrivateFieldSet(this, _SkyLabelComponent__customDescription, value, "f");
|
|
688
677
|
__classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateDescriptionComputed).call(this);
|
|
689
678
|
}
|
|
679
|
+
constructor(changeDetector, resources) {
|
|
680
|
+
_SkyLabelComponent_instances.add(this);
|
|
681
|
+
this.labelTypeOrDefault = LABEL_TYPE_DEFAULT;
|
|
682
|
+
_SkyLabelComponent__descriptionType.set(this, void 0);
|
|
683
|
+
_SkyLabelComponent__customDescription.set(this, void 0);
|
|
684
|
+
_SkyLabelComponent_changeDetector.set(this, void 0);
|
|
685
|
+
_SkyLabelComponent_descriptionTypeResourceSubscription.set(this, void 0);
|
|
686
|
+
_SkyLabelComponent_resources.set(this, void 0);
|
|
687
|
+
__classPrivateFieldSet(this, _SkyLabelComponent_changeDetector, changeDetector, "f");
|
|
688
|
+
__classPrivateFieldSet(this, _SkyLabelComponent_resources, resources, "f");
|
|
689
|
+
}
|
|
690
690
|
ngOnInit() {
|
|
691
691
|
__classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateIcon).call(this);
|
|
692
692
|
}
|
|
@@ -728,9 +728,9 @@ _SkyLabelComponent__descriptionType = new WeakMap(), _SkyLabelComponent__customD
|
|
|
728
728
|
__classPrivateFieldSet(this, _SkyLabelComponent_descriptionTypeResourceSubscription, undefined, "f");
|
|
729
729
|
}
|
|
730
730
|
};
|
|
731
|
-
SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
732
|
-
SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
731
|
+
SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyLabelComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
732
|
+
SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelTypeOrDefault\">\n <span class=\"sky-label-icon-theme-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-label-icon-theme-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <span class=\"sky-label-text\">\n <ng-content></ng-content>\n </span>\n</span>\n", styles: [".sky-label{--sky-label-display: inline;--sky-label-align-items: initial;--sky-label-line-height: 2.2;--sky-label-info-background-color: var(--sky-background-color-info);--sky-label-icon-default-display: inline;--sky-label-icon-modern-display: none;--sky-label-info-success-padding: .3em .6em .3em .6em;--sky-label-warning-danger-padding: .3em .6em .3em .6em}:host-context(.sky-theme-modern) .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-theme-modern .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}.sky-theme-modern .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-label{color:var(--sky-text-color-default);display:var(--sky-label-display);align-items:var(--sky-label-align-items);border-radius:10rem;font-weight:400;line-height:var(--sky-label-line-height);margin:0 3px;white-space:nowrap}.sky-label.sky-label-info,.sky-label.sky-label-success{padding:var(--sky-label-info-success-padding)}.sky-label.sky-label-warning,.sky-label.sky-label-danger{padding:var(--sky-label-warning-danger-padding)}.sky-label-success{background-color:var(--sky-background-color-success)}.sky-label-info{background-color:var(--sky-label-info-background-color)}.sky-label-warning{background-color:var(--sky-background-color-warning)}.sky-label-danger{background-color:var(--sky-background-color-danger)}.sky-label-text{display:inline-block;padding-left:var(--sky-padding-half)}.sky-label-icon-theme-modern{display:var(--sky-label-icon-modern-display)}.sky-label-icon-theme-default{display:var(--sky-label-icon-default-display)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }] });
|
|
733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyLabelComponent, decorators: [{
|
|
734
734
|
type: Component,
|
|
735
735
|
args: [{ selector: 'sky-label', template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelTypeOrDefault\">\n <span class=\"sky-label-icon-theme-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-label-icon-theme-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <span class=\"sky-label-text\">\n <ng-content></ng-content>\n </span>\n</span>\n", styles: [".sky-label{--sky-label-display: inline;--sky-label-align-items: initial;--sky-label-line-height: 2.2;--sky-label-info-background-color: var(--sky-background-color-info);--sky-label-icon-default-display: inline;--sky-label-icon-modern-display: none;--sky-label-info-success-padding: .3em .6em .3em .6em;--sky-label-warning-danger-padding: .3em .6em .3em .6em}:host-context(.sky-theme-modern) .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-theme-modern .sky-label{--sky-label-display: inline-flex;--sky-label-align-items: center;--sky-label-line-height: 1;--sky-label-info-background-color: var(--sky-background-color-info-light);--sky-label-icon-default-display: none;--sky-label-icon-modern-display: block;--sky-label-info-success-padding: 4px 15px 4px 6px;--sky-label-warning-danger-padding: 4px 15px 4px 9px}.sky-theme-modern .sky-label:not(.sky-label-danger){--sky-icon-stack-top-icon-color-override: var(--sky-text-color-default)}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-highlight-color-info)}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-highlight-color-success)}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-highlight-color-warning)}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-highlight-color-danger)}.sky-label{color:var(--sky-text-color-default);display:var(--sky-label-display);align-items:var(--sky-label-align-items);border-radius:10rem;font-weight:400;line-height:var(--sky-label-line-height);margin:0 3px;white-space:nowrap}.sky-label.sky-label-info,.sky-label.sky-label-success{padding:var(--sky-label-info-success-padding)}.sky-label.sky-label-warning,.sky-label.sky-label-danger{padding:var(--sky-label-warning-danger-padding)}.sky-label-success{background-color:var(--sky-background-color-success)}.sky-label-info{background-color:var(--sky-label-info-background-color)}.sky-label-warning{background-color:var(--sky-background-color-warning)}.sky-label-danger{background-color:var(--sky-background-color-danger)}.sky-label-text{display:inline-block;padding-left:var(--sky-padding-half)}.sky-label-icon-theme-modern{display:var(--sky-label-icon-modern-display)}.sky-label-icon-theme-default{display:var(--sky-label-icon-default-display)}\n"] }]
|
|
736
736
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$2.SkyLibResourcesService }]; }, propDecorators: { labelType: [{
|
|
@@ -743,16 +743,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
743
743
|
|
|
744
744
|
class SkyLabelModule {
|
|
745
745
|
}
|
|
746
|
-
SkyLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
747
|
-
SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
746
|
+
SkyLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
747
|
+
SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule,
|
|
748
748
|
SkyI18nModule,
|
|
749
749
|
SkyIconModule,
|
|
750
750
|
SkyIndicatorsResourcesModule], exports: [SkyLabelComponent] });
|
|
751
|
-
SkyLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
751
|
+
SkyLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyLabelModule, imports: [CommonModule,
|
|
752
752
|
SkyI18nModule,
|
|
753
753
|
SkyIconModule,
|
|
754
754
|
SkyIndicatorsResourcesModule] });
|
|
755
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyLabelModule, decorators: [{
|
|
756
756
|
type: NgModule,
|
|
757
757
|
args: [{
|
|
758
758
|
declarations: [SkyLabelComponent],
|
|
@@ -775,16 +775,6 @@ const INDICATOR_TYPE_DEFAULT = 'warning';
|
|
|
775
775
|
* CSS class on that help button element.
|
|
776
776
|
*/
|
|
777
777
|
class SkyStatusIndicatorComponent {
|
|
778
|
-
constructor(changeDetector, resources) {
|
|
779
|
-
_SkyStatusIndicatorComponent_instances.add(this);
|
|
780
|
-
this.indicatorTypeOrDefault = INDICATOR_TYPE_DEFAULT;
|
|
781
|
-
_SkyStatusIndicatorComponent_changeDetector.set(this, void 0);
|
|
782
|
-
_SkyStatusIndicatorComponent_resourcesSvc.set(this, void 0);
|
|
783
|
-
_SkyStatusIndicatorComponent__descriptionType.set(this, void 0);
|
|
784
|
-
_SkyStatusIndicatorComponent__customDescription.set(this, void 0);
|
|
785
|
-
__classPrivateFieldSet(this, _SkyStatusIndicatorComponent_changeDetector, changeDetector, "f");
|
|
786
|
-
__classPrivateFieldSet(this, _SkyStatusIndicatorComponent_resourcesSvc, resources, "f");
|
|
787
|
-
}
|
|
788
778
|
/**
|
|
789
779
|
* The style for the status indicator, which determines the icon.
|
|
790
780
|
* @default "warning"
|
|
@@ -817,6 +807,16 @@ class SkyStatusIndicatorComponent {
|
|
|
817
807
|
get customDescription() {
|
|
818
808
|
return __classPrivateFieldGet(this, _SkyStatusIndicatorComponent__customDescription, "f");
|
|
819
809
|
}
|
|
810
|
+
constructor(changeDetector, resources) {
|
|
811
|
+
_SkyStatusIndicatorComponent_instances.add(this);
|
|
812
|
+
this.indicatorTypeOrDefault = INDICATOR_TYPE_DEFAULT;
|
|
813
|
+
_SkyStatusIndicatorComponent_changeDetector.set(this, void 0);
|
|
814
|
+
_SkyStatusIndicatorComponent_resourcesSvc.set(this, void 0);
|
|
815
|
+
_SkyStatusIndicatorComponent__descriptionType.set(this, void 0);
|
|
816
|
+
_SkyStatusIndicatorComponent__customDescription.set(this, void 0);
|
|
817
|
+
__classPrivateFieldSet(this, _SkyStatusIndicatorComponent_changeDetector, changeDetector, "f");
|
|
818
|
+
__classPrivateFieldSet(this, _SkyStatusIndicatorComponent_resourcesSvc, resources, "f");
|
|
819
|
+
}
|
|
820
820
|
ngOnInit() {
|
|
821
821
|
__classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateIcon).call(this);
|
|
822
822
|
}
|
|
@@ -850,9 +850,9 @@ _SkyStatusIndicatorComponent_changeDetector = new WeakMap(), _SkyStatusIndicator
|
|
|
850
850
|
this.descriptionComputed = undefined;
|
|
851
851
|
}
|
|
852
852
|
};
|
|
853
|
-
SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
854
|
-
SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
855
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
853
|
+
SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
854
|
+
SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n <div\n aria-hidden=\"true\"\n class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n >\n <span class=\"sky-status-indicator-icon-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-status-indicator-icon-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n </div>\n <div class=\"sky-status-indicator-message-wrapper\">\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <span class=\"sky-status-indicator-message\" skyTrim\n ><ng-content></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i1$3.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
855
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
|
|
856
856
|
type: Component,
|
|
857
857
|
args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n <div\n aria-hidden=\"true\"\n class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n >\n <span class=\"sky-status-indicator-icon-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-status-indicator-icon-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n </div>\n <div class=\"sky-status-indicator-message-wrapper\">\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <span class=\"sky-status-indicator-message\" skyTrim\n ><ng-content></ng-content></span\n ><span class=\"sky-control-help-container\"\n ><ng-content select=\".sky-control-help\"></ng-content\n ></span>\n </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"] }]
|
|
858
858
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$2.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
|
|
@@ -865,18 +865,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
865
865
|
|
|
866
866
|
class SkyStatusIndicatorModule {
|
|
867
867
|
}
|
|
868
|
-
SkyStatusIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
869
|
-
SkyStatusIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
868
|
+
SkyStatusIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
869
|
+
SkyStatusIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
|
|
870
870
|
SkyI18nModule,
|
|
871
871
|
SkyIconModule,
|
|
872
872
|
SkyIndicatorsResourcesModule,
|
|
873
873
|
SkyTrimModule], exports: [SkyStatusIndicatorComponent] });
|
|
874
|
-
SkyStatusIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
874
|
+
SkyStatusIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyStatusIndicatorModule, imports: [CommonModule,
|
|
875
875
|
SkyI18nModule,
|
|
876
876
|
SkyIconModule,
|
|
877
877
|
SkyIndicatorsResourcesModule,
|
|
878
878
|
SkyTrimModule] });
|
|
879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
879
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyStatusIndicatorModule, decorators: [{
|
|
880
880
|
type: NgModule,
|
|
881
881
|
args: [{
|
|
882
882
|
declarations: [SkyStatusIndicatorComponent],
|
|
@@ -961,16 +961,6 @@ function createSearchRegex(searchTerms) {
|
|
|
961
961
|
* Highlights all matching text within the current DOM element.
|
|
962
962
|
*/
|
|
963
963
|
class SkyTextHighlightDirective {
|
|
964
|
-
constructor(el, observerSvc) {
|
|
965
|
-
_SkyTextHighlightDirective_instances.add(this);
|
|
966
|
-
_SkyTextHighlightDirective_existingHighlight.set(this, false);
|
|
967
|
-
_SkyTextHighlightDirective_observer.set(this, void 0);
|
|
968
|
-
_SkyTextHighlightDirective_searchTerms.set(this, []);
|
|
969
|
-
_SkyTextHighlightDirective_el.set(this, void 0);
|
|
970
|
-
_SkyTextHighlightDirective_observerSvc.set(this, void 0);
|
|
971
|
-
__classPrivateFieldSet(this, _SkyTextHighlightDirective_el, el, "f");
|
|
972
|
-
__classPrivateFieldSet(this, _SkyTextHighlightDirective_observerSvc, observerSvc, "f");
|
|
973
|
-
}
|
|
974
964
|
/**
|
|
975
965
|
* The text to highlight.
|
|
976
966
|
*/
|
|
@@ -988,6 +978,16 @@ class SkyTextHighlightDirective {
|
|
|
988
978
|
__classPrivateFieldSet(this, _SkyTextHighlightDirective_searchTerms, [value], "f");
|
|
989
979
|
}
|
|
990
980
|
}
|
|
981
|
+
constructor(el, observerSvc) {
|
|
982
|
+
_SkyTextHighlightDirective_instances.add(this);
|
|
983
|
+
_SkyTextHighlightDirective_existingHighlight.set(this, false);
|
|
984
|
+
_SkyTextHighlightDirective_observer.set(this, void 0);
|
|
985
|
+
_SkyTextHighlightDirective_searchTerms.set(this, []);
|
|
986
|
+
_SkyTextHighlightDirective_el.set(this, void 0);
|
|
987
|
+
_SkyTextHighlightDirective_observerSvc.set(this, void 0);
|
|
988
|
+
__classPrivateFieldSet(this, _SkyTextHighlightDirective_el, el, "f");
|
|
989
|
+
__classPrivateFieldSet(this, _SkyTextHighlightDirective_observerSvc, observerSvc, "f");
|
|
990
|
+
}
|
|
991
991
|
ngOnChanges(changes) {
|
|
992
992
|
if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
|
|
993
993
|
__classPrivateFieldGet(this, _SkyTextHighlightDirective_instances, "m", _SkyTextHighlightDirective_highlight).call(this);
|
|
@@ -1032,23 +1032,23 @@ _SkyTextHighlightDirective_existingHighlight = new WeakMap(), _SkyTextHighlightD
|
|
|
1032
1032
|
__classPrivateFieldGet(this, _SkyTextHighlightDirective_observer, "f").observe(__classPrivateFieldGet(this, _SkyTextHighlightDirective_el, "f").nativeElement, config);
|
|
1033
1033
|
}
|
|
1034
1034
|
};
|
|
1035
|
-
SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1036
|
-
SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1
|
|
1037
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1035
|
+
SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTextHighlightDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.SkyMutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1036
|
+
SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.1", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 });
|
|
1037
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTextHighlightDirective, decorators: [{
|
|
1038
1038
|
type: Directive,
|
|
1039
1039
|
args: [{
|
|
1040
1040
|
selector: '[skyHighlight]',
|
|
1041
1041
|
}]
|
|
1042
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type:
|
|
1042
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$3.SkyMutationObserverService }]; }, propDecorators: { skyHighlight: [{
|
|
1043
1043
|
type: Input
|
|
1044
1044
|
}] } });
|
|
1045
1045
|
|
|
1046
1046
|
class SkyTextHighlightModule {
|
|
1047
1047
|
}
|
|
1048
|
-
SkyTextHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1049
|
-
SkyTextHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
1050
|
-
SkyTextHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
1051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1048
|
+
SkyTextHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTextHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1049
|
+
SkyTextHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
|
|
1050
|
+
SkyTextHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTextHighlightModule, providers: [SkyMutationObserverService] });
|
|
1051
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTextHighlightModule, decorators: [{
|
|
1052
1052
|
type: NgModule,
|
|
1053
1053
|
args: [{
|
|
1054
1054
|
declarations: [SkyTextHighlightDirective],
|
|
@@ -1059,24 +1059,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1059
1059
|
|
|
1060
1060
|
var _SkyTokenComponent_elementRef, _SkyTokenComponent__disabled, _SkyTokenComponent__dismissible;
|
|
1061
1061
|
class SkyTokenComponent {
|
|
1062
|
-
constructor(elementRef) {
|
|
1063
|
-
/**
|
|
1064
|
-
* Fires when users click the close button.
|
|
1065
|
-
*/
|
|
1066
|
-
this.dismiss = new EventEmitter();
|
|
1067
|
-
/**
|
|
1068
|
-
* Fires when users place focus on the token by navigating to it with the `Tab` key.
|
|
1069
|
-
*/
|
|
1070
|
-
this.tokenFocus = new EventEmitter();
|
|
1071
|
-
this.isFocused = false;
|
|
1072
|
-
this.tokenActive = false;
|
|
1073
|
-
this.closeActive = false;
|
|
1074
|
-
this.tabIndex = 0;
|
|
1075
|
-
_SkyTokenComponent_elementRef.set(this, void 0);
|
|
1076
|
-
_SkyTokenComponent__disabled.set(this, false);
|
|
1077
|
-
_SkyTokenComponent__dismissible.set(this, true);
|
|
1078
|
-
__classPrivateFieldSet(this, _SkyTokenComponent_elementRef, elementRef, "f");
|
|
1079
|
-
}
|
|
1080
1062
|
/**
|
|
1081
1063
|
* Whether to disable the token to prevent users from selecting it, dismissing it,
|
|
1082
1064
|
* or navigating to it with the arrow keys. When the token is disabled,
|
|
@@ -1107,6 +1089,24 @@ class SkyTokenComponent {
|
|
|
1107
1089
|
set focusable(value) {
|
|
1108
1090
|
this.tabIndex = value !== false ? 0 : -1;
|
|
1109
1091
|
}
|
|
1092
|
+
constructor(elementRef) {
|
|
1093
|
+
/**
|
|
1094
|
+
* Fires when users click the close button.
|
|
1095
|
+
*/
|
|
1096
|
+
this.dismiss = new EventEmitter();
|
|
1097
|
+
/**
|
|
1098
|
+
* Fires when users place focus on the token by navigating to it with the `Tab` key.
|
|
1099
|
+
*/
|
|
1100
|
+
this.tokenFocus = new EventEmitter();
|
|
1101
|
+
this.isFocused = false;
|
|
1102
|
+
this.tokenActive = false;
|
|
1103
|
+
this.closeActive = false;
|
|
1104
|
+
this.tabIndex = 0;
|
|
1105
|
+
_SkyTokenComponent_elementRef.set(this, void 0);
|
|
1106
|
+
_SkyTokenComponent__disabled.set(this, false);
|
|
1107
|
+
_SkyTokenComponent__dismissible.set(this, true);
|
|
1108
|
+
__classPrivateFieldSet(this, _SkyTokenComponent_elementRef, elementRef, "f");
|
|
1109
|
+
}
|
|
1110
1110
|
onFocusIn() {
|
|
1111
1111
|
if (!this.isFocused) {
|
|
1112
1112
|
this.tokenFocus.emit();
|
|
@@ -1132,9 +1132,9 @@ class SkyTokenComponent {
|
|
|
1132
1132
|
}
|
|
1133
1133
|
}
|
|
1134
1134
|
_SkyTokenComponent_elementRef = new WeakMap(), _SkyTokenComponent__disabled = new WeakMap(), _SkyTokenComponent__dismissible = new WeakMap();
|
|
1135
|
-
SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1136
|
-
SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1135
|
+
SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokenComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1136
|
+
SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable", role: "role" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, viewQueries: [{ propertyName: "actionButtonRef", first: true, predicate: ["actionButton"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n class=\"sky-token sky-btn sky-btn-default\"\n [attr.role]=\"role\"\n [ngClass]=\"{\n 'sky-btn-disabled': disabled,\n 'sky-token-disabled': disabled,\n 'sky-token-dismissible': dismissible,\n 'sky-token-active': tokenActive && !closeActive,\n 'sky-token-focused': isFocused\n }\"\n (document:mouseup)=\"setTokenActive(false)\"\n (focusin)=\"onFocusIn()\"\n (focusout)=\"onFocusOut($event)\"\n (mousedown)=\"setTokenActive(true)\"\n>\n <span\n [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n class=\"sky-token-cell\"\n >\n <button\n class=\"sky-btn sky-btn-default sky-token-btn sky-token-btn-action\"\n type=\"button\"\n [attr.tabindex]=\"tabIndex\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-btn-disabled': disabled\n }\"\n #actionButton\n >\n <ng-content></ng-content>\n </button>\n </span>\n <span\n *ngIf=\"dismissible\"\n class=\"sky-token-cell\"\n [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n >\n <button\n class=\"sky-btn sky-token-btn sky-token-btn-close\"\n type=\"button\"\n [attr.aria-label]=\"\n ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n \"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"\n ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n \"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-btn-disabled': disabled,\n 'sky-token-btn-close-active': closeActive\n }\"\n (click)=\"dismissToken($event)\"\n (document:mouseup)=\"setCloseActive(false)\"\n (mousedown)=\"setCloseActive(true)\"\n >\n <sky-icon\n class=\"sky-token-btn-close-icon-default\"\n icon=\"times\"\n ></sky-icon>\n <sky-icon\n class=\"sky-token-btn-close-icon-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n </span>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;padding:0;display:inline-block}.sky-token:hover,.sky-token.sky-token-focused{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token.sky-token-focused{box-shadow:0 0 8px #00b4f199;border:1px solid var(--sky-highlight-color-info);outline:none}.sky-token.sky-btn-disabled .sky-btn-disabled{opacity:1}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn{background-color:transparent;border:0;padding:2px 8px}.sky-token-btn-action:focus-visible{outline:none}.sky-token-btn-close{margin-left:-2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus-visible{opacity:1}.sky-token-dismissible .sky-token-btn-action{padding-right:0}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;font-size:14px}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible{padding-right:1px}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}:host-context(.sky-theme-modern) .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token.sky-token-focused,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}:host-context(.sky-theme-modern) .sky-token-btn.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token-btn-action{font-size:14px}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}:host-context(.sky-theme-modern) .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}:host-context(.sky-theme-modern) .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token-btn-close:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-default{display:none}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-modern{display:inline-block;width:100%}.sky-theme-modern .sky-token{align-items:center;display:inline-flex;font-size:14px}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}.sky-theme-modern .sky-token.sky-token-dismissible{padding-right:1px}.sky-theme-modern .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}.sky-theme-modern .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token.sky-token-focused,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}.sky-theme-modern .sky-token-btn.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token-btn-action{font-size:14px}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}.sky-theme-modern .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token-btn-close:focus-visible{outline:none}.sky-theme-modern .sky-token-btn-close:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token-btn-close-icon-default{display:none}.sky-theme-modern .sky-token-btn-close-icon-modern{display:inline-block;width:100%}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token{background-color:#c1e8fb}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token-btn-close{color:#212327}.sky-theme-modern.sky-theme-mode-dark .sky-token{background-color:#c1e8fb}.sky-theme-modern.sky-theme-mode-dark .sky-token,.sky-theme-modern.sky-theme-mode-dark .sky-token-btn-close{color:#212327}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "pipe", type: i1$2.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokenComponent, decorators: [{
|
|
1138
1138
|
type: Component,
|
|
1139
1139
|
args: [{ selector: 'sky-token', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"sky-token sky-btn sky-btn-default\"\n [attr.role]=\"role\"\n [ngClass]=\"{\n 'sky-btn-disabled': disabled,\n 'sky-token-disabled': disabled,\n 'sky-token-dismissible': dismissible,\n 'sky-token-active': tokenActive && !closeActive,\n 'sky-token-focused': isFocused\n }\"\n (document:mouseup)=\"setTokenActive(false)\"\n (focusin)=\"onFocusIn()\"\n (focusout)=\"onFocusOut($event)\"\n (mousedown)=\"setTokenActive(true)\"\n>\n <span\n [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n class=\"sky-token-cell\"\n >\n <button\n class=\"sky-btn sky-btn-default sky-token-btn sky-token-btn-action\"\n type=\"button\"\n [attr.tabindex]=\"tabIndex\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-btn-disabled': disabled\n }\"\n #actionButton\n >\n <ng-content></ng-content>\n </button>\n </span>\n <span\n *ngIf=\"dismissible\"\n class=\"sky-token-cell\"\n [attr.role]=\"role === 'row' ? 'gridcell' : undefined\"\n >\n <button\n class=\"sky-btn sky-token-btn sky-token-btn-close\"\n type=\"button\"\n [attr.aria-label]=\"\n ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n \"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"\n ariaLabel || ('skyux_tokens_dismiss_button_title' | skyLibResources)\n \"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-btn-disabled': disabled,\n 'sky-token-btn-close-active': closeActive\n }\"\n (click)=\"dismissToken($event)\"\n (document:mouseup)=\"setCloseActive(false)\"\n (mousedown)=\"setCloseActive(true)\"\n >\n <sky-icon\n class=\"sky-token-btn-close-icon-default\"\n icon=\"times\"\n ></sky-icon>\n <sky-icon\n class=\"sky-token-btn-close-icon-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n </span>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;padding:0;display:inline-block}.sky-token:hover,.sky-token.sky-token-focused{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token.sky-token-focused{box-shadow:0 0 8px #00b4f199;border:1px solid var(--sky-highlight-color-info);outline:none}.sky-token.sky-btn-disabled .sky-btn-disabled{opacity:1}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn{background-color:transparent;border:0;padding:2px 8px}.sky-token-btn-action:focus-visible{outline:none}.sky-token-btn-close{margin-left:-2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus-visible{opacity:1}.sky-token-dismissible .sky-token-btn-action{padding-right:0}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;font-size:14px}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible{padding-right:1px}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}:host-context(.sky-theme-modern) .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token.sky-token-focused,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}:host-context(.sky-theme-modern) .sky-token-btn.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token-btn-action{font-size:14px}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}:host-context(.sky-theme-modern) .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}:host-context(.sky-theme-modern) .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token-btn-close:focus-visible{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-default{display:none}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-modern{display:inline-block;width:100%}.sky-theme-modern .sky-token{align-items:center;display:inline-flex;font-size:14px}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}.sky-theme-modern .sky-token.sky-token-dismissible{padding-right:1px}.sky-theme-modern .sky-token.sky-token-dismissible .sky-token-btn-action{padding-right:0}.sky-theme-modern .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token.sky-token-focused:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token.sky-token-focused,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn{padding:1px 5px;border:0;box-shadow:none;background-color:transparent}.sky-theme-modern .sky-token-btn.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token-btn-action{font-size:14px}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px;padding:0}.sky-theme-modern .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token-btn-close:focus-visible{outline:none}.sky-theme-modern .sky-token-btn-close:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token-btn-close-icon-default{display:none}.sky-theme-modern .sky-token-btn-close-icon-modern{display:inline-block;width:100%}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token{background-color:#c1e8fb}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token-btn-close{color:#212327}.sky-theme-modern.sky-theme-mode-dark .sky-token{background-color:#c1e8fb}.sky-theme-modern.sky-theme-mode-dark .sky-token,.sky-theme-modern.sky-theme-mode-dark .sky-token-btn-close{color:#212327}\n"] }]
|
|
1140
1140
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { disabled: [{
|
|
@@ -1188,54 +1188,6 @@ const DISPLAY_WITH_DEFAULT = 'name';
|
|
|
1188
1188
|
* reserved for other functions, such as the SKY UX Lookup component.
|
|
1189
1189
|
*/
|
|
1190
1190
|
class SkyTokensComponent {
|
|
1191
|
-
constructor(changeDetector) {
|
|
1192
|
-
_SkyTokensComponent_instances.add(this);
|
|
1193
|
-
/**
|
|
1194
|
-
* Fires when users navigate through the tokens list with the `Tab` key
|
|
1195
|
-
* and attempt to move past the final token in the list.
|
|
1196
|
-
*/
|
|
1197
|
-
this.focusIndexOverRange = new EventEmitter();
|
|
1198
|
-
/**
|
|
1199
|
-
* Fires when users navigate through the tokens list with the `Tab` key
|
|
1200
|
-
* and attempt to move before the first token in the list.
|
|
1201
|
-
*/
|
|
1202
|
-
this.focusIndexUnderRange = new EventEmitter();
|
|
1203
|
-
/**
|
|
1204
|
-
* Fires when users select a token in the list. This event emits the selected token.
|
|
1205
|
-
*/
|
|
1206
|
-
this.tokenSelected = new EventEmitter();
|
|
1207
|
-
/**
|
|
1208
|
-
* Fires when the tokens in the list change.
|
|
1209
|
-
* This event emits an array of the tokens in the updated list.
|
|
1210
|
-
*/
|
|
1211
|
-
this.tokensChange = new EventEmitter();
|
|
1212
|
-
/**
|
|
1213
|
-
* Fires when all animations on the tokens are complete.
|
|
1214
|
-
* @internal
|
|
1215
|
-
*/
|
|
1216
|
-
this.tokensRendered = new EventEmitter();
|
|
1217
|
-
_SkyTokensComponent__disabled.set(this, false);
|
|
1218
|
-
_SkyTokensComponent__dismissible.set(this, true);
|
|
1219
|
-
_SkyTokensComponent__focusable.set(this, true);
|
|
1220
|
-
_SkyTokensComponent__tokens.set(this, []);
|
|
1221
|
-
_SkyTokensComponent__displayWith.set(this, DISPLAY_WITH_DEFAULT);
|
|
1222
|
-
_SkyTokensComponent_messageStreamSub.set(this, void 0);
|
|
1223
|
-
_SkyTokensComponent_ngUnsubscribe.set(this, new Subject());
|
|
1224
|
-
_SkyTokensComponent__messageStream.set(this, new Subject());
|
|
1225
|
-
_SkyTokensComponent_changeDetector.set(this, void 0);
|
|
1226
|
-
_SkyTokensComponent__activeIndex.set(this, 0);
|
|
1227
|
-
__classPrivateFieldSet(this, _SkyTokensComponent_changeDetector, changeDetector, "f");
|
|
1228
|
-
__classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_initMessageStream).call(this);
|
|
1229
|
-
// Angular calls the trackBy function without applying the component instance's scope.
|
|
1230
|
-
// Use a fat-arrow function so the current component instance's trackWith property can
|
|
1231
|
-
// be referenced.
|
|
1232
|
-
this.trackTokenFn = (_index, item) => {
|
|
1233
|
-
if (this.trackWith) {
|
|
1234
|
-
return item.value[this.trackWith];
|
|
1235
|
-
}
|
|
1236
|
-
return item;
|
|
1237
|
-
};
|
|
1238
|
-
}
|
|
1239
1191
|
/**
|
|
1240
1192
|
* Whether to disable the tokens list to prevent users from selecting tokens,
|
|
1241
1193
|
* dismissing tokens, or navigating through the list with the arrow keys. When the tokens list
|
|
@@ -1319,6 +1271,54 @@ class SkyTokensComponent {
|
|
|
1319
1271
|
}
|
|
1320
1272
|
__classPrivateFieldSet(this, _SkyTokensComponent__activeIndex, value || 0, "f");
|
|
1321
1273
|
}
|
|
1274
|
+
constructor(changeDetector) {
|
|
1275
|
+
_SkyTokensComponent_instances.add(this);
|
|
1276
|
+
/**
|
|
1277
|
+
* Fires when users navigate through the tokens list with the `Tab` key
|
|
1278
|
+
* and attempt to move past the final token in the list.
|
|
1279
|
+
*/
|
|
1280
|
+
this.focusIndexOverRange = new EventEmitter();
|
|
1281
|
+
/**
|
|
1282
|
+
* Fires when users navigate through the tokens list with the `Tab` key
|
|
1283
|
+
* and attempt to move before the first token in the list.
|
|
1284
|
+
*/
|
|
1285
|
+
this.focusIndexUnderRange = new EventEmitter();
|
|
1286
|
+
/**
|
|
1287
|
+
* Fires when users select a token in the list. This event emits the selected token.
|
|
1288
|
+
*/
|
|
1289
|
+
this.tokenSelected = new EventEmitter();
|
|
1290
|
+
/**
|
|
1291
|
+
* Fires when the tokens in the list change.
|
|
1292
|
+
* This event emits an array of the tokens in the updated list.
|
|
1293
|
+
*/
|
|
1294
|
+
this.tokensChange = new EventEmitter();
|
|
1295
|
+
/**
|
|
1296
|
+
* Fires when all animations on the tokens are complete.
|
|
1297
|
+
* @internal
|
|
1298
|
+
*/
|
|
1299
|
+
this.tokensRendered = new EventEmitter();
|
|
1300
|
+
_SkyTokensComponent__disabled.set(this, false);
|
|
1301
|
+
_SkyTokensComponent__dismissible.set(this, true);
|
|
1302
|
+
_SkyTokensComponent__focusable.set(this, true);
|
|
1303
|
+
_SkyTokensComponent__tokens.set(this, []);
|
|
1304
|
+
_SkyTokensComponent__displayWith.set(this, DISPLAY_WITH_DEFAULT);
|
|
1305
|
+
_SkyTokensComponent_messageStreamSub.set(this, void 0);
|
|
1306
|
+
_SkyTokensComponent_ngUnsubscribe.set(this, new Subject());
|
|
1307
|
+
_SkyTokensComponent__messageStream.set(this, new Subject());
|
|
1308
|
+
_SkyTokensComponent_changeDetector.set(this, void 0);
|
|
1309
|
+
_SkyTokensComponent__activeIndex.set(this, 0);
|
|
1310
|
+
__classPrivateFieldSet(this, _SkyTokensComponent_changeDetector, changeDetector, "f");
|
|
1311
|
+
__classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_initMessageStream).call(this);
|
|
1312
|
+
// Angular calls the trackBy function without applying the component instance's scope.
|
|
1313
|
+
// Use a fat-arrow function so the current component instance's trackWith property can
|
|
1314
|
+
// be referenced.
|
|
1315
|
+
this.trackTokenFn = (_index, item) => {
|
|
1316
|
+
if (this.trackWith) {
|
|
1317
|
+
return item.value[this.trackWith];
|
|
1318
|
+
}
|
|
1319
|
+
return item;
|
|
1320
|
+
};
|
|
1321
|
+
}
|
|
1322
1322
|
ngOnDestroy() {
|
|
1323
1323
|
__classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f").next();
|
|
1324
1324
|
__classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f").complete();
|
|
@@ -1417,8 +1417,8 @@ _SkyTokensComponent__disabled = new WeakMap(), _SkyTokensComponent__dismissible
|
|
|
1417
1417
|
token,
|
|
1418
1418
|
});
|
|
1419
1419
|
};
|
|
1420
|
-
SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1421
|
-
SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1420
|
+
SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1421
|
+
SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyTokensComponent, selector: "sky-tokens", inputs: { disabled: "disabled", dismissible: "dismissible", displayWith: "displayWith", trackWith: "trackWith", focusable: "focusable", tokens: "tokens", messageStream: "messageStream" }, outputs: { focusIndexOverRange: "focusIndexOverRange", focusIndexUnderRange: "focusIndexUnderRange", tokenSelected: "tokenSelected", tokensChange: "tokensChange", tokensRendered: "tokensRendered" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0, template: "<div\n class=\"sky-tokens\"\n [@blockAnimationOnLoad]\n [attr.role]=\"tokens.length ? 'grid' : null\"\n>\n <!--\n The role must use square brackets otherwise Angular sets the native 'role'\n attribute as well as the input attribute of the token, which fails accessibility rules.\n -->\n <sky-token\n *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n [@.disabled]=\"!trackWith\"\n [@dismiss]\n [disabled]=\"disabled\"\n [dismissible]=\"dismissible\"\n [focusable]=\"focusable\"\n [role]=\"'row'\"\n (@dismiss.done)=\"animationDone()\"\n (dismiss)=\"removeToken(token)\"\n (click)=\"onTokenClick(token)\"\n (keydown)=\"onTokenKeyDown($event)\"\n (keyup.enter)=\"selectToken(token); $event.preventDefault()\"\n (tokenFocus)=\"activeIndex = i\"\n >\n {{ token.value[displayWith] }}\n </sky-token>\n <div class=\"sky-tokens-content\">\n <ng-content></ng-content>\n </div>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-tokens{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px}.sky-tokens .sky-tokens-content,.sky-tokens ::ng-deep sky-token{flex:0 0 auto;display:inline-flex;padding:2px}.sky-tokens .sky-tokens-content{flex-grow:1;flex-basis:0px}.sky-tokens .sky-tokens-content:before{content:\"\\200b\"}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable", "role"], outputs: ["dismiss", "tokenFocus"] }], animations: [
|
|
1422
1422
|
trigger('blockAnimationOnLoad', [transition(':enter', [])]),
|
|
1423
1423
|
trigger('dismiss', [
|
|
1424
1424
|
transition(':enter', [
|
|
@@ -1439,7 +1439,7 @@ SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
1439
1439
|
]),
|
|
1440
1440
|
]),
|
|
1441
1441
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensComponent, decorators: [{
|
|
1443
1443
|
type: Component,
|
|
1444
1444
|
args: [{ selector: 'sky-tokens', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
1445
1445
|
trigger('blockAnimationOnLoad', [transition(':enter', [])]),
|
|
@@ -1493,16 +1493,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1493
1493
|
|
|
1494
1494
|
class SkyTokensModule {
|
|
1495
1495
|
}
|
|
1496
|
-
SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1497
|
-
SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
1496
|
+
SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1497
|
+
SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [CommonModule,
|
|
1498
1498
|
SkyI18nModule,
|
|
1499
1499
|
SkyIconModule,
|
|
1500
1500
|
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
|
|
1501
|
-
SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
1501
|
+
SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensModule, imports: [CommonModule,
|
|
1502
1502
|
SkyI18nModule,
|
|
1503
1503
|
SkyIconModule,
|
|
1504
1504
|
SkyIndicatorsResourcesModule] });
|
|
1505
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensModule, decorators: [{
|
|
1506
1506
|
type: NgModule,
|
|
1507
1507
|
args: [{
|
|
1508
1508
|
declarations: [SkyTokenComponent, SkyTokensComponent],
|
|
@@ -1729,32 +1729,15 @@ _SkyWaitAdapterService_focusableElements = new WeakMap(), _SkyWaitAdapterService
|
|
|
1729
1729
|
}
|
|
1730
1730
|
};
|
|
1731
1731
|
SkyWaitAdapterService.isPageWaitActive = false;
|
|
1732
|
-
SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1733
|
-
SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1
|
|
1734
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1732
|
+
SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1733
|
+
SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitAdapterService });
|
|
1734
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
|
|
1735
1735
|
type: Injectable
|
|
1736
1736
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
1737
1737
|
|
|
1738
1738
|
var _SkyWaitComponent_instances, _SkyWaitComponent_elRef, _SkyWaitComponent_adapterService, _SkyWaitComponent_resourceSvc, _SkyWaitComponent_ngUnsubscribe, _SkyWaitComponent_id, _SkyWaitComponent_customAriaLabel, _SkyWaitComponent__isFullPage, _SkyWaitComponent__isNonBlocking, _SkyWaitComponent__isWaiting, _SkyWaitComponent_publishAriaLabel;
|
|
1739
1739
|
let nextId = 0;
|
|
1740
1740
|
class SkyWaitComponent {
|
|
1741
|
-
constructor(elRef, adapterService, resourceSvc) {
|
|
1742
|
-
_SkyWaitComponent_instances.add(this);
|
|
1743
|
-
this.ariaLabelStream = new BehaviorSubject('');
|
|
1744
|
-
_SkyWaitComponent_elRef.set(this, void 0);
|
|
1745
|
-
_SkyWaitComponent_adapterService.set(this, void 0);
|
|
1746
|
-
_SkyWaitComponent_resourceSvc.set(this, void 0);
|
|
1747
|
-
_SkyWaitComponent_ngUnsubscribe.set(this, new Subject());
|
|
1748
|
-
_SkyWaitComponent_id.set(this, void 0);
|
|
1749
|
-
_SkyWaitComponent_customAriaLabel.set(this, void 0);
|
|
1750
|
-
_SkyWaitComponent__isFullPage.set(this, void 0);
|
|
1751
|
-
_SkyWaitComponent__isNonBlocking.set(this, void 0);
|
|
1752
|
-
_SkyWaitComponent__isWaiting.set(this, void 0);
|
|
1753
|
-
__classPrivateFieldSet(this, _SkyWaitComponent_elRef, elRef, "f");
|
|
1754
|
-
__classPrivateFieldSet(this, _SkyWaitComponent_adapterService, adapterService, "f");
|
|
1755
|
-
__classPrivateFieldSet(this, _SkyWaitComponent_resourceSvc, resourceSvc, "f");
|
|
1756
|
-
__classPrivateFieldSet(this, _SkyWaitComponent_id, `sky-wait-${++nextId}`, "f");
|
|
1757
|
-
}
|
|
1758
1741
|
/**
|
|
1759
1742
|
* The ARIA label for the wait icon while an element or page loads.
|
|
1760
1743
|
* This sets the icon's `aria-label` attribute
|
|
@@ -1819,6 +1802,23 @@ class SkyWaitComponent {
|
|
|
1819
1802
|
get isNonBlocking() {
|
|
1820
1803
|
return __classPrivateFieldGet(this, _SkyWaitComponent__isNonBlocking, "f");
|
|
1821
1804
|
}
|
|
1805
|
+
constructor(elRef, adapterService, resourceSvc) {
|
|
1806
|
+
_SkyWaitComponent_instances.add(this);
|
|
1807
|
+
this.ariaLabelStream = new BehaviorSubject('');
|
|
1808
|
+
_SkyWaitComponent_elRef.set(this, void 0);
|
|
1809
|
+
_SkyWaitComponent_adapterService.set(this, void 0);
|
|
1810
|
+
_SkyWaitComponent_resourceSvc.set(this, void 0);
|
|
1811
|
+
_SkyWaitComponent_ngUnsubscribe.set(this, new Subject());
|
|
1812
|
+
_SkyWaitComponent_id.set(this, void 0);
|
|
1813
|
+
_SkyWaitComponent_customAriaLabel.set(this, void 0);
|
|
1814
|
+
_SkyWaitComponent__isFullPage.set(this, void 0);
|
|
1815
|
+
_SkyWaitComponent__isNonBlocking.set(this, void 0);
|
|
1816
|
+
_SkyWaitComponent__isWaiting.set(this, void 0);
|
|
1817
|
+
__classPrivateFieldSet(this, _SkyWaitComponent_elRef, elRef, "f");
|
|
1818
|
+
__classPrivateFieldSet(this, _SkyWaitComponent_adapterService, adapterService, "f");
|
|
1819
|
+
__classPrivateFieldSet(this, _SkyWaitComponent_resourceSvc, resourceSvc, "f");
|
|
1820
|
+
__classPrivateFieldSet(this, _SkyWaitComponent_id, `sky-wait-${++nextId}`, "f");
|
|
1821
|
+
}
|
|
1822
1822
|
ngOnInit() {
|
|
1823
1823
|
__classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
|
|
1824
1824
|
}
|
|
@@ -1845,9 +1845,9 @@ _SkyWaitComponent_elRef = new WeakMap(), _SkyWaitComponent_adapterService = new
|
|
|
1845
1845
|
});
|
|
1846
1846
|
}
|
|
1847
1847
|
};
|
|
1848
|
-
SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1849
|
-
SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1850
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1848
|
+
SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitComponent, deps: [{ token: i0.ElementRef }, { token: SkyWaitAdapterService }, { token: i1$2.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1849
|
+
SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyWaitComponent, selector: "sky-wait", inputs: { ariaLabel: "ariaLabel", isWaiting: "isWaiting", isFullPage: "isFullPage", isNonBlocking: "isNonBlocking" }, providers: [SkyWaitAdapterService], ngImport: i0, template: "<div\n class=\"sky-wait-container\"\n [ngClass]=\"{\n 'sky-wait-full-page': isFullPage,\n 'sky-wait-non-blocking': isNonBlocking\n }\"\n>\n <div\n *ngIf=\"isWaiting\"\n class=\"sky-wait-mask\"\n role=\"progressbar\"\n [attr.aria-label]=\"ariaLabelStream | async\"\n [ngClass]=\"{\n 'sky-wait-mask-loading-fixed': isFullPage,\n 'sky-wait-mask-loading-non-blocking': isNonBlocking,\n 'sky-wait-mask-loading-blocking': !isNonBlocking\n }\"\n >\n <div class=\"sky-wait\">\n <div class=\"sky-wait-double-bounce1\"></div>\n <div class=\"sky-wait-double-bounce2\"></div>\n </div>\n </div>\n</div>\n", styles: [".sky-wait-mask-loading-blocking{margin:auto;position:absolute;inset:0;background-color:#ffffffb3;z-index:1000}.sky-wait-mask-loading-fixed{position:fixed}.sky-wait{width:50px;height:50px;margin-top:-25px;margin-left:-25px;position:absolute;top:50%;left:50%}.sky-wait-mask-loading-non-blocking{bottom:0}.sky-wait-mask-loading-non-blocking .sky-wait{inset:auto auto 0 0;margin-left:auto;margin-right:auto}.sky-wait-double-bounce1,.sky-wait-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#72bf44;opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite ease-in-out}.sky-wait-double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.sky-wait-container.sky-wait-active{position:relative}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }] });
|
|
1850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitComponent, decorators: [{
|
|
1851
1851
|
type: Component,
|
|
1852
1852
|
args: [{ selector: 'sky-wait', providers: [SkyWaitAdapterService], template: "<div\n class=\"sky-wait-container\"\n [ngClass]=\"{\n 'sky-wait-full-page': isFullPage,\n 'sky-wait-non-blocking': isNonBlocking\n }\"\n>\n <div\n *ngIf=\"isWaiting\"\n class=\"sky-wait-mask\"\n role=\"progressbar\"\n [attr.aria-label]=\"ariaLabelStream | async\"\n [ngClass]=\"{\n 'sky-wait-mask-loading-fixed': isFullPage,\n 'sky-wait-mask-loading-non-blocking': isNonBlocking,\n 'sky-wait-mask-loading-blocking': !isNonBlocking\n }\"\n >\n <div class=\"sky-wait\">\n <div class=\"sky-wait-double-bounce1\"></div>\n <div class=\"sky-wait-double-bounce2\"></div>\n </div>\n </div>\n</div>\n", styles: [".sky-wait-mask-loading-blocking{margin:auto;position:absolute;inset:0;background-color:#ffffffb3;z-index:1000}.sky-wait-mask-loading-fixed{position:fixed}.sky-wait{width:50px;height:50px;margin-top:-25px;margin-left:-25px;position:absolute;top:50%;left:50%}.sky-wait-mask-loading-non-blocking{bottom:0}.sky-wait-mask-loading-non-blocking .sky-wait{inset:auto auto 0 0;margin-left:auto;margin-right:auto}.sky-wait-double-bounce1,.sky-wait-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#72bf44;opacity:.6;position:absolute;top:0;left:0;animation:sk-bounce 2s infinite ease-in-out}.sky-wait-double-bounce2{animation-delay:-1s}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.sky-wait-container.sky-wait-active{position:relative}\n"] }]
|
|
1853
1853
|
}], ctorParameters: function () {
|
|
@@ -1869,9 +1869,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1869
1869
|
*/
|
|
1870
1870
|
class SkyWaitPageComponent {
|
|
1871
1871
|
}
|
|
1872
|
-
SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1873
|
-
SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1874
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1872
|
+
SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1873
|
+
SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: SkyWaitPageComponent, selector: "sky-wait-page", inputs: { hasBlockingWait: "hasBlockingWait", hasNonBlockingWait: "hasNonBlockingWait" }, ngImport: i0, template: "<div class=\"sky-wait-page\">\n <sky-wait\n data-sky-id=\"page-wait-non-blocking\"\n [isFullPage]=\"true\"\n [isNonBlocking]=\"true\"\n [isWaiting]=\"hasNonBlockingWait\"\n >\n </sky-wait>\n <sky-wait\n data-sky-id=\"page-wait-blocking\"\n [isFullPage]=\"true\"\n [isWaiting]=\"hasBlockingWait\"\n >\n </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"], dependencies: [{ kind: "component", type: SkyWaitComponent, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }] });
|
|
1874
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitPageComponent, decorators: [{
|
|
1875
1875
|
type: Component,
|
|
1876
1876
|
args: [{ selector: 'sky-wait-page', template: "<div class=\"sky-wait-page\">\n <sky-wait\n data-sky-id=\"page-wait-non-blocking\"\n [isFullPage]=\"true\"\n [isNonBlocking]=\"true\"\n [isWaiting]=\"hasNonBlockingWait\"\n >\n </sky-wait>\n <sky-wait\n data-sky-id=\"page-wait-blocking\"\n [isFullPage]=\"true\"\n [isWaiting]=\"hasBlockingWait\"\n >\n </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"] }]
|
|
1877
1877
|
}], propDecorators: { hasBlockingWait: [{
|
|
@@ -1882,10 +1882,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1882
1882
|
|
|
1883
1883
|
class SkyWaitModule {
|
|
1884
1884
|
}
|
|
1885
|
-
SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1886
|
-
SkyWaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
1887
|
-
SkyWaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
1888
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1885
|
+
SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1886
|
+
SkyWaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
1887
|
+
SkyWaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitModule, imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule] });
|
|
1888
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitModule, decorators: [{
|
|
1889
1889
|
type: NgModule,
|
|
1890
1890
|
args: [{
|
|
1891
1891
|
declarations: [SkyWaitComponent, SkyWaitPageComponent],
|
|
@@ -1894,31 +1894,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1894
1894
|
}]
|
|
1895
1895
|
}] });
|
|
1896
1896
|
|
|
1897
|
-
|
|
1898
|
-
* @internal
|
|
1899
|
-
*/
|
|
1900
|
-
// TODO: Remove when dynamic component service is no longer optional in a future breaking change.
|
|
1901
|
-
class SkyWaitPageAdapterService {
|
|
1902
|
-
addPageWaitEl() {
|
|
1903
|
-
document.body.appendChild(document.createElement('sky-wait-page'));
|
|
1904
|
-
}
|
|
1905
|
-
removePageWaitEl() {
|
|
1906
|
-
const waitEl = document.querySelector('sky-wait-page');
|
|
1907
|
-
if (waitEl) {
|
|
1908
|
-
document.body.removeChild(waitEl);
|
|
1909
|
-
}
|
|
1910
|
-
}
|
|
1911
|
-
}
|
|
1912
|
-
SkyWaitPageAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1913
|
-
SkyWaitPageAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, providedIn: 'root' });
|
|
1914
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, decorators: [{
|
|
1915
|
-
type: Injectable,
|
|
1916
|
-
args: [{
|
|
1917
|
-
providedIn: 'root',
|
|
1918
|
-
}]
|
|
1919
|
-
}] });
|
|
1920
|
-
|
|
1921
|
-
var _SkyWaitService_instances, _SkyWaitService_resolver, _SkyWaitService_appRef, _SkyWaitService_waitAdapter, _SkyWaitService_windowSvc, _SkyWaitService_dynamicComponentService, _SkyWaitService_setWaitComponentProperties, _SkyWaitService_beginPageWait, _SkyWaitService_endPageWait, _SkyWaitService_clearPageWait;
|
|
1897
|
+
var _SkyWaitService_instances, _SkyWaitService_windowSvc, _SkyWaitService_dynamicComponentService, _SkyWaitService_setWaitComponentProperties, _SkyWaitService_beginPageWait, _SkyWaitService_endPageWait, _SkyWaitService_clearPageWait;
|
|
1922
1898
|
let waitComponent;
|
|
1923
1899
|
let waitComponentRef;
|
|
1924
1900
|
let pageWaitBlockingCount = 0;
|
|
@@ -1927,19 +1903,10 @@ let pageWaitNonBlockingCount = 0;
|
|
|
1927
1903
|
// See: https://github.com/ng-packagr/ng-packagr/issues/641
|
|
1928
1904
|
// @dynamic
|
|
1929
1905
|
class SkyWaitService {
|
|
1930
|
-
|
|
1931
|
-
constructor(resolver, appRef, waitAdapter, windowSvc, dynamicComponentService) {
|
|
1906
|
+
constructor() {
|
|
1932
1907
|
_SkyWaitService_instances.add(this);
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
_SkyWaitService_waitAdapter.set(this, void 0);
|
|
1936
|
-
_SkyWaitService_windowSvc.set(this, void 0);
|
|
1937
|
-
_SkyWaitService_dynamicComponentService.set(this, void 0);
|
|
1938
|
-
__classPrivateFieldSet(this, _SkyWaitService_resolver, resolver, "f");
|
|
1939
|
-
__classPrivateFieldSet(this, _SkyWaitService_appRef, appRef, "f");
|
|
1940
|
-
__classPrivateFieldSet(this, _SkyWaitService_waitAdapter, waitAdapter, "f");
|
|
1941
|
-
__classPrivateFieldSet(this, _SkyWaitService_windowSvc, windowSvc, "f");
|
|
1942
|
-
__classPrivateFieldSet(this, _SkyWaitService_dynamicComponentService, dynamicComponentService, "f");
|
|
1908
|
+
_SkyWaitService_windowSvc.set(this, inject(SkyAppWindowRef));
|
|
1909
|
+
_SkyWaitService_dynamicComponentService.set(this, inject(SkyDynamicComponentService));
|
|
1943
1910
|
}
|
|
1944
1911
|
/**
|
|
1945
1912
|
* Starts a blocking page wait on the page.
|
|
@@ -1982,13 +1949,7 @@ class SkyWaitService {
|
|
|
1982
1949
|
waitComponent = undefined;
|
|
1983
1950
|
pageWaitBlockingCount = 0;
|
|
1984
1951
|
pageWaitNonBlockingCount = 0;
|
|
1985
|
-
|
|
1986
|
-
if (__classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f")) {
|
|
1987
|
-
__classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").removeComponent(waitComponentRef);
|
|
1988
|
-
}
|
|
1989
|
-
else {
|
|
1990
|
-
__classPrivateFieldGet(this, _SkyWaitService_waitAdapter, "f").removePageWaitEl();
|
|
1991
|
-
}
|
|
1952
|
+
__classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").removeComponent(waitComponentRef);
|
|
1992
1953
|
}
|
|
1993
1954
|
}
|
|
1994
1955
|
/**
|
|
@@ -2011,7 +1972,7 @@ class SkyWaitService {
|
|
|
2011
1972
|
});
|
|
2012
1973
|
}
|
|
2013
1974
|
}
|
|
2014
|
-
|
|
1975
|
+
_SkyWaitService_windowSvc = new WeakMap(), _SkyWaitService_dynamicComponentService = new WeakMap(), _SkyWaitService_instances = new WeakSet(), _SkyWaitService_setWaitComponentProperties = function _SkyWaitService_setWaitComponentProperties(isBlocking) {
|
|
2015
1976
|
if (waitComponent) {
|
|
2016
1977
|
if (isBlocking) {
|
|
2017
1978
|
waitComponent.hasBlockingWait = true;
|
|
@@ -2032,17 +1993,8 @@ _SkyWaitService_resolver = new WeakMap(), _SkyWaitService_appRef = new WeakMap()
|
|
|
2032
1993
|
// Ensuring here that we recheck this after the setTimeout is over so that we don't clash
|
|
2033
1994
|
// with any other waits that are created.
|
|
2034
1995
|
if (!waitComponent) {
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
waitComponentRef = __classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").createComponent(SkyWaitPageComponent, { location: SkyDynamicComponentLocation.BodyBottom });
|
|
2038
|
-
waitComponent = waitComponentRef.instance;
|
|
2039
|
-
}
|
|
2040
|
-
else {
|
|
2041
|
-
const factory = __classPrivateFieldGet(this, _SkyWaitService_resolver, "f").resolveComponentFactory(SkyWaitPageComponent);
|
|
2042
|
-
__classPrivateFieldGet(this, _SkyWaitService_waitAdapter, "f").addPageWaitEl();
|
|
2043
|
-
waitComponentRef = __classPrivateFieldGet(this, _SkyWaitService_appRef, "f").bootstrap(factory);
|
|
2044
|
-
waitComponent = waitComponentRef.instance;
|
|
2045
|
-
}
|
|
1996
|
+
waitComponentRef = __classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").createComponent(SkyWaitPageComponent, { location: SkyDynamicComponentLocation.BodyBottom });
|
|
1997
|
+
waitComponent = waitComponentRef.instance;
|
|
2046
1998
|
}
|
|
2047
1999
|
__classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_setWaitComponentProperties).call(this, isBlocking);
|
|
2048
2000
|
});
|
|
@@ -2087,18 +2039,14 @@ _SkyWaitService_resolver = new WeakMap(), _SkyWaitService_appRef = new WeakMap()
|
|
|
2087
2039
|
}
|
|
2088
2040
|
}
|
|
2089
2041
|
};
|
|
2090
|
-
SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
2091
|
-
SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1
|
|
2092
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
2042
|
+
SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2043
|
+
SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitService, providedIn: 'root' });
|
|
2044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitService, decorators: [{
|
|
2093
2045
|
type: Injectable,
|
|
2094
2046
|
args: [{
|
|
2095
2047
|
providedIn: 'root',
|
|
2096
2048
|
}]
|
|
2097
|
-
}]
|
|
2098
|
-
return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i2.SkyAppWindowRef }, { type: i2.SkyDynamicComponentService, decorators: [{
|
|
2099
|
-
type: Optional
|
|
2100
|
-
}] }];
|
|
2101
|
-
} });
|
|
2049
|
+
}] });
|
|
2102
2050
|
|
|
2103
2051
|
/**
|
|
2104
2052
|
* Generated bundle index. Do not edit.
|