@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.
- package/bundles/skyux-indicators-testing.umd.js +2 -2
- package/bundles/skyux-indicators-testing.umd.js.map +1 -1
- package/bundles/skyux-indicators.umd.js +276 -328
- package/bundles/skyux-indicators.umd.js.map +1 -1
- package/documentation.json +177 -177
- package/esm2015/modules/alert/alert.component.js +5 -5
- package/esm2015/modules/alert/alert.module.js +9 -13
- package/esm2015/modules/chevron/chevron.component.js +5 -5
- package/esm2015/modules/chevron/chevron.module.js +9 -13
- package/esm2015/modules/help-inline/help-inline.component.js +5 -5
- package/esm2015/modules/help-inline/help-inline.module.js +9 -13
- package/esm2015/modules/icon/icon-class-list.pipe.js +5 -5
- package/esm2015/modules/icon/icon-resolver.service.js +5 -5
- package/esm2015/modules/icon/icon-stack-item.js +1 -1
- package/esm2015/modules/icon/icon-stack.component.js +5 -5
- package/esm2015/modules/icon/icon.component.js +5 -5
- package/esm2015/modules/icon/icon.module.js +8 -25
- package/esm2015/modules/key-info/key-info-label.component.js +5 -5
- package/esm2015/modules/key-info/key-info-value.component.js +5 -5
- package/esm2015/modules/key-info/key-info.component.js +5 -5
- package/esm2015/modules/key-info/key-info.module.js +9 -13
- package/esm2015/modules/label/label.component.js +5 -5
- package/esm2015/modules/label/label.module.js +8 -19
- package/esm2015/modules/shared/indicator-description-type.js +1 -1
- package/esm2015/modules/shared/indicator-icon-utility.js +4 -4
- package/esm2015/modules/shared/indicator-icon.js +1 -1
- package/esm2015/modules/shared/sky-indicators-resources.module.js +34 -12
- package/esm2015/modules/status-indicator/status-indicator.component.js +10 -7
- package/esm2015/modules/status-indicator/status-indicator.module.js +9 -13
- package/esm2015/modules/text-highlight/text-highlight.directive.js +11 -7
- package/esm2015/modules/text-highlight/text-highlight.module.js +8 -16
- package/esm2015/modules/tokens/token.component.js +9 -9
- package/esm2015/modules/tokens/tokens.component.js +34 -35
- package/esm2015/modules/tokens/tokens.module.js +10 -18
- package/esm2015/modules/tokens/types/token-selected-event-args.js +1 -1
- package/esm2015/modules/tokens/types/token.js +1 -1
- package/esm2015/modules/tokens/types/tokens-message-type.js +1 -1
- package/esm2015/modules/tokens/types/tokens-message.js +1 -1
- package/esm2015/modules/wait/wait-adapter.service.js +29 -22
- package/esm2015/modules/wait/wait-page-adapter.service.js +5 -5
- package/esm2015/modules/wait/wait-page.component.js +5 -5
- package/esm2015/modules/wait/wait.component.js +9 -12
- package/esm2015/modules/wait/wait.module.js +9 -27
- package/esm2015/modules/wait/wait.service.js +6 -6
- package/esm2015/testing/alert-fixture.js +1 -1
- package/esm2015/testing/label-fixture.js +1 -1
- package/esm2015/testing/wait-fixture.js +1 -1
- package/fesm2015/skyux-indicators-testing.js.map +1 -1
- package/fesm2015/skyux-indicators.js +260 -310
- package/fesm2015/skyux-indicators.js.map +1 -1
- package/package.json +5 -5
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@skyux/i18n'), require('@skyux/theme'), require('@skyux/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/indicators', ['exports', '@angular/core', '@angular/common', '@skyux/i18n', '@skyux/theme', '@skyux/core', '@angular/animations', 'rxjs', 'rxjs/operators'], factory) :
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.indicators = {}), global.ng.core, global.ng.common, global.i1, global.i1$1, global.i1$3, global.ng.animations, global.rxjs, global.rxjs.operators));
|
|
5
|
-
}(this, (function (exports, i0, i1$2, i1, i1$1, i1$3, animations, rxjs, operators) { 'use strict';
|
|
5
|
+
})(this, (function (exports, i0, i1$2, i1, i1$1, i1$3, animations, rxjs, operators) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -13,14 +13,12 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -37,7 +35,25 @@
|
|
|
37
35
|
* To update this file, simply rerun the command.
|
|
38
36
|
*/
|
|
39
37
|
var RESOURCES = {
|
|
40
|
-
'EN-US': {
|
|
38
|
+
'EN-US': {
|
|
39
|
+
skyux_alert_close: { message: 'Close the alert' },
|
|
40
|
+
skyux_chevron_collapse: { message: 'Collapse' },
|
|
41
|
+
skyux_chevron_expand: { message: 'Expand' },
|
|
42
|
+
skyux_help_inline_button_title: { message: 'Show help content' },
|
|
43
|
+
skyux_status_indicator_sr_completed: { message: 'Completed:' },
|
|
44
|
+
skyux_status_indicator_sr_error: { message: 'Error:' },
|
|
45
|
+
skyux_status_indicator_sr_important_info: {
|
|
46
|
+
message: 'Important information:',
|
|
47
|
+
},
|
|
48
|
+
skyux_status_indicator_sr_warning: { message: 'Warning:' },
|
|
49
|
+
skyux_tokens_dismiss_button_title: { message: 'Remove item' },
|
|
50
|
+
skyux_wait_aria_alt_text: { message: 'Loading.' },
|
|
51
|
+
skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },
|
|
52
|
+
skyux_wait_page_aria_alt_text: { message: 'Page loading.' },
|
|
53
|
+
skyux_wait_page_blocking_aria_alt_text: {
|
|
54
|
+
message: 'Page loading. Please wait.',
|
|
55
|
+
},
|
|
56
|
+
},
|
|
41
57
|
};
|
|
42
58
|
var SkyIndicatorsResourcesProvider = /** @class */ (function () {
|
|
43
59
|
function SkyIndicatorsResourcesProvider() {
|
|
@@ -55,22 +71,26 @@
|
|
|
55
71
|
}
|
|
56
72
|
return SkyIndicatorsResourcesModule;
|
|
57
73
|
}());
|
|
58
|
-
SkyIndicatorsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
59
|
-
SkyIndicatorsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
60
|
-
SkyIndicatorsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
74
|
+
SkyIndicatorsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
75
|
+
SkyIndicatorsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, exports: [i1.SkyI18nModule] });
|
|
76
|
+
SkyIndicatorsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, providers: [
|
|
77
|
+
{
|
|
61
78
|
provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
62
79
|
useClass: SkyIndicatorsResourcesProvider,
|
|
63
|
-
multi: true
|
|
64
|
-
}
|
|
65
|
-
|
|
80
|
+
multi: true,
|
|
81
|
+
},
|
|
82
|
+
], imports: [i1.SkyI18nModule] });
|
|
83
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, decorators: [{
|
|
66
84
|
type: i0.NgModule,
|
|
67
85
|
args: [{
|
|
68
86
|
exports: [i1.SkyI18nModule],
|
|
69
|
-
providers: [
|
|
87
|
+
providers: [
|
|
88
|
+
{
|
|
70
89
|
provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
71
90
|
useClass: SkyIndicatorsResourcesProvider,
|
|
72
|
-
multi: true
|
|
73
|
-
}
|
|
91
|
+
multi: true,
|
|
92
|
+
},
|
|
93
|
+
],
|
|
74
94
|
}]
|
|
75
95
|
}] });
|
|
76
96
|
|
|
@@ -433,12 +453,12 @@
|
|
|
433
453
|
};
|
|
434
454
|
return SkyIconResolverService;
|
|
435
455
|
}());
|
|
436
|
-
SkyIconResolverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
437
|
-
SkyIconResolverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
438
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
456
|
+
SkyIconResolverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconResolverService, deps: [{ token: i1__namespace.SkyThemeIconManifestService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
457
|
+
SkyIconResolverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconResolverService, providedIn: 'root' });
|
|
458
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconResolverService, decorators: [{
|
|
439
459
|
type: i0.Injectable,
|
|
440
460
|
args: [{
|
|
441
|
-
providedIn: 'root'
|
|
461
|
+
providedIn: 'root',
|
|
442
462
|
}]
|
|
443
463
|
}], ctorParameters: function () { return [{ type: i1__namespace.SkyThemeIconManifestService }]; } });
|
|
444
464
|
|
|
@@ -468,12 +488,12 @@
|
|
|
468
488
|
};
|
|
469
489
|
return SkyIconClassListPipe;
|
|
470
490
|
}());
|
|
471
|
-
SkyIconClassListPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
472
|
-
SkyIconClassListPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.
|
|
473
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
491
|
+
SkyIconClassListPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconClassListPipe, deps: [{ token: SkyIconResolverService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
|
|
492
|
+
SkyIconClassListPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconClassListPipe, name: "skyIconClassList" });
|
|
493
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconClassListPipe, decorators: [{
|
|
474
494
|
type: i0.Pipe,
|
|
475
495
|
args: [{
|
|
476
|
-
name: 'skyIconClassList'
|
|
496
|
+
name: 'skyIconClassList',
|
|
477
497
|
}]
|
|
478
498
|
}], ctorParameters: function () { return [{ type: SkyIconResolverService }]; } });
|
|
479
499
|
|
|
@@ -488,15 +508,15 @@
|
|
|
488
508
|
}
|
|
489
509
|
return SkyIconComponent;
|
|
490
510
|
}());
|
|
491
|
-
SkyIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
492
|
-
SkyIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
493
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
511
|
+
SkyIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
512
|
+
SkyIconComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyIconClassList": SkyIconClassListPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
513
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconComponent, decorators: [{
|
|
494
514
|
type: i0.Component,
|
|
495
515
|
args: [{
|
|
496
516
|
selector: 'sky-icon',
|
|
497
517
|
templateUrl: './icon.component.html',
|
|
498
518
|
styleUrls: ['./icon.component.scss'],
|
|
499
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
519
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
500
520
|
}]
|
|
501
521
|
}], propDecorators: { icon: [{
|
|
502
522
|
type: i0.Input
|
|
@@ -515,14 +535,14 @@
|
|
|
515
535
|
}
|
|
516
536
|
return SkyIconStackComponent;
|
|
517
537
|
}());
|
|
518
|
-
SkyIconStackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
519
|
-
SkyIconStackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
520
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
538
|
+
SkyIconStackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconStackComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
539
|
+
SkyIconStackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0__namespace, 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__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyIconClassList": SkyIconClassListPipe } });
|
|
540
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconStackComponent, decorators: [{
|
|
521
541
|
type: i0.Component,
|
|
522
542
|
args: [{
|
|
523
543
|
selector: 'sky-icon-stack',
|
|
524
544
|
templateUrl: './icon-stack.component.html',
|
|
525
|
-
styleUrls: ['./icon-stack.component.scss']
|
|
545
|
+
styleUrls: ['./icon-stack.component.scss'],
|
|
526
546
|
}]
|
|
527
547
|
}], propDecorators: { size: [{
|
|
528
548
|
type: i0.Input
|
|
@@ -537,32 +557,15 @@
|
|
|
537
557
|
}
|
|
538
558
|
return SkyIconModule;
|
|
539
559
|
}());
|
|
540
|
-
SkyIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
541
|
-
SkyIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
i1$1.SkyThemeIconManifestModule], exports: [SkyIconComponent,
|
|
545
|
-
SkyIconStackComponent] });
|
|
546
|
-
SkyIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyIconModule, imports: [[
|
|
547
|
-
i1$2.CommonModule,
|
|
548
|
-
i1$1.SkyThemeIconManifestModule
|
|
549
|
-
]] });
|
|
550
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyIconModule, decorators: [{
|
|
560
|
+
SkyIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
561
|
+
SkyIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [i1$2.CommonModule, i1$1.SkyThemeIconManifestModule], exports: [SkyIconComponent, SkyIconStackComponent] });
|
|
562
|
+
SkyIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconModule, imports: [[i1$2.CommonModule, i1$1.SkyThemeIconManifestModule]] });
|
|
563
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyIconModule, decorators: [{
|
|
551
564
|
type: i0.NgModule,
|
|
552
565
|
args: [{
|
|
553
|
-
declarations: [
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
SkyIconStackComponent
|
|
557
|
-
],
|
|
558
|
-
imports: [
|
|
559
|
-
i1$2.CommonModule,
|
|
560
|
-
i1$1.SkyThemeIconManifestModule
|
|
561
|
-
],
|
|
562
|
-
exports: [
|
|
563
|
-
SkyIconComponent,
|
|
564
|
-
SkyIconStackComponent
|
|
565
|
-
]
|
|
566
|
+
declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
|
|
567
|
+
imports: [i1$2.CommonModule, i1$1.SkyThemeIconManifestModule],
|
|
568
|
+
exports: [SkyIconComponent, SkyIconStackComponent],
|
|
566
569
|
}]
|
|
567
570
|
}] });
|
|
568
571
|
|
|
@@ -599,12 +602,12 @@
|
|
|
599
602
|
defaultThemeIcon: icon,
|
|
600
603
|
modernThemeBaseIcon: {
|
|
601
604
|
icon: baseIcon,
|
|
602
|
-
iconType: 'skyux'
|
|
605
|
+
iconType: 'skyux',
|
|
603
606
|
},
|
|
604
607
|
modernThemeTopIcon: {
|
|
605
608
|
icon: topIcon,
|
|
606
|
-
iconType: 'skyux'
|
|
607
|
-
}
|
|
609
|
+
iconType: 'skyux',
|
|
610
|
+
},
|
|
608
611
|
};
|
|
609
612
|
};
|
|
610
613
|
return SkyIndicatorIconUtility;
|
|
@@ -648,14 +651,14 @@
|
|
|
648
651
|
};
|
|
649
652
|
return SkyAlertComponent;
|
|
650
653
|
}());
|
|
651
|
-
SkyAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
652
|
-
SkyAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
653
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
654
|
+
SkyAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
655
|
+
SkyAlertComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i1__namespace$2.SkyLibResourcesPipe } });
|
|
656
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyAlertComponent, decorators: [{
|
|
654
657
|
type: i0.Component,
|
|
655
658
|
args: [{
|
|
656
659
|
selector: 'sky-alert',
|
|
657
660
|
styleUrls: ['./alert.component.scss'],
|
|
658
|
-
templateUrl: './alert.component.html'
|
|
661
|
+
templateUrl: './alert.component.html',
|
|
659
662
|
}]
|
|
660
663
|
}], propDecorators: { alertType: [{
|
|
661
664
|
type: i0.Input
|
|
@@ -672,35 +675,31 @@
|
|
|
672
675
|
}
|
|
673
676
|
return SkyAlertModule;
|
|
674
677
|
}());
|
|
675
|
-
SkyAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
676
|
-
SkyAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
678
|
+
SkyAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyAlertModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
679
|
+
SkyAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [i1$2.CommonModule,
|
|
677
680
|
i1.SkyI18nModule,
|
|
678
681
|
SkyIconModule,
|
|
679
682
|
SkyIndicatorsResourcesModule,
|
|
680
683
|
i1$1.SkyThemeModule], exports: [SkyAlertComponent] });
|
|
681
|
-
SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
684
|
+
SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyAlertModule, imports: [[
|
|
682
685
|
i1$2.CommonModule,
|
|
683
686
|
i1.SkyI18nModule,
|
|
684
687
|
SkyIconModule,
|
|
685
688
|
SkyIndicatorsResourcesModule,
|
|
686
|
-
i1$1.SkyThemeModule
|
|
689
|
+
i1$1.SkyThemeModule,
|
|
687
690
|
]] });
|
|
688
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
691
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyAlertModule, decorators: [{
|
|
689
692
|
type: i0.NgModule,
|
|
690
693
|
args: [{
|
|
691
|
-
declarations: [
|
|
692
|
-
SkyAlertComponent
|
|
693
|
-
],
|
|
694
|
+
declarations: [SkyAlertComponent],
|
|
694
695
|
imports: [
|
|
695
696
|
i1$2.CommonModule,
|
|
696
697
|
i1.SkyI18nModule,
|
|
697
698
|
SkyIconModule,
|
|
698
699
|
SkyIndicatorsResourcesModule,
|
|
699
|
-
i1$1.SkyThemeModule
|
|
700
|
+
i1$1.SkyThemeModule,
|
|
700
701
|
],
|
|
701
|
-
exports: [
|
|
702
|
-
SkyAlertComponent
|
|
703
|
-
]
|
|
702
|
+
exports: [SkyAlertComponent],
|
|
704
703
|
}]
|
|
705
704
|
}] });
|
|
706
705
|
|
|
@@ -717,14 +716,14 @@
|
|
|
717
716
|
};
|
|
718
717
|
return SkyChevronComponent;
|
|
719
718
|
}());
|
|
720
|
-
SkyChevronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
721
|
-
SkyChevronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
722
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
719
|
+
SkyChevronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyChevronComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
720
|
+
SkyChevronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyChevronComponent, selector: "sky-chevron", inputs: { direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0__namespace, 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__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i1__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i1__namespace$2.SkyLibResourcesPipe } });
|
|
721
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyChevronComponent, decorators: [{
|
|
723
722
|
type: i0.Component,
|
|
724
723
|
args: [{
|
|
725
724
|
selector: 'sky-chevron',
|
|
726
725
|
styleUrls: ['./chevron.component.scss'],
|
|
727
|
-
templateUrl: './chevron.component.html'
|
|
726
|
+
templateUrl: './chevron.component.html',
|
|
728
727
|
}]
|
|
729
728
|
}], propDecorators: { directionChange: [{
|
|
730
729
|
type: i0.Output
|
|
@@ -739,32 +738,28 @@
|
|
|
739
738
|
}
|
|
740
739
|
return SkyChevronModule;
|
|
741
740
|
}());
|
|
742
|
-
SkyChevronModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
743
|
-
SkyChevronModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
741
|
+
SkyChevronModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyChevronModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
742
|
+
SkyChevronModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [i1$2.CommonModule,
|
|
744
743
|
i1.SkyI18nModule,
|
|
745
744
|
SkyIndicatorsResourcesModule,
|
|
746
745
|
i1$1.SkyThemeModule], exports: [SkyChevronComponent] });
|
|
747
|
-
SkyChevronModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
746
|
+
SkyChevronModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyChevronModule, imports: [[
|
|
748
747
|
i1$2.CommonModule,
|
|
749
748
|
i1.SkyI18nModule,
|
|
750
749
|
SkyIndicatorsResourcesModule,
|
|
751
|
-
i1$1.SkyThemeModule
|
|
750
|
+
i1$1.SkyThemeModule,
|
|
752
751
|
]] });
|
|
753
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
752
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyChevronModule, decorators: [{
|
|
754
753
|
type: i0.NgModule,
|
|
755
754
|
args: [{
|
|
756
|
-
declarations: [
|
|
757
|
-
SkyChevronComponent
|
|
758
|
-
],
|
|
755
|
+
declarations: [SkyChevronComponent],
|
|
759
756
|
imports: [
|
|
760
757
|
i1$2.CommonModule,
|
|
761
758
|
i1.SkyI18nModule,
|
|
762
759
|
SkyIndicatorsResourcesModule,
|
|
763
|
-
i1$1.SkyThemeModule
|
|
760
|
+
i1$1.SkyThemeModule,
|
|
764
761
|
],
|
|
765
|
-
exports: [
|
|
766
|
-
SkyChevronComponent
|
|
767
|
-
]
|
|
762
|
+
exports: [SkyChevronComponent],
|
|
768
763
|
}]
|
|
769
764
|
}] });
|
|
770
765
|
|
|
@@ -780,14 +775,14 @@
|
|
|
780
775
|
};
|
|
781
776
|
return SkyHelpInlineComponent;
|
|
782
777
|
}());
|
|
783
|
-
SkyHelpInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
784
|
-
SkyHelpInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
785
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
778
|
+
SkyHelpInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyHelpInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
779
|
+
SkyHelpInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyHelpInlineComponent, selector: "sky-help-inline", outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, 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__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i1__namespace$2.SkyLibResourcesPipe } });
|
|
780
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyHelpInlineComponent, decorators: [{
|
|
786
781
|
type: i0.Component,
|
|
787
782
|
args: [{
|
|
788
783
|
selector: 'sky-help-inline',
|
|
789
784
|
templateUrl: './help-inline.component.html',
|
|
790
|
-
styleUrls: ['./help-inline.component.scss']
|
|
785
|
+
styleUrls: ['./help-inline.component.scss'],
|
|
791
786
|
}]
|
|
792
787
|
}], propDecorators: { actionClick: [{
|
|
793
788
|
type: i0.Output
|
|
@@ -798,35 +793,31 @@
|
|
|
798
793
|
}
|
|
799
794
|
return SkyHelpInlineModule;
|
|
800
795
|
}());
|
|
801
|
-
SkyHelpInlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
802
|
-
SkyHelpInlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
796
|
+
SkyHelpInlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyHelpInlineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
797
|
+
SkyHelpInlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [i1$2.CommonModule,
|
|
803
798
|
i1.SkyI18nModule,
|
|
804
799
|
SkyIconModule,
|
|
805
800
|
SkyIndicatorsResourcesModule,
|
|
806
801
|
i1$1.SkyThemeModule], exports: [SkyHelpInlineComponent] });
|
|
807
|
-
SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
802
|
+
SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyHelpInlineModule, imports: [[
|
|
808
803
|
i1$2.CommonModule,
|
|
809
804
|
i1.SkyI18nModule,
|
|
810
805
|
SkyIconModule,
|
|
811
806
|
SkyIndicatorsResourcesModule,
|
|
812
|
-
i1$1.SkyThemeModule
|
|
807
|
+
i1$1.SkyThemeModule,
|
|
813
808
|
]] });
|
|
814
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
809
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyHelpInlineModule, decorators: [{
|
|
815
810
|
type: i0.NgModule,
|
|
816
811
|
args: [{
|
|
817
|
-
declarations: [
|
|
818
|
-
SkyHelpInlineComponent
|
|
819
|
-
],
|
|
812
|
+
declarations: [SkyHelpInlineComponent],
|
|
820
813
|
imports: [
|
|
821
814
|
i1$2.CommonModule,
|
|
822
815
|
i1.SkyI18nModule,
|
|
823
816
|
SkyIconModule,
|
|
824
817
|
SkyIndicatorsResourcesModule,
|
|
825
|
-
i1$1.SkyThemeModule
|
|
818
|
+
i1$1.SkyThemeModule,
|
|
826
819
|
],
|
|
827
|
-
exports: [
|
|
828
|
-
SkyHelpInlineComponent
|
|
829
|
-
]
|
|
820
|
+
exports: [SkyHelpInlineComponent],
|
|
830
821
|
}]
|
|
831
822
|
}] });
|
|
832
823
|
|
|
@@ -839,13 +830,13 @@
|
|
|
839
830
|
}
|
|
840
831
|
return SkyKeyInfoLabelComponent;
|
|
841
832
|
}());
|
|
842
|
-
SkyKeyInfoLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
843
|
-
SkyKeyInfoLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
844
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
833
|
+
SkyKeyInfoLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
834
|
+
SkyKeyInfoLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
835
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, decorators: [{
|
|
845
836
|
type: i0.Component,
|
|
846
837
|
args: [{
|
|
847
838
|
selector: 'sky-key-info-label',
|
|
848
|
-
template: '<ng-content></ng-content>'
|
|
839
|
+
template: '<ng-content></ng-content>',
|
|
849
840
|
}]
|
|
850
841
|
}] });
|
|
851
842
|
|
|
@@ -858,13 +849,13 @@
|
|
|
858
849
|
}
|
|
859
850
|
return SkyKeyInfoValueComponent;
|
|
860
851
|
}());
|
|
861
|
-
SkyKeyInfoValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
862
|
-
SkyKeyInfoValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
863
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
852
|
+
SkyKeyInfoValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
853
|
+
SkyKeyInfoValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
854
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, decorators: [{
|
|
864
855
|
type: i0.Component,
|
|
865
856
|
args: [{
|
|
866
857
|
selector: 'sky-key-info-value',
|
|
867
|
-
template: '<ng-content></ng-content>'
|
|
858
|
+
template: '<ng-content></ng-content>',
|
|
868
859
|
}]
|
|
869
860
|
}] });
|
|
870
861
|
|
|
@@ -879,14 +870,14 @@
|
|
|
879
870
|
}
|
|
880
871
|
return SkyKeyInfoComponent;
|
|
881
872
|
}());
|
|
882
|
-
SkyKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
883
|
-
SkyKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
884
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
873
|
+
SkyKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
874
|
+
SkyKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0__namespace, 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__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
875
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoComponent, decorators: [{
|
|
885
876
|
type: i0.Component,
|
|
886
877
|
args: [{
|
|
887
878
|
selector: 'sky-key-info',
|
|
888
879
|
templateUrl: './key-info.component.html',
|
|
889
|
-
styleUrls: ['./key-info.component.scss']
|
|
880
|
+
styleUrls: ['./key-info.component.scss'],
|
|
890
881
|
}]
|
|
891
882
|
}], propDecorators: { layout: [{
|
|
892
883
|
type: i0.Input
|
|
@@ -897,31 +888,27 @@
|
|
|
897
888
|
}
|
|
898
889
|
return SkyKeyInfoModule;
|
|
899
890
|
}());
|
|
900
|
-
SkyKeyInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
901
|
-
SkyKeyInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
891
|
+
SkyKeyInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
892
|
+
SkyKeyInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
902
893
|
SkyKeyInfoLabelComponent,
|
|
903
894
|
SkyKeyInfoValueComponent], imports: [i1$2.CommonModule], exports: [SkyKeyInfoComponent,
|
|
904
895
|
SkyKeyInfoLabelComponent,
|
|
905
896
|
SkyKeyInfoValueComponent] });
|
|
906
|
-
SkyKeyInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
907
|
-
|
|
908
|
-
]] });
|
|
909
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyKeyInfoModule, decorators: [{
|
|
897
|
+
SkyKeyInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoModule, imports: [[i1$2.CommonModule]] });
|
|
898
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyKeyInfoModule, decorators: [{
|
|
910
899
|
type: i0.NgModule,
|
|
911
900
|
args: [{
|
|
912
901
|
declarations: [
|
|
913
902
|
SkyKeyInfoComponent,
|
|
914
903
|
SkyKeyInfoLabelComponent,
|
|
915
|
-
SkyKeyInfoValueComponent
|
|
916
|
-
],
|
|
917
|
-
imports: [
|
|
918
|
-
i1$2.CommonModule
|
|
904
|
+
SkyKeyInfoValueComponent,
|
|
919
905
|
],
|
|
906
|
+
imports: [i1$2.CommonModule],
|
|
920
907
|
exports: [
|
|
921
908
|
SkyKeyInfoComponent,
|
|
922
909
|
SkyKeyInfoLabelComponent,
|
|
923
|
-
SkyKeyInfoValueComponent
|
|
924
|
-
]
|
|
910
|
+
SkyKeyInfoValueComponent,
|
|
911
|
+
],
|
|
925
912
|
}]
|
|
926
913
|
}] });
|
|
927
914
|
|
|
@@ -951,14 +938,14 @@
|
|
|
951
938
|
};
|
|
952
939
|
return SkyLabelComponent;
|
|
953
940
|
}());
|
|
954
|
-
SkyLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
955
|
-
SkyLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
956
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
941
|
+
SkyLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
942
|
+
SkyLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0__namespace, 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__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
943
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLabelComponent, decorators: [{
|
|
957
944
|
type: i0.Component,
|
|
958
945
|
args: [{
|
|
959
946
|
selector: 'sky-label',
|
|
960
947
|
templateUrl: './label.component.html',
|
|
961
|
-
styleUrls: ['./label.component.scss']
|
|
948
|
+
styleUrls: ['./label.component.scss'],
|
|
962
949
|
}]
|
|
963
950
|
}], propDecorators: { labelType: [{
|
|
964
951
|
type: i0.Input
|
|
@@ -969,26 +956,15 @@
|
|
|
969
956
|
}
|
|
970
957
|
return SkyLabelModule;
|
|
971
958
|
}());
|
|
972
|
-
SkyLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
973
|
-
SkyLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
i1$2.CommonModule,
|
|
977
|
-
SkyIconModule
|
|
978
|
-
]] });
|
|
979
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyLabelModule, decorators: [{
|
|
959
|
+
SkyLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLabelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
960
|
+
SkyLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [i1$2.CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
|
|
961
|
+
SkyLabelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLabelModule, imports: [[i1$2.CommonModule, SkyIconModule]] });
|
|
962
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLabelModule, decorators: [{
|
|
980
963
|
type: i0.NgModule,
|
|
981
964
|
args: [{
|
|
982
|
-
declarations: [
|
|
983
|
-
|
|
984
|
-
],
|
|
985
|
-
imports: [
|
|
986
|
-
i1$2.CommonModule,
|
|
987
|
-
SkyIconModule
|
|
988
|
-
],
|
|
989
|
-
exports: [
|
|
990
|
-
SkyLabelComponent
|
|
991
|
-
]
|
|
965
|
+
declarations: [SkyLabelComponent],
|
|
966
|
+
imports: [i1$2.CommonModule, SkyIconModule],
|
|
967
|
+
exports: [SkyLabelComponent],
|
|
992
968
|
}]
|
|
993
969
|
}] });
|
|
994
970
|
|
|
@@ -1063,7 +1039,10 @@
|
|
|
1063
1039
|
this.descriptionComputed = this.customDescription;
|
|
1064
1040
|
break;
|
|
1065
1041
|
default:
|
|
1066
|
-
this.resources
|
|
1042
|
+
this.resources
|
|
1043
|
+
.getString('skyux_status_indicator_sr_' +
|
|
1044
|
+
this.descriptionType.replace(/-/g, '_'))
|
|
1045
|
+
.subscribe(function (value) {
|
|
1067
1046
|
_this.descriptionComputed = value;
|
|
1068
1047
|
_this.changeDetector.markForCheck();
|
|
1069
1048
|
});
|
|
@@ -1076,15 +1055,15 @@
|
|
|
1076
1055
|
};
|
|
1077
1056
|
return SkyStatusIndicatorComponent;
|
|
1078
1057
|
}());
|
|
1079
|
-
SkyStatusIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1080
|
-
SkyStatusIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1081
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1058
|
+
SkyStatusIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$2.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1059
|
+
SkyStatusIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1060
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, decorators: [{
|
|
1082
1061
|
type: i0.Component,
|
|
1083
1062
|
args: [{
|
|
1084
1063
|
selector: 'sky-status-indicator',
|
|
1085
1064
|
templateUrl: './status-indicator.component.html',
|
|
1086
1065
|
styleUrls: ['./status-indicator.component.scss'],
|
|
1087
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1066
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1088
1067
|
}]
|
|
1089
1068
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$2.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
|
|
1090
1069
|
type: i0.Input
|
|
@@ -1099,32 +1078,28 @@
|
|
|
1099
1078
|
}
|
|
1100
1079
|
return SkyStatusIndicatorModule;
|
|
1101
1080
|
}());
|
|
1102
|
-
SkyStatusIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1103
|
-
SkyStatusIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1081
|
+
SkyStatusIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyStatusIndicatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1082
|
+
SkyStatusIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [i1$2.CommonModule,
|
|
1104
1083
|
i1.SkyI18nModule,
|
|
1105
1084
|
SkyIconModule,
|
|
1106
1085
|
SkyIndicatorsResourcesModule], exports: [SkyStatusIndicatorComponent] });
|
|
1107
|
-
SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1086
|
+
SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyStatusIndicatorModule, imports: [[
|
|
1108
1087
|
i1$2.CommonModule,
|
|
1109
1088
|
i1.SkyI18nModule,
|
|
1110
1089
|
SkyIconModule,
|
|
1111
|
-
SkyIndicatorsResourcesModule
|
|
1090
|
+
SkyIndicatorsResourcesModule,
|
|
1112
1091
|
]] });
|
|
1113
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1092
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyStatusIndicatorModule, decorators: [{
|
|
1114
1093
|
type: i0.NgModule,
|
|
1115
1094
|
args: [{
|
|
1116
|
-
declarations: [
|
|
1117
|
-
SkyStatusIndicatorComponent
|
|
1118
|
-
],
|
|
1095
|
+
declarations: [SkyStatusIndicatorComponent],
|
|
1119
1096
|
imports: [
|
|
1120
1097
|
i1$2.CommonModule,
|
|
1121
1098
|
i1.SkyI18nModule,
|
|
1122
1099
|
SkyIconModule,
|
|
1123
|
-
SkyIndicatorsResourcesModule
|
|
1100
|
+
SkyIndicatorsResourcesModule,
|
|
1124
1101
|
],
|
|
1125
|
-
exports: [
|
|
1126
|
-
SkyStatusIndicatorComponent
|
|
1127
|
-
]
|
|
1102
|
+
exports: [SkyStatusIndicatorComponent],
|
|
1128
1103
|
}]
|
|
1129
1104
|
}] });
|
|
1130
1105
|
|
|
@@ -1188,7 +1163,11 @@
|
|
|
1188
1163
|
SkyTextHighlightDirective.prototype.observeDom = function () {
|
|
1189
1164
|
/* istanbul ignore else */
|
|
1190
1165
|
if (this.observer) {
|
|
1191
|
-
var config = {
|
|
1166
|
+
var config = {
|
|
1167
|
+
attributes: false,
|
|
1168
|
+
childList: true,
|
|
1169
|
+
characterData: true,
|
|
1170
|
+
};
|
|
1192
1171
|
this.observer.observe(this.el.nativeElement, config);
|
|
1193
1172
|
}
|
|
1194
1173
|
};
|
|
@@ -1247,12 +1226,12 @@
|
|
|
1247
1226
|
};
|
|
1248
1227
|
return SkyTextHighlightDirective;
|
|
1249
1228
|
}());
|
|
1250
|
-
SkyTextHighlightDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1251
|
-
SkyTextHighlightDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
1252
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1229
|
+
SkyTextHighlightDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextHighlightDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$3.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
1230
|
+
SkyTextHighlightDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0__namespace });
|
|
1231
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextHighlightDirective, decorators: [{
|
|
1253
1232
|
type: i0.Directive,
|
|
1254
1233
|
args: [{
|
|
1255
|
-
selector: '[skyHighlight]'
|
|
1234
|
+
selector: '[skyHighlight]',
|
|
1256
1235
|
}]
|
|
1257
1236
|
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$3.MutationObserverService }]; }, propDecorators: { skyHighlight: [{
|
|
1258
1237
|
type: i0.Input
|
|
@@ -1263,23 +1242,15 @@
|
|
|
1263
1242
|
}
|
|
1264
1243
|
return SkyTextHighlightModule;
|
|
1265
1244
|
}());
|
|
1266
|
-
SkyTextHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1267
|
-
SkyTextHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1268
|
-
SkyTextHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1269
|
-
|
|
1270
|
-
] });
|
|
1271
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextHighlightModule, decorators: [{
|
|
1245
|
+
SkyTextHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextHighlightModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1246
|
+
SkyTextHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
|
|
1247
|
+
SkyTextHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextHighlightModule, providers: [i1$3.MutationObserverService] });
|
|
1248
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTextHighlightModule, decorators: [{
|
|
1272
1249
|
type: i0.NgModule,
|
|
1273
1250
|
args: [{
|
|
1274
|
-
declarations: [
|
|
1275
|
-
|
|
1276
|
-
],
|
|
1277
|
-
exports: [
|
|
1278
|
-
SkyTextHighlightDirective
|
|
1279
|
-
],
|
|
1280
|
-
providers: [
|
|
1281
|
-
i1$3.MutationObserverService
|
|
1282
|
-
]
|
|
1251
|
+
declarations: [SkyTextHighlightDirective],
|
|
1252
|
+
exports: [SkyTextHighlightDirective],
|
|
1253
|
+
providers: [i1$3.MutationObserverService],
|
|
1283
1254
|
}]
|
|
1284
1255
|
}] });
|
|
1285
1256
|
|
|
@@ -1314,7 +1285,7 @@
|
|
|
1314
1285
|
});
|
|
1315
1286
|
Object.defineProperty(SkyTokenComponent.prototype, "ariaLabel", {
|
|
1316
1287
|
get: function () {
|
|
1317
|
-
return this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title');
|
|
1288
|
+
return (this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title'));
|
|
1318
1289
|
},
|
|
1319
1290
|
/**
|
|
1320
1291
|
* Specifies an ARIA label for the token's close button. This sets the button's `aria-label`
|
|
@@ -1344,7 +1315,7 @@
|
|
|
1344
1315
|
});
|
|
1345
1316
|
Object.defineProperty(SkyTokenComponent.prototype, "focusable", {
|
|
1346
1317
|
get: function () {
|
|
1347
|
-
return
|
|
1318
|
+
return this._focusable !== false;
|
|
1348
1319
|
},
|
|
1349
1320
|
/**
|
|
1350
1321
|
* Indicates whether users can press the `Tab` key to place focus on the token. This does not
|
|
@@ -1362,7 +1333,7 @@
|
|
|
1362
1333
|
* @internal
|
|
1363
1334
|
*/
|
|
1364
1335
|
get: function () {
|
|
1365
|
-
return
|
|
1336
|
+
return this.focusable ? 0 : -1;
|
|
1366
1337
|
},
|
|
1367
1338
|
enumerable: false,
|
|
1368
1339
|
configurable: true
|
|
@@ -1380,15 +1351,15 @@
|
|
|
1380
1351
|
};
|
|
1381
1352
|
return SkyTokenComponent;
|
|
1382
1353
|
}());
|
|
1383
|
-
SkyTokenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1384
|
-
SkyTokenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1385
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1354
|
+
SkyTokenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTokenComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$2.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1355
|
+
SkyTokenComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1356
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTokenComponent, decorators: [{
|
|
1386
1357
|
type: i0.Component,
|
|
1387
1358
|
args: [{
|
|
1388
1359
|
selector: 'sky-token',
|
|
1389
1360
|
templateUrl: './token.component.html',
|
|
1390
1361
|
styleUrls: ['./token.component.scss'],
|
|
1391
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1362
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1392
1363
|
}]
|
|
1393
1364
|
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$2.SkyLibResourcesService }]; }, propDecorators: { disabled: [{
|
|
1394
1365
|
type: i0.Input
|
|
@@ -1480,7 +1451,7 @@
|
|
|
1480
1451
|
});
|
|
1481
1452
|
Object.defineProperty(SkyTokensComponent.prototype, "dismissible", {
|
|
1482
1453
|
get: function () {
|
|
1483
|
-
return
|
|
1454
|
+
return this._dismissible !== false;
|
|
1484
1455
|
},
|
|
1485
1456
|
/**
|
|
1486
1457
|
* Indicates whether users can remove tokens from the list by selecting their close buttons
|
|
@@ -1509,7 +1480,7 @@
|
|
|
1509
1480
|
});
|
|
1510
1481
|
Object.defineProperty(SkyTokensComponent.prototype, "focusable", {
|
|
1511
1482
|
get: function () {
|
|
1512
|
-
return
|
|
1483
|
+
return this._focusable !== false;
|
|
1513
1484
|
},
|
|
1514
1485
|
/**
|
|
1515
1486
|
* Indicates whether users can focus on items in the list using the `Tab` key.
|
|
@@ -1589,12 +1560,16 @@
|
|
|
1589
1560
|
switch (event.key) {
|
|
1590
1561
|
case 'Left':
|
|
1591
1562
|
case 'ArrowLeft':
|
|
1592
|
-
this.messageStream.next({
|
|
1563
|
+
this.messageStream.next({
|
|
1564
|
+
type: exports.SkyTokensMessageType.FocusPreviousToken,
|
|
1565
|
+
});
|
|
1593
1566
|
event.preventDefault();
|
|
1594
1567
|
break;
|
|
1595
1568
|
case 'Right':
|
|
1596
1569
|
case 'ArrowRight':
|
|
1597
|
-
this.messageStream.next({
|
|
1570
|
+
this.messageStream.next({
|
|
1571
|
+
type: exports.SkyTokensMessageType.FocusNextToken,
|
|
1572
|
+
});
|
|
1598
1573
|
event.preventDefault();
|
|
1599
1574
|
break;
|
|
1600
1575
|
}
|
|
@@ -1623,9 +1598,8 @@
|
|
|
1623
1598
|
};
|
|
1624
1599
|
SkyTokensComponent.prototype.focusActiveToken = function () {
|
|
1625
1600
|
var _this = this;
|
|
1626
|
-
var tokenComponent = this.tokenComponents
|
|
1627
|
-
.
|
|
1628
|
-
return (_this.activeIndex === i);
|
|
1601
|
+
var tokenComponent = this.tokenComponents.find(function (_comp, i) {
|
|
1602
|
+
return _this.activeIndex === i;
|
|
1629
1603
|
});
|
|
1630
1604
|
if (tokenComponent) {
|
|
1631
1605
|
tokenComponent.focusElement();
|
|
@@ -1669,36 +1643,34 @@
|
|
|
1669
1643
|
};
|
|
1670
1644
|
SkyTokensComponent.prototype.notifyTokenSelected = function (token) {
|
|
1671
1645
|
this.tokenSelected.emit({
|
|
1672
|
-
token: token
|
|
1646
|
+
token: token,
|
|
1673
1647
|
});
|
|
1674
1648
|
};
|
|
1675
1649
|
return SkyTokensComponent;
|
|
1676
1650
|
}());
|
|
1677
|
-
SkyTokensComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1678
|
-
SkyTokensComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1679
|
-
animations.trigger('blockAnimationOnLoad', [
|
|
1680
|
-
animations.transition(':enter', [])
|
|
1681
|
-
]),
|
|
1651
|
+
SkyTokensComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTokensComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1652
|
+
SkyTokensComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
1653
|
+
animations.trigger('blockAnimationOnLoad', [animations.transition(':enter', [])]),
|
|
1682
1654
|
animations.trigger('dismiss', [
|
|
1683
1655
|
animations.transition(':enter', [
|
|
1684
1656
|
animations.style({
|
|
1685
1657
|
opacity: 0,
|
|
1686
|
-
width: 0
|
|
1658
|
+
width: 0,
|
|
1687
1659
|
}),
|
|
1688
1660
|
animations.animate('150ms ease-in', animations.style({
|
|
1689
1661
|
opacity: 1,
|
|
1690
|
-
width: '*'
|
|
1691
|
-
}))
|
|
1662
|
+
width: '*',
|
|
1663
|
+
})),
|
|
1692
1664
|
]),
|
|
1693
1665
|
animations.transition(':leave', [
|
|
1694
1666
|
animations.animate('150ms ease-in', animations.style({
|
|
1695
1667
|
opacity: 0,
|
|
1696
|
-
width: 0
|
|
1697
|
-
}))
|
|
1698
|
-
])
|
|
1699
|
-
])
|
|
1668
|
+
width: 0,
|
|
1669
|
+
})),
|
|
1670
|
+
]),
|
|
1671
|
+
]),
|
|
1700
1672
|
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1701
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1673
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTokensComponent, decorators: [{
|
|
1702
1674
|
type: i0.Component,
|
|
1703
1675
|
args: [{
|
|
1704
1676
|
selector: 'sky-tokens',
|
|
@@ -1706,28 +1678,26 @@
|
|
|
1706
1678
|
styleUrls: ['./tokens.component.scss'],
|
|
1707
1679
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1708
1680
|
animations: [
|
|
1709
|
-
animations.trigger('blockAnimationOnLoad', [
|
|
1710
|
-
animations.transition(':enter', [])
|
|
1711
|
-
]),
|
|
1681
|
+
animations.trigger('blockAnimationOnLoad', [animations.transition(':enter', [])]),
|
|
1712
1682
|
animations.trigger('dismiss', [
|
|
1713
1683
|
animations.transition(':enter', [
|
|
1714
1684
|
animations.style({
|
|
1715
1685
|
opacity: 0,
|
|
1716
|
-
width: 0
|
|
1686
|
+
width: 0,
|
|
1717
1687
|
}),
|
|
1718
1688
|
animations.animate('150ms ease-in', animations.style({
|
|
1719
1689
|
opacity: 1,
|
|
1720
|
-
width: '*'
|
|
1721
|
-
}))
|
|
1690
|
+
width: '*',
|
|
1691
|
+
})),
|
|
1722
1692
|
]),
|
|
1723
1693
|
animations.transition(':leave', [
|
|
1724
1694
|
animations.animate('150ms ease-in', animations.style({
|
|
1725
1695
|
opacity: 0,
|
|
1726
|
-
width: 0
|
|
1727
|
-
}))
|
|
1728
|
-
])
|
|
1729
|
-
])
|
|
1730
|
-
]
|
|
1696
|
+
width: 0,
|
|
1697
|
+
})),
|
|
1698
|
+
]),
|
|
1699
|
+
]),
|
|
1700
|
+
],
|
|
1731
1701
|
}]
|
|
1732
1702
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
|
|
1733
1703
|
type: i0.Input
|
|
@@ -1761,36 +1731,28 @@
|
|
|
1761
1731
|
}
|
|
1762
1732
|
return SkyTokensModule;
|
|
1763
1733
|
}());
|
|
1764
|
-
SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1765
|
-
SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1766
|
-
SkyTokensComponent], imports: [i1$2.CommonModule,
|
|
1734
|
+
SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTokensModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1735
|
+
SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [i1$2.CommonModule,
|
|
1767
1736
|
i1.SkyI18nModule,
|
|
1768
1737
|
SkyIconModule,
|
|
1769
|
-
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent,
|
|
1770
|
-
|
|
1771
|
-
SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTokensModule, imports: [[
|
|
1738
|
+
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
|
|
1739
|
+
SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTokensModule, imports: [[
|
|
1772
1740
|
i1$2.CommonModule,
|
|
1773
1741
|
i1.SkyI18nModule,
|
|
1774
1742
|
SkyIconModule,
|
|
1775
|
-
SkyIndicatorsResourcesModule
|
|
1743
|
+
SkyIndicatorsResourcesModule,
|
|
1776
1744
|
]] });
|
|
1777
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1745
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyTokensModule, decorators: [{
|
|
1778
1746
|
type: i0.NgModule,
|
|
1779
1747
|
args: [{
|
|
1780
|
-
declarations: [
|
|
1781
|
-
SkyTokenComponent,
|
|
1782
|
-
SkyTokensComponent
|
|
1783
|
-
],
|
|
1748
|
+
declarations: [SkyTokenComponent, SkyTokensComponent],
|
|
1784
1749
|
imports: [
|
|
1785
1750
|
i1$2.CommonModule,
|
|
1786
1751
|
i1.SkyI18nModule,
|
|
1787
1752
|
SkyIconModule,
|
|
1788
|
-
SkyIndicatorsResourcesModule
|
|
1753
|
+
SkyIndicatorsResourcesModule,
|
|
1789
1754
|
],
|
|
1790
|
-
exports: [
|
|
1791
|
-
SkyTokenComponent,
|
|
1792
|
-
SkyTokensComponent
|
|
1793
|
-
]
|
|
1755
|
+
exports: [SkyTokenComponent, SkyTokensComponent],
|
|
1794
1756
|
}]
|
|
1795
1757
|
}] });
|
|
1796
1758
|
|
|
@@ -1817,7 +1779,9 @@
|
|
|
1817
1779
|
SkyWaitAdapterService.prototype.setBusyState = function (waitEl, isFullPage, isWaiting, isNonBlocking, waitComponentId) {
|
|
1818
1780
|
var _this = this;
|
|
1819
1781
|
if (isNonBlocking === void 0) { isNonBlocking = false; }
|
|
1820
|
-
var busyEl = isFullPage
|
|
1782
|
+
var busyEl = isFullPage
|
|
1783
|
+
? document.body
|
|
1784
|
+
: waitEl.nativeElement.parentElement;
|
|
1821
1785
|
if (!isNonBlocking) {
|
|
1822
1786
|
if (isWaiting) {
|
|
1823
1787
|
this.renderer.setAttribute(busyEl, 'aria-busy', 'true');
|
|
@@ -1842,7 +1806,7 @@
|
|
|
1842
1806
|
});
|
|
1843
1807
|
SkyWaitAdapterService.busyElements[waitComponentId] = {
|
|
1844
1808
|
listener: endListenerFunc,
|
|
1845
|
-
busyEl: undefined
|
|
1809
|
+
busyEl: undefined,
|
|
1846
1810
|
};
|
|
1847
1811
|
}
|
|
1848
1812
|
else {
|
|
@@ -1865,7 +1829,7 @@
|
|
|
1865
1829
|
});
|
|
1866
1830
|
SkyWaitAdapterService.busyElements[waitComponentId] = {
|
|
1867
1831
|
listener: endListenerFunc,
|
|
1868
|
-
busyEl: busyEl
|
|
1832
|
+
busyEl: busyEl,
|
|
1869
1833
|
};
|
|
1870
1834
|
}
|
|
1871
1835
|
}
|
|
@@ -1888,10 +1852,12 @@
|
|
|
1888
1852
|
// Find the next navigable element that isn't waiting
|
|
1889
1853
|
var startingIndex = focussable.indexOf(targetElement);
|
|
1890
1854
|
var curIndex = startingIndex + modifier;
|
|
1891
|
-
while (focussable[curIndex] &&
|
|
1855
|
+
while (focussable[curIndex] &&
|
|
1856
|
+
this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1892
1857
|
curIndex += modifier;
|
|
1893
1858
|
}
|
|
1894
|
-
if (focussable[curIndex] &&
|
|
1859
|
+
if (focussable[curIndex] &&
|
|
1860
|
+
!this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1895
1861
|
focussable[curIndex].focus();
|
|
1896
1862
|
}
|
|
1897
1863
|
else {
|
|
@@ -1908,7 +1874,8 @@
|
|
|
1908
1874
|
}
|
|
1909
1875
|
/* istanbul ignore else */
|
|
1910
1876
|
/* sanity check */
|
|
1911
|
-
if (focussable[curIndex] &&
|
|
1877
|
+
if (focussable[curIndex] &&
|
|
1878
|
+
!this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1912
1879
|
focussable[curIndex].focus();
|
|
1913
1880
|
}
|
|
1914
1881
|
else {
|
|
@@ -1925,10 +1892,10 @@
|
|
|
1925
1892
|
var elements = this.getFocussableElements().filter(function (elem) { return !_this.isElementHidden(elem); });
|
|
1926
1893
|
var previousInd = elements.indexOf(event.relatedTarget);
|
|
1927
1894
|
var currentInd = elements.indexOf(event.target);
|
|
1928
|
-
return previousInd === currentInd + 1
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1895
|
+
return (previousInd === currentInd + 1 ||
|
|
1896
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
1897
|
+
previousInd > currentInd ||
|
|
1898
|
+
!event.relatedTarget);
|
|
1932
1899
|
};
|
|
1933
1900
|
SkyWaitAdapterService.prototype.isElementHidden = function (element) {
|
|
1934
1901
|
var style = window.getComputedStyle(element);
|
|
@@ -1972,15 +1939,17 @@
|
|
|
1972
1939
|
// Select all possible focussable elements
|
|
1973
1940
|
var focussableElements = 'a[href], ' +
|
|
1974
1941
|
'area[href], ' +
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1942
|
+
"input:not([disabled]):not([tabindex='-1']), " +
|
|
1943
|
+
"button:not([disabled]):not([tabindex='-1']), " +
|
|
1944
|
+
"select:not([disabled]):not([tabindex='-1']), " +
|
|
1945
|
+
"textarea:not([disabled]):not([tabindex='-1']), " +
|
|
1979
1946
|
'iframe, object, embed, ' +
|
|
1980
|
-
|
|
1947
|
+
"*[tabindex]:not([tabindex='-1']), " +
|
|
1981
1948
|
'*[contenteditable=true]';
|
|
1982
1949
|
this.focussableElements = Array.prototype.filter.call(document.body.querySelectorAll(focussableElements), function (element) {
|
|
1983
|
-
return element.offsetWidth > 0 ||
|
|
1950
|
+
return (element.offsetWidth > 0 ||
|
|
1951
|
+
element.offsetHeight > 0 ||
|
|
1952
|
+
element === document.activeElement);
|
|
1984
1953
|
});
|
|
1985
1954
|
return this.focussableElements;
|
|
1986
1955
|
};
|
|
@@ -2006,9 +1975,9 @@
|
|
|
2006
1975
|
}());
|
|
2007
1976
|
SkyWaitAdapterService.isPageWaitActive = false;
|
|
2008
1977
|
SkyWaitAdapterService.busyElements = {};
|
|
2009
|
-
SkyWaitAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2010
|
-
SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2011
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1978
|
+
SkyWaitAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
1979
|
+
SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitAdapterService });
|
|
1980
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitAdapterService, decorators: [{
|
|
2012
1981
|
type: i0.Injectable
|
|
2013
1982
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
2014
1983
|
|
|
@@ -2053,10 +2022,11 @@
|
|
|
2053
2022
|
* @default false
|
|
2054
2023
|
*/
|
|
2055
2024
|
set: function (value) {
|
|
2025
|
+
/* istanbul ignore else: untestable */
|
|
2056
2026
|
if (value) {
|
|
2057
2027
|
this.adapterService.removeWaitBounds(this.elRef);
|
|
2058
2028
|
}
|
|
2059
|
-
else
|
|
2029
|
+
else if (!value && this._isWaiting) {
|
|
2060
2030
|
this.adapterService.setWaitBounds(this.elRef);
|
|
2061
2031
|
}
|
|
2062
2032
|
this._isFullPage = value;
|
|
@@ -2075,8 +2045,8 @@
|
|
|
2075
2045
|
}
|
|
2076
2046
|
/* istanbul ignore else */
|
|
2077
2047
|
if (this.resourceService) {
|
|
2078
|
-
var type =
|
|
2079
|
-
var blocking =
|
|
2048
|
+
var type = this.isFullPage ? '_page' : '';
|
|
2049
|
+
var blocking = this.isNonBlocking ? '' : '_blocking';
|
|
2080
2050
|
var key = "skyux_wait" + type + blocking + "_aria_alt_text";
|
|
2081
2051
|
this.resourceService.getString(key).subscribe(function (value) {
|
|
2082
2052
|
_this.ariaLabelStream.next(value);
|
|
@@ -2085,19 +2055,15 @@
|
|
|
2085
2055
|
};
|
|
2086
2056
|
return SkyWaitComponent;
|
|
2087
2057
|
}());
|
|
2088
|
-
SkyWaitComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2089
|
-
SkyWaitComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2090
|
-
|
|
2091
|
-
], ngImport: i0__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1__namespace$1.AsyncPipe } });
|
|
2092
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyWaitComponent, decorators: [{
|
|
2058
|
+
SkyWaitComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitComponent, deps: [{ token: i0__namespace.ElementRef }, { token: SkyWaitAdapterService }, { token: i1__namespace$2.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2059
|
+
SkyWaitComponent.ɵcmp = i0__namespace.ɵɵ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__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1__namespace$1.AsyncPipe } });
|
|
2060
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitComponent, decorators: [{
|
|
2093
2061
|
type: i0.Component,
|
|
2094
2062
|
args: [{
|
|
2095
2063
|
selector: 'sky-wait',
|
|
2096
2064
|
templateUrl: './wait.component.html',
|
|
2097
2065
|
styleUrls: ['./wait.component.scss'],
|
|
2098
|
-
providers: [
|
|
2099
|
-
SkyWaitAdapterService
|
|
2100
|
-
]
|
|
2066
|
+
providers: [SkyWaitAdapterService],
|
|
2101
2067
|
}]
|
|
2102
2068
|
}], ctorParameters: function () {
|
|
2103
2069
|
return [{ type: i0__namespace.ElementRef }, { type: SkyWaitAdapterService }, { type: i1__namespace$2.SkyLibResourcesService, decorators: [{
|
|
@@ -2121,14 +2087,14 @@
|
|
|
2121
2087
|
}
|
|
2122
2088
|
return SkyWaitPageComponent;
|
|
2123
2089
|
}());
|
|
2124
|
-
SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2125
|
-
SkyWaitPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2126
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2090
|
+
SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitPageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2091
|
+
SkyWaitPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyWaitPageComponent, selector: "sky-wait-page", inputs: { hasBlockingWait: "hasBlockingWait", hasNonBlockingWait: "hasNonBlockingWait" }, ngImport: i0__namespace, 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"] }] });
|
|
2092
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitPageComponent, decorators: [{
|
|
2127
2093
|
type: i0.Component,
|
|
2128
2094
|
args: [{
|
|
2129
2095
|
selector: 'sky-wait-page',
|
|
2130
2096
|
templateUrl: './wait-page.component.html',
|
|
2131
|
-
styleUrls: ['./wait-page.component.scss']
|
|
2097
|
+
styleUrls: ['./wait-page.component.scss'],
|
|
2132
2098
|
}]
|
|
2133
2099
|
}], propDecorators: { hasBlockingWait: [{
|
|
2134
2100
|
type: i0.Input
|
|
@@ -2141,34 +2107,16 @@
|
|
|
2141
2107
|
}
|
|
2142
2108
|
return SkyWaitModule;
|
|
2143
2109
|
}());
|
|
2144
|
-
SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2145
|
-
SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
2149
|
-
SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyWaitModule, imports: [[
|
|
2150
|
-
i1$2.CommonModule,
|
|
2151
|
-
i1.SkyI18nModule,
|
|
2152
|
-
SkyIndicatorsResourcesModule
|
|
2153
|
-
]] });
|
|
2154
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyWaitModule, decorators: [{
|
|
2110
|
+
SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2111
|
+
SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [i1$2.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
2112
|
+
SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitModule, imports: [[i1$2.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule]] });
|
|
2113
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitModule, decorators: [{
|
|
2155
2114
|
type: i0.NgModule,
|
|
2156
2115
|
args: [{
|
|
2157
|
-
declarations: [
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
],
|
|
2161
|
-
imports: [
|
|
2162
|
-
i1$2.CommonModule,
|
|
2163
|
-
i1.SkyI18nModule,
|
|
2164
|
-
SkyIndicatorsResourcesModule
|
|
2165
|
-
],
|
|
2166
|
-
exports: [
|
|
2167
|
-
SkyWaitComponent
|
|
2168
|
-
],
|
|
2169
|
-
entryComponents: [
|
|
2170
|
-
SkyWaitPageComponent
|
|
2171
|
-
]
|
|
2116
|
+
declarations: [SkyWaitComponent, SkyWaitPageComponent],
|
|
2117
|
+
imports: [i1$2.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule],
|
|
2118
|
+
exports: [SkyWaitComponent],
|
|
2119
|
+
entryComponents: [SkyWaitPageComponent],
|
|
2172
2120
|
}]
|
|
2173
2121
|
}] });
|
|
2174
2122
|
|
|
@@ -2189,12 +2137,12 @@
|
|
|
2189
2137
|
};
|
|
2190
2138
|
return SkyWaitPageAdapterService;
|
|
2191
2139
|
}());
|
|
2192
|
-
SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2193
|
-
SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2194
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2140
|
+
SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitPageAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2141
|
+
SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitPageAdapterService, providedIn: 'root' });
|
|
2142
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitPageAdapterService, decorators: [{
|
|
2195
2143
|
type: i0.Injectable,
|
|
2196
2144
|
args: [{
|
|
2197
|
-
providedIn: 'root'
|
|
2145
|
+
providedIn: 'root',
|
|
2198
2146
|
}]
|
|
2199
2147
|
}] });
|
|
2200
2148
|
|
|
@@ -2348,12 +2296,12 @@
|
|
|
2348
2296
|
}());
|
|
2349
2297
|
SkyWaitService.pageWaitBlockingCount = 0;
|
|
2350
2298
|
SkyWaitService.pageWaitNonBlockingCount = 0;
|
|
2351
|
-
SkyWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2352
|
-
SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2353
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2299
|
+
SkyWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitService, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token: i1__namespace$3.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2300
|
+
SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitService, providedIn: 'root' });
|
|
2301
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyWaitService, decorators: [{
|
|
2354
2302
|
type: i0.Injectable,
|
|
2355
2303
|
args: [{
|
|
2356
|
-
providedIn: 'root'
|
|
2304
|
+
providedIn: 'root',
|
|
2357
2305
|
}]
|
|
2358
2306
|
}], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i1__namespace$3.SkyAppWindowRef }]; } });
|
|
2359
2307
|
|
|
@@ -2372,22 +2320,22 @@
|
|
|
2372
2320
|
exports.SkyTokensModule = SkyTokensModule;
|
|
2373
2321
|
exports.SkyWaitModule = SkyWaitModule;
|
|
2374
2322
|
exports.SkyWaitService = SkyWaitService;
|
|
2375
|
-
exports
|
|
2376
|
-
exports
|
|
2377
|
-
exports
|
|
2378
|
-
exports
|
|
2379
|
-
exports
|
|
2380
|
-
exports
|
|
2381
|
-
exports
|
|
2382
|
-
exports
|
|
2383
|
-
exports
|
|
2384
|
-
exports
|
|
2385
|
-
exports
|
|
2386
|
-
exports
|
|
2387
|
-
exports
|
|
2388
|
-
exports
|
|
2323
|
+
exports["λ1"] = SkyAlertComponent;
|
|
2324
|
+
exports["λ10"] = SkyStatusIndicatorComponent;
|
|
2325
|
+
exports["λ11"] = SkyTextHighlightDirective;
|
|
2326
|
+
exports["λ12"] = SkyTokenComponent;
|
|
2327
|
+
exports["λ13"] = SkyTokensComponent;
|
|
2328
|
+
exports["λ14"] = SkyWaitComponent;
|
|
2329
|
+
exports["λ2"] = SkyChevronComponent;
|
|
2330
|
+
exports["λ3"] = SkyHelpInlineComponent;
|
|
2331
|
+
exports["λ4"] = SkyIconComponent;
|
|
2332
|
+
exports["λ5"] = SkyIconStackComponent;
|
|
2333
|
+
exports["λ6"] = SkyKeyInfoLabelComponent;
|
|
2334
|
+
exports["λ7"] = SkyKeyInfoValueComponent;
|
|
2335
|
+
exports["λ8"] = SkyKeyInfoComponent;
|
|
2336
|
+
exports["λ9"] = SkyLabelComponent;
|
|
2389
2337
|
|
|
2390
2338
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2391
2339
|
|
|
2392
|
-
}))
|
|
2340
|
+
}));
|
|
2393
2341
|
//# sourceMappingURL=skyux-indicators.umd.js.map
|