@skyux/indicators 5.0.0 → 5.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/bundles/skyux-indicators-testing.umd.js +2 -2
  2. package/bundles/skyux-indicators-testing.umd.js.map +1 -1
  3. package/bundles/skyux-indicators.umd.js +276 -328
  4. package/bundles/skyux-indicators.umd.js.map +1 -1
  5. package/documentation.json +177 -177
  6. package/esm2015/modules/alert/alert.component.js +5 -5
  7. package/esm2015/modules/alert/alert.module.js +9 -13
  8. package/esm2015/modules/chevron/chevron.component.js +5 -5
  9. package/esm2015/modules/chevron/chevron.module.js +9 -13
  10. package/esm2015/modules/help-inline/help-inline.component.js +5 -5
  11. package/esm2015/modules/help-inline/help-inline.module.js +9 -13
  12. package/esm2015/modules/icon/icon-class-list.pipe.js +5 -5
  13. package/esm2015/modules/icon/icon-resolver.service.js +5 -5
  14. package/esm2015/modules/icon/icon-stack-item.js +1 -1
  15. package/esm2015/modules/icon/icon-stack.component.js +5 -5
  16. package/esm2015/modules/icon/icon.component.js +5 -5
  17. package/esm2015/modules/icon/icon.module.js +8 -25
  18. package/esm2015/modules/key-info/key-info-label.component.js +5 -5
  19. package/esm2015/modules/key-info/key-info-value.component.js +5 -5
  20. package/esm2015/modules/key-info/key-info.component.js +5 -5
  21. package/esm2015/modules/key-info/key-info.module.js +9 -13
  22. package/esm2015/modules/label/label.component.js +5 -5
  23. package/esm2015/modules/label/label.module.js +8 -19
  24. package/esm2015/modules/shared/indicator-description-type.js +1 -1
  25. package/esm2015/modules/shared/indicator-icon-utility.js +4 -4
  26. package/esm2015/modules/shared/indicator-icon.js +1 -1
  27. package/esm2015/modules/shared/sky-indicators-resources.module.js +34 -12
  28. package/esm2015/modules/status-indicator/status-indicator.component.js +10 -7
  29. package/esm2015/modules/status-indicator/status-indicator.module.js +9 -13
  30. package/esm2015/modules/text-highlight/text-highlight.directive.js +11 -7
  31. package/esm2015/modules/text-highlight/text-highlight.module.js +8 -16
  32. package/esm2015/modules/tokens/token.component.js +9 -9
  33. package/esm2015/modules/tokens/tokens.component.js +34 -35
  34. package/esm2015/modules/tokens/tokens.module.js +10 -18
  35. package/esm2015/modules/tokens/types/token-selected-event-args.js +1 -1
  36. package/esm2015/modules/tokens/types/token.js +1 -1
  37. package/esm2015/modules/tokens/types/tokens-message-type.js +1 -1
  38. package/esm2015/modules/tokens/types/tokens-message.js +1 -1
  39. package/esm2015/modules/wait/wait-adapter.service.js +29 -22
  40. package/esm2015/modules/wait/wait-page-adapter.service.js +5 -5
  41. package/esm2015/modules/wait/wait-page.component.js +5 -5
  42. package/esm2015/modules/wait/wait.component.js +9 -12
  43. package/esm2015/modules/wait/wait.module.js +9 -27
  44. package/esm2015/modules/wait/wait.service.js +6 -6
  45. package/esm2015/testing/alert-fixture.js +1 -1
  46. package/esm2015/testing/label-fixture.js +1 -1
  47. package/esm2015/testing/wait-fixture.js +1 -1
  48. package/fesm2015/skyux-indicators-testing.js.map +1 -1
  49. package/fesm2015/skyux-indicators.js +260 -310
  50. package/fesm2015/skyux-indicators.js.map +1 -1
  51. package/package.json +5 -5
