@skyux/indicators 5.0.0 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-indicators-testing.umd.js +2 -2
- package/bundles/skyux-indicators-testing.umd.js.map +1 -1
- package/bundles/skyux-indicators.umd.js +343 -374
- package/bundles/skyux-indicators.umd.js.map +1 -1
- package/documentation.json +533 -499
- package/esm2015/modules/alert/alert.component.js +5 -5
- package/esm2015/modules/alert/alert.module.js +9 -13
- package/esm2015/modules/chevron/chevron.component.js +5 -5
- package/esm2015/modules/chevron/chevron.module.js +9 -13
- package/esm2015/modules/help-inline/help-inline.component.js +5 -5
- package/esm2015/modules/help-inline/help-inline.module.js +9 -13
- package/esm2015/modules/icon/icon-class-list.pipe.js +5 -5
- package/esm2015/modules/icon/icon-resolver.service.js +5 -5
- package/esm2015/modules/icon/icon-stack-item.js +1 -1
- package/esm2015/modules/icon/icon-stack.component.js +5 -5
- package/esm2015/modules/icon/icon.component.js +5 -5
- package/esm2015/modules/icon/icon.module.js +8 -25
- package/esm2015/modules/key-info/key-info-label.component.js +5 -5
- package/esm2015/modules/key-info/key-info-value.component.js +5 -5
- package/esm2015/modules/key-info/key-info.component.js +5 -5
- package/esm2015/modules/key-info/key-info.module.js +9 -13
- package/esm2015/modules/label/label.component.js +5 -5
- package/esm2015/modules/label/label.module.js +8 -19
- package/esm2015/modules/shared/indicator-description-type.js +1 -1
- package/esm2015/modules/shared/indicator-icon-utility.js +4 -4
- package/esm2015/modules/shared/indicator-icon.js +1 -1
- package/esm2015/modules/shared/sky-indicators-resources.module.js +34 -12
- package/esm2015/modules/status-indicator/status-indicator.component.js +10 -7
- package/esm2015/modules/status-indicator/status-indicator.module.js +9 -13
- package/esm2015/modules/text-highlight/text-highlight.directive.js +57 -36
- package/esm2015/modules/text-highlight/text-highlight.module.js +8 -16
- package/esm2015/modules/tokens/token.component.js +9 -9
- package/esm2015/modules/tokens/tokens.component.js +34 -35
- package/esm2015/modules/tokens/tokens.module.js +10 -18
- package/esm2015/modules/tokens/types/token-selected-event-args.js +1 -1
- package/esm2015/modules/tokens/types/token.js +1 -1
- package/esm2015/modules/tokens/types/tokens-message-type.js +1 -1
- package/esm2015/modules/tokens/types/tokens-message.js +1 -1
- package/esm2015/modules/wait/wait-adapter.service.js +29 -22
- package/esm2015/modules/wait/wait-page-adapter.service.js +5 -5
- package/esm2015/modules/wait/wait-page.component.js +5 -5
- package/esm2015/modules/wait/wait.component.js +9 -12
- package/esm2015/modules/wait/wait.module.js +9 -27
- package/esm2015/modules/wait/wait.service.js +6 -6
- package/esm2015/testing/alert-fixture.js +1 -1
- package/esm2015/testing/label-fixture.js +1 -1
- package/esm2015/testing/wait-fixture.js +1 -1
- package/fesm2015/skyux-indicators-testing.js.map +1 -1
- package/fesm2015/skyux-indicators.js +306 -339
- package/fesm2015/skyux-indicators.js.map +1 -1
- package/modules/text-highlight/text-highlight.directive.d.ts +2 -2
- package/package.json +6 -6
|
@@ -19,7 +19,25 @@ import { takeUntil, finalize } from 'rxjs/operators';
|
|
|
19
19
|
* To update this file, simply rerun the command.
|
|
20
20
|
*/
|
|
21
21
|
const RESOURCES = {
|
|
22
|
-
'EN-US': {
|
|
22
|
+
'EN-US': {
|
|
23
|
+
skyux_alert_close: { message: 'Close the alert' },
|
|
24
|
+
skyux_chevron_collapse: { message: 'Collapse' },
|
|
25
|
+
skyux_chevron_expand: { message: 'Expand' },
|
|
26
|
+
skyux_help_inline_button_title: { message: 'Show help content' },
|
|
27
|
+
skyux_status_indicator_sr_completed: { message: 'Completed:' },
|
|
28
|
+
skyux_status_indicator_sr_error: { message: 'Error:' },
|
|
29
|
+
skyux_status_indicator_sr_important_info: {
|
|
30
|
+
message: 'Important information:',
|
|
31
|
+
},
|
|
32
|
+
skyux_status_indicator_sr_warning: { message: 'Warning:' },
|
|
33
|
+
skyux_tokens_dismiss_button_title: { message: 'Remove item' },
|
|
34
|
+
skyux_wait_aria_alt_text: { message: 'Loading.' },
|
|
35
|
+
skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },
|
|
36
|
+
skyux_wait_page_aria_alt_text: { message: 'Page loading.' },
|
|
37
|
+
skyux_wait_page_blocking_aria_alt_text: {
|
|
38
|
+
message: 'Page loading. Please wait.',
|
|
39
|
+
},
|
|
40
|
+
},
|
|
23
41
|
};
|
|
24
42
|
class SkyIndicatorsResourcesProvider {
|
|
25
43
|
getString(localeInfo, name) {
|
|
@@ -31,22 +49,26 @@ class SkyIndicatorsResourcesProvider {
|
|
|
31
49
|
*/
|
|
32
50
|
class SkyIndicatorsResourcesModule {
|
|
33
51
|
}
|
|
34
|
-
SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
35
|
-
SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
36
|
-
SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
52
|
+
SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
53
|
+
SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
|
|
54
|
+
SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
|
|
55
|
+
{
|
|
37
56
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
38
57
|
useClass: SkyIndicatorsResourcesProvider,
|
|
39
|
-
multi: true
|
|
40
|
-
}
|
|
41
|
-
|
|
58
|
+
multi: true,
|
|
59
|
+
},
|
|
60
|
+
], imports: [SkyI18nModule] });
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
|
|
42
62
|
type: NgModule,
|
|
43
63
|
args: [{
|
|
44
64
|
exports: [SkyI18nModule],
|
|
45
|
-
providers: [
|
|
65
|
+
providers: [
|
|
66
|
+
{
|
|
46
67
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
47
68
|
useClass: SkyIndicatorsResourcesProvider,
|
|
48
|
-
multi: true
|
|
49
|
-
}
|
|
69
|
+
multi: true,
|
|
70
|
+
},
|
|
71
|
+
],
|
|
50
72
|
}]
|
|
51
73
|
}] });
|
|
52
74
|
|
|
@@ -79,12 +101,12 @@ class SkyIconResolverService {
|
|
|
79
101
|
return iconName;
|
|
80
102
|
}
|
|
81
103
|
}
|
|
82
|
-
SkyIconResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
83
|
-
SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
84
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
104
|
+
SkyIconResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconResolverService, deps: [{ token: i1.SkyThemeIconManifestService }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
105
|
+
SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' });
|
|
106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconResolverService, decorators: [{
|
|
85
107
|
type: Injectable,
|
|
86
108
|
args: [{
|
|
87
|
-
providedIn: 'root'
|
|
109
|
+
providedIn: 'root',
|
|
88
110
|
}]
|
|
89
111
|
}], ctorParameters: function () { return [{ type: i1.SkyThemeIconManifestService }]; } });
|
|
90
112
|
|
|
@@ -113,12 +135,12 @@ class SkyIconClassListPipe {
|
|
|
113
135
|
return classList;
|
|
114
136
|
}
|
|
115
137
|
}
|
|
116
|
-
SkyIconClassListPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
117
|
-
SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.
|
|
118
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
138
|
+
SkyIconClassListPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconClassListPipe, deps: [{ token: SkyIconResolverService }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
139
|
+
SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" });
|
|
140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
|
|
119
141
|
type: Pipe,
|
|
120
142
|
args: [{
|
|
121
|
-
name: 'skyIconClassList'
|
|
143
|
+
name: 'skyIconClassList',
|
|
122
144
|
}]
|
|
123
145
|
}], ctorParameters: function () { return [{ type: SkyIconResolverService }]; } });
|
|
124
146
|
|
|
@@ -132,15 +154,15 @@ class SkyIconComponent {
|
|
|
132
154
|
this.iconType = 'fa';
|
|
133
155
|
}
|
|
134
156
|
}
|
|
135
|
-
SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
136
|
-
SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
157
|
+
SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
158
|
+
SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyIconClassList": SkyIconClassListPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
159
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconComponent, decorators: [{
|
|
138
160
|
type: Component,
|
|
139
161
|
args: [{
|
|
140
162
|
selector: 'sky-icon',
|
|
141
163
|
templateUrl: './icon.component.html',
|
|
142
164
|
styleUrls: ['./icon.component.scss'],
|
|
143
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
165
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
144
166
|
}]
|
|
145
167
|
}], propDecorators: { icon: [{
|
|
146
168
|
type: Input
|
|
@@ -156,14 +178,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
156
178
|
|
|
157
179
|
class SkyIconStackComponent {
|
|
158
180
|
}
|
|
159
|
-
SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
160
|
-
SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
181
|
+
SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
182
|
+
SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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}: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"], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyIconClassList": SkyIconClassListPipe } });
|
|
183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconStackComponent, decorators: [{
|
|
162
184
|
type: Component,
|
|
163
185
|
args: [{
|
|
164
186
|
selector: 'sky-icon-stack',
|
|
165
187
|
templateUrl: './icon-stack.component.html',
|
|
166
|
-
styleUrls: ['./icon-stack.component.scss']
|
|
188
|
+
styleUrls: ['./icon-stack.component.scss'],
|
|
167
189
|
}]
|
|
168
190
|
}], propDecorators: { size: [{
|
|
169
191
|
type: Input
|
|
@@ -175,32 +197,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
175
197
|
|
|
176
198
|
class SkyIconModule {
|
|
177
199
|
}
|
|
178
|
-
SkyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
179
|
-
SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
SkyThemeIconManifestModule], exports: [SkyIconComponent,
|
|
183
|
-
SkyIconStackComponent] });
|
|
184
|
-
SkyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconModule, imports: [[
|
|
185
|
-
CommonModule,
|
|
186
|
-
SkyThemeIconManifestModule
|
|
187
|
-
]] });
|
|
188
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconModule, decorators: [{
|
|
200
|
+
SkyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
201
|
+
SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule, SkyThemeIconManifestModule], exports: [SkyIconComponent, SkyIconStackComponent] });
|
|
202
|
+
SkyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconModule, imports: [[CommonModule, SkyThemeIconManifestModule]] });
|
|
203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyIconModule, decorators: [{
|
|
189
204
|
type: NgModule,
|
|
190
205
|
args: [{
|
|
191
|
-
declarations: [
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
SkyIconStackComponent
|
|
195
|
-
],
|
|
196
|
-
imports: [
|
|
197
|
-
CommonModule,
|
|
198
|
-
SkyThemeIconManifestModule
|
|
199
|
-
],
|
|
200
|
-
exports: [
|
|
201
|
-
SkyIconComponent,
|
|
202
|
-
SkyIconStackComponent
|
|
203
|
-
]
|
|
206
|
+
declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
|
|
207
|
+
imports: [CommonModule, SkyThemeIconManifestModule],
|
|
208
|
+
exports: [SkyIconComponent, SkyIconStackComponent],
|
|
204
209
|
}]
|
|
205
210
|
}] });
|
|
206
211
|
|
|
@@ -235,12 +240,12 @@ class SkyIndicatorIconUtility {
|
|
|
235
240
|
defaultThemeIcon: icon,
|
|
236
241
|
modernThemeBaseIcon: {
|
|
237
242
|
icon: baseIcon,
|
|
238
|
-
iconType: 'skyux'
|
|
243
|
+
iconType: 'skyux',
|
|
239
244
|
},
|
|
240
245
|
modernThemeTopIcon: {
|
|
241
246
|
icon: topIcon,
|
|
242
|
-
iconType: 'skyux'
|
|
243
|
-
}
|
|
247
|
+
iconType: 'skyux',
|
|
248
|
+
},
|
|
244
249
|
};
|
|
245
250
|
}
|
|
246
251
|
}
|
|
@@ -278,14 +283,14 @@ class SkyAlertComponent {
|
|
|
278
283
|
this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
|
|
279
284
|
}
|
|
280
285
|
}
|
|
281
|
-
SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
282
|
-
SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
283
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
286
|
+
SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
287
|
+
SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed" }, 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': alertType === 'info',\n 'sky-alert-success': alertType === 'success',\n 'sky-alert-warning': alertType === 'warning',\n 'sky-alert-danger': alertType === '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 <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: ["@charset \"UTF-8\";.sky-alert{padding:0 10px;margin-bottom:20px;border-left:solid 30px;color:#212327;display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding-top:10px;padding-bottom:10px;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:#212327}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info{background-color:#81d4f7;border-color:#00b4f1}.sky-alert.sky-alert-info:before{content:\"\\f06a\";font-family:FontAwesome;margin-left:-31px;margin-right:20px;color:#fff}.sky-alert.sky-alert-success{background-color:#b7da9b;border-color:#72bf44}.sky-alert.sky-alert-success:before{content:\"\\f00c\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-warning{background-color:#ffd597;border-color:#fbb034}.sky-alert.sky-alert-warning:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-danger{background-color:#f7a08f;border-color:#ef4044}.sky-alert.sky-alert-danger:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert-close{cursor:pointer;font-weight:bold;line-height:1;margin:0;padding:0;color:#212327;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-close-icon-theme-modern,.sky-alert-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-alert{border-left-width:7px}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content{padding:15px}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-alert-info:before,:host-context(.sky-theme-modern) .sky-alert-success:before,:host-context(.sky-theme-modern) .sky-alert-warning:before,:host-context(.sky-theme-modern) .sky-alert-danger:before{display:none}:host-context(.sky-theme-modern) .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}:host-context(.sky-theme-modern) .sky-alert-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-modern{display:inline}.sky-theme-modern .sky-alert{border-left-width:7px}.sky-theme-modern .sky-alert .sky-alert-content{padding:15px}.sky-theme-modern .sky-alert.sky-alert-info{background-color:#c1e8fb}.sky-theme-modern .sky-alert-info:before,.sky-theme-modern .sky-alert-success:before,.sky-theme-modern .sky-alert-warning:before,.sky-theme-modern .sky-alert-danger:before{display:none}.sky-theme-modern .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-alert-icon-theme-modern{display:block}.sky-theme-modern .sky-alert-close-icon-theme-default{display:none}.sky-theme-modern .sky-alert-close-icon-theme-modern{display:inline}\n"], components: [{ type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i1$2.SkyLibResourcesPipe } });
|
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAlertComponent, decorators: [{
|
|
284
289
|
type: Component,
|
|
285
290
|
args: [{
|
|
286
291
|
selector: 'sky-alert',
|
|
287
292
|
styleUrls: ['./alert.component.scss'],
|
|
288
|
-
templateUrl: './alert.component.html'
|
|
293
|
+
templateUrl: './alert.component.html',
|
|
289
294
|
}]
|
|
290
295
|
}], propDecorators: { alertType: [{
|
|
291
296
|
type: Input
|
|
@@ -299,35 +304,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
299
304
|
|
|
300
305
|
class SkyAlertModule {
|
|
301
306
|
}
|
|
302
|
-
SkyAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
303
|
-
SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
307
|
+
SkyAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
308
|
+
SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [CommonModule,
|
|
304
309
|
SkyI18nModule,
|
|
305
310
|
SkyIconModule,
|
|
306
311
|
SkyIndicatorsResourcesModule,
|
|
307
312
|
SkyThemeModule], exports: [SkyAlertComponent] });
|
|
308
|
-
SkyAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
313
|
+
SkyAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAlertModule, imports: [[
|
|
309
314
|
CommonModule,
|
|
310
315
|
SkyI18nModule,
|
|
311
316
|
SkyIconModule,
|
|
312
317
|
SkyIndicatorsResourcesModule,
|
|
313
|
-
SkyThemeModule
|
|
318
|
+
SkyThemeModule,
|
|
314
319
|
]] });
|
|
315
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
320
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAlertModule, decorators: [{
|
|
316
321
|
type: NgModule,
|
|
317
322
|
args: [{
|
|
318
|
-
declarations: [
|
|
319
|
-
SkyAlertComponent
|
|
320
|
-
],
|
|
323
|
+
declarations: [SkyAlertComponent],
|
|
321
324
|
imports: [
|
|
322
325
|
CommonModule,
|
|
323
326
|
SkyI18nModule,
|
|
324
327
|
SkyIconModule,
|
|
325
328
|
SkyIndicatorsResourcesModule,
|
|
326
|
-
SkyThemeModule
|
|
329
|
+
SkyThemeModule,
|
|
327
330
|
],
|
|
328
|
-
exports: [
|
|
329
|
-
SkyAlertComponent
|
|
330
|
-
]
|
|
331
|
+
exports: [SkyAlertComponent],
|
|
331
332
|
}]
|
|
332
333
|
}] });
|
|
333
334
|
|
|
@@ -343,14 +344,14 @@ class SkyChevronComponent {
|
|
|
343
344
|
this.directionChange.emit(this.direction);
|
|
344
345
|
}
|
|
345
346
|
}
|
|
346
|
-
SkyChevronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
347
|
-
SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
347
|
+
SkyChevronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
348
|
+
SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyChevronComponent, selector: "sky-chevron", inputs: { direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0, template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-label]=\"\n (direction === 'down' ? 'skyux_chevron_expand' : 'skyux_chevron_collapse')\n | skyLibResources\n \"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + direction]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"chevron-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</button>\n\n<ng-template #icon>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-left\"> </i>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-right\"> </i>\n</ng-template>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}.sky-chevron-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-chevron-up .sky-chevron-left{left:7px;transform:rotate(-45deg)}.sky-chevron-up .sky-chevron-right{left:7px;transform:rotate(45deg)}.sky-chevron-down .sky-chevron-left{left:2px;transform:rotate(45deg)}.sky-chevron-down .sky-chevron-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-chevron{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-chevron-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .chevron-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-chevron-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-chevron-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-chevron-left{left:4px}:host-context(.sky-theme-modern) .sky-chevron-right{left:10.5px}.sky-theme-modern .sky-chevron{height:26px;width:26px}.sky-theme-modern .sky-chevron-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .chevron-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-chevron-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-chevron-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-chevron-left{left:4px}.sky-theme-modern .sky-chevron-right{left:10.5px}\n"], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i1$2.SkyLibResourcesPipe } });
|
|
349
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyChevronComponent, decorators: [{
|
|
349
350
|
type: Component,
|
|
350
351
|
args: [{
|
|
351
352
|
selector: 'sky-chevron',
|
|
352
353
|
styleUrls: ['./chevron.component.scss'],
|
|
353
|
-
templateUrl: './chevron.component.html'
|
|
354
|
+
templateUrl: './chevron.component.html',
|
|
354
355
|
}]
|
|
355
356
|
}], propDecorators: { directionChange: [{
|
|
356
357
|
type: Output
|
|
@@ -362,32 +363,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
362
363
|
|
|
363
364
|
class SkyChevronModule {
|
|
364
365
|
}
|
|
365
|
-
SkyChevronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
366
|
-
SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
366
|
+
SkyChevronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
367
|
+
SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [CommonModule,
|
|
367
368
|
SkyI18nModule,
|
|
368
369
|
SkyIndicatorsResourcesModule,
|
|
369
370
|
SkyThemeModule], exports: [SkyChevronComponent] });
|
|
370
|
-
SkyChevronModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
371
|
+
SkyChevronModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyChevronModule, imports: [[
|
|
371
372
|
CommonModule,
|
|
372
373
|
SkyI18nModule,
|
|
373
374
|
SkyIndicatorsResourcesModule,
|
|
374
|
-
SkyThemeModule
|
|
375
|
+
SkyThemeModule,
|
|
375
376
|
]] });
|
|
376
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyChevronModule, decorators: [{
|
|
377
378
|
type: NgModule,
|
|
378
379
|
args: [{
|
|
379
|
-
declarations: [
|
|
380
|
-
SkyChevronComponent
|
|
381
|
-
],
|
|
380
|
+
declarations: [SkyChevronComponent],
|
|
382
381
|
imports: [
|
|
383
382
|
CommonModule,
|
|
384
383
|
SkyI18nModule,
|
|
385
384
|
SkyIndicatorsResourcesModule,
|
|
386
|
-
SkyThemeModule
|
|
385
|
+
SkyThemeModule,
|
|
387
386
|
],
|
|
388
|
-
exports: [
|
|
389
|
-
SkyChevronComponent
|
|
390
|
-
]
|
|
387
|
+
exports: [SkyChevronComponent],
|
|
391
388
|
}]
|
|
392
389
|
}] });
|
|
393
390
|
|
|
@@ -402,14 +399,14 @@ class SkyHelpInlineComponent {
|
|
|
402
399
|
this.actionClick.emit();
|
|
403
400
|
}
|
|
404
401
|
}
|
|
405
|
-
SkyHelpInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
406
|
-
SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
407
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
402
|
+
SkyHelpInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
403
|
+
SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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 ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.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}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i1$2.SkyLibResourcesPipe } });
|
|
404
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyHelpInlineComponent, decorators: [{
|
|
408
405
|
type: Component,
|
|
409
406
|
args: [{
|
|
410
407
|
selector: 'sky-help-inline',
|
|
411
408
|
templateUrl: './help-inline.component.html',
|
|
412
|
-
styleUrls: ['./help-inline.component.scss']
|
|
409
|
+
styleUrls: ['./help-inline.component.scss'],
|
|
413
410
|
}]
|
|
414
411
|
}], propDecorators: { actionClick: [{
|
|
415
412
|
type: Output
|
|
@@ -417,35 +414,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
417
414
|
|
|
418
415
|
class SkyHelpInlineModule {
|
|
419
416
|
}
|
|
420
|
-
SkyHelpInlineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
421
|
-
SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
417
|
+
SkyHelpInlineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
418
|
+
SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [CommonModule,
|
|
422
419
|
SkyI18nModule,
|
|
423
420
|
SkyIconModule,
|
|
424
421
|
SkyIndicatorsResourcesModule,
|
|
425
422
|
SkyThemeModule], exports: [SkyHelpInlineComponent] });
|
|
426
|
-
SkyHelpInlineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
423
|
+
SkyHelpInlineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyHelpInlineModule, imports: [[
|
|
427
424
|
CommonModule,
|
|
428
425
|
SkyI18nModule,
|
|
429
426
|
SkyIconModule,
|
|
430
427
|
SkyIndicatorsResourcesModule,
|
|
431
|
-
SkyThemeModule
|
|
428
|
+
SkyThemeModule,
|
|
432
429
|
]] });
|
|
433
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
430
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyHelpInlineModule, decorators: [{
|
|
434
431
|
type: NgModule,
|
|
435
432
|
args: [{
|
|
436
|
-
declarations: [
|
|
437
|
-
SkyHelpInlineComponent
|
|
438
|
-
],
|
|
433
|
+
declarations: [SkyHelpInlineComponent],
|
|
439
434
|
imports: [
|
|
440
435
|
CommonModule,
|
|
441
436
|
SkyI18nModule,
|
|
442
437
|
SkyIconModule,
|
|
443
438
|
SkyIndicatorsResourcesModule,
|
|
444
|
-
SkyThemeModule
|
|
439
|
+
SkyThemeModule,
|
|
445
440
|
],
|
|
446
|
-
exports: [
|
|
447
|
-
SkyHelpInlineComponent
|
|
448
|
-
]
|
|
441
|
+
exports: [SkyHelpInlineComponent],
|
|
449
442
|
}]
|
|
450
443
|
}] });
|
|
451
444
|
|
|
@@ -455,13 +448,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
455
448
|
*/
|
|
456
449
|
class SkyKeyInfoLabelComponent {
|
|
457
450
|
}
|
|
458
|
-
SkyKeyInfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
459
|
-
SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
460
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
451
|
+
SkyKeyInfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
452
|
+
SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
453
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
|
|
461
454
|
type: Component,
|
|
462
455
|
args: [{
|
|
463
456
|
selector: 'sky-key-info-label',
|
|
464
|
-
template: '<ng-content></ng-content>'
|
|
457
|
+
template: '<ng-content></ng-content>',
|
|
465
458
|
}]
|
|
466
459
|
}] });
|
|
467
460
|
|
|
@@ -471,13 +464,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
471
464
|
*/
|
|
472
465
|
class SkyKeyInfoValueComponent {
|
|
473
466
|
}
|
|
474
|
-
SkyKeyInfoValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
475
|
-
SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
467
|
+
SkyKeyInfoValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
468
|
+
SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
|
|
469
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
|
|
477
470
|
type: Component,
|
|
478
471
|
args: [{
|
|
479
472
|
selector: 'sky-key-info-value',
|
|
480
|
-
template: '<ng-content></ng-content>'
|
|
473
|
+
template: '<ng-content></ng-content>',
|
|
481
474
|
}]
|
|
482
475
|
}] });
|
|
483
476
|
|
|
@@ -491,14 +484,14 @@ class SkyKeyInfoComponent {
|
|
|
491
484
|
this.layout = 'vertical';
|
|
492
485
|
}
|
|
493
486
|
}
|
|
494
|
-
SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
495
|
-
SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
496
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
487
|
+
SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
488
|
+
SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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 <ng-content select=\"sky-key-info-label\"> </ng-content>\n </div>\n</div>\n", styles: [".sky-key-info{display:inline-block}.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 5px}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
|
|
497
490
|
type: Component,
|
|
498
491
|
args: [{
|
|
499
492
|
selector: 'sky-key-info',
|
|
500
493
|
templateUrl: './key-info.component.html',
|
|
501
|
-
styleUrls: ['./key-info.component.scss']
|
|
494
|
+
styleUrls: ['./key-info.component.scss'],
|
|
502
495
|
}]
|
|
503
496
|
}], propDecorators: { layout: [{
|
|
504
497
|
type: Input
|
|
@@ -506,31 +499,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
506
499
|
|
|
507
500
|
class SkyKeyInfoModule {
|
|
508
501
|
}
|
|
509
|
-
SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
510
|
-
SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
502
|
+
SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
503
|
+
SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
511
504
|
SkyKeyInfoLabelComponent,
|
|
512
505
|
SkyKeyInfoValueComponent], imports: [CommonModule], exports: [SkyKeyInfoComponent,
|
|
513
506
|
SkyKeyInfoLabelComponent,
|
|
514
507
|
SkyKeyInfoValueComponent] });
|
|
515
|
-
SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
516
|
-
|
|
517
|
-
]] });
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
|
|
508
|
+
SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoModule, imports: [[CommonModule]] });
|
|
509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
|
|
519
510
|
type: NgModule,
|
|
520
511
|
args: [{
|
|
521
512
|
declarations: [
|
|
522
513
|
SkyKeyInfoComponent,
|
|
523
514
|
SkyKeyInfoLabelComponent,
|
|
524
|
-
SkyKeyInfoValueComponent
|
|
525
|
-
],
|
|
526
|
-
imports: [
|
|
527
|
-
CommonModule
|
|
515
|
+
SkyKeyInfoValueComponent,
|
|
528
516
|
],
|
|
517
|
+
imports: [CommonModule],
|
|
529
518
|
exports: [
|
|
530
519
|
SkyKeyInfoComponent,
|
|
531
520
|
SkyKeyInfoLabelComponent,
|
|
532
|
-
SkyKeyInfoValueComponent
|
|
533
|
-
]
|
|
521
|
+
SkyKeyInfoValueComponent,
|
|
522
|
+
],
|
|
534
523
|
}]
|
|
535
524
|
}] });
|
|
536
525
|
|
|
@@ -553,14 +542,14 @@ class SkyLabelComponent {
|
|
|
553
542
|
this.topIcon = indicatorIcon.modernThemeTopIcon;
|
|
554
543
|
}
|
|
555
544
|
}
|
|
556
|
-
SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
557
|
-
SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
558
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
545
|
+
SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
546
|
+
SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\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 class=\"sky-label-text\">\n <ng-content></ng-content>\n </span>\n</span>\n", styles: [".sky-label{color:#212327;display:inline;border-radius:10rem;font-weight:400;line-height:2.2;margin:0 3px;padding:.3em .6em;white-space:nowrap}.sky-label-success{background-color:#b7da9b}.sky-label-info{background-color:#81d4f7}.sky-label-warning{background-color:#ffd597}.sky-label-danger{background-color:#f7a08f}.sky-label-text{display:inline-block;padding-left:5px}.sky-label-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-label{align-items:center;display:inline-flex;line-height:1}:host-context(.sky-theme-modern) .sky-label.sky-label-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-label.sky-label-info,:host-context(.sky-theme-modern) .sky-label.sky-label-success{padding:4px 15px 4px 6px}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-danger{padding:4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-label-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-label{align-items:center;display:inline-flex;line-height:1}.sky-theme-modern .sky-label.sky-label-info{background-color:#c1e8fb}.sky-theme-modern .sky-label.sky-label-info,.sky-theme-modern .sky-label.sky-label-success{padding:4px 15px 4px 6px}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-danger{padding:4px 15px 4px 9px}.sky-theme-modern .sky-label-icon-theme-default{display:none}.sky-theme-modern .sky-label-icon-theme-modern{display:block}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLabelComponent, decorators: [{
|
|
559
548
|
type: Component,
|
|
560
549
|
args: [{
|
|
561
550
|
selector: 'sky-label',
|
|
562
551
|
templateUrl: './label.component.html',
|
|
563
|
-
styleUrls: ['./label.component.scss']
|
|
552
|
+
styleUrls: ['./label.component.scss'],
|
|
564
553
|
}]
|
|
565
554
|
}], propDecorators: { labelType: [{
|
|
566
555
|
type: Input
|
|
@@ -568,26 +557,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
568
557
|
|
|
569
558
|
class SkyLabelModule {
|
|
570
559
|
}
|
|
571
|
-
SkyLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
572
|
-
SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
CommonModule,
|
|
576
|
-
SkyIconModule
|
|
577
|
-
]] });
|
|
578
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyLabelModule, decorators: [{
|
|
560
|
+
SkyLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
561
|
+
SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
|
|
562
|
+
SkyLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLabelModule, imports: [[CommonModule, SkyIconModule]] });
|
|
563
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyLabelModule, decorators: [{
|
|
579
564
|
type: NgModule,
|
|
580
565
|
args: [{
|
|
581
|
-
declarations: [
|
|
582
|
-
|
|
583
|
-
],
|
|
584
|
-
imports: [
|
|
585
|
-
CommonModule,
|
|
586
|
-
SkyIconModule
|
|
587
|
-
],
|
|
588
|
-
exports: [
|
|
589
|
-
SkyLabelComponent
|
|
590
|
-
]
|
|
566
|
+
declarations: [SkyLabelComponent],
|
|
567
|
+
imports: [CommonModule, SkyIconModule],
|
|
568
|
+
exports: [SkyLabelComponent],
|
|
591
569
|
}]
|
|
592
570
|
}] });
|
|
593
571
|
|
|
@@ -649,7 +627,10 @@ class SkyStatusIndicatorComponent {
|
|
|
649
627
|
this.descriptionComputed = this.customDescription;
|
|
650
628
|
break;
|
|
651
629
|
default:
|
|
652
|
-
this.resources
|
|
630
|
+
this.resources
|
|
631
|
+
.getString('skyux_status_indicator_sr_' +
|
|
632
|
+
this.descriptionType.replace(/-/g, '_'))
|
|
633
|
+
.subscribe((value) => {
|
|
653
634
|
this.descriptionComputed = value;
|
|
654
635
|
this.changeDetector.markForCheck();
|
|
655
636
|
});
|
|
@@ -661,15 +642,15 @@ class SkyStatusIndicatorComponent {
|
|
|
661
642
|
}
|
|
662
643
|
}
|
|
663
644
|
}
|
|
664
|
-
SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
665
|
-
SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
645
|
+
SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
646
|
+
SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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-' + indicatorType\"\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\">\n <ng-content></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-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
|
|
667
648
|
type: Component,
|
|
668
649
|
args: [{
|
|
669
650
|
selector: 'sky-status-indicator',
|
|
670
651
|
templateUrl: './status-indicator.component.html',
|
|
671
652
|
styleUrls: ['./status-indicator.component.scss'],
|
|
672
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
653
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
673
654
|
}]
|
|
674
655
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$2.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
|
|
675
656
|
type: Input
|
|
@@ -681,32 +662,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
681
662
|
|
|
682
663
|
class SkyStatusIndicatorModule {
|
|
683
664
|
}
|
|
684
|
-
SkyStatusIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
685
|
-
SkyStatusIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
665
|
+
SkyStatusIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
666
|
+
SkyStatusIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
|
|
686
667
|
SkyI18nModule,
|
|
687
668
|
SkyIconModule,
|
|
688
669
|
SkyIndicatorsResourcesModule], exports: [SkyStatusIndicatorComponent] });
|
|
689
|
-
SkyStatusIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
670
|
+
SkyStatusIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyStatusIndicatorModule, imports: [[
|
|
690
671
|
CommonModule,
|
|
691
672
|
SkyI18nModule,
|
|
692
673
|
SkyIconModule,
|
|
693
|
-
SkyIndicatorsResourcesModule
|
|
674
|
+
SkyIndicatorsResourcesModule,
|
|
694
675
|
]] });
|
|
695
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyStatusIndicatorModule, decorators: [{
|
|
696
677
|
type: NgModule,
|
|
697
678
|
args: [{
|
|
698
|
-
declarations: [
|
|
699
|
-
SkyStatusIndicatorComponent
|
|
700
|
-
],
|
|
679
|
+
declarations: [SkyStatusIndicatorComponent],
|
|
701
680
|
imports: [
|
|
702
681
|
CommonModule,
|
|
703
682
|
SkyI18nModule,
|
|
704
683
|
SkyIconModule,
|
|
705
|
-
SkyIndicatorsResourcesModule
|
|
684
|
+
SkyIndicatorsResourcesModule,
|
|
706
685
|
],
|
|
707
|
-
exports: [
|
|
708
|
-
SkyStatusIndicatorComponent
|
|
709
|
-
]
|
|
686
|
+
exports: [SkyStatusIndicatorComponent],
|
|
710
687
|
}]
|
|
711
688
|
}] });
|
|
712
689
|
|
|
@@ -725,6 +702,24 @@ class SkyTextHighlightDirective {
|
|
|
725
702
|
this.observerService = observerService;
|
|
726
703
|
this.existingHighlight = false;
|
|
727
704
|
}
|
|
705
|
+
/**
|
|
706
|
+
* Specifies the text to highlight.
|
|
707
|
+
*/
|
|
708
|
+
set skyHighlight(value) {
|
|
709
|
+
value = value || [];
|
|
710
|
+
this._skyHighlight = [];
|
|
711
|
+
if (Array.isArray(value)) {
|
|
712
|
+
this._skyHighlight = value.filter((item) => !!item);
|
|
713
|
+
// Reorder strings by their length in descending order to avoid missing matches
|
|
714
|
+
// that contain substrings of other matches.
|
|
715
|
+
this._skyHighlight.sort(function (a, b) {
|
|
716
|
+
return b.length - a.length;
|
|
717
|
+
});
|
|
718
|
+
}
|
|
719
|
+
else {
|
|
720
|
+
this._skyHighlight = [value];
|
|
721
|
+
}
|
|
722
|
+
}
|
|
728
723
|
ngOnChanges(changes) {
|
|
729
724
|
if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
|
|
730
725
|
this.highlight();
|
|
@@ -736,7 +731,7 @@ class SkyTextHighlightDirective {
|
|
|
736
731
|
self.highlight();
|
|
737
732
|
});
|
|
738
733
|
this.observeDom();
|
|
739
|
-
if (this.
|
|
734
|
+
if (this._skyHighlight && this._skyHighlight.length > 0) {
|
|
740
735
|
this.highlight();
|
|
741
736
|
}
|
|
742
737
|
}
|
|
@@ -747,14 +742,14 @@ class SkyTextHighlightDirective {
|
|
|
747
742
|
}
|
|
748
743
|
}
|
|
749
744
|
readyForHighlight(searchText) {
|
|
750
|
-
return searchText && this.el.nativeElement;
|
|
745
|
+
return searchText && searchText.length > 0 && this.el.nativeElement;
|
|
751
746
|
}
|
|
752
747
|
highlight() {
|
|
753
748
|
/* istanbul ignore else */
|
|
754
749
|
if (this.observer) {
|
|
755
750
|
this.observer.disconnect();
|
|
756
751
|
}
|
|
757
|
-
const searchText = this.
|
|
752
|
+
const searchText = this._skyHighlight;
|
|
758
753
|
if (this.existingHighlight) {
|
|
759
754
|
SkyTextHighlightDirective.removeHighlight(this.el);
|
|
760
755
|
}
|
|
@@ -770,46 +765,49 @@ class SkyTextHighlightDirective {
|
|
|
770
765
|
observeDom() {
|
|
771
766
|
/* istanbul ignore else */
|
|
772
767
|
if (this.observer) {
|
|
773
|
-
const config = {
|
|
768
|
+
const config = {
|
|
769
|
+
attributes: false,
|
|
770
|
+
childList: true,
|
|
771
|
+
characterData: true,
|
|
772
|
+
};
|
|
774
773
|
this.observer.observe(this.el.nativeElement, config);
|
|
775
774
|
}
|
|
776
775
|
}
|
|
777
776
|
static cleanRegex(regex) {
|
|
778
777
|
return regex.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
|
|
779
778
|
}
|
|
780
|
-
static
|
|
781
|
-
|
|
782
|
-
|
|
783
|
-
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
793
|
-
|
|
794
|
-
|
|
795
|
-
|
|
796
|
-
|
|
797
|
-
|
|
798
|
-
|
|
799
|
-
|
|
800
|
-
|
|
801
|
-
else {
|
|
802
|
-
return 0;
|
|
779
|
+
static markNode(node, searchTerms) {
|
|
780
|
+
/* istanbul ignore else */
|
|
781
|
+
if (searchTerms) {
|
|
782
|
+
const text = node.nodeValue;
|
|
783
|
+
for (let i = 0; i < searchTerms.length; i++) {
|
|
784
|
+
searchTerms[i] = this.cleanRegex(searchTerms[i]);
|
|
785
|
+
}
|
|
786
|
+
const searchRegex = new RegExp(searchTerms.join('|'), 'gi');
|
|
787
|
+
const match = searchRegex.exec(text);
|
|
788
|
+
if (match) {
|
|
789
|
+
// Split apart text node with mark tags in the middle on the search term.
|
|
790
|
+
const matchIndex = match.index;
|
|
791
|
+
const middle = node.splitText(matchIndex);
|
|
792
|
+
middle.splitText(searchRegex.lastIndex - matchIndex);
|
|
793
|
+
const middleClone = middle.cloneNode(true);
|
|
794
|
+
const markNode = document.createElement('mark');
|
|
795
|
+
markNode.className = className;
|
|
796
|
+
markNode.appendChild(middleClone);
|
|
797
|
+
middle.parentNode.replaceChild(markNode, middle);
|
|
798
|
+
return 1;
|
|
799
|
+
}
|
|
803
800
|
}
|
|
801
|
+
return 0;
|
|
804
802
|
}
|
|
805
|
-
static markTextNodes(node,
|
|
803
|
+
static markTextNodes(node, searchTerms) {
|
|
806
804
|
if (node.nodeType === 3) {
|
|
807
|
-
return SkyTextHighlightDirective.markNode(node,
|
|
805
|
+
return SkyTextHighlightDirective.markNode(node, searchTerms);
|
|
808
806
|
}
|
|
809
807
|
else if (node.nodeType === 1 && node.childNodes) {
|
|
810
808
|
for (let i = 0; i < node.childNodes.length; i++) {
|
|
811
809
|
const childNode = node.childNodes[i];
|
|
812
|
-
i += SkyTextHighlightDirective.markTextNodes(childNode,
|
|
810
|
+
i += SkyTextHighlightDirective.markTextNodes(childNode, searchTerms);
|
|
813
811
|
}
|
|
814
812
|
}
|
|
815
813
|
return 0;
|
|
@@ -828,12 +826,12 @@ class SkyTextHighlightDirective {
|
|
|
828
826
|
}
|
|
829
827
|
}
|
|
830
828
|
}
|
|
831
|
-
SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
832
|
-
SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
833
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
829
|
+
SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextHighlightDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.MutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
|
|
830
|
+
SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 });
|
|
831
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextHighlightDirective, decorators: [{
|
|
834
832
|
type: Directive,
|
|
835
833
|
args: [{
|
|
836
|
-
selector: '[skyHighlight]'
|
|
834
|
+
selector: '[skyHighlight]',
|
|
837
835
|
}]
|
|
838
836
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$3.MutationObserverService }]; }, propDecorators: { skyHighlight: [{
|
|
839
837
|
type: Input
|
|
@@ -841,23 +839,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
841
839
|
|
|
842
840
|
class SkyTextHighlightModule {
|
|
843
841
|
}
|
|
844
|
-
SkyTextHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
845
|
-
SkyTextHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
846
|
-
SkyTextHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
847
|
-
|
|
848
|
-
] });
|
|
849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextHighlightModule, decorators: [{
|
|
842
|
+
SkyTextHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
843
|
+
SkyTextHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
|
|
844
|
+
SkyTextHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextHighlightModule, providers: [MutationObserverService] });
|
|
845
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTextHighlightModule, decorators: [{
|
|
850
846
|
type: NgModule,
|
|
851
847
|
args: [{
|
|
852
|
-
declarations: [
|
|
853
|
-
|
|
854
|
-
],
|
|
855
|
-
exports: [
|
|
856
|
-
SkyTextHighlightDirective
|
|
857
|
-
],
|
|
858
|
-
providers: [
|
|
859
|
-
MutationObserverService
|
|
860
|
-
]
|
|
848
|
+
declarations: [SkyTextHighlightDirective],
|
|
849
|
+
exports: [SkyTextHighlightDirective],
|
|
850
|
+
providers: [MutationObserverService],
|
|
861
851
|
}]
|
|
862
852
|
}] });
|
|
863
853
|
|
|
@@ -895,7 +885,7 @@ class SkyTokenComponent {
|
|
|
895
885
|
this._ariaLabel = value;
|
|
896
886
|
}
|
|
897
887
|
get ariaLabel() {
|
|
898
|
-
return this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title');
|
|
888
|
+
return (this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title'));
|
|
899
889
|
}
|
|
900
890
|
/**
|
|
901
891
|
* Indicates whether users can remove the token from the list by selecting the close button
|
|
@@ -917,13 +907,13 @@ class SkyTokenComponent {
|
|
|
917
907
|
this._focusable = value;
|
|
918
908
|
}
|
|
919
909
|
get focusable() {
|
|
920
|
-
return
|
|
910
|
+
return this._focusable !== false;
|
|
921
911
|
}
|
|
922
912
|
/**
|
|
923
913
|
* @internal
|
|
924
914
|
*/
|
|
925
915
|
get tabIndex() {
|
|
926
|
-
return
|
|
916
|
+
return this.focusable ? 0 : -1;
|
|
927
917
|
}
|
|
928
918
|
dismissToken(event) {
|
|
929
919
|
event.stopPropagation();
|
|
@@ -937,15 +927,15 @@ class SkyTokenComponent {
|
|
|
937
927
|
return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
|
|
938
928
|
}
|
|
939
929
|
}
|
|
940
|
-
SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
941
|
-
SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
942
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
930
|
+
SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTokenComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
931
|
+
SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, ngImport: i0, template: "<div\n class=\"sky-token sky-btn sky-btn-default\"\n role=\"button\"\n [attr.aria-disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n [ngClass]=\"{\n 'sky-btn-disabled': disabled,\n 'sky-token-dismissable': dismissible,\n 'sky-token-active': tokenActive && !closeActive\n }\"\n (document:mouseup)=\"tokenActive = false\"\n (focus)=\"tokenFocus.emit()\"\n (mousedown)=\"tokenActive = true\"\n>\n <ng-content> </ng-content>\n <button\n *ngIf=\"dismissible\"\n class=\"sky-btn sky-token-btn-close\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-token-btn-close-active': closeActive\n }\"\n (click)=\"dismissToken($event)\"\n (document:mouseup)=\"closeActive = false\"\n (mousedown)=\"closeActive = true\"\n >\n <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"> </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</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;overflow:hidden;padding:2px 8px;display:inline-block;-webkit-user-select:none;user-select:none}.sky-token:hover,.sky-token:focus{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token:focus{box-shadow:0 0 8px #00b4f199;border:1px solid #00b4f1;outline:none}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn-close{background:transparent;padding:0;border:0;margin-left:2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus{opacity:1}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}:host-context(.sky-theme-modern) .sky-token.sky-btn-disabled{color:#212327}: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-dismissable{padding-right:1px}: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:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token:focus,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}: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{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus: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;padding:1px 5px;font-size:14px}.sky-theme-modern .sky-token.sky-btn-disabled{color:#212327}.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-dismissable{padding-right:1px}.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:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token:focus,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}.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{outline:none}.sky-theme-modern .sky-token-btn-close:focus: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"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
932
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTokenComponent, decorators: [{
|
|
943
933
|
type: Component,
|
|
944
934
|
args: [{
|
|
945
935
|
selector: 'sky-token',
|
|
946
936
|
templateUrl: './token.component.html',
|
|
947
937
|
styleUrls: ['./token.component.scss'],
|
|
948
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
938
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
949
939
|
}]
|
|
950
940
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$2.SkyLibResourcesService }]; }, propDecorators: { disabled: [{
|
|
951
941
|
type: Input
|
|
@@ -1039,7 +1029,7 @@ class SkyTokensComponent {
|
|
|
1039
1029
|
this._dismissible = value;
|
|
1040
1030
|
}
|
|
1041
1031
|
get dismissible() {
|
|
1042
|
-
return
|
|
1032
|
+
return this._dismissible !== false;
|
|
1043
1033
|
}
|
|
1044
1034
|
/**
|
|
1045
1035
|
* Specifies the token property to display for each item in the tokens list.
|
|
@@ -1061,7 +1051,7 @@ class SkyTokensComponent {
|
|
|
1061
1051
|
this._focusable = value;
|
|
1062
1052
|
}
|
|
1063
1053
|
get focusable() {
|
|
1064
|
-
return
|
|
1054
|
+
return this._focusable !== false;
|
|
1065
1055
|
}
|
|
1066
1056
|
/**
|
|
1067
1057
|
* Specifies an array of tokens to include in the list.
|
|
@@ -1117,12 +1107,16 @@ class SkyTokensComponent {
|
|
|
1117
1107
|
switch (event.key) {
|
|
1118
1108
|
case 'Left':
|
|
1119
1109
|
case 'ArrowLeft':
|
|
1120
|
-
this.messageStream.next({
|
|
1110
|
+
this.messageStream.next({
|
|
1111
|
+
type: SkyTokensMessageType.FocusPreviousToken,
|
|
1112
|
+
});
|
|
1121
1113
|
event.preventDefault();
|
|
1122
1114
|
break;
|
|
1123
1115
|
case 'Right':
|
|
1124
1116
|
case 'ArrowRight':
|
|
1125
|
-
this.messageStream.next({
|
|
1117
|
+
this.messageStream.next({
|
|
1118
|
+
type: SkyTokensMessageType.FocusNextToken,
|
|
1119
|
+
});
|
|
1126
1120
|
event.preventDefault();
|
|
1127
1121
|
break;
|
|
1128
1122
|
}
|
|
@@ -1134,7 +1128,7 @@ class SkyTokensComponent {
|
|
|
1134
1128
|
}
|
|
1135
1129
|
}
|
|
1136
1130
|
removeToken(token) {
|
|
1137
|
-
this.tokens = this.tokens.filter(t => t !== token);
|
|
1131
|
+
this.tokens = this.tokens.filter((t) => t !== token);
|
|
1138
1132
|
this.changeDetector.detectChanges();
|
|
1139
1133
|
}
|
|
1140
1134
|
focusPreviousToken() {
|
|
@@ -1150,9 +1144,8 @@ class SkyTokensComponent {
|
|
|
1150
1144
|
this.focusActiveToken();
|
|
1151
1145
|
}
|
|
1152
1146
|
focusActiveToken() {
|
|
1153
|
-
const tokenComponent = this.tokenComponents
|
|
1154
|
-
.
|
|
1155
|
-
return (this.activeIndex === i);
|
|
1147
|
+
const tokenComponent = this.tokenComponents.find((_comp, i) => {
|
|
1148
|
+
return this.activeIndex === i;
|
|
1156
1149
|
});
|
|
1157
1150
|
if (tokenComponent) {
|
|
1158
1151
|
tokenComponent.focusElement();
|
|
@@ -1195,35 +1188,33 @@ class SkyTokensComponent {
|
|
|
1195
1188
|
}
|
|
1196
1189
|
notifyTokenSelected(token) {
|
|
1197
1190
|
this.tokenSelected.emit({
|
|
1198
|
-
token
|
|
1191
|
+
token,
|
|
1199
1192
|
});
|
|
1200
1193
|
}
|
|
1201
1194
|
}
|
|
1202
|
-
SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1203
|
-
SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1204
|
-
trigger('blockAnimationOnLoad', [
|
|
1205
|
-
transition(':enter', [])
|
|
1206
|
-
]),
|
|
1195
|
+
SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTokensComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1196
|
+
SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"tokens\"\n class=\"sky-tokens\"\n [@blockAnimationOnLoad]\n [attr.role]=\"tokens && tokens.length ? 'list' : null\"\n>\n <sky-token\n *ngFor=\"let token of tokens; let i = index; trackBy: trackTokenFn\"\n role=\"listitem\"\n [@.disabled]=\"!trackWith\"\n [@dismiss]\n [disabled]=\"disabled\"\n [dismissible]=\"dismissible\"\n [focusable]=\"focusable\"\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"], components: [{ type: SkyTokenComponent, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable"], outputs: ["dismiss", "tokenFocus"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
1197
|
+
trigger('blockAnimationOnLoad', [transition(':enter', [])]),
|
|
1207
1198
|
trigger('dismiss', [
|
|
1208
1199
|
transition(':enter', [
|
|
1209
1200
|
style({
|
|
1210
1201
|
opacity: 0,
|
|
1211
|
-
width: 0
|
|
1202
|
+
width: 0,
|
|
1212
1203
|
}),
|
|
1213
1204
|
animate('150ms ease-in', style({
|
|
1214
1205
|
opacity: 1,
|
|
1215
|
-
width: '*'
|
|
1216
|
-
}))
|
|
1206
|
+
width: '*',
|
|
1207
|
+
})),
|
|
1217
1208
|
]),
|
|
1218
1209
|
transition(':leave', [
|
|
1219
1210
|
animate('150ms ease-in', style({
|
|
1220
1211
|
opacity: 0,
|
|
1221
|
-
width: 0
|
|
1222
|
-
}))
|
|
1223
|
-
])
|
|
1224
|
-
])
|
|
1212
|
+
width: 0,
|
|
1213
|
+
})),
|
|
1214
|
+
]),
|
|
1215
|
+
]),
|
|
1225
1216
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
1226
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTokensComponent, decorators: [{
|
|
1227
1218
|
type: Component,
|
|
1228
1219
|
args: [{
|
|
1229
1220
|
selector: 'sky-tokens',
|
|
@@ -1231,28 +1222,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1231
1222
|
styleUrls: ['./tokens.component.scss'],
|
|
1232
1223
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1233
1224
|
animations: [
|
|
1234
|
-
trigger('blockAnimationOnLoad', [
|
|
1235
|
-
transition(':enter', [])
|
|
1236
|
-
]),
|
|
1225
|
+
trigger('blockAnimationOnLoad', [transition(':enter', [])]),
|
|
1237
1226
|
trigger('dismiss', [
|
|
1238
1227
|
transition(':enter', [
|
|
1239
1228
|
style({
|
|
1240
1229
|
opacity: 0,
|
|
1241
|
-
width: 0
|
|
1230
|
+
width: 0,
|
|
1242
1231
|
}),
|
|
1243
1232
|
animate('150ms ease-in', style({
|
|
1244
1233
|
opacity: 1,
|
|
1245
|
-
width: '*'
|
|
1246
|
-
}))
|
|
1234
|
+
width: '*',
|
|
1235
|
+
})),
|
|
1247
1236
|
]),
|
|
1248
1237
|
transition(':leave', [
|
|
1249
1238
|
animate('150ms ease-in', style({
|
|
1250
1239
|
opacity: 0,
|
|
1251
|
-
width: 0
|
|
1252
|
-
}))
|
|
1253
|
-
])
|
|
1254
|
-
])
|
|
1255
|
-
]
|
|
1240
|
+
width: 0,
|
|
1241
|
+
})),
|
|
1242
|
+
]),
|
|
1243
|
+
]),
|
|
1244
|
+
],
|
|
1256
1245
|
}]
|
|
1257
1246
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
|
|
1258
1247
|
type: Input
|
|
@@ -1283,36 +1272,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1283
1272
|
|
|
1284
1273
|
class SkyTokensModule {
|
|
1285
1274
|
}
|
|
1286
|
-
SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1287
|
-
SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1288
|
-
SkyTokensComponent], imports: [CommonModule,
|
|
1275
|
+
SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTokensModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1276
|
+
SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [CommonModule,
|
|
1289
1277
|
SkyI18nModule,
|
|
1290
1278
|
SkyIconModule,
|
|
1291
|
-
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent,
|
|
1292
|
-
|
|
1293
|
-
SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokensModule, imports: [[
|
|
1279
|
+
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
|
|
1280
|
+
SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTokensModule, imports: [[
|
|
1294
1281
|
CommonModule,
|
|
1295
1282
|
SkyI18nModule,
|
|
1296
1283
|
SkyIconModule,
|
|
1297
|
-
SkyIndicatorsResourcesModule
|
|
1284
|
+
SkyIndicatorsResourcesModule,
|
|
1298
1285
|
]] });
|
|
1299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyTokensModule, decorators: [{
|
|
1300
1287
|
type: NgModule,
|
|
1301
1288
|
args: [{
|
|
1302
|
-
declarations: [
|
|
1303
|
-
SkyTokenComponent,
|
|
1304
|
-
SkyTokensComponent
|
|
1305
|
-
],
|
|
1289
|
+
declarations: [SkyTokenComponent, SkyTokensComponent],
|
|
1306
1290
|
imports: [
|
|
1307
1291
|
CommonModule,
|
|
1308
1292
|
SkyI18nModule,
|
|
1309
1293
|
SkyIconModule,
|
|
1310
|
-
SkyIndicatorsResourcesModule
|
|
1294
|
+
SkyIndicatorsResourcesModule,
|
|
1311
1295
|
],
|
|
1312
|
-
exports: [
|
|
1313
|
-
SkyTokenComponent,
|
|
1314
|
-
SkyTokensComponent
|
|
1315
|
-
]
|
|
1296
|
+
exports: [SkyTokenComponent, SkyTokensComponent],
|
|
1316
1297
|
}]
|
|
1317
1298
|
}] });
|
|
1318
1299
|
|
|
@@ -1337,7 +1318,9 @@ class SkyWaitAdapterService {
|
|
|
1337
1318
|
this.renderer.removeStyle(waitEl.nativeElement.parentElement, 'position');
|
|
1338
1319
|
}
|
|
1339
1320
|
setBusyState(waitEl, isFullPage, isWaiting, isNonBlocking = false, waitComponentId) {
|
|
1340
|
-
const busyEl = isFullPage
|
|
1321
|
+
const busyEl = isFullPage
|
|
1322
|
+
? document.body
|
|
1323
|
+
: waitEl.nativeElement.parentElement;
|
|
1341
1324
|
if (!isNonBlocking) {
|
|
1342
1325
|
if (isWaiting) {
|
|
1343
1326
|
this.renderer.setAttribute(busyEl, 'aria-busy', 'true');
|
|
@@ -1362,7 +1345,7 @@ class SkyWaitAdapterService {
|
|
|
1362
1345
|
});
|
|
1363
1346
|
SkyWaitAdapterService.busyElements[waitComponentId] = {
|
|
1364
1347
|
listener: endListenerFunc,
|
|
1365
|
-
busyEl: undefined
|
|
1348
|
+
busyEl: undefined,
|
|
1366
1349
|
};
|
|
1367
1350
|
}
|
|
1368
1351
|
else {
|
|
@@ -1385,7 +1368,7 @@ class SkyWaitAdapterService {
|
|
|
1385
1368
|
});
|
|
1386
1369
|
SkyWaitAdapterService.busyElements[waitComponentId] = {
|
|
1387
1370
|
listener: endListenerFunc,
|
|
1388
|
-
busyEl: busyEl
|
|
1371
|
+
busyEl: busyEl,
|
|
1389
1372
|
};
|
|
1390
1373
|
}
|
|
1391
1374
|
}
|
|
@@ -1408,10 +1391,12 @@ class SkyWaitAdapterService {
|
|
|
1408
1391
|
// Find the next navigable element that isn't waiting
|
|
1409
1392
|
const startingIndex = focussable.indexOf(targetElement);
|
|
1410
1393
|
let curIndex = startingIndex + modifier;
|
|
1411
|
-
while (focussable[curIndex] &&
|
|
1394
|
+
while (focussable[curIndex] &&
|
|
1395
|
+
this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1412
1396
|
curIndex += modifier;
|
|
1413
1397
|
}
|
|
1414
|
-
if (focussable[curIndex] &&
|
|
1398
|
+
if (focussable[curIndex] &&
|
|
1399
|
+
!this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1415
1400
|
focussable[curIndex].focus();
|
|
1416
1401
|
}
|
|
1417
1402
|
else {
|
|
@@ -1428,7 +1413,8 @@ class SkyWaitAdapterService {
|
|
|
1428
1413
|
}
|
|
1429
1414
|
/* istanbul ignore else */
|
|
1430
1415
|
/* sanity check */
|
|
1431
|
-
if (focussable[curIndex] &&
|
|
1416
|
+
if (focussable[curIndex] &&
|
|
1417
|
+
!this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1432
1418
|
focussable[curIndex].focus();
|
|
1433
1419
|
}
|
|
1434
1420
|
else {
|
|
@@ -1441,13 +1427,13 @@ class SkyWaitAdapterService {
|
|
|
1441
1427
|
}
|
|
1442
1428
|
isShift(event) {
|
|
1443
1429
|
// Determine if shift+tab was used based on element order
|
|
1444
|
-
const elements = this.getFocussableElements().filter(elem => !this.isElementHidden(elem));
|
|
1430
|
+
const elements = this.getFocussableElements().filter((elem) => !this.isElementHidden(elem));
|
|
1445
1431
|
const previousInd = elements.indexOf(event.relatedTarget);
|
|
1446
1432
|
const currentInd = elements.indexOf(event.target);
|
|
1447
|
-
return previousInd === currentInd + 1
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1433
|
+
return (previousInd === currentInd + 1 ||
|
|
1434
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
1435
|
+
previousInd > currentInd ||
|
|
1436
|
+
!event.relatedTarget);
|
|
1451
1437
|
}
|
|
1452
1438
|
isElementHidden(element) {
|
|
1453
1439
|
const style = window.getComputedStyle(element);
|
|
@@ -1480,15 +1466,17 @@ class SkyWaitAdapterService {
|
|
|
1480
1466
|
// Select all possible focussable elements
|
|
1481
1467
|
const focussableElements = 'a[href], ' +
|
|
1482
1468
|
'area[href], ' +
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1469
|
+
"input:not([disabled]):not([tabindex='-1']), " +
|
|
1470
|
+
"button:not([disabled]):not([tabindex='-1']), " +
|
|
1471
|
+
"select:not([disabled]):not([tabindex='-1']), " +
|
|
1472
|
+
"textarea:not([disabled]):not([tabindex='-1']), " +
|
|
1487
1473
|
'iframe, object, embed, ' +
|
|
1488
|
-
|
|
1474
|
+
"*[tabindex]:not([tabindex='-1']), " +
|
|
1489
1475
|
'*[contenteditable=true]';
|
|
1490
1476
|
this.focussableElements = Array.prototype.filter.call(document.body.querySelectorAll(focussableElements), (element) => {
|
|
1491
|
-
return element.offsetWidth > 0 ||
|
|
1477
|
+
return (element.offsetWidth > 0 ||
|
|
1478
|
+
element.offsetHeight > 0 ||
|
|
1479
|
+
element === document.activeElement);
|
|
1492
1480
|
});
|
|
1493
1481
|
return this.focussableElements;
|
|
1494
1482
|
}
|
|
@@ -1502,9 +1490,9 @@ class SkyWaitAdapterService {
|
|
|
1502
1490
|
}
|
|
1503
1491
|
SkyWaitAdapterService.isPageWaitActive = false;
|
|
1504
1492
|
SkyWaitAdapterService.busyElements = {};
|
|
1505
|
-
SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1506
|
-
SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1507
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1493
|
+
SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1494
|
+
SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitAdapterService });
|
|
1495
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
|
|
1508
1496
|
type: Injectable
|
|
1509
1497
|
}], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
|
|
1510
1498
|
|
|
@@ -1541,10 +1529,11 @@ class SkyWaitComponent {
|
|
|
1541
1529
|
* @default false
|
|
1542
1530
|
*/
|
|
1543
1531
|
set isFullPage(value) {
|
|
1532
|
+
/* istanbul ignore else: untestable */
|
|
1544
1533
|
if (value) {
|
|
1545
1534
|
this.adapterService.removeWaitBounds(this.elRef);
|
|
1546
1535
|
}
|
|
1547
|
-
else
|
|
1536
|
+
else if (!value && this._isWaiting) {
|
|
1548
1537
|
this.adapterService.setWaitBounds(this.elRef);
|
|
1549
1538
|
}
|
|
1550
1539
|
this._isFullPage = value;
|
|
@@ -1562,8 +1551,8 @@ class SkyWaitComponent {
|
|
|
1562
1551
|
}
|
|
1563
1552
|
/* istanbul ignore else */
|
|
1564
1553
|
if (this.resourceService) {
|
|
1565
|
-
const type =
|
|
1566
|
-
const blocking =
|
|
1554
|
+
const type = this.isFullPage ? '_page' : '';
|
|
1555
|
+
const blocking = this.isNonBlocking ? '' : '_blocking';
|
|
1567
1556
|
const key = `skyux_wait${type}${blocking}_aria_alt_text`;
|
|
1568
1557
|
this.resourceService.getString(key).subscribe((value) => {
|
|
1569
1558
|
this.ariaLabelStream.next(value);
|
|
@@ -1571,19 +1560,15 @@ class SkyWaitComponent {
|
|
|
1571
1560
|
}
|
|
1572
1561
|
}
|
|
1573
1562
|
}
|
|
1574
|
-
SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1575
|
-
SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1576
|
-
|
|
1577
|
-
], ngImport: i0, template: "<div\n class=\"sky-wait-container\"\n>\n <div *ngIf=\"isWaiting\"\n class=\"sky-wait-mask\"\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\n class=\"sky-wait\"\n >\n <div\n class=\"sky-wait-double-bounce1\"\n >\n </div>\n <div\n class=\"sky-wait-double-bounce2\"\n >\n </div>\n </div>\n </div>\n</div>\n\n", styles: [".sky-wait-mask-loading-blocking{margin:auto;position:absolute;top:0;right:0;left:0;bottom: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{top:auto;right:auto;bottom:0;left: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;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.sky-wait-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@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"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1$1.AsyncPipe } });
|
|
1578
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitComponent, decorators: [{
|
|
1563
|
+
SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitComponent, deps: [{ token: i0.ElementRef }, { token: SkyWaitAdapterService }, { token: i1$2.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1564
|
+
SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyWaitComponent, selector: "sky-wait", inputs: { ariaLabel: "ariaLabel", isWaiting: "isWaiting", isFullPage: "isFullPage", isNonBlocking: "isNonBlocking" }, providers: [SkyWaitAdapterService], ngImport: i0, template: "<div class=\"sky-wait-container\">\n <div\n *ngIf=\"isWaiting\"\n class=\"sky-wait-mask\"\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;top:0;right:0;left:0;bottom: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{top:auto;right:auto;bottom:0;left: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"], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1$1.AsyncPipe } });
|
|
1565
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitComponent, decorators: [{
|
|
1579
1566
|
type: Component,
|
|
1580
1567
|
args: [{
|
|
1581
1568
|
selector: 'sky-wait',
|
|
1582
1569
|
templateUrl: './wait.component.html',
|
|
1583
1570
|
styleUrls: ['./wait.component.scss'],
|
|
1584
|
-
providers: [
|
|
1585
|
-
SkyWaitAdapterService
|
|
1586
|
-
]
|
|
1571
|
+
providers: [SkyWaitAdapterService],
|
|
1587
1572
|
}]
|
|
1588
1573
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyWaitAdapterService }, { type: i1$2.SkyLibResourcesService, decorators: [{
|
|
1589
1574
|
type: Optional
|
|
@@ -1602,14 +1587,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1602
1587
|
*/
|
|
1603
1588
|
class SkyWaitPageComponent {
|
|
1604
1589
|
}
|
|
1605
|
-
SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1606
|
-
SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1607
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1590
|
+
SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1591
|
+
SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyWaitPageComponent, selector: "sky-wait-page", inputs: { hasBlockingWait: "hasBlockingWait", hasNonBlockingWait: "hasNonBlockingWait" }, ngImport: i0, template: "<div class=\"sky-wait-page\">\n <sky-wait\n [isFullPage]=\"true\"\n [isNonBlocking]=\"true\"\n [isWaiting]=\"hasNonBlockingWait\"\n >\n </sky-wait>\n <sky-wait [isFullPage]=\"true\" [isWaiting]=\"hasBlockingWait\"> </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"], components: [{ type: SkyWaitComponent, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }] });
|
|
1592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitPageComponent, decorators: [{
|
|
1608
1593
|
type: Component,
|
|
1609
1594
|
args: [{
|
|
1610
1595
|
selector: 'sky-wait-page',
|
|
1611
1596
|
templateUrl: './wait-page.component.html',
|
|
1612
|
-
styleUrls: ['./wait-page.component.scss']
|
|
1597
|
+
styleUrls: ['./wait-page.component.scss'],
|
|
1613
1598
|
}]
|
|
1614
1599
|
}], propDecorators: { hasBlockingWait: [{
|
|
1615
1600
|
type: Input
|
|
@@ -1619,34 +1604,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
|
|
|
1619
1604
|
|
|
1620
1605
|
class SkyWaitModule {
|
|
1621
1606
|
}
|
|
1622
|
-
SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1623
|
-
SkyWaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
1627
|
-
SkyWaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitModule, imports: [[
|
|
1628
|
-
CommonModule,
|
|
1629
|
-
SkyI18nModule,
|
|
1630
|
-
SkyIndicatorsResourcesModule
|
|
1631
|
-
]] });
|
|
1632
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitModule, decorators: [{
|
|
1607
|
+
SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1608
|
+
SkyWaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
1609
|
+
SkyWaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitModule, imports: [[CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule]] });
|
|
1610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitModule, decorators: [{
|
|
1633
1611
|
type: NgModule,
|
|
1634
1612
|
args: [{
|
|
1635
|
-
declarations: [
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
],
|
|
1639
|
-
imports: [
|
|
1640
|
-
CommonModule,
|
|
1641
|
-
SkyI18nModule,
|
|
1642
|
-
SkyIndicatorsResourcesModule
|
|
1643
|
-
],
|
|
1644
|
-
exports: [
|
|
1645
|
-
SkyWaitComponent
|
|
1646
|
-
],
|
|
1647
|
-
entryComponents: [
|
|
1648
|
-
SkyWaitPageComponent
|
|
1649
|
-
]
|
|
1613
|
+
declarations: [SkyWaitComponent, SkyWaitPageComponent],
|
|
1614
|
+
imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule],
|
|
1615
|
+
exports: [SkyWaitComponent],
|
|
1616
|
+
entryComponents: [SkyWaitPageComponent],
|
|
1650
1617
|
}]
|
|
1651
1618
|
}] });
|
|
1652
1619
|
|
|
@@ -1664,12 +1631,12 @@ class SkyWaitPageAdapterService {
|
|
|
1664
1631
|
}
|
|
1665
1632
|
}
|
|
1666
1633
|
}
|
|
1667
|
-
SkyWaitPageAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1668
|
-
SkyWaitPageAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1634
|
+
SkyWaitPageAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitPageAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1635
|
+
SkyWaitPageAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitPageAdapterService, providedIn: 'root' });
|
|
1636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitPageAdapterService, decorators: [{
|
|
1670
1637
|
type: Injectable,
|
|
1671
1638
|
args: [{
|
|
1672
|
-
providedIn: 'root'
|
|
1639
|
+
providedIn: 'root',
|
|
1673
1640
|
}]
|
|
1674
1641
|
}] });
|
|
1675
1642
|
|
|
@@ -1819,12 +1786,12 @@ class SkyWaitService {
|
|
|
1819
1786
|
}
|
|
1820
1787
|
SkyWaitService.pageWaitBlockingCount = 0;
|
|
1821
1788
|
SkyWaitService.pageWaitNonBlockingCount = 0;
|
|
1822
|
-
SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1823
|
-
SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1824
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1789
|
+
SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token: i1$3.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
1790
|
+
SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitService, providedIn: 'root' });
|
|
1791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyWaitService, decorators: [{
|
|
1825
1792
|
type: Injectable,
|
|
1826
1793
|
args: [{
|
|
1827
|
-
providedIn: 'root'
|
|
1794
|
+
providedIn: 'root',
|
|
1828
1795
|
}]
|
|
1829
1796
|
}], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i1$3.SkyAppWindowRef }]; } });
|
|
1830
1797
|
|