@skyux/indicators 5.1.0 → 5.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-indicators.umd.js +249 -149
- package/documentation.json +572 -638
- package/esm2015/modules/alert/alert.component.js +3 -3
- package/esm2015/modules/alert/alert.module.js +4 -4
- package/esm2015/modules/chevron/chevron.component.js +43 -11
- package/esm2015/modules/chevron/chevron.module.js +10 -6
- package/esm2015/modules/expansion-indicator/expansion-indicator.component.js +35 -0
- package/esm2015/modules/expansion-indicator/expansion-indicator.module.js +19 -0
- package/esm2015/modules/help-inline/help-inline.component.js +3 -3
- package/esm2015/modules/help-inline/help-inline.module.js +4 -4
- package/esm2015/modules/icon/icon-class-list.pipe.js +3 -3
- package/esm2015/modules/icon/icon-resolver.service.js +3 -3
- package/esm2015/modules/icon/icon-stack.component.js +3 -3
- package/esm2015/modules/icon/icon.component.js +3 -3
- package/esm2015/modules/icon/icon.module.js +4 -4
- package/esm2015/modules/key-info/key-info-label.component.js +3 -3
- package/esm2015/modules/key-info/key-info-value.component.js +3 -3
- package/esm2015/modules/key-info/key-info.component.js +3 -3
- package/esm2015/modules/key-info/key-info.module.js +4 -4
- package/esm2015/modules/label/label.component.js +3 -3
- package/esm2015/modules/label/label.module.js +4 -4
- package/esm2015/modules/shared/sky-indicators-resources.module.js +5 -7
- package/esm2015/modules/status-indicator/status-indicator.component.js +3 -3
- package/esm2015/modules/status-indicator/status-indicator.module.js +4 -4
- package/esm2015/modules/text-highlight/text-highlight.directive.js +3 -3
- package/esm2015/modules/text-highlight/text-highlight.module.js +4 -4
- package/esm2015/modules/tokens/token.component.js +10 -4
- package/esm2015/modules/tokens/tokens.component.js +3 -3
- package/esm2015/modules/tokens/tokens.module.js +4 -4
- package/esm2015/modules/wait/wait-adapter.service.js +3 -3
- package/esm2015/modules/wait/wait-page-adapter.service.js +3 -3
- package/esm2015/modules/wait/wait-page.component.js +3 -3
- package/esm2015/modules/wait/wait.component.js +3 -3
- package/esm2015/modules/wait/wait.module.js +4 -4
- package/esm2015/modules/wait/wait.service.js +3 -3
- package/esm2015/public-api.js +3 -1
- package/fesm2015/skyux-indicators.js +206 -122
- package/fesm2015/skyux-indicators.js.map +1 -1
- package/modules/chevron/chevron.component.d.ts +30 -3
- package/modules/chevron/chevron.module.d.ts +2 -1
- package/modules/expansion-indicator/expansion-indicator.component.d.ts +15 -0
- package/modules/expansion-indicator/expansion-indicator.module.d.ts +9 -0
- package/modules/tokens/token.component.d.ts +2 -0
- package/package.json +4 -4
- package/public-api.d.ts +2 -0
- package/bundles/skyux-indicators-testing.umd.js.map +0 -1
- package/bundles/skyux-indicators.umd.js.map +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
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
|
-
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.indicators = {}), global.ng.core, global.ng.common, global.i1, global.
|
|
5
|
-
})(this, (function (exports, i0, i1$
|
|
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.i3, global.i1$2, global.ng.animations, global.rxjs, global.rxjs.operators));
|
|
5
|
+
})(this, (function (exports, i0, i1$1, i1, i3, i1$2, animations, rxjs, operators) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
|
|
26
|
-
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
27
|
-
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1);
|
|
28
26
|
var i1__namespace = /*#__PURE__*/_interopNamespace(i1$1);
|
|
29
|
-
var i1__namespace$
|
|
27
|
+
var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1);
|
|
28
|
+
var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
|
|
29
|
+
var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
|
|
30
30
|
|
|
31
31
|
/**
|
|
32
32
|
* NOTICE: DO NOT MODIFY THIS FILE!
|
|
@@ -37,8 +37,6 @@
|
|
|
37
37
|
var RESOURCES = {
|
|
38
38
|
'EN-US': {
|
|
39
39
|
skyux_alert_close: { message: 'Close the alert' },
|
|
40
|
-
skyux_chevron_collapse: { message: 'Collapse' },
|
|
41
|
-
skyux_chevron_expand: { message: 'Expand' },
|
|
42
40
|
skyux_help_inline_button_title: { message: 'Show help content' },
|
|
43
41
|
skyux_status_indicator_sr_completed: { message: 'Completed:' },
|
|
44
42
|
skyux_status_indicator_sr_error: { message: 'Error:' },
|
|
@@ -71,16 +69,16 @@
|
|
|
71
69
|
}
|
|
72
70
|
return SkyIndicatorsResourcesModule;
|
|
73
71
|
}());
|
|
74
|
-
SkyIndicatorsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
75
|
-
SkyIndicatorsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
76
|
-
SkyIndicatorsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
72
|
+
SkyIndicatorsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
73
|
+
SkyIndicatorsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, exports: [i1.SkyI18nModule] });
|
|
74
|
+
SkyIndicatorsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, providers: [
|
|
77
75
|
{
|
|
78
76
|
provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
79
77
|
useClass: SkyIndicatorsResourcesProvider,
|
|
80
78
|
multi: true,
|
|
81
79
|
},
|
|
82
80
|
], imports: [i1.SkyI18nModule] });
|
|
83
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
81
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, decorators: [{
|
|
84
82
|
type: i0.NgModule,
|
|
85
83
|
args: [{
|
|
86
84
|
exports: [i1.SkyI18nModule],
|
|
@@ -453,14 +451,14 @@
|
|
|
453
451
|
};
|
|
454
452
|
return SkyIconResolverService;
|
|
455
453
|
}());
|
|
456
|
-
SkyIconResolverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
457
|
-
SkyIconResolverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
458
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
454
|
+
SkyIconResolverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconResolverService, deps: [{ token: i3__namespace.SkyThemeIconManifestService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
455
|
+
SkyIconResolverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconResolverService, providedIn: 'root' });
|
|
456
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconResolverService, decorators: [{
|
|
459
457
|
type: i0.Injectable,
|
|
460
458
|
args: [{
|
|
461
459
|
providedIn: 'root',
|
|
462
460
|
}]
|
|
463
|
-
}], ctorParameters: function () { return [{ type:
|
|
461
|
+
}], ctorParameters: function () { return [{ type: i3__namespace.SkyThemeIconManifestService }]; } });
|
|
464
462
|
|
|
465
463
|
/**
|
|
466
464
|
* @internal
|
|
@@ -488,9 +486,9 @@
|
|
|
488
486
|
};
|
|
489
487
|
return SkyIconClassListPipe;
|
|
490
488
|
}());
|
|
491
|
-
SkyIconClassListPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
492
|
-
SkyIconClassListPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.
|
|
493
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
489
|
+
SkyIconClassListPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconClassListPipe, deps: [{ token: SkyIconResolverService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
|
|
490
|
+
SkyIconClassListPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconClassListPipe, name: "skyIconClassList" });
|
|
491
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconClassListPipe, decorators: [{
|
|
494
492
|
type: i0.Pipe,
|
|
495
493
|
args: [{
|
|
496
494
|
name: 'skyIconClassList',
|
|
@@ -508,9 +506,9 @@
|
|
|
508
506
|
}
|
|
509
507
|
return SkyIconComponent;
|
|
510
508
|
}());
|
|
511
|
-
SkyIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
512
|
-
SkyIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
513
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
509
|
+
SkyIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
510
|
+
SkyIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyIconClassList": SkyIconClassListPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
511
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconComponent, decorators: [{
|
|
514
512
|
type: i0.Component,
|
|
515
513
|
args: [{
|
|
516
514
|
selector: 'sky-icon',
|
|
@@ -535,9 +533,9 @@
|
|
|
535
533
|
}
|
|
536
534
|
return SkyIconStackComponent;
|
|
537
535
|
}());
|
|
538
|
-
SkyIconStackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
539
|
-
SkyIconStackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
540
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
536
|
+
SkyIconStackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconStackComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
537
|
+
SkyIconStackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyIconClassList": SkyIconClassListPipe } });
|
|
538
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconStackComponent, decorators: [{
|
|
541
539
|
type: i0.Component,
|
|
542
540
|
args: [{
|
|
543
541
|
selector: 'sky-icon-stack',
|
|
@@ -557,14 +555,14 @@
|
|
|
557
555
|
}
|
|
558
556
|
return SkyIconModule;
|
|
559
557
|
}());
|
|
560
|
-
SkyIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
561
|
-
SkyIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
562
|
-
SkyIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
563
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
558
|
+
SkyIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
559
|
+
SkyIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [i1$1.CommonModule, i3.SkyThemeIconManifestModule], exports: [SkyIconComponent, SkyIconStackComponent] });
|
|
560
|
+
SkyIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconModule, imports: [[i1$1.CommonModule, i3.SkyThemeIconManifestModule]] });
|
|
561
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyIconModule, decorators: [{
|
|
564
562
|
type: i0.NgModule,
|
|
565
563
|
args: [{
|
|
566
564
|
declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
|
|
567
|
-
imports: [i1$
|
|
565
|
+
imports: [i1$1.CommonModule, i3.SkyThemeIconManifestModule],
|
|
568
566
|
exports: [SkyIconComponent, SkyIconStackComponent],
|
|
569
567
|
}]
|
|
570
568
|
}] });
|
|
@@ -651,9 +649,9 @@
|
|
|
651
649
|
};
|
|
652
650
|
return SkyAlertComponent;
|
|
653
651
|
}());
|
|
654
|
-
SkyAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
655
|
-
SkyAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
656
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
652
|
+
SkyAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
653
|
+
SkyAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
|
|
654
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyAlertComponent, decorators: [{
|
|
657
655
|
type: i0.Component,
|
|
658
656
|
args: [{
|
|
659
657
|
selector: 'sky-alert',
|
|
@@ -675,40 +673,110 @@
|
|
|
675
673
|
}
|
|
676
674
|
return SkyAlertModule;
|
|
677
675
|
}());
|
|
678
|
-
SkyAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
679
|
-
SkyAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
676
|
+
SkyAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyAlertModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
677
|
+
SkyAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [i1$1.CommonModule,
|
|
680
678
|
i1.SkyI18nModule,
|
|
681
679
|
SkyIconModule,
|
|
682
680
|
SkyIndicatorsResourcesModule,
|
|
683
|
-
|
|
684
|
-
SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
685
|
-
i1$
|
|
681
|
+
i3.SkyThemeModule], exports: [SkyAlertComponent] });
|
|
682
|
+
SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyAlertModule, imports: [[
|
|
683
|
+
i1$1.CommonModule,
|
|
686
684
|
i1.SkyI18nModule,
|
|
687
685
|
SkyIconModule,
|
|
688
686
|
SkyIndicatorsResourcesModule,
|
|
689
|
-
|
|
687
|
+
i3.SkyThemeModule,
|
|
690
688
|
]] });
|
|
691
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
689
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyAlertModule, decorators: [{
|
|
692
690
|
type: i0.NgModule,
|
|
693
691
|
args: [{
|
|
694
692
|
declarations: [SkyAlertComponent],
|
|
695
693
|
imports: [
|
|
696
|
-
i1$
|
|
694
|
+
i1$1.CommonModule,
|
|
697
695
|
i1.SkyI18nModule,
|
|
698
696
|
SkyIconModule,
|
|
699
697
|
SkyIndicatorsResourcesModule,
|
|
700
|
-
|
|
698
|
+
i3.SkyThemeModule,
|
|
701
699
|
],
|
|
702
700
|
exports: [SkyAlertComponent],
|
|
703
701
|
}]
|
|
704
702
|
}] });
|
|
705
703
|
|
|
704
|
+
/**
|
|
705
|
+
* Displays a chevron icon.
|
|
706
|
+
* @internal
|
|
707
|
+
*/
|
|
708
|
+
var SkyExpansionIndicatorComponent = /** @class */ (function () {
|
|
709
|
+
function SkyExpansionIndicatorComponent() {
|
|
710
|
+
}
|
|
711
|
+
Object.defineProperty(SkyExpansionIndicatorComponent.prototype, "direction", {
|
|
712
|
+
get: function () {
|
|
713
|
+
return this._direction || 'up';
|
|
714
|
+
},
|
|
715
|
+
/**
|
|
716
|
+
* Specifies whether the chevron points up or down.
|
|
717
|
+
*/
|
|
718
|
+
set: function (value) {
|
|
719
|
+
/* istanbul ignore else */
|
|
720
|
+
if (value != this._direction) {
|
|
721
|
+
this._direction = value;
|
|
722
|
+
}
|
|
723
|
+
},
|
|
724
|
+
enumerable: false,
|
|
725
|
+
configurable: true
|
|
726
|
+
});
|
|
727
|
+
return SkyExpansionIndicatorComponent;
|
|
728
|
+
}());
|
|
729
|
+
SkyExpansionIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyExpansionIndicatorComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
730
|
+
SkyExpansionIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, ngImport: i0__namespace, template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + direction]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</div>\n\n<ng-template #icon>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i1__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
731
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyExpansionIndicatorComponent, decorators: [{
|
|
732
|
+
type: i0.Component,
|
|
733
|
+
args: [{
|
|
734
|
+
selector: 'sky-expansion-indicator',
|
|
735
|
+
styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"],
|
|
736
|
+
template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + direction]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</div>\n\n<ng-template #icon>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n",
|
|
737
|
+
}]
|
|
738
|
+
}], propDecorators: { direction: [{
|
|
739
|
+
type: i0.Input
|
|
740
|
+
}] } });
|
|
741
|
+
|
|
742
|
+
/**
|
|
743
|
+
* Creates an accessible button that wraps the chevron icon.
|
|
744
|
+
* @internal
|
|
745
|
+
*/
|
|
706
746
|
var SkyChevronComponent = /** @class */ (function () {
|
|
707
747
|
function SkyChevronComponent() {
|
|
708
|
-
|
|
709
|
-
|
|
748
|
+
/**
|
|
749
|
+
* Indicates whether to disable the chevron button.
|
|
750
|
+
*/
|
|
710
751
|
this.disabled = false;
|
|
752
|
+
/**
|
|
753
|
+
* Fires when the direction of the chevron changes.
|
|
754
|
+
*/
|
|
755
|
+
this.directionChange = new i0.EventEmitter();
|
|
711
756
|
}
|
|
757
|
+
Object.defineProperty(SkyChevronComponent.prototype, "direction", {
|
|
758
|
+
get: function () {
|
|
759
|
+
return this._direction || 'up';
|
|
760
|
+
},
|
|
761
|
+
/**
|
|
762
|
+
* Specifies whether the chevron points up or down.
|
|
763
|
+
*/
|
|
764
|
+
set: function (value) {
|
|
765
|
+
/* istanbul ignore else */
|
|
766
|
+
if (value != this._direction) {
|
|
767
|
+
this._direction = value;
|
|
768
|
+
/* istanbul ignore else */
|
|
769
|
+
if (value === 'up') {
|
|
770
|
+
this.ariaExpanded = true;
|
|
771
|
+
}
|
|
772
|
+
else if (this.direction === 'down') {
|
|
773
|
+
this.ariaExpanded = false;
|
|
774
|
+
}
|
|
775
|
+
}
|
|
776
|
+
},
|
|
777
|
+
enumerable: false,
|
|
778
|
+
configurable: true
|
|
779
|
+
});
|
|
712
780
|
SkyChevronComponent.prototype.chevronClick = function (event) {
|
|
713
781
|
event.stopPropagation();
|
|
714
782
|
this.direction = this.direction === 'up' ? 'down' : 'up';
|
|
@@ -716,48 +784,72 @@
|
|
|
716
784
|
};
|
|
717
785
|
return SkyChevronComponent;
|
|
718
786
|
}());
|
|
719
|
-
SkyChevronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
720
|
-
SkyChevronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
721
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
787
|
+
SkyChevronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
788
|
+
SkyChevronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0__namespace, template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + direction]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <sky-expansion-indicator [direction]=\"direction\"></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"], components: [{ type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }], directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
789
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronComponent, decorators: [{
|
|
722
790
|
type: i0.Component,
|
|
723
791
|
args: [{
|
|
724
792
|
selector: 'sky-chevron',
|
|
725
|
-
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}
|
|
726
|
-
template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-
|
|
793
|
+
styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"],
|
|
794
|
+
template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + direction]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <sky-expansion-indicator [direction]=\"direction\"></sky-expansion-indicator>\n</button>\n",
|
|
727
795
|
}]
|
|
728
|
-
}], propDecorators: {
|
|
729
|
-
type: i0.
|
|
796
|
+
}], propDecorators: { ariaControls: [{
|
|
797
|
+
type: i0.Input
|
|
798
|
+
}], ariaLabel: [{
|
|
799
|
+
type: i0.Input
|
|
730
800
|
}], direction: [{
|
|
731
801
|
type: i0.Input
|
|
732
802
|
}], disabled: [{
|
|
733
803
|
type: i0.Input
|
|
804
|
+
}], directionChange: [{
|
|
805
|
+
type: i0.Output
|
|
734
806
|
}] } });
|
|
735
807
|
|
|
808
|
+
var SkyExpansionIndicatorModule = /** @class */ (function () {
|
|
809
|
+
function SkyExpansionIndicatorModule() {
|
|
810
|
+
}
|
|
811
|
+
return SkyExpansionIndicatorModule;
|
|
812
|
+
}());
|
|
813
|
+
SkyExpansionIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyExpansionIndicatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
814
|
+
SkyExpansionIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [i1$1.CommonModule, i3.SkyThemeModule], exports: [SkyExpansionIndicatorComponent] });
|
|
815
|
+
SkyExpansionIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyExpansionIndicatorModule, imports: [[i1$1.CommonModule, i3.SkyThemeModule]] });
|
|
816
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyExpansionIndicatorModule, decorators: [{
|
|
817
|
+
type: i0.NgModule,
|
|
818
|
+
args: [{
|
|
819
|
+
declarations: [SkyExpansionIndicatorComponent],
|
|
820
|
+
imports: [i1$1.CommonModule, i3.SkyThemeModule],
|
|
821
|
+
exports: [SkyExpansionIndicatorComponent],
|
|
822
|
+
}]
|
|
823
|
+
}] });
|
|
824
|
+
|
|
736
825
|
var SkyChevronModule = /** @class */ (function () {
|
|
737
826
|
function SkyChevronModule() {
|
|
738
827
|
}
|
|
739
828
|
return SkyChevronModule;
|
|
740
829
|
}());
|
|
741
|
-
SkyChevronModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
742
|
-
SkyChevronModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
830
|
+
SkyChevronModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
831
|
+
SkyChevronModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [i1$1.CommonModule,
|
|
743
832
|
i1.SkyI18nModule,
|
|
744
833
|
SkyIndicatorsResourcesModule,
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
834
|
+
i3.SkyThemeModule,
|
|
835
|
+
SkyExpansionIndicatorModule], exports: [SkyChevronComponent] });
|
|
836
|
+
SkyChevronModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronModule, imports: [[
|
|
837
|
+
i1$1.CommonModule,
|
|
748
838
|
i1.SkyI18nModule,
|
|
749
839
|
SkyIndicatorsResourcesModule,
|
|
750
|
-
|
|
840
|
+
i3.SkyThemeModule,
|
|
841
|
+
SkyExpansionIndicatorModule,
|
|
751
842
|
]] });
|
|
752
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
843
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronModule, decorators: [{
|
|
753
844
|
type: i0.NgModule,
|
|
754
845
|
args: [{
|
|
755
846
|
declarations: [SkyChevronComponent],
|
|
756
847
|
imports: [
|
|
757
|
-
i1$
|
|
848
|
+
i1$1.CommonModule,
|
|
758
849
|
i1.SkyI18nModule,
|
|
759
850
|
SkyIndicatorsResourcesModule,
|
|
760
|
-
|
|
851
|
+
i3.SkyThemeModule,
|
|
852
|
+
SkyExpansionIndicatorModule,
|
|
761
853
|
],
|
|
762
854
|
exports: [SkyChevronComponent],
|
|
763
855
|
}]
|
|
@@ -775,9 +867,9 @@
|
|
|
775
867
|
};
|
|
776
868
|
return SkyHelpInlineComponent;
|
|
777
869
|
}());
|
|
778
|
-
SkyHelpInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
779
|
-
SkyHelpInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
780
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
870
|
+
SkyHelpInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
871
|
+
SkyHelpInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
|
|
872
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineComponent, decorators: [{
|
|
781
873
|
type: i0.Component,
|
|
782
874
|
args: [{
|
|
783
875
|
selector: 'sky-help-inline',
|
|
@@ -793,29 +885,29 @@
|
|
|
793
885
|
}
|
|
794
886
|
return SkyHelpInlineModule;
|
|
795
887
|
}());
|
|
796
|
-
SkyHelpInlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
797
|
-
SkyHelpInlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
888
|
+
SkyHelpInlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
889
|
+
SkyHelpInlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [i1$1.CommonModule,
|
|
798
890
|
i1.SkyI18nModule,
|
|
799
891
|
SkyIconModule,
|
|
800
892
|
SkyIndicatorsResourcesModule,
|
|
801
|
-
|
|
802
|
-
SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
803
|
-
i1$
|
|
893
|
+
i3.SkyThemeModule], exports: [SkyHelpInlineComponent] });
|
|
894
|
+
SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineModule, imports: [[
|
|
895
|
+
i1$1.CommonModule,
|
|
804
896
|
i1.SkyI18nModule,
|
|
805
897
|
SkyIconModule,
|
|
806
898
|
SkyIndicatorsResourcesModule,
|
|
807
|
-
|
|
899
|
+
i3.SkyThemeModule,
|
|
808
900
|
]] });
|
|
809
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
901
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineModule, decorators: [{
|
|
810
902
|
type: i0.NgModule,
|
|
811
903
|
args: [{
|
|
812
904
|
declarations: [SkyHelpInlineComponent],
|
|
813
905
|
imports: [
|
|
814
|
-
i1$
|
|
906
|
+
i1$1.CommonModule,
|
|
815
907
|
i1.SkyI18nModule,
|
|
816
908
|
SkyIconModule,
|
|
817
909
|
SkyIndicatorsResourcesModule,
|
|
818
|
-
|
|
910
|
+
i3.SkyThemeModule,
|
|
819
911
|
],
|
|
820
912
|
exports: [SkyHelpInlineComponent],
|
|
821
913
|
}]
|
|
@@ -830,9 +922,9 @@
|
|
|
830
922
|
}
|
|
831
923
|
return SkyKeyInfoLabelComponent;
|
|
832
924
|
}());
|
|
833
|
-
SkyKeyInfoLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
834
|
-
SkyKeyInfoLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
835
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
925
|
+
SkyKeyInfoLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
926
|
+
SkyKeyInfoLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
927
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, decorators: [{
|
|
836
928
|
type: i0.Component,
|
|
837
929
|
args: [{
|
|
838
930
|
selector: 'sky-key-info-label',
|
|
@@ -849,9 +941,9 @@
|
|
|
849
941
|
}
|
|
850
942
|
return SkyKeyInfoValueComponent;
|
|
851
943
|
}());
|
|
852
|
-
SkyKeyInfoValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
853
|
-
SkyKeyInfoValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
854
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
944
|
+
SkyKeyInfoValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
945
|
+
SkyKeyInfoValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
946
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, decorators: [{
|
|
855
947
|
type: i0.Component,
|
|
856
948
|
args: [{
|
|
857
949
|
selector: 'sky-key-info-value',
|
|
@@ -870,9 +962,9 @@
|
|
|
870
962
|
}
|
|
871
963
|
return SkyKeyInfoComponent;
|
|
872
964
|
}());
|
|
873
|
-
SkyKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
874
|
-
SkyKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
875
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
965
|
+
SkyKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
966
|
+
SkyKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
967
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoComponent, decorators: [{
|
|
876
968
|
type: i0.Component,
|
|
877
969
|
args: [{
|
|
878
970
|
selector: 'sky-key-info',
|
|
@@ -888,14 +980,14 @@
|
|
|
888
980
|
}
|
|
889
981
|
return SkyKeyInfoModule;
|
|
890
982
|
}());
|
|
891
|
-
SkyKeyInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
892
|
-
SkyKeyInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
983
|
+
SkyKeyInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
984
|
+
SkyKeyInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
893
985
|
SkyKeyInfoLabelComponent,
|
|
894
|
-
SkyKeyInfoValueComponent], imports: [i1$
|
|
986
|
+
SkyKeyInfoValueComponent], imports: [i1$1.CommonModule], exports: [SkyKeyInfoComponent,
|
|
895
987
|
SkyKeyInfoLabelComponent,
|
|
896
988
|
SkyKeyInfoValueComponent] });
|
|
897
|
-
SkyKeyInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
898
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
989
|
+
SkyKeyInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoModule, imports: [[i1$1.CommonModule]] });
|
|
990
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoModule, decorators: [{
|
|
899
991
|
type: i0.NgModule,
|
|
900
992
|
args: [{
|
|
901
993
|
declarations: [
|
|
@@ -903,7 +995,7 @@
|
|
|
903
995
|
SkyKeyInfoLabelComponent,
|
|
904
996
|
SkyKeyInfoValueComponent,
|
|
905
997
|
],
|
|
906
|
-
imports: [i1$
|
|
998
|
+
imports: [i1$1.CommonModule],
|
|
907
999
|
exports: [
|
|
908
1000
|
SkyKeyInfoComponent,
|
|
909
1001
|
SkyKeyInfoLabelComponent,
|
|
@@ -938,9 +1030,9 @@
|
|
|
938
1030
|
};
|
|
939
1031
|
return SkyLabelComponent;
|
|
940
1032
|
}());
|
|
941
|
-
SkyLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
942
|
-
SkyLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
943
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1033
|
+
SkyLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1034
|
+
SkyLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1035
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelComponent, decorators: [{
|
|
944
1036
|
type: i0.Component,
|
|
945
1037
|
args: [{
|
|
946
1038
|
selector: 'sky-label',
|
|
@@ -956,14 +1048,14 @@
|
|
|
956
1048
|
}
|
|
957
1049
|
return SkyLabelModule;
|
|
958
1050
|
}());
|
|
959
|
-
SkyLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
960
|
-
SkyLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
961
|
-
SkyLabelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
962
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1051
|
+
SkyLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1052
|
+
SkyLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [i1$1.CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
|
|
1053
|
+
SkyLabelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelModule, imports: [[i1$1.CommonModule, SkyIconModule]] });
|
|
1054
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelModule, decorators: [{
|
|
963
1055
|
type: i0.NgModule,
|
|
964
1056
|
args: [{
|
|
965
1057
|
declarations: [SkyLabelComponent],
|
|
966
|
-
imports: [i1$
|
|
1058
|
+
imports: [i1$1.CommonModule, SkyIconModule],
|
|
967
1059
|
exports: [SkyLabelComponent],
|
|
968
1060
|
}]
|
|
969
1061
|
}] });
|
|
@@ -1055,9 +1147,9 @@
|
|
|
1055
1147
|
};
|
|
1056
1148
|
return SkyStatusIndicatorComponent;
|
|
1057
1149
|
}());
|
|
1058
|
-
SkyStatusIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1059
|
-
SkyStatusIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1060
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1150
|
+
SkyStatusIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1151
|
+
SkyStatusIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1152
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, decorators: [{
|
|
1061
1153
|
type: i0.Component,
|
|
1062
1154
|
args: [{
|
|
1063
1155
|
selector: 'sky-status-indicator',
|
|
@@ -1065,7 +1157,7 @@
|
|
|
1065
1157
|
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"],
|
|
1066
1158
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1067
1159
|
}]
|
|
1068
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$
|
|
1160
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
|
|
1069
1161
|
type: i0.Input
|
|
1070
1162
|
}], descriptionType: [{
|
|
1071
1163
|
type: i0.Input
|
|
@@ -1078,23 +1170,23 @@
|
|
|
1078
1170
|
}
|
|
1079
1171
|
return SkyStatusIndicatorModule;
|
|
1080
1172
|
}());
|
|
1081
|
-
SkyStatusIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1082
|
-
SkyStatusIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1173
|
+
SkyStatusIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1174
|
+
SkyStatusIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [i1$1.CommonModule,
|
|
1083
1175
|
i1.SkyI18nModule,
|
|
1084
1176
|
SkyIconModule,
|
|
1085
1177
|
SkyIndicatorsResourcesModule], exports: [SkyStatusIndicatorComponent] });
|
|
1086
|
-
SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1087
|
-
i1$
|
|
1178
|
+
SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorModule, imports: [[
|
|
1179
|
+
i1$1.CommonModule,
|
|
1088
1180
|
i1.SkyI18nModule,
|
|
1089
1181
|
SkyIconModule,
|
|
1090
1182
|
SkyIndicatorsResourcesModule,
|
|
1091
1183
|
]] });
|
|
1092
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1184
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorModule, decorators: [{
|
|
1093
1185
|
type: i0.NgModule,
|
|
1094
1186
|
args: [{
|
|
1095
1187
|
declarations: [SkyStatusIndicatorComponent],
|
|
1096
1188
|
imports: [
|
|
1097
|
-
i1$
|
|
1189
|
+
i1$1.CommonModule,
|
|
1098
1190
|
i1.SkyI18nModule,
|
|
1099
1191
|
SkyIconModule,
|
|
1100
1192
|
SkyIndicatorsResourcesModule,
|
|
@@ -1247,14 +1339,14 @@
|
|
|
1247
1339
|
};
|
|
1248
1340
|
return SkyTextHighlightDirective;
|
|
1249
1341
|
}());
|
|
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.
|
|
1342
|
+
SkyTextHighlightDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$2.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
1343
|
+
SkyTextHighlightDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.15", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0__namespace });
|
|
1344
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightDirective, decorators: [{
|
|
1253
1345
|
type: i0.Directive,
|
|
1254
1346
|
args: [{
|
|
1255
1347
|
selector: '[skyHighlight]',
|
|
1256
1348
|
}]
|
|
1257
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$
|
|
1349
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$2.MutationObserverService }]; }, propDecorators: { skyHighlight: [{
|
|
1258
1350
|
type: i0.Input
|
|
1259
1351
|
}] } });
|
|
1260
1352
|
|
|
@@ -1263,15 +1355,15 @@
|
|
|
1263
1355
|
}
|
|
1264
1356
|
return SkyTextHighlightModule;
|
|
1265
1357
|
}());
|
|
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
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1358
|
+
SkyTextHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1359
|
+
SkyTextHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
|
|
1360
|
+
SkyTextHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightModule, providers: [i1$2.MutationObserverService] });
|
|
1361
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightModule, decorators: [{
|
|
1270
1362
|
type: i0.NgModule,
|
|
1271
1363
|
args: [{
|
|
1272
1364
|
declarations: [SkyTextHighlightDirective],
|
|
1273
1365
|
exports: [SkyTextHighlightDirective],
|
|
1274
|
-
providers: [i1$
|
|
1366
|
+
providers: [i1$2.MutationObserverService],
|
|
1275
1367
|
}]
|
|
1276
1368
|
}] });
|
|
1277
1369
|
|
|
@@ -1366,23 +1458,29 @@
|
|
|
1366
1458
|
SkyTokenComponent.prototype.focusElement = function () {
|
|
1367
1459
|
this.elementRef.nativeElement.querySelector('.sky-token').focus();
|
|
1368
1460
|
};
|
|
1461
|
+
SkyTokenComponent.prototype.setTokenActive = function (tokenActive) {
|
|
1462
|
+
this.tokenActive = tokenActive;
|
|
1463
|
+
};
|
|
1464
|
+
SkyTokenComponent.prototype.setCloseActive = function (closeActive) {
|
|
1465
|
+
this.closeActive = closeActive;
|
|
1466
|
+
};
|
|
1369
1467
|
SkyTokenComponent.prototype.getString = function (key) {
|
|
1370
1468
|
// TODO: Need to implement the async `getString` method in a breaking change.
|
|
1371
1469
|
return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
|
|
1372
1470
|
};
|
|
1373
1471
|
return SkyTokenComponent;
|
|
1374
1472
|
}());
|
|
1375
|
-
SkyTokenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1376
|
-
SkyTokenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1377
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1473
|
+
SkyTokenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokenComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$1.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1474
|
+
SkyTokenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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)=\"setTokenActive(false)\"\n (focus)=\"tokenFocus.emit()\"\n (mousedown)=\"setTokenActive(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)=\"setCloseActive(false)\"\n (mousedown)=\"setCloseActive(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.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1475
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokenComponent, decorators: [{
|
|
1378
1476
|
type: i0.Component,
|
|
1379
1477
|
args: [{
|
|
1380
1478
|
selector: 'sky-token',
|
|
1381
|
-
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)=\"
|
|
1479
|
+
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)=\"setTokenActive(false)\"\n (focus)=\"tokenFocus.emit()\"\n (mousedown)=\"setTokenActive(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)=\"setCloseActive(false)\"\n (mousedown)=\"setCloseActive(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",
|
|
1382
1480
|
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"],
|
|
1383
1481
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1384
1482
|
}]
|
|
1385
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$
|
|
1483
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$1.SkyLibResourcesService }]; }, propDecorators: { disabled: [{
|
|
1386
1484
|
type: i0.Input
|
|
1387
1485
|
}], ariaLabel: [{
|
|
1388
1486
|
type: i0.Input
|
|
@@ -1669,8 +1767,8 @@
|
|
|
1669
1767
|
};
|
|
1670
1768
|
return SkyTokensComponent;
|
|
1671
1769
|
}());
|
|
1672
|
-
SkyTokensComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1673
|
-
SkyTokensComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1770
|
+
SkyTokensComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1771
|
+
SkyTokensComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
1674
1772
|
animations.trigger('blockAnimationOnLoad', [animations.transition(':enter', [])]),
|
|
1675
1773
|
animations.trigger('dismiss', [
|
|
1676
1774
|
animations.transition(':enter', [
|
|
@@ -1691,7 +1789,7 @@
|
|
|
1691
1789
|
]),
|
|
1692
1790
|
]),
|
|
1693
1791
|
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1694
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1792
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensComponent, decorators: [{
|
|
1695
1793
|
type: i0.Component,
|
|
1696
1794
|
args: [{
|
|
1697
1795
|
selector: 'sky-tokens',
|
|
@@ -1752,23 +1850,23 @@
|
|
|
1752
1850
|
}
|
|
1753
1851
|
return SkyTokensModule;
|
|
1754
1852
|
}());
|
|
1755
|
-
SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1756
|
-
SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1853
|
+
SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1854
|
+
SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [i1$1.CommonModule,
|
|
1757
1855
|
i1.SkyI18nModule,
|
|
1758
1856
|
SkyIconModule,
|
|
1759
1857
|
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
|
|
1760
|
-
SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1761
|
-
i1$
|
|
1858
|
+
SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensModule, imports: [[
|
|
1859
|
+
i1$1.CommonModule,
|
|
1762
1860
|
i1.SkyI18nModule,
|
|
1763
1861
|
SkyIconModule,
|
|
1764
1862
|
SkyIndicatorsResourcesModule,
|
|
1765
1863
|
]] });
|
|
1766
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1864
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensModule, decorators: [{
|
|
1767
1865
|
type: i0.NgModule,
|
|
1768
1866
|
args: [{
|
|
1769
1867
|
declarations: [SkyTokenComponent, SkyTokensComponent],
|
|
1770
1868
|
imports: [
|
|
1771
|
-
i1$
|
|
1869
|
+
i1$1.CommonModule,
|
|
1772
1870
|
i1.SkyI18nModule,
|
|
1773
1871
|
SkyIconModule,
|
|
1774
1872
|
SkyIndicatorsResourcesModule,
|
|
@@ -1996,9 +2094,9 @@
|
|
|
1996
2094
|
}());
|
|
1997
2095
|
SkyWaitAdapterService.isPageWaitActive = false;
|
|
1998
2096
|
SkyWaitAdapterService.busyElements = {};
|
|
1999
|
-
SkyWaitAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2000
|
-
SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2001
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2097
|
+
SkyWaitAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2098
|
+
SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitAdapterService });
|
|
2099
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitAdapterService, decorators: [{
|
|
2002
2100
|
type: i0.Injectable
|
|
2003
2101
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
2004
2102
|
|
|
@@ -2076,9 +2174,9 @@
|
|
|
2076
2174
|
};
|
|
2077
2175
|
return SkyWaitComponent;
|
|
2078
2176
|
}());
|
|
2079
|
-
SkyWaitComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2080
|
-
SkyWaitComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2081
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2177
|
+
SkyWaitComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitComponent, deps: [{ token: i0__namespace.ElementRef }, { token: SkyWaitAdapterService }, { token: i1__namespace$1.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2178
|
+
SkyWaitComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1__namespace.AsyncPipe } });
|
|
2179
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitComponent, decorators: [{
|
|
2082
2180
|
type: i0.Component,
|
|
2083
2181
|
args: [{
|
|
2084
2182
|
selector: 'sky-wait',
|
|
@@ -2087,7 +2185,7 @@
|
|
|
2087
2185
|
providers: [SkyWaitAdapterService],
|
|
2088
2186
|
}]
|
|
2089
2187
|
}], ctorParameters: function () {
|
|
2090
|
-
return [{ type: i0__namespace.ElementRef }, { type: SkyWaitAdapterService }, { type: i1__namespace$
|
|
2188
|
+
return [{ type: i0__namespace.ElementRef }, { type: SkyWaitAdapterService }, { type: i1__namespace$1.SkyLibResourcesService, decorators: [{
|
|
2091
2189
|
type: i0.Optional
|
|
2092
2190
|
}] }];
|
|
2093
2191
|
}, propDecorators: { ariaLabel: [{
|
|
@@ -2108,9 +2206,9 @@
|
|
|
2108
2206
|
}
|
|
2109
2207
|
return SkyWaitPageComponent;
|
|
2110
2208
|
}());
|
|
2111
|
-
SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2112
|
-
SkyWaitPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2113
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2209
|
+
SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2210
|
+
SkyWaitPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", 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"] }] });
|
|
2211
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageComponent, decorators: [{
|
|
2114
2212
|
type: i0.Component,
|
|
2115
2213
|
args: [{
|
|
2116
2214
|
selector: 'sky-wait-page',
|
|
@@ -2128,14 +2226,14 @@
|
|
|
2128
2226
|
}
|
|
2129
2227
|
return SkyWaitModule;
|
|
2130
2228
|
}());
|
|
2131
|
-
SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2132
|
-
SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2133
|
-
SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2134
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2229
|
+
SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2230
|
+
SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [i1$1.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
2231
|
+
SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitModule, imports: [[i1$1.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule]] });
|
|
2232
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitModule, decorators: [{
|
|
2135
2233
|
type: i0.NgModule,
|
|
2136
2234
|
args: [{
|
|
2137
2235
|
declarations: [SkyWaitComponent, SkyWaitPageComponent],
|
|
2138
|
-
imports: [i1$
|
|
2236
|
+
imports: [i1$1.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule],
|
|
2139
2237
|
exports: [SkyWaitComponent],
|
|
2140
2238
|
entryComponents: [SkyWaitPageComponent],
|
|
2141
2239
|
}]
|
|
@@ -2158,9 +2256,9 @@
|
|
|
2158
2256
|
};
|
|
2159
2257
|
return SkyWaitPageAdapterService;
|
|
2160
2258
|
}());
|
|
2161
|
-
SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2162
|
-
SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2163
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2259
|
+
SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2260
|
+
SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageAdapterService, providedIn: 'root' });
|
|
2261
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageAdapterService, decorators: [{
|
|
2164
2262
|
type: i0.Injectable,
|
|
2165
2263
|
args: [{
|
|
2166
2264
|
providedIn: 'root',
|
|
@@ -2317,14 +2415,14 @@
|
|
|
2317
2415
|
}());
|
|
2318
2416
|
SkyWaitService.pageWaitBlockingCount = 0;
|
|
2319
2417
|
SkyWaitService.pageWaitNonBlockingCount = 0;
|
|
2320
|
-
SkyWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2321
|
-
SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2322
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2418
|
+
SkyWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitService, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: SkyWaitPageAdapterService }, { token: i1__namespace$2.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2419
|
+
SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitService, providedIn: 'root' });
|
|
2420
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitService, decorators: [{
|
|
2323
2421
|
type: i0.Injectable,
|
|
2324
2422
|
args: [{
|
|
2325
2423
|
providedIn: 'root',
|
|
2326
2424
|
}]
|
|
2327
|
-
}], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i1__namespace$
|
|
2425
|
+
}], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i1__namespace$2.SkyAppWindowRef }]; } });
|
|
2328
2426
|
|
|
2329
2427
|
/**
|
|
2330
2428
|
* Generated bundle index. Do not edit.
|
|
@@ -2332,6 +2430,7 @@
|
|
|
2332
2430
|
|
|
2333
2431
|
exports.SkyAlertModule = SkyAlertModule;
|
|
2334
2432
|
exports.SkyChevronModule = SkyChevronModule;
|
|
2433
|
+
exports.SkyExpansionIndicatorModule = SkyExpansionIndicatorModule;
|
|
2335
2434
|
exports.SkyHelpInlineModule = SkyHelpInlineModule;
|
|
2336
2435
|
exports.SkyIconModule = SkyIconModule;
|
|
2337
2436
|
exports.SkyKeyInfoModule = SkyKeyInfoModule;
|
|
@@ -2347,6 +2446,7 @@
|
|
|
2347
2446
|
exports["λ12"] = SkyTokenComponent;
|
|
2348
2447
|
exports["λ13"] = SkyTokensComponent;
|
|
2349
2448
|
exports["λ14"] = SkyWaitComponent;
|
|
2449
|
+
exports["λ15"] = SkyExpansionIndicatorComponent;
|
|
2350
2450
|
exports["λ2"] = SkyChevronComponent;
|
|
2351
2451
|
exports["λ3"] = SkyHelpInlineComponent;
|
|
2352
2452
|
exports["λ4"] = SkyIconComponent;
|