package/fesm2015/skyux-indicators.js CHANGED
@@ -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': { "skyux_alert_close": { "message": "Close the alert" }, "skyux_chevron_collapse": { "message": "Collapse" }, "skyux_chevron_expand": { "message": "Expand" }, "skyux_help_inline_button_title": { "message": "Show help content" }, "skyux_status_indicator_sr_completed": { "message": "Completed:" }, "skyux_status_indicator_sr_error": { "message": "Error:" }, "skyux_status_indicator_sr_important_info": { "message": "Important information:" }, "skyux_status_indicator_sr_warning": { "message": "Warning:" }, "skyux_tokens_dismiss_button_title": { "message": "Remove item" }, "skyux_wait_aria_alt_text": { "message": "Loading." }, "skyux_wait_blocking_aria_alt_text": { "message": "Loading. Please wait." }, "skyux_wait_page_aria_alt_text": { "message": "Page loading." }, "skyux_wait_page_blocking_aria_alt_text": { "message": "Page loading. Please wait." } },
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.7", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
35
- SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
36
- SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [{
52
+ SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
53
+ SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
54
+ SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
55
+ {
37
56
  provide: SKY_LIB_RESOURCES_PROVIDERS,
38
57
  useClass: SkyIndicatorsResourcesProvider,
39
- multi: true
40
- }], imports: [SkyI18nModule] });
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
58
+ multi: true,
59
+ },
60
+ ], imports: [SkyI18nModule] });
61
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyIconResolverService, deps: [{ token: i1.SkyThemeIconManifestService }], target: i0.ɵɵFactoryTarget.Injectable });
83
- SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' });
84
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconResolverService, decorators: [{
104
+ SkyIconResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIconResolverService, deps: [{ token: i1.SkyThemeIconManifestService }], target: i0.ɵɵFactoryTarget.Injectable });
105
+ SkyIconResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIconResolverService, providedIn: 'root' });
106
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyIconClassListPipe, deps: [{ token: SkyIconResolverService }], target: i0.ɵɵFactoryTarget.Pipe });
117
- SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" });
118
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconClassListPipe, decorators: [{
138
+ SkyIconClassListPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIconClassListPipe, deps: [{ token: SkyIconResolverService }], target: i0.ɵɵFactoryTarget.Pipe });
139
+ SkyIconClassListPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIconClassListPipe, name: "skyIconClassList" });
140
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
136
- SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0, template: "<i *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 });
137
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconComponent, decorators: [{
157
+ SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
158
+ SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
160
- SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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 *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"baseIcon.icon | skyIconClassList:baseIcon.iconType\"\n ></i>\n <i *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 } });
161
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconStackComponent, decorators: [{
181
+ SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
182
+ SkyIconStackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
179
- SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe,
180
- SkyIconComponent,
181
- SkyIconStackComponent], imports: [CommonModule,
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.13", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
201
+ SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0, type: SkyIconModule, imports: [[CommonModule, SkyThemeIconManifestModule]] });
203
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyIconModule, decorators: [{
189
204
  type: NgModule,
190
205
  args: [{
191
- declarations: [
192
- SkyIconClassListPipe,
193
- SkyIconComponent,
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.7", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
282
- SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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\n aria-hidden=\"true\"\n class=\"sky-alert-icon-theme-modern\"\n >\n <sky-icon-stack\n [baseIcon]=\"alertBaseIcon\"\n [topIcon]=\"alertTopIcon\"\n >\n </sky-icon-stack>\n </div>\n <div\n class=\"sky-alert-content\"\n >\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\n aria-hidden=\"true\"\n >\n <sky-icon\n class=\"sky-alert-close-icon-theme-default\"\n icon=\"close\"\n >\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 } });
283
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyAlertComponent, decorators: [{
286
+ SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
287
+ SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
303
- SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [CommonModule,
307
+ SkyAlertModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
308
+ SkyAlertModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyAlertModule, imports: [[
313
+ SkyAlertModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyAlertModule, decorators: [{
320
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
347
- SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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]=\"(direction === 'down' ? 'skyux_chevron_expand' : 'skyux_chevron_collapse') | skyLibResources\"\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\n class=\"chevron-glyph-container\"\n >\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</button>\n\n<ng-template #icon>\n <i\n aria-hidden=\"true\"\n class=\"sky-chevron-part sky-chevron-left\"\n >\n </i>\n <i\n aria-hidden=\"true\"\n class=\"sky-chevron-part sky-chevron-right\"\n >\n </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 } });
348
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyChevronComponent, decorators: [{
347
+ SkyChevronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
348
+ SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
366
- SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [CommonModule,
366
+ SkyChevronModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
367
+ SkyChevronModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyChevronModule, imports: [[
371
+ SkyChevronModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyChevronModule, decorators: [{
377
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
406
- SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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'\"\n icon=\"info-circle\"\n >\n </sky-icon>\n <sky-icon-stack *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 } });
407
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyHelpInlineComponent, decorators: [{
402
+ SkyHelpInlineComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyHelpInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
403
+ SkyHelpInlineComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
421
- SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [CommonModule,
417
+ SkyHelpInlineModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyHelpInlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
418
+ SkyHelpInlineModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyHelpInlineModule, imports: [[
423
+ SkyHelpInlineModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyHelpInlineModule, decorators: [{
430
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
459
- SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
460
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
451
+ SkyKeyInfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
452
+ SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
475
- SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
476
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
467
+ SkyKeyInfoValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
468
+ SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
495
- SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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\n class=\"sky-key-info-value sky-headline\"\n >\n <ng-content\n select=\"sky-key-info-value\"\n >\n </ng-content>\n </div>\n <div\n class=\"sky-key-info-label sky-field-label sky-font-data-label\"\n >\n <ng-content\n select=\"sky-key-info-label\"\n >\n </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"] }] });
496
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
487
+ SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
488
+ SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
510
- SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
502
+ SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
503
+ SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyKeyInfoModule, imports: [[
516
- CommonModule
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.13", ngImport: i0, type: SkyKeyInfoModule, imports: [[CommonModule]] });
509
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
557
- SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0, template: "<span\n class=\"sky-label\"\n [ngClass]=\"'sky-label-' + labelType\"\n>\n <span\n class=\"sky-label-icon-theme-default\"\n >\n <sky-icon\n [icon]=\"icon\"\n ></sky-icon>\n </span>\n <span\n class=\"sky-label-icon-theme-modern\"\n >\n <sky-icon-stack\n size=\"xs\"\n [baseIcon]=\"baseIcon\"\n [topIcon]=\"topIcon\"\n >\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"] }] });
558
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyLabelComponent, decorators: [{
545
+ SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
546
+ SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.7", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
572
- SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule,
573
- SkyIconModule], exports: [SkyLabelComponent] });
574
- SkyLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyLabelModule, imports: [[
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.13", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
561
+ SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
562
+ SkyLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyLabelModule, imports: [[CommonModule, SkyIconModule]] });
563
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyLabelModule, decorators: [{
579
564
  type: NgModule,
580
565
  args: [{
581
- declarations: [
582
- SkyLabelComponent
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.getString('skyux_status_indicator_sr_' + this.descriptionType.replace(/-/g, '_')).subscribe((value) => {
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.7", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
665
- SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\"\n class=\"sky-status-indicator\"\n>\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\n class=\"sky-status-indicator-icon-default\"\n >\n <sky-icon\n [icon]=\"icon\"\n ></sky-icon>\n </span>\n <span\n class=\"sky-status-indicator-icon-modern\"\n >\n <sky-icon-stack\n size=\"xs\"\n [baseIcon]=\"baseIcon\"\n [topIcon]=\"topIcon\"\n >\n </sky-icon-stack>\n </span>\n </div>\n <div\n class=\"sky-status-indicator-message-wrapper\"\n >\n <span *ngIf=\"descriptionComputed\"\n class=\"sky-screen-reader-only\"\n >\n {{ descriptionComputed }}\n </span>\n <span\n class=\"sky-status-indicator-message\"\n >\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 });
666
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
645
+ SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", 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.13", 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.13", 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.7", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
685
- SkyStatusIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
665
+ SkyStatusIndicatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
666
+ SkyStatusIndicatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyStatusIndicatorModule, imports: [[
670
+ SkyStatusIndicatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", 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.7", ngImport: i0, type: SkyStatusIndicatorModule, decorators: [{
676
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", 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
 
@@ -770,7 +747,11 @@ class SkyTextHighlightDirective {
770
747
  observeDom() {
771
748
  /* istanbul ignore else */
772
749
  if (this.observer) {
773
- const config = { attributes: false, childList: true, characterData: true };
750
+ const config = {
751
+ attributes: false,
752
+ childList: true,
753
+ characterData: true,
754
+ };
774
755
  this.observer.observe(this.el.nativeElement, config);
775
756
  }
776
757
  }
@@ -828,12 +809,12 @@ class SkyTextHighlightDirective {
828
809
  }
829
810
  }
830
811
  }
831
- SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextHighlightDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.MutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
832
- SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.7", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 });
833
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextHighlightDirective, decorators: [{
812
+ SkyTextHighlightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextHighlightDirective, deps: [{ token: i0.ElementRef }, { token: i1$3.MutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
813
+ SkyTextHighlightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0 });
814
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextHighlightDirective, decorators: [{
834
815
  type: Directive,
835
816
  args: [{
836
- selector: '[skyHighlight]'
817
+ selector: '[skyHighlight]',
837
818
  }]
838
819
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$3.MutationObserverService }]; }, propDecorators: { skyHighlight: [{
839
820
  type: Input
@@ -841,23 +822,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
841
822
 
842
823
  class SkyTextHighlightModule {
843
824
  }
844
- SkyTextHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
845
- SkyTextHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
846
- SkyTextHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextHighlightModule, providers: [
847
- MutationObserverService
848
- ] });
849
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTextHighlightModule, decorators: [{
825
+ SkyTextHighlightModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextHighlightModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
826
+ SkyTextHighlightModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
827
+ SkyTextHighlightModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextHighlightModule, providers: [MutationObserverService] });
828
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTextHighlightModule, decorators: [{
850
829
  type: NgModule,
851
830
  args: [{
852
- declarations: [
853
- SkyTextHighlightDirective
854
- ],
855
- exports: [
856
- SkyTextHighlightDirective
857
- ],
858
- providers: [
859
- MutationObserverService
860
- ]
831
+ declarations: [SkyTextHighlightDirective],
832
+ exports: [SkyTextHighlightDirective],
833
+ providers: [MutationObserverService],
861
834
  }]
862
835
  }] });
863
836
 
@@ -895,7 +868,7 @@ class SkyTokenComponent {
895
868
  this._ariaLabel = value;
896
869
  }
897
870
  get ariaLabel() {
898
- return this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title');
871
+ return (this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title'));
899
872
  }
900
873
  /**
901
874
  * Indicates whether users can remove the token from the list by selecting the close button
@@ -917,13 +890,13 @@ class SkyTokenComponent {
917
890
  this._focusable = value;
918
891
  }
919
892
  get focusable() {
920
- return (this._focusable !== false);
893
+ return this._focusable !== false;
921
894
  }
922
895
  /**
923
896
  * @internal
924
897
  */
925
898
  get tabIndex() {
926
- return (this.focusable) ? 0 : -1;
899
+ return this.focusable ? 0 : -1;
927
900
  }
928
901
  dismissToken(event) {
929
902
  event.stopPropagation();
@@ -937,15 +910,15 @@ class SkyTokenComponent {
937
910
  return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
938
911
  }
939
912
  }
940
- SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokenComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
941
- SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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>\n </ng-content>\n <button *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\n class=\"sky-token-btn-close-icon-default\"\n icon=\"times\"\n >\n </sky-icon>\n <sky-icon\n class=\"sky-token-btn-close-icon-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;overflow:hidden;padding:2px 8px;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-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;-moz-user-select:none;-ms-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 });
942
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokenComponent, decorators: [{
913
+ SkyTokenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTokenComponent, deps: [{ token: i0.ElementRef }, { token: i1$2.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
914
+ SkyTokenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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 });
915
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTokenComponent, decorators: [{
943
916
  type: Component,
944
917
  args: [{
945
918
  selector: 'sky-token',
946
919
  templateUrl: './token.component.html',
947
920
  styleUrls: ['./token.component.scss'],
948
- changeDetection: ChangeDetectionStrategy.OnPush
921
+ changeDetection: ChangeDetectionStrategy.OnPush,
949
922
  }]
950
923
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$2.SkyLibResourcesService }]; }, propDecorators: { disabled: [{
951
924
  type: Input
@@ -1039,7 +1012,7 @@ class SkyTokensComponent {
1039
1012
  this._dismissible = value;
1040
1013
  }
1041
1014
  get dismissible() {
1042
- return (this._dismissible !== false);
1015
+ return this._dismissible !== false;
1043
1016
  }
1044
1017
  /**
1045
1018
  * Specifies the token property to display for each item in the tokens list.
@@ -1061,7 +1034,7 @@ class SkyTokensComponent {
1061
1034
  this._focusable = value;
1062
1035
  }
1063
1036
  get focusable() {
1064
- return (this._focusable !== false);
1037
+ return this._focusable !== false;
1065
1038
  }
1066
1039
  /**
1067
1040
  * Specifies an array of tokens to include in the list.
@@ -1117,12 +1090,16 @@ class SkyTokensComponent {
1117
1090
  switch (event.key) {
1118
1091
  case 'Left':
1119
1092
  case 'ArrowLeft':
1120
- this.messageStream.next({ type: SkyTokensMessageType.FocusPreviousToken });
1093
+ this.messageStream.next({
1094
+ type: SkyTokensMessageType.FocusPreviousToken,
1095
+ });
1121
1096
  event.preventDefault();
1122
1097
  break;
1123
1098
  case 'Right':
1124
1099
  case 'ArrowRight':
1125
- this.messageStream.next({ type: SkyTokensMessageType.FocusNextToken });
1100
+ this.messageStream.next({
1101
+ type: SkyTokensMessageType.FocusNextToken,
1102
+ });
1126
1103
  event.preventDefault();
1127
1104
  break;
1128
1105
  }
@@ -1134,7 +1111,7 @@ class SkyTokensComponent {
1134
1111
  }
1135
1112
  }
1136
1113
  removeToken(token) {
1137
- this.tokens = this.tokens.filter(t => t !== token);
1114
+ this.tokens = this.tokens.filter((t) => t !== token);
1138
1115
  this.changeDetector.detectChanges();
1139
1116
  }
1140
1117
  focusPreviousToken() {
@@ -1150,9 +1127,8 @@ class SkyTokensComponent {
1150
1127
  this.focusActiveToken();
1151
1128
  }
1152
1129
  focusActiveToken() {
1153
- const tokenComponent = this.tokenComponents
1154
- .find((_comp, i) => {
1155
- return (this.activeIndex === i);
1130
+ const tokenComponent = this.tokenComponents.find((_comp, i) => {
1131
+ return this.activeIndex === i;
1156
1132
  });
1157
1133
  if (tokenComponent) {
1158
1134
  tokenComponent.focusElement();
@@ -1195,35 +1171,33 @@ class SkyTokensComponent {
1195
1171
  }
1196
1172
  notifyTokenSelected(token) {
1197
1173
  this.tokenSelected.emit({
1198
- token
1174
+ token,
1199
1175
  });
1200
1176
  }
1201
1177
  }
1202
- SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokensComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1203
- SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", 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 *ngIf=\"tokens\"\n class=\"sky-tokens\"\n [@blockAnimationOnLoad]\n [attr.role]=\"(tokens && tokens.length) ? 'list' : null\"\n>\n <sky-token *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\n class=\"sky-tokens-content\"\n >\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: [
1204
- trigger('blockAnimationOnLoad', [
1205
- transition(':enter', [])
1206
- ]),
1178
+ SkyTokensComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTokensComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
1179
+ SkyTokensComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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: [
1180
+ trigger('blockAnimationOnLoad', [transition(':enter', [])]),
1207
1181
  trigger('dismiss', [
1208
1182
  transition(':enter', [
1209
1183
  style({
1210
1184
  opacity: 0,
1211
- width: 0
1185
+ width: 0,
1212
1186
  }),
1213
1187
  animate('150ms ease-in', style({
1214
1188
  opacity: 1,
1215
- width: '*'
1216
- }))
1189
+ width: '*',
1190
+ })),
1217
1191
  ]),
1218
1192
  transition(':leave', [
1219
1193
  animate('150ms ease-in', style({
1220
1194
  opacity: 0,
1221
- width: 0
1222
- }))
1223
- ])
1224
- ])
1195
+ width: 0,
1196
+ })),
1197
+ ]),
1198
+ ]),
1225
1199
  ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1226
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokensComponent, decorators: [{
1200
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTokensComponent, decorators: [{
1227
1201
  type: Component,
1228
1202
  args: [{
1229
1203
  selector: 'sky-tokens',
@@ -1231,28 +1205,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
1231
1205
  styleUrls: ['./tokens.component.scss'],
1232
1206
  changeDetection: ChangeDetectionStrategy.OnPush,
1233
1207
  animations: [
1234
- trigger('blockAnimationOnLoad', [
1235
- transition(':enter', [])
1236
- ]),
1208
+ trigger('blockAnimationOnLoad', [transition(':enter', [])]),
1237
1209
  trigger('dismiss', [
1238
1210
  transition(':enter', [
1239
1211
  style({
1240
1212
  opacity: 0,
1241
- width: 0
1213
+ width: 0,
1242
1214
  }),
1243
1215
  animate('150ms ease-in', style({
1244
1216
  opacity: 1,
1245
- width: '*'
1246
- }))
1217
+ width: '*',
1218
+ })),
1247
1219
  ]),
1248
1220
  transition(':leave', [
1249
1221
  animate('150ms ease-in', style({
1250
1222
  opacity: 0,
1251
- width: 0
1252
- }))
1253
- ])
1254
- ])
1255
- ]
1223
+ width: 0,
1224
+ })),
1225
+ ]),
1226
+ ]),
1227
+ ],
1256
1228
  }]
1257
1229
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
1258
1230
  type: Input
@@ -1283,36 +1255,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
1283
1255
 
1284
1256
  class SkyTokensModule {
1285
1257
  }
1286
- SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokensModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1287
- SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokensModule, declarations: [SkyTokenComponent,
1288
- SkyTokensComponent], imports: [CommonModule,
1258
+ SkyTokensModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTokensModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1259
+ SkyTokensModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [CommonModule,
1289
1260
  SkyI18nModule,
1290
1261
  SkyIconModule,
1291
- SkyIndicatorsResourcesModule], exports: [SkyTokenComponent,
1292
- SkyTokensComponent] });
1293
- SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokensModule, imports: [[
1262
+ SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
1263
+ SkyTokensModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTokensModule, imports: [[
1294
1264
  CommonModule,
1295
1265
  SkyI18nModule,
1296
1266
  SkyIconModule,
1297
- SkyIndicatorsResourcesModule
1267
+ SkyIndicatorsResourcesModule,
1298
1268
  ]] });
1299
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyTokensModule, decorators: [{
1269
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTokensModule, decorators: [{
1300
1270
  type: NgModule,
1301
1271
  args: [{
1302
- declarations: [
1303
- SkyTokenComponent,
1304
- SkyTokensComponent
1305
- ],
1272
+ declarations: [SkyTokenComponent, SkyTokensComponent],
1306
1273
  imports: [
1307
1274
  CommonModule,
1308
1275
  SkyI18nModule,
1309
1276
  SkyIconModule,
1310
- SkyIndicatorsResourcesModule
1277
+ SkyIndicatorsResourcesModule,
1311
1278
  ],
1312
- exports: [
1313
- SkyTokenComponent,
1314
- SkyTokensComponent
1315
- ]
1279
+ exports: [SkyTokenComponent, SkyTokensComponent],
1316
1280
  }]
1317
1281
  }] });
1318
1282
 
@@ -1337,7 +1301,9 @@ class SkyWaitAdapterService {
1337
1301
  this.renderer.removeStyle(waitEl.nativeElement.parentElement, 'position');
1338
1302
  }
1339
1303
  setBusyState(waitEl, isFullPage, isWaiting, isNonBlocking = false, waitComponentId) {
1340
- const busyEl = isFullPage ? document.body : waitEl.nativeElement.parentElement;
1304
+ const busyEl = isFullPage
1305
+ ? document.body
1306
+ : waitEl.nativeElement.parentElement;
1341
1307
  if (!isNonBlocking) {
1342
1308
  if (isWaiting) {
1343
1309
  this.renderer.setAttribute(busyEl, 'aria-busy', 'true');
@@ -1362,7 +1328,7 @@ class SkyWaitAdapterService {
1362
1328
  });
1363
1329
  SkyWaitAdapterService.busyElements[waitComponentId] = {
1364
1330
  listener: endListenerFunc,
1365
- busyEl: undefined
1331
+ busyEl: undefined,
1366
1332
  };
1367
1333
  }
1368
1334
  else {
@@ -1385,7 +1351,7 @@ class SkyWaitAdapterService {
1385
1351
  });
1386
1352
  SkyWaitAdapterService.busyElements[waitComponentId] = {
1387
1353
  listener: endListenerFunc,
1388
- busyEl: busyEl
1354
+ busyEl: busyEl,
1389
1355
  };
1390
1356
  }
1391
1357
  }
@@ -1408,10 +1374,12 @@ class SkyWaitAdapterService {
1408
1374
  // Find the next navigable element that isn't waiting
1409
1375
  const startingIndex = focussable.indexOf(targetElement);
1410
1376
  let curIndex = startingIndex + modifier;
1411
- while (focussable[curIndex] && this.isElementBusyOrHidden(focussable[curIndex])) {
1377
+ while (focussable[curIndex] &&
1378
+ this.isElementBusyOrHidden(focussable[curIndex])) {
1412
1379
  curIndex += modifier;
1413
1380
  }
1414
- if (focussable[curIndex] && !this.isElementBusyOrHidden(focussable[curIndex])) {
1381
+ if (focussable[curIndex] &&
1382
+ !this.isElementBusyOrHidden(focussable[curIndex])) {
1415
1383
  focussable[curIndex].focus();
1416
1384
  }
1417
1385
  else {
@@ -1428,7 +1396,8 @@ class SkyWaitAdapterService {
1428
1396
  }
1429
1397
  /* istanbul ignore else */
1430
1398
  /* sanity check */
1431
- if (focussable[curIndex] && !this.isElementBusyOrHidden(focussable[curIndex])) {
1399
+ if (focussable[curIndex] &&
1400
+ !this.isElementBusyOrHidden(focussable[curIndex])) {
1432
1401
  focussable[curIndex].focus();
1433
1402
  }
1434
1403
  else {
@@ -1441,13 +1410,13 @@ class SkyWaitAdapterService {
1441
1410
  }
1442
1411
  isShift(event) {
1443
1412
  // Determine if shift+tab was used based on element order
1444
- const elements = this.getFocussableElements().filter(elem => !this.isElementHidden(elem));
1413
+ const elements = this.getFocussableElements().filter((elem) => !this.isElementHidden(elem));
1445
1414
  const previousInd = elements.indexOf(event.relatedTarget);
1446
1415
  const currentInd = elements.indexOf(event.target);
1447
- return previousInd === currentInd + 1
1448
- || (previousInd === 0 && currentInd === elements.length - 1)
1449
- || (previousInd > currentInd)
1450
- || !event.relatedTarget;
1416
+ return (previousInd === currentInd + 1 ||
1417
+ (previousInd === 0 && currentInd === elements.length - 1) ||
1418
+ previousInd > currentInd ||
1419
+ !event.relatedTarget);
1451
1420
  }
1452
1421
  isElementHidden(element) {
1453
1422
  const style = window.getComputedStyle(element);
@@ -1480,15 +1449,17 @@ class SkyWaitAdapterService {
1480
1449
  // Select all possible focussable elements
1481
1450
  const focussableElements = 'a[href], ' +
1482
1451
  'area[href], ' +
1483
- 'input:not([disabled]):not([tabindex=\'-1\']), ' +
1484
- 'button:not([disabled]):not([tabindex=\'-1\']), ' +
1485
- 'select:not([disabled]):not([tabindex=\'-1\']), ' +
1486
- 'textarea:not([disabled]):not([tabindex=\'-1\']), ' +
1452
+ "input:not([disabled]):not([tabindex='-1']), " +
1453
+ "button:not([disabled]):not([tabindex='-1']), " +
1454
+ "select:not([disabled]):not([tabindex='-1']), " +
1455
+ "textarea:not([disabled]):not([tabindex='-1']), " +
1487
1456
  'iframe, object, embed, ' +
1488
- '*[tabindex]:not([tabindex=\'-1\']), ' +
1457
+ "*[tabindex]:not([tabindex='-1']), " +
1489
1458
  '*[contenteditable=true]';
1490
1459
  this.focussableElements = Array.prototype.filter.call(document.body.querySelectorAll(focussableElements), (element) => {
1491
- return element.offsetWidth > 0 || element.offsetHeight > 0 || element === document.activeElement;
1460
+ return (element.offsetWidth > 0 ||
1461
+ element.offsetHeight > 0 ||
1462
+ element === document.activeElement);
1492
1463
  });
1493
1464
  return this.focussableElements;
1494
1465
  }
@@ -1502,9 +1473,9 @@ class SkyWaitAdapterService {
1502
1473
  }
1503
1474
  SkyWaitAdapterService.isPageWaitActive = false;
1504
1475
  SkyWaitAdapterService.busyElements = {};
1505
- SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
1506
- SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitAdapterService });
1507
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
1476
+ SkyWaitAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
1477
+ SkyWaitAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitAdapterService });
1478
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitAdapterService, decorators: [{
1508
1479
  type: Injectable
1509
1480
  }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
1510
1481
 
@@ -1541,10 +1512,11 @@ class SkyWaitComponent {
1541
1512
  * @default false
1542
1513
  */
1543
1514
  set isFullPage(value) {
1515
+ /* istanbul ignore else: untestable */
1544
1516
  if (value) {
1545
1517
  this.adapterService.removeWaitBounds(this.elRef);
1546
1518
  }
1547
- else /* istanbul ignore if: untestable */ if (!value && this._isWaiting) {
1519
+ else if (!value && this._isWaiting) {
1548
1520
  this.adapterService.setWaitBounds(this.elRef);
1549
1521
  }
1550
1522
  this._isFullPage = value;
@@ -1562,8 +1534,8 @@ class SkyWaitComponent {
1562
1534
  }
1563
1535
  /* istanbul ignore else */
1564
1536
  if (this.resourceService) {
1565
- const type = (this.isFullPage) ? '_page' : '';
1566
- const blocking = (this.isNonBlocking) ? '' : '_blocking';
1537
+ const type = this.isFullPage ? '_page' : '';
1538
+ const blocking = this.isNonBlocking ? '' : '_blocking';
1567
1539
  const key = `skyux_wait${type}${blocking}_aria_alt_text`;
1568
1540
  this.resourceService.getString(key).subscribe((value) => {
1569
1541
  this.ariaLabelStream.next(value);
@@ -1571,19 +1543,15 @@ class SkyWaitComponent {
1571
1543
  }
1572
1544
  }
1573
1545
  }
1574
- SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitComponent, deps: [{ token: i0.ElementRef }, { token: SkyWaitAdapterService }, { token: i1$2.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1575
- SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyWaitComponent, selector: "sky-wait", inputs: { ariaLabel: "ariaLabel", isWaiting: "isWaiting", isFullPage: "isFullPage", isNonBlocking: "isNonBlocking" }, providers: [
1576
- SkyWaitAdapterService
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: [{
1546
+ SkyWaitComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitComponent, deps: [{ token: i0.ElementRef }, { token: SkyWaitAdapterService }, { token: i1$2.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1547
+ SkyWaitComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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 } });
1548
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitComponent, decorators: [{
1579
1549
  type: Component,
1580
1550
  args: [{
1581
1551
  selector: 'sky-wait',
1582
1552
  templateUrl: './wait.component.html',
1583
1553
  styleUrls: ['./wait.component.scss'],
1584
- providers: [
1585
- SkyWaitAdapterService
1586
- ]
1554
+ providers: [SkyWaitAdapterService],
1587
1555
  }]
1588
1556
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyWaitAdapterService }, { type: i1$2.SkyLibResourcesService, decorators: [{
1589
1557
  type: Optional
@@ -1602,14 +1570,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
1602
1570
  */
1603
1571
  class SkyWaitPageComponent {
1604
1572
  }
1605
- SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1606
- SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyWaitPageComponent, selector: "sky-wait-page", inputs: { hasBlockingWait: "hasBlockingWait", hasNonBlockingWait: "hasNonBlockingWait" }, ngImport: i0, template: "<div\n class=\"sky-wait-page\"\n>\n <sky-wait\n [isFullPage]=\"true\"\n [isNonBlocking]=\"true\"\n [isWaiting]=\"hasNonBlockingWait\"\n >\n </sky-wait>\n <sky-wait\n [isFullPage]=\"true\"\n [isWaiting]=\"hasBlockingWait\"\n >\n </sky-wait>\n</div>\n", styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"], components: [{ type: SkyWaitComponent, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }] });
1607
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitPageComponent, decorators: [{
1573
+ SkyWaitPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1574
+ SkyWaitPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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"] }] });
1575
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitPageComponent, decorators: [{
1608
1576
  type: Component,
1609
1577
  args: [{
1610
1578
  selector: 'sky-wait-page',
1611
1579
  templateUrl: './wait-page.component.html',
1612
- styleUrls: ['./wait-page.component.scss']
1580
+ styleUrls: ['./wait-page.component.scss'],
1613
1581
  }]
1614
1582
  }], propDecorators: { hasBlockingWait: [{
1615
1583
  type: Input
@@ -1619,34 +1587,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
1619
1587
 
1620
1588
  class SkyWaitModule {
1621
1589
  }
1622
- SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1623
- SkyWaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitModule, declarations: [SkyWaitComponent,
1624
- SkyWaitPageComponent], imports: [CommonModule,
1625
- SkyI18nModule,
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: [{
1590
+ SkyWaitModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1591
+ SkyWaitModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
1592
+ SkyWaitModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitModule, imports: [[CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule]] });
1593
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitModule, decorators: [{
1633
1594
  type: NgModule,
1634
1595
  args: [{
1635
- declarations: [
1636
- SkyWaitComponent,
1637
- SkyWaitPageComponent
1638
- ],
1639
- imports: [
1640
- CommonModule,
1641
- SkyI18nModule,
1642
- SkyIndicatorsResourcesModule
1643
- ],
1644
- exports: [
1645
- SkyWaitComponent
1646
- ],
1647
- entryComponents: [
1648
- SkyWaitPageComponent
1649
- ]
1596
+ declarations: [SkyWaitComponent, SkyWaitPageComponent],
1597
+ imports: [CommonModule, SkyI18nModule, SkyIndicatorsResourcesModule],
1598
+ exports: [SkyWaitComponent],
1599
+ entryComponents: [SkyWaitPageComponent],
1650
1600
  }]
1651
1601
  }] });
1652
1602
 
@@ -1664,12 +1614,12 @@ class SkyWaitPageAdapterService {
1664
1614
  }
1665
1615
  }
1666
1616
  }
1667
- SkyWaitPageAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitPageAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
1668
- SkyWaitPageAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitPageAdapterService, providedIn: 'root' });
1669
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitPageAdapterService, decorators: [{
1617
+ SkyWaitPageAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitPageAdapterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
1618
+ SkyWaitPageAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitPageAdapterService, providedIn: 'root' });
1619
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitPageAdapterService, decorators: [{
1670
1620
  type: Injectable,
1671
1621
  args: [{
1672
- providedIn: 'root'
1622
+ providedIn: 'root',
1673
1623
  }]
1674
1624
  }] });
1675
1625
 
@@ -1819,12 +1769,12 @@ class SkyWaitService {
1819
1769
  }
1820
1770
  SkyWaitService.pageWaitBlockingCount = 0;
1821
1771
  SkyWaitService.pageWaitNonBlockingCount = 0;
1822
- SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token: i1$3.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
1823
- SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitService, providedIn: 'root' });
1824
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyWaitService, decorators: [{
1772
+ SkyWaitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token: i1$3.SkyAppWindowRef }], target: i0.ɵɵFactoryTarget.Injectable });
1773
+ SkyWaitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitService, providedIn: 'root' });
1774
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyWaitService, decorators: [{
1825
1775
  type: Injectable,
1826
1776
  args: [{
1827
- providedIn: 'root'
1777
+ providedIn: 'root',
1828
1778
  }]
1829
1779
  }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i1$3.SkyAppWindowRef }]; } });
1830
1780