@skyux/indicators 8.0.0-alpha.5 → 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 +1149 -576
- 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 +4 -4
- package/esm2020/lib/modules/icon/icon.component.mjs +4 -4
- 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/icon/icon-harness-filters.mjs +2 -0
- package/esm2020/testing/icon/icon-harness.mjs +104 -0
- package/esm2020/testing/label-fixture.mjs +6 -6
- package/esm2020/testing/public-api.mjs +3 -1
- package/esm2020/testing/wait-fixture.mjs +6 -6
- package/fesm2015/skyux-indicators-testing.mjs +132 -16
- 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 +118 -16
- 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/icon-stack.component.d.ts +1 -1
- package/lib/modules/icon/icon.component.d.ts +4 -2
- 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/testing/icon/icon-harness-filters.d.ts +6 -0
- package/testing/icon/icon-harness.d.ts +38 -0
- package/testing/public-api.d.ts +2 -0
- 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();
|
|
@@ -1131,9 +1131,9 @@ class SkyTokenComponent {
|
|
|
1131
1131
|
}
|
|
1132
1132
|
}
|
|
1133
1133
|
_SkyTokenComponent_elementRef = new WeakMap(), _SkyTokenComponent__disabled = new WeakMap(), _SkyTokenComponent__dismissible = new WeakMap();
|
|
1134
|
-
SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1135
|
-
SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1134
|
+
SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokenComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1135
|
+
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 });
|
|
1136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokenComponent, decorators: [{
|
|
1137
1137
|
type: Component,
|
|
1138
1138
|
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"] }]
|
|
1139
1139
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { disabled: [{
|
|
@@ -1187,54 +1187,6 @@ const DISPLAY_WITH_DEFAULT = 'name';
|
|
|
1187
1187
|
* reserved for other functions, such as the SKY UX Lookup component.
|
|
1188
1188
|
*/
|
|
1189
1189
|
class SkyTokensComponent {
|
|
1190
|
-
constructor(changeDetector) {
|
|
1191
|
-
_SkyTokensComponent_instances.add(this);
|
|
1192
|
-
/**
|
|
1193
|
-
* Fires when users navigate through the tokens list with the `Tab` key
|
|
1194
|
-
* and attempt to move past the final token in the list.
|
|
1195
|
-
*/
|
|
1196
|
-
this.focusIndexOverRange = new EventEmitter();
|
|
1197
|
-
/**
|
|
1198
|
-
* Fires when users navigate through the tokens list with the `Tab` key
|
|
1199
|
-
* and attempt to move before the first token in the list.
|
|
1200
|
-
*/
|
|
1201
|
-
this.focusIndexUnderRange = new EventEmitter();
|
|
1202
|
-
/**
|
|
1203
|
-
* Fires when users select a token in the list. This event emits the selected token.
|
|
1204
|
-
*/
|
|
1205
|
-
this.tokenSelected = new EventEmitter();
|
|
1206
|
-
/**
|
|
1207
|
-
* Fires when the tokens in the list change.
|
|
1208
|
-
* This event emits an array of the tokens in the updated list.
|
|
1209
|
-
*/
|
|
1210
|
-
this.tokensChange = new EventEmitter();
|
|
1211
|
-
/**
|
|
1212
|
-
* Fires when all animations on the tokens are complete.
|
|
1213
|
-
* @internal
|
|
1214
|
-
*/
|
|
1215
|
-
this.tokensRendered = new EventEmitter();
|
|
1216
|
-
_SkyTokensComponent__disabled.set(this, false);
|
|
1217
|
-
_SkyTokensComponent__dismissible.set(this, true);
|
|
1218
|
-
_SkyTokensComponent__focusable.set(this, true);
|
|
1219
|
-
_SkyTokensComponent__tokens.set(this, []);
|
|
1220
|
-
_SkyTokensComponent__displayWith.set(this, DISPLAY_WITH_DEFAULT);
|
|
1221
|
-
_SkyTokensComponent_messageStreamSub.set(this, void 0);
|
|
1222
|
-
_SkyTokensComponent_ngUnsubscribe.set(this, new Subject());
|
|
1223
|
-
_SkyTokensComponent__messageStream.set(this, new Subject());
|
|
1224
|
-
_SkyTokensComponent_changeDetector.set(this, void 0);
|
|
1225
|
-
_SkyTokensComponent__activeIndex.set(this, 0);
|
|
1226
|
-
__classPrivateFieldSet(this, _SkyTokensComponent_changeDetector, changeDetector, "f");
|
|
1227
|
-
__classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_initMessageStream).call(this);
|
|
1228
|
-
// Angular calls the trackBy function without applying the component instance's scope.
|
|
1229
|
-
// Use a fat-arrow function so the current component instance's trackWith property can
|
|
1230
|
-
// be referenced.
|
|
1231
|
-
this.trackTokenFn = (_index, item) => {
|
|
1232
|
-
if (this.trackWith) {
|
|
1233
|
-
return item.value[this.trackWith];
|
|
1234
|
-
}
|
|
1235
|
-
return item;
|
|
1236
|
-
};
|
|
1237
|
-
}
|
|
1238
1190
|
/**
|
|
1239
1191
|
* Whether to disable the tokens list to prevent users from selecting tokens,
|
|
1240
1192
|
* dismissing tokens, or navigating through the list with the arrow keys. When the tokens list
|
|
@@ -1318,6 +1270,54 @@ class SkyTokensComponent {
|
|
|
1318
1270
|
}
|
|
1319
1271
|
__classPrivateFieldSet(this, _SkyTokensComponent__activeIndex, value || 0, "f");
|
|
1320
1272
|
}
|
|
1273
|
+
constructor(changeDetector) {
|
|
1274
|
+
_SkyTokensComponent_instances.add(this);
|
|
1275
|
+
/**
|
|
1276
|
+
* Fires when users navigate through the tokens list with the `Tab` key
|
|
1277
|
+
* and attempt to move past the final token in the list.
|
|
1278
|
+
*/
|
|
1279
|
+
this.focusIndexOverRange = new EventEmitter();
|
|
1280
|
+
/**
|
|
1281
|
+
* Fires when users navigate through the tokens list with the `Tab` key
|
|
1282
|
+
* and attempt to move before the first token in the list.
|
|
1283
|
+
*/
|
|
1284
|
+
this.focusIndexUnderRange = new EventEmitter();
|
|
1285
|
+
/**
|
|
1286
|
+
* Fires when users select a token in the list. This event emits the selected token.
|
|
1287
|
+
*/
|
|
1288
|
+
this.tokenSelected = new EventEmitter();
|
|
1289
|
+
/**
|
|
1290
|
+
* Fires when the tokens in the list change.
|
|
1291
|
+
* This event emits an array of the tokens in the updated list.
|
|
1292
|
+
*/
|
|
1293
|
+
this.tokensChange = new EventEmitter();
|
|
1294
|
+
/**
|
|
1295
|
+
* Fires when all animations on the tokens are complete.
|
|
1296
|
+
* @internal
|
|
1297
|
+
*/
|
|
1298
|
+
this.tokensRendered = new EventEmitter();
|
|
1299
|
+
_SkyTokensComponent__disabled.set(this, false);
|
|
1300
|
+
_SkyTokensComponent__dismissible.set(this, true);
|
|
1301
|
+
_SkyTokensComponent__focusable.set(this, true);
|
|
1302
|
+
_SkyTokensComponent__tokens.set(this, []);
|
|
1303
|
+
_SkyTokensComponent__displayWith.set(this, DISPLAY_WITH_DEFAULT);
|
|
1304
|
+
_SkyTokensComponent_messageStreamSub.set(this, void 0);
|
|
1305
|
+
_SkyTokensComponent_ngUnsubscribe.set(this, new Subject());
|
|
1306
|
+
_SkyTokensComponent__messageStream.set(this, new Subject());
|
|
1307
|
+
_SkyTokensComponent_changeDetector.set(this, void 0);
|
|
1308
|
+
_SkyTokensComponent__activeIndex.set(this, 0);
|
|
1309
|
+
__classPrivateFieldSet(this, _SkyTokensComponent_changeDetector, changeDetector, "f");
|
|
1310
|
+
__classPrivateFieldGet(this, _SkyTokensComponent_instances, "m", _SkyTokensComponent_initMessageStream).call(this);
|
|
1311
|
+
// Angular calls the trackBy function without applying the component instance's scope.
|
|
1312
|
+
// Use a fat-arrow function so the current component instance's trackWith property can
|
|
1313
|
+
// be referenced.
|
|
1314
|
+
this.trackTokenFn = (_index, item) => {
|
|
1315
|
+
if (this.trackWith) {
|
|
1316
|
+
return item.value[this.trackWith];
|
|
1317
|
+
}
|
|
1318
|
+
return item;
|
|
1319
|
+
};
|
|
1320
|
+
}
|
|
1321
1321
|
ngOnDestroy() {
|
|
1322
1322
|
__classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f").next();
|
|
1323
1323
|
__classPrivateFieldGet(this, _SkyTokensComponent_ngUnsubscribe, "f").complete();
|
|
@@ -1416,8 +1416,8 @@ _SkyTokensComponent__disabled = new WeakMap(), _SkyTokensComponent__dismissible
|
|
|
1416
1416
|
token,
|
|
1417
1417
|
});
|
|
1418
1418
|
};
|
|
1419
|
-
SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1420
|
-
SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1419
|
+
SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1420
|
+
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: [
|
|
1421
1421
|
trigger('blockAnimationOnLoad', [transition(':enter', [])]),
|
|
1422
1422
|
trigger('dismiss', [
|
|
1423
1423
|
transition(':enter', [
|
|
@@ -1438,7 +1438,7 @@ SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
1438
1438
|
]),
|
|
1439
1439
|
]),
|
|
1440
1440
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1441
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1441
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensComponent, decorators: [{
|
|
1442
1442
|
type: Component,
|
|
1443
1443
|
args: [{ selector: 'sky-tokens', changeDetection: ChangeDetectionStrategy.OnPush, animations: [
|
|
1444
1444
|
trigger('blockAnimationOnLoad', [transition(':enter', [])]),
|
|
@@ -1492,16 +1492,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1492
1492
|
|
|
1493
1493
|
class SkyTokensModule {
|
|
1494
1494
|
}
|
|
1495
|
-
SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1496
|
-
SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
1495
|
+
SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1496
|
+
SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [CommonModule,
|
|
1497
1497
|
SkyI18nModule,
|
|
1498
1498
|
SkyIconModule,
|
|
1499
1499
|
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
|
|
1500
|
-
SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
1500
|
+
SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensModule, imports: [CommonModule,
|
|
1501
1501
|
SkyI18nModule,
|
|
1502
1502
|
SkyIconModule,
|
|
1503
1503
|
SkyIndicatorsResourcesModule] });
|
|
1504
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1504
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyTokensModule, decorators: [{
|
|
1505
1505
|
type: NgModule,
|
|
1506
1506
|
args: [{
|
|
1507
1507
|
declarations: [SkyTokenComponent, SkyTokensComponent],
|
|
@@ -1727,32 +1727,15 @@ _SkyWaitAdapterService_focusableElements = new WeakMap(), _SkyWaitAdapterService
|
|
|
1727
1727
|
}
|
|
1728
1728
|
};
|
|
1729
1729
|
SkyWaitAdapterService.isPageWaitActive = false;
|
|
1730
|
-
SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1731
|
-
SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1
|
|
1732
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1730
|
+
SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1731
|
+
SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitAdapterService });
|
|
1732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
|
|
1733
1733
|
type: Injectable
|
|
1734
1734
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
1735
1735
|
|
|
1736
1736
|
var _SkyWaitComponent_instances, _SkyWaitComponent_elRef, _SkyWaitComponent_adapterService, _SkyWaitComponent_resourceSvc, _SkyWaitComponent_ngUnsubscribe, _SkyWaitComponent_id, _SkyWaitComponent_customAriaLabel, _SkyWaitComponent__isFullPage, _SkyWaitComponent__isNonBlocking, _SkyWaitComponent__isWaiting, _SkyWaitComponent_publishAriaLabel;
|
|
1737
1737
|
let nextId = 0;
|
|
1738
1738
|
class SkyWaitComponent {
|
|
1739
|
-
constructor(elRef, adapterService, resourceSvc) {
|
|
1740
|
-
_SkyWaitComponent_instances.add(this);
|
|
1741
|
-
this.ariaLabelStream = new BehaviorSubject('');
|
|
1742
|
-
_SkyWaitComponent_elRef.set(this, void 0);
|
|
1743
|
-
_SkyWaitComponent_adapterService.set(this, void 0);
|
|
1744
|
-
_SkyWaitComponent_resourceSvc.set(this, void 0);
|
|
1745
|
-
_SkyWaitComponent_ngUnsubscribe.set(this, new Subject());
|
|
1746
|
-
_SkyWaitComponent_id.set(this, void 0);
|
|
1747
|
-
_SkyWaitComponent_customAriaLabel.set(this, void 0);
|
|
1748
|
-
_SkyWaitComponent__isFullPage.set(this, void 0);
|
|
1749
|
-
_SkyWaitComponent__isNonBlocking.set(this, void 0);
|
|
1750
|
-
_SkyWaitComponent__isWaiting.set(this, void 0);
|
|
1751
|
-
__classPrivateFieldSet(this, _SkyWaitComponent_elRef, elRef, "f");
|
|
1752
|
-
__classPrivateFieldSet(this, _SkyWaitComponent_adapterService, adapterService, "f");
|
|
1753
|
-
__classPrivateFieldSet(this, _SkyWaitComponent_resourceSvc, resourceSvc, "f");
|
|
1754
|
-
__classPrivateFieldSet(this, _SkyWaitComponent_id, `sky-wait-${++nextId}`, "f");
|
|
1755
|
-
}
|
|
1756
1739
|
/**
|
|
1757
1740
|
* The ARIA label for the wait icon while an element or page loads.
|
|
1758
1741
|
* This sets the icon's `aria-label` attribute
|
|
@@ -1817,6 +1800,23 @@ class SkyWaitComponent {
|
|
|
1817
1800
|
get isNonBlocking() {
|
|
1818
1801
|
return __classPrivateFieldGet(this, _SkyWaitComponent__isNonBlocking, "f");
|
|
1819
1802
|
}
|
|
1803
|
+
constructor(elRef, adapterService, resourceSvc) {
|
|
1804
|
+
_SkyWaitComponent_instances.add(this);
|
|
1805
|
+
this.ariaLabelStream = new BehaviorSubject('');
|
|
1806
|
+
_SkyWaitComponent_elRef.set(this, void 0);
|
|
1807
|
+
_SkyWaitComponent_adapterService.set(this, void 0);
|
|
1808
|
+
_SkyWaitComponent_resourceSvc.set(this, void 0);
|
|
1809
|
+
_SkyWaitComponent_ngUnsubscribe.set(this, new Subject());
|
|
1810
|
+
_SkyWaitComponent_id.set(this, void 0);
|
|
1811
|
+
_SkyWaitComponent_customAriaLabel.set(this, void 0);
|
|
1812
|
+
_SkyWaitComponent__isFullPage.set(this, void 0);
|
|
1813
|
+
_SkyWaitComponent__isNonBlocking.set(this, void 0);
|
|
1814
|
+
_SkyWaitComponent__isWaiting.set(this, void 0);
|
|
1815
|
+
__classPrivateFieldSet(this, _SkyWaitComponent_elRef, elRef, "f");
|
|
1816
|
+
__classPrivateFieldSet(this, _SkyWaitComponent_adapterService, adapterService, "f");
|
|
1817
|
+
__classPrivateFieldSet(this, _SkyWaitComponent_resourceSvc, resourceSvc, "f");
|
|
1818
|
+
__classPrivateFieldSet(this, _SkyWaitComponent_id, `sky-wait-${++nextId}`, "f");
|
|
1819
|
+
}
|
|
1820
1820
|
ngOnInit() {
|
|
1821
1821
|
__classPrivateFieldGet(this, _SkyWaitComponent_instances, "m", _SkyWaitComponent_publishAriaLabel).call(this);
|
|
1822
1822
|
}
|
|
@@ -1843,9 +1843,9 @@ _SkyWaitComponent_elRef = new WeakMap(), _SkyWaitComponent_adapterService = new
|
|
|
1843
1843
|
});
|
|
1844
1844
|
}
|
|
1845
1845
|
};
|
|
1846
|
-
SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1847
|
-
SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1846
|
+
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 });
|
|
1847
|
+
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" }] });
|
|
1848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitComponent, decorators: [{
|
|
1849
1849
|
type: Component,
|
|
1850
1850
|
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"] }]
|
|
1851
1851
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyWaitAdapterService }, { type: i1$2.SkyLibResourcesService, decorators: [{
|
|
@@ -1865,9 +1865,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1865
1865
|
*/
|
|
1866
1866
|
class SkyWaitPageComponent {
|
|
1867
1867
|
}
|
|
1868
|
-
SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1869
|
-
SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1
|
|
1870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1868
|
+
SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1869
|
+
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"] }] });
|
|
1870
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitPageComponent, decorators: [{
|
|
1871
1871
|
type: Component,
|
|
1872
1872
|
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"] }]
|
|
1873
1873
|
}], propDecorators: { hasBlockingWait: [{
|
|
@@ -1878,10 +1878,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1878
1878
|
|
|
1879
1879
|
class SkyWaitModule {
|
|
1880
1880
|
}
|
|
1881
|
-
SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
1882
|
-
SkyWaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1
|
|
1883
|
-
SkyWaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1
|
|
1884
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
1881
|
+
SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1882
|
+
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] });
|
|
1883
|
+
SkyWaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitModule, imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule] });
|
|
1884
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitModule, decorators: [{
|
|
1885
1885
|
type: NgModule,
|
|
1886
1886
|
args: [{
|
|
1887
1887
|
declarations: [SkyWaitComponent, SkyWaitPageComponent],
|
|
@@ -1890,31 +1890,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
|
|
|
1890
1890
|
}]
|
|
1891
1891
|
}] });
|
|
1892
1892
|
|
|
1893
|
-
|
|
1894
|
-
* @internal
|
|
1895
|
-
*/
|
|
1896
|
-
// TODO: Remove when dynamic component service is no longer optional in a future breaking change.
|
|
1897
|
-
class SkyWaitPageAdapterService {
|
|
1898
|
-
addPageWaitEl() {
|
|
1899
|
-
document.body.appendChild(document.createElement('sky-wait-page'));
|
|
1900
|
-
}
|
|
1901
|
-
removePageWaitEl() {
|
|
1902
|
-
const waitEl = document.querySelector('sky-wait-page');
|
|
1903
|
-
if (waitEl) {
|
|
1904
|
-
document.body.removeChild(waitEl);
|
|
1905
|
-
}
|
|
1906
|
-
}
|
|
1907
|
-
}
|
|
1908
|
-
SkyWaitPageAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1909
|
-
SkyWaitPageAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, providedIn: 'root' });
|
|
1910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: SkyWaitPageAdapterService, decorators: [{
|
|
1911
|
-
type: Injectable,
|
|
1912
|
-
args: [{
|
|
1913
|
-
providedIn: 'root',
|
|
1914
|
-
}]
|
|
1915
|
-
}] });
|
|
1916
|
-
|
|
1917
|
-
var _SkyWaitService_instances, _SkyWaitService_resolver, _SkyWaitService_appRef, _SkyWaitService_waitAdapter, _SkyWaitService_windowSvc, _SkyWaitService_dynamicComponentService, _SkyWaitService_setWaitComponentProperties, _SkyWaitService_beginPageWait, _SkyWaitService_endPageWait, _SkyWaitService_clearPageWait;
|
|
1893
|
+
var _SkyWaitService_instances, _SkyWaitService_windowSvc, _SkyWaitService_dynamicComponentService, _SkyWaitService_setWaitComponentProperties, _SkyWaitService_beginPageWait, _SkyWaitService_endPageWait, _SkyWaitService_clearPageWait;
|
|
1918
1894
|
let waitComponent;
|
|
1919
1895
|
let waitComponentRef;
|
|
1920
1896
|
let pageWaitBlockingCount = 0;
|
|
@@ -1923,19 +1899,10 @@ let pageWaitNonBlockingCount = 0;
|
|
|
1923
1899
|
// See: https://github.com/ng-packagr/ng-packagr/issues/641
|
|
1924
1900
|
// @dynamic
|
|
1925
1901
|
class SkyWaitService {
|
|
1926
|
-
|
|
1927
|
-
constructor(resolver, appRef, waitAdapter, windowSvc, dynamicComponentService) {
|
|
1902
|
+
constructor() {
|
|
1928
1903
|
_SkyWaitService_instances.add(this);
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
_SkyWaitService_waitAdapter.set(this, void 0);
|
|
1932
|
-
_SkyWaitService_windowSvc.set(this, void 0);
|
|
1933
|
-
_SkyWaitService_dynamicComponentService.set(this, void 0);
|
|
1934
|
-
__classPrivateFieldSet(this, _SkyWaitService_resolver, resolver, "f");
|
|
1935
|
-
__classPrivateFieldSet(this, _SkyWaitService_appRef, appRef, "f");
|
|
1936
|
-
__classPrivateFieldSet(this, _SkyWaitService_waitAdapter, waitAdapter, "f");
|
|
1937
|
-
__classPrivateFieldSet(this, _SkyWaitService_windowSvc, windowSvc, "f");
|
|
1938
|
-
__classPrivateFieldSet(this, _SkyWaitService_dynamicComponentService, dynamicComponentService, "f");
|
|
1904
|
+
_SkyWaitService_windowSvc.set(this, inject(SkyAppWindowRef));
|
|
1905
|
+
_SkyWaitService_dynamicComponentService.set(this, inject(SkyDynamicComponentService));
|
|
1939
1906
|
}
|
|
1940
1907
|
/**
|
|
1941
1908
|
* Starts a blocking page wait on the page.
|
|
@@ -1978,13 +1945,7 @@ class SkyWaitService {
|
|
|
1978
1945
|
waitComponent = undefined;
|
|
1979
1946
|
pageWaitBlockingCount = 0;
|
|
1980
1947
|
pageWaitNonBlockingCount = 0;
|
|
1981
|
-
|
|
1982
|
-
if (__classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f")) {
|
|
1983
|
-
__classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").removeComponent(waitComponentRef);
|
|
1984
|
-
}
|
|
1985
|
-
else {
|
|
1986
|
-
__classPrivateFieldGet(this, _SkyWaitService_waitAdapter, "f").removePageWaitEl();
|
|
1987
|
-
}
|
|
1948
|
+
__classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").removeComponent(waitComponentRef);
|
|
1988
1949
|
}
|
|
1989
1950
|
}
|
|
1990
1951
|
/**
|
|
@@ -2007,7 +1968,7 @@ class SkyWaitService {
|
|
|
2007
1968
|
});
|
|
2008
1969
|
}
|
|
2009
1970
|
}
|
|
2010
|
-
|
|
1971
|
+
_SkyWaitService_windowSvc = new WeakMap(), _SkyWaitService_dynamicComponentService = new WeakMap(), _SkyWaitService_instances = new WeakSet(), _SkyWaitService_setWaitComponentProperties = function _SkyWaitService_setWaitComponentProperties(isBlocking) {
|
|
2011
1972
|
if (waitComponent) {
|
|
2012
1973
|
if (isBlocking) {
|
|
2013
1974
|
waitComponent.hasBlockingWait = true;
|
|
@@ -2028,17 +1989,8 @@ _SkyWaitService_resolver = new WeakMap(), _SkyWaitService_appRef = new WeakMap()
|
|
|
2028
1989
|
// Ensuring here that we recheck this after the setTimeout is over so that we don't clash
|
|
2029
1990
|
// with any other waits that are created.
|
|
2030
1991
|
if (!waitComponent) {
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
waitComponentRef = __classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").createComponent(SkyWaitPageComponent, { location: SkyDynamicComponentLocation.BodyBottom });
|
|
2034
|
-
waitComponent = waitComponentRef.instance;
|
|
2035
|
-
}
|
|
2036
|
-
else {
|
|
2037
|
-
const factory = __classPrivateFieldGet(this, _SkyWaitService_resolver, "f").resolveComponentFactory(SkyWaitPageComponent);
|
|
2038
|
-
__classPrivateFieldGet(this, _SkyWaitService_waitAdapter, "f").addPageWaitEl();
|
|
2039
|
-
waitComponentRef = __classPrivateFieldGet(this, _SkyWaitService_appRef, "f").bootstrap(factory);
|
|
2040
|
-
waitComponent = waitComponentRef.instance;
|
|
2041
|
-
}
|
|
1992
|
+
waitComponentRef = __classPrivateFieldGet(this, _SkyWaitService_dynamicComponentService, "f").createComponent(SkyWaitPageComponent, { location: SkyDynamicComponentLocation.BodyBottom });
|
|
1993
|
+
waitComponent = waitComponentRef.instance;
|
|
2042
1994
|
}
|
|
2043
1995
|
__classPrivateFieldGet(this, _SkyWaitService_instances, "m", _SkyWaitService_setWaitComponentProperties).call(this, isBlocking);
|
|
2044
1996
|
});
|
|
@@ -2083,16 +2035,14 @@ _SkyWaitService_resolver = new WeakMap(), _SkyWaitService_appRef = new WeakMap()
|
|
|
2083
2035
|
}
|
|
2084
2036
|
}
|
|
2085
2037
|
};
|
|
2086
|
-
SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1
|
|
2087
|
-
SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1
|
|
2088
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1
|
|
2038
|
+
SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
2039
|
+
SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitService, providedIn: 'root' });
|
|
2040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: SkyWaitService, decorators: [{
|
|
2089
2041
|
type: Injectable,
|
|
2090
2042
|
args: [{
|
|
2091
2043
|
providedIn: 'root',
|
|
2092
2044
|
}]
|
|
2093
|
-
}]
|
|
2094
|
-
type: Optional
|
|
2095
|
-
}] }]; } });
|
|
2045
|
+
}] });
|
|
2096
2046
|
|
|
2097
2047
|
/**
|
|
2098
2048
|
* Generated bundle index. Do not edit.
|