@skyux/indicators 5.0.3 → 5.2.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 +198 -141
- package/documentation.json +719 -453
- 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 +36 -9
- package/esm2015/modules/chevron/chevron.module.js +4 -4
- 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 +50 -33
- 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/fesm2015/skyux-indicators.js +188 -139
- package/fesm2015/skyux-indicators.js.map +1 -1
- package/modules/chevron/chevron.component.d.ts +26 -3
- package/modules/text-highlight/text-highlight.directive.d.ts +2 -2
- package/modules/tokens/token.component.d.ts +2 -0
- package/package.json +4 -4
- package/bundles/skyux-indicators-testing.umd.js.map +0 -1
- package/bundles/skyux-indicators.umd.js.map +0 -1
|
@@ -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,9 +451,9 @@
|
|
|
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: i1__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',
|
|
@@ -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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyIconClassList": SkyIconClassListPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.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,10 +555,10 @@
|
|
|
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$2.CommonModule, i1$1.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$2.CommonModule, i1$1.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],
|
|
@@ -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: i1__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i1__namespace$2.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,20 +673,20 @@
|
|
|
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$2.CommonModule,
|
|
680
678
|
i1.SkyI18nModule,
|
|
681
679
|
SkyIconModule,
|
|
682
680
|
SkyIndicatorsResourcesModule,
|
|
683
681
|
i1$1.SkyThemeModule], exports: [SkyAlertComponent] });
|
|
684
|
-
SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
682
|
+
SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyAlertModule, imports: [[
|
|
685
683
|
i1$2.CommonModule,
|
|
686
684
|
i1.SkyI18nModule,
|
|
687
685
|
SkyIconModule,
|
|
688
686
|
SkyIndicatorsResourcesModule,
|
|
689
687
|
i1$1.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],
|
|
@@ -705,10 +703,38 @@
|
|
|
705
703
|
|
|
706
704
|
var SkyChevronComponent = /** @class */ (function () {
|
|
707
705
|
function SkyChevronComponent() {
|
|
708
|
-
|
|
709
|
-
|
|
706
|
+
/**
|
|
707
|
+
* Indicates whether to disable the chevron button.
|
|
708
|
+
*/
|
|
710
709
|
this.disabled = false;
|
|
710
|
+
/**
|
|
711
|
+
* Fires when the direction of the chevron changes.
|
|
712
|
+
*/
|
|
713
|
+
this.directionChange = new i0.EventEmitter();
|
|
711
714
|
}
|
|
715
|
+
Object.defineProperty(SkyChevronComponent.prototype, "direction", {
|
|
716
|
+
get: function () {
|
|
717
|
+
return this._direction || 'up';
|
|
718
|
+
},
|
|
719
|
+
/**
|
|
720
|
+
* Specifies whether the chevron points up or down.
|
|
721
|
+
*/
|
|
722
|
+
set: function (value) {
|
|
723
|
+
/* istanbul ignore else */
|
|
724
|
+
if (value != this._direction) {
|
|
725
|
+
this._direction = value;
|
|
726
|
+
/* istanbul ignore else */
|
|
727
|
+
if (value === 'up') {
|
|
728
|
+
this.ariaExpanded = true;
|
|
729
|
+
}
|
|
730
|
+
else if (this.direction === 'down') {
|
|
731
|
+
this.ariaExpanded = false;
|
|
732
|
+
}
|
|
733
|
+
}
|
|
734
|
+
},
|
|
735
|
+
enumerable: false,
|
|
736
|
+
configurable: true
|
|
737
|
+
});
|
|
712
738
|
SkyChevronComponent.prototype.chevronClick = function (event) {
|
|
713
739
|
event.stopPropagation();
|
|
714
740
|
this.direction = this.direction === 'up' ? 'down' : 'up';
|
|
@@ -716,21 +742,25 @@
|
|
|
716
742
|
};
|
|
717
743
|
return SkyChevronComponent;
|
|
718
744
|
}());
|
|
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.
|
|
745
|
+
SkyChevronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
746
|
+
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 <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"chevron-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</button>\n\n<ng-template #icon>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-left\"> </i>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-right\"> </i>\n</ng-template>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}.sky-chevron-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-chevron-up .sky-chevron-left{left:7px;transform:rotate(-45deg)}.sky-chevron-up .sky-chevron-right{left:7px;transform:rotate(45deg)}.sky-chevron-down .sky-chevron-left{left:2px;transform:rotate(45deg)}.sky-chevron-down .sky-chevron-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-chevron{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-chevron-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .chevron-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-chevron-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-chevron-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-chevron-left{left:4px}:host-context(.sky-theme-modern) .sky-chevron-right{left:10.5px}.sky-theme-modern .sky-chevron{height:26px;width:26px}.sky-theme-modern .sky-chevron-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .chevron-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-chevron-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-chevron-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-chevron-left{left:4px}.sky-theme-modern .sky-chevron-right{left:10.5px}\n"], directives: [{ type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i1__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
747
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronComponent, decorators: [{
|
|
722
748
|
type: i0.Component,
|
|
723
749
|
args: [{
|
|
724
750
|
selector: 'sky-chevron',
|
|
725
751
|
styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}.sky-chevron-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-chevron-up .sky-chevron-left{left:7px;transform:rotate(-45deg)}.sky-chevron-up .sky-chevron-right{left:7px;transform:rotate(45deg)}.sky-chevron-down .sky-chevron-left{left:2px;transform:rotate(45deg)}.sky-chevron-down .sky-chevron-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-chevron{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-chevron-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .chevron-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-chevron-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-chevron-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-chevron-left{left:4px}:host-context(.sky-theme-modern) .sky-chevron-right{left:10.5px}.sky-theme-modern .sky-chevron{height:26px;width:26px}.sky-theme-modern .sky-chevron-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .chevron-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-chevron-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-chevron-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-chevron-left{left:4px}.sky-theme-modern .sky-chevron-right{left:10.5px}\n"],
|
|
726
|
-
template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-
|
|
752
|
+
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 <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"chevron-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</button>\n\n<ng-template #icon>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-left\"> </i>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-right\"> </i>\n</ng-template>\n",
|
|
727
753
|
}]
|
|
728
|
-
}], propDecorators: {
|
|
729
|
-
type: i0.
|
|
754
|
+
}], propDecorators: { ariaControls: [{
|
|
755
|
+
type: i0.Input
|
|
756
|
+
}], ariaLabel: [{
|
|
757
|
+
type: i0.Input
|
|
730
758
|
}], direction: [{
|
|
731
759
|
type: i0.Input
|
|
732
760
|
}], disabled: [{
|
|
733
761
|
type: i0.Input
|
|
762
|
+
}], directionChange: [{
|
|
763
|
+
type: i0.Output
|
|
734
764
|
}] } });
|
|
735
765
|
|
|
736
766
|
var SkyChevronModule = /** @class */ (function () {
|
|
@@ -738,18 +768,18 @@
|
|
|
738
768
|
}
|
|
739
769
|
return SkyChevronModule;
|
|
740
770
|
}());
|
|
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.
|
|
771
|
+
SkyChevronModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
772
|
+
SkyChevronModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [i1$2.CommonModule,
|
|
743
773
|
i1.SkyI18nModule,
|
|
744
774
|
SkyIndicatorsResourcesModule,
|
|
745
775
|
i1$1.SkyThemeModule], exports: [SkyChevronComponent] });
|
|
746
|
-
SkyChevronModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
776
|
+
SkyChevronModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronModule, imports: [[
|
|
747
777
|
i1$2.CommonModule,
|
|
748
778
|
i1.SkyI18nModule,
|
|
749
779
|
SkyIndicatorsResourcesModule,
|
|
750
780
|
i1$1.SkyThemeModule,
|
|
751
781
|
]] });
|
|
752
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
782
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyChevronModule, decorators: [{
|
|
753
783
|
type: i0.NgModule,
|
|
754
784
|
args: [{
|
|
755
785
|
declarations: [SkyChevronComponent],
|
|
@@ -775,9 +805,9 @@
|
|
|
775
805
|
};
|
|
776
806
|
return SkyHelpInlineComponent;
|
|
777
807
|
}());
|
|
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.
|
|
808
|
+
SkyHelpInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
809
|
+
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: i1__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i1__namespace$2.SkyLibResourcesPipe } });
|
|
810
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineComponent, decorators: [{
|
|
781
811
|
type: i0.Component,
|
|
782
812
|
args: [{
|
|
783
813
|
selector: 'sky-help-inline',
|
|
@@ -793,20 +823,20 @@
|
|
|
793
823
|
}
|
|
794
824
|
return SkyHelpInlineModule;
|
|
795
825
|
}());
|
|
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.
|
|
826
|
+
SkyHelpInlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
827
|
+
SkyHelpInlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [i1$2.CommonModule,
|
|
798
828
|
i1.SkyI18nModule,
|
|
799
829
|
SkyIconModule,
|
|
800
830
|
SkyIndicatorsResourcesModule,
|
|
801
831
|
i1$1.SkyThemeModule], exports: [SkyHelpInlineComponent] });
|
|
802
|
-
SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
832
|
+
SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineModule, imports: [[
|
|
803
833
|
i1$2.CommonModule,
|
|
804
834
|
i1.SkyI18nModule,
|
|
805
835
|
SkyIconModule,
|
|
806
836
|
SkyIndicatorsResourcesModule,
|
|
807
837
|
i1$1.SkyThemeModule,
|
|
808
838
|
]] });
|
|
809
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
839
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyHelpInlineModule, decorators: [{
|
|
810
840
|
type: i0.NgModule,
|
|
811
841
|
args: [{
|
|
812
842
|
declarations: [SkyHelpInlineComponent],
|
|
@@ -830,9 +860,9 @@
|
|
|
830
860
|
}
|
|
831
861
|
return SkyKeyInfoLabelComponent;
|
|
832
862
|
}());
|
|
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.
|
|
863
|
+
SkyKeyInfoLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
864
|
+
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 });
|
|
865
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, decorators: [{
|
|
836
866
|
type: i0.Component,
|
|
837
867
|
args: [{
|
|
838
868
|
selector: 'sky-key-info-label',
|
|
@@ -849,9 +879,9 @@
|
|
|
849
879
|
}
|
|
850
880
|
return SkyKeyInfoValueComponent;
|
|
851
881
|
}());
|
|
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.
|
|
882
|
+
SkyKeyInfoValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
883
|
+
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 });
|
|
884
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, decorators: [{
|
|
855
885
|
type: i0.Component,
|
|
856
886
|
args: [{
|
|
857
887
|
selector: 'sky-key-info-value',
|
|
@@ -870,9 +900,9 @@
|
|
|
870
900
|
}
|
|
871
901
|
return SkyKeyInfoComponent;
|
|
872
902
|
}());
|
|
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.
|
|
903
|
+
SkyKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
904
|
+
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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
905
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoComponent, decorators: [{
|
|
876
906
|
type: i0.Component,
|
|
877
907
|
args: [{
|
|
878
908
|
selector: 'sky-key-info',
|
|
@@ -888,14 +918,14 @@
|
|
|
888
918
|
}
|
|
889
919
|
return SkyKeyInfoModule;
|
|
890
920
|
}());
|
|
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.
|
|
921
|
+
SkyKeyInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
922
|
+
SkyKeyInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
893
923
|
SkyKeyInfoLabelComponent,
|
|
894
924
|
SkyKeyInfoValueComponent], imports: [i1$2.CommonModule], exports: [SkyKeyInfoComponent,
|
|
895
925
|
SkyKeyInfoLabelComponent,
|
|
896
926
|
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.
|
|
927
|
+
SkyKeyInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoModule, imports: [[i1$2.CommonModule]] });
|
|
928
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyKeyInfoModule, decorators: [{
|
|
899
929
|
type: i0.NgModule,
|
|
900
930
|
args: [{
|
|
901
931
|
declarations: [
|
|
@@ -938,9 +968,9 @@
|
|
|
938
968
|
};
|
|
939
969
|
return SkyLabelComponent;
|
|
940
970
|
}());
|
|
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.
|
|
971
|
+
SkyLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
972
|
+
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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
973
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelComponent, decorators: [{
|
|
944
974
|
type: i0.Component,
|
|
945
975
|
args: [{
|
|
946
976
|
selector: 'sky-label',
|
|
@@ -956,10 +986,10 @@
|
|
|
956
986
|
}
|
|
957
987
|
return SkyLabelModule;
|
|
958
988
|
}());
|
|
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.
|
|
989
|
+
SkyLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
990
|
+
SkyLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [i1$2.CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
|
|
991
|
+
SkyLabelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelModule, imports: [[i1$2.CommonModule, SkyIconModule]] });
|
|
992
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyLabelModule, decorators: [{
|
|
963
993
|
type: i0.NgModule,
|
|
964
994
|
args: [{
|
|
965
995
|
declarations: [SkyLabelComponent],
|
|
@@ -1055,9 +1085,9 @@
|
|
|
1055
1085
|
};
|
|
1056
1086
|
return SkyStatusIndicatorComponent;
|
|
1057
1087
|
}());
|
|
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.
|
|
1088
|
+
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$2.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1089
|
+
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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1090
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, decorators: [{
|
|
1061
1091
|
type: i0.Component,
|
|
1062
1092
|
args: [{
|
|
1063
1093
|
selector: 'sky-status-indicator',
|
|
@@ -1078,18 +1108,18 @@
|
|
|
1078
1108
|
}
|
|
1079
1109
|
return SkyStatusIndicatorModule;
|
|
1080
1110
|
}());
|
|
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.
|
|
1111
|
+
SkyStatusIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1112
|
+
SkyStatusIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [i1$2.CommonModule,
|
|
1083
1113
|
i1.SkyI18nModule,
|
|
1084
1114
|
SkyIconModule,
|
|
1085
1115
|
SkyIndicatorsResourcesModule], exports: [SkyStatusIndicatorComponent] });
|
|
1086
|
-
SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1116
|
+
SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorModule, imports: [[
|
|
1087
1117
|
i1$2.CommonModule,
|
|
1088
1118
|
i1.SkyI18nModule,
|
|
1089
1119
|
SkyIconModule,
|
|
1090
1120
|
SkyIndicatorsResourcesModule,
|
|
1091
1121
|
]] });
|
|
1092
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1122
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyStatusIndicatorModule, decorators: [{
|
|
1093
1123
|
type: i0.NgModule,
|
|
1094
1124
|
args: [{
|
|
1095
1125
|
declarations: [SkyStatusIndicatorComponent],
|
|
@@ -1118,6 +1148,28 @@
|
|
|
1118
1148
|
this.observerService = observerService;
|
|
1119
1149
|
this.existingHighlight = false;
|
|
1120
1150
|
}
|
|
1151
|
+
Object.defineProperty(SkyTextHighlightDirective.prototype, "skyHighlight", {
|
|
1152
|
+
/**
|
|
1153
|
+
* Specifies the text to highlight.
|
|
1154
|
+
*/
|
|
1155
|
+
set: function (value) {
|
|
1156
|
+
value = value || [];
|
|
1157
|
+
this._skyHighlight = [];
|
|
1158
|
+
if (Array.isArray(value)) {
|
|
1159
|
+
this._skyHighlight = value.filter(function (item) { return !!item; });
|
|
1160
|
+
// Reorder strings by their length in descending order to avoid missing matches
|
|
1161
|
+
// that contain substrings of other matches.
|
|
1162
|
+
this._skyHighlight.sort(function (a, b) {
|
|
1163
|
+
return b.length - a.length;
|
|
1164
|
+
});
|
|
1165
|
+
}
|
|
1166
|
+
else {
|
|
1167
|
+
this._skyHighlight = [value];
|
|
1168
|
+
}
|
|
1169
|
+
},
|
|
1170
|
+
enumerable: false,
|
|
1171
|
+
configurable: true
|
|
1172
|
+
});
|
|
1121
1173
|
SkyTextHighlightDirective.prototype.ngOnChanges = function (changes) {
|
|
1122
1174
|
if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
|
|
1123
1175
|
this.highlight();
|
|
@@ -1129,7 +1181,7 @@
|
|
|
1129
1181
|
self.highlight();
|
|
1130
1182
|
});
|
|
1131
1183
|
this.observeDom();
|
|
1132
|
-
if (this.
|
|
1184
|
+
if (this._skyHighlight && this._skyHighlight.length > 0) {
|
|
1133
1185
|
this.highlight();
|
|
1134
1186
|
}
|
|
1135
1187
|
};
|
|
@@ -1140,14 +1192,14 @@
|
|
|
1140
1192
|
}
|
|
1141
1193
|
};
|
|
1142
1194
|
SkyTextHighlightDirective.prototype.readyForHighlight = function (searchText) {
|
|
1143
|
-
return searchText && this.el.nativeElement;
|
|
1195
|
+
return searchText && searchText.length > 0 && this.el.nativeElement;
|
|
1144
1196
|
};
|
|
1145
1197
|
SkyTextHighlightDirective.prototype.highlight = function () {
|
|
1146
1198
|
/* istanbul ignore else */
|
|
1147
1199
|
if (this.observer) {
|
|
1148
1200
|
this.observer.disconnect();
|
|
1149
1201
|
}
|
|
1150
|
-
var searchText = this.
|
|
1202
|
+
var searchText = this._skyHighlight;
|
|
1151
1203
|
if (this.existingHighlight) {
|
|
1152
1204
|
SkyTextHighlightDirective.removeHighlight(this.el);
|
|
1153
1205
|
}
|
|
@@ -1174,39 +1226,38 @@
|
|
|
1174
1226
|
SkyTextHighlightDirective.cleanRegex = function (regex) {
|
|
1175
1227
|
return regex.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
|
|
1176
1228
|
};
|
|
1177
|
-
SkyTextHighlightDirective.
|
|
1178
|
-
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1183
|
-
|
|
1184
|
-
|
|
1185
|
-
|
|
1186
|
-
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
|
|
1193
|
-
|
|
1194
|
-
|
|
1195
|
-
|
|
1196
|
-
|
|
1197
|
-
|
|
1198
|
-
else {
|
|
1199
|
-
return 0;
|
|
1229
|
+
SkyTextHighlightDirective.markNode = function (node, searchTerms) {
|
|
1230
|
+
/* istanbul ignore else */
|
|
1231
|
+
if (searchTerms) {
|
|
1232
|
+
var text = node.nodeValue;
|
|
1233
|
+
for (var i = 0; i < searchTerms.length; i++) {
|
|
1234
|
+
searchTerms[i] = this.cleanRegex(searchTerms[i]);
|
|
1235
|
+
}
|
|
1236
|
+
var searchRegex = new RegExp(searchTerms.join('|'), 'gi');
|
|
1237
|
+
var match = searchRegex.exec(text);
|
|
1238
|
+
if (match) {
|
|
1239
|
+
// Split apart text node with mark tags in the middle on the search term.
|
|
1240
|
+
var matchIndex = match.index;
|
|
1241
|
+
var middle = node.splitText(matchIndex);
|
|
1242
|
+
middle.splitText(searchRegex.lastIndex - matchIndex);
|
|
1243
|
+
var middleClone = middle.cloneNode(true);
|
|
1244
|
+
var markNode = document.createElement('mark');
|
|
1245
|
+
markNode.className = className;
|
|
1246
|
+
markNode.appendChild(middleClone);
|
|
1247
|
+
middle.parentNode.replaceChild(markNode, middle);
|
|
1248
|
+
return 1;
|
|
1249
|
+
}
|
|
1200
1250
|
}
|
|
1251
|
+
return 0;
|
|
1201
1252
|
};
|
|
1202
|
-
SkyTextHighlightDirective.markTextNodes = function (node,
|
|
1253
|
+
SkyTextHighlightDirective.markTextNodes = function (node, searchTerms) {
|
|
1203
1254
|
if (node.nodeType === 3) {
|
|
1204
|
-
return SkyTextHighlightDirective.markNode(node,
|
|
1255
|
+
return SkyTextHighlightDirective.markNode(node, searchTerms);
|
|
1205
1256
|
}
|
|
1206
1257
|
else if (node.nodeType === 1 && node.childNodes) {
|
|
1207
1258
|
for (var i = 0; i < node.childNodes.length; i++) {
|
|
1208
1259
|
var childNode = node.childNodes[i];
|
|
1209
|
-
i += SkyTextHighlightDirective.markTextNodes(childNode,
|
|
1260
|
+
i += SkyTextHighlightDirective.markTextNodes(childNode, searchTerms);
|
|
1210
1261
|
}
|
|
1211
1262
|
}
|
|
1212
1263
|
return 0;
|
|
@@ -1226,9 +1277,9 @@
|
|
|
1226
1277
|
};
|
|
1227
1278
|
return SkyTextHighlightDirective;
|
|
1228
1279
|
}());
|
|
1229
|
-
SkyTextHighlightDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1230
|
-
SkyTextHighlightDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.
|
|
1231
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1280
|
+
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$3.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
1281
|
+
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 });
|
|
1282
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightDirective, decorators: [{
|
|
1232
1283
|
type: i0.Directive,
|
|
1233
1284
|
args: [{
|
|
1234
1285
|
selector: '[skyHighlight]',
|
|
@@ -1242,10 +1293,10 @@
|
|
|
1242
1293
|
}
|
|
1243
1294
|
return SkyTextHighlightModule;
|
|
1244
1295
|
}());
|
|
1245
|
-
SkyTextHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1246
|
-
SkyTextHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1247
|
-
SkyTextHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1248
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1296
|
+
SkyTextHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1297
|
+
SkyTextHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
|
|
1298
|
+
SkyTextHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightModule, providers: [i1$3.MutationObserverService] });
|
|
1299
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTextHighlightModule, decorators: [{
|
|
1249
1300
|
type: i0.NgModule,
|
|
1250
1301
|
args: [{
|
|
1251
1302
|
declarations: [SkyTextHighlightDirective],
|
|
@@ -1345,19 +1396,25 @@
|
|
|
1345
1396
|
SkyTokenComponent.prototype.focusElement = function () {
|
|
1346
1397
|
this.elementRef.nativeElement.querySelector('.sky-token').focus();
|
|
1347
1398
|
};
|
|
1399
|
+
SkyTokenComponent.prototype.setTokenActive = function (tokenActive) {
|
|
1400
|
+
this.tokenActive = tokenActive;
|
|
1401
|
+
};
|
|
1402
|
+
SkyTokenComponent.prototype.setCloseActive = function (closeActive) {
|
|
1403
|
+
this.closeActive = closeActive;
|
|
1404
|
+
};
|
|
1348
1405
|
SkyTokenComponent.prototype.getString = function (key) {
|
|
1349
1406
|
// TODO: Need to implement the async `getString` method in a breaking change.
|
|
1350
1407
|
return this.resourcesService.getStringForLocale({ locale: 'en-US' }, key);
|
|
1351
1408
|
};
|
|
1352
1409
|
return SkyTokenComponent;
|
|
1353
1410
|
}());
|
|
1354
|
-
SkyTokenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1355
|
-
SkyTokenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1356
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1411
|
+
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$2.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1412
|
+
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$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1413
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokenComponent, decorators: [{
|
|
1357
1414
|
type: i0.Component,
|
|
1358
1415
|
args: [{
|
|
1359
1416
|
selector: 'sky-token',
|
|
1360
|
-
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)=\"
|
|
1417
|
+
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",
|
|
1361
1418
|
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"],
|
|
1362
1419
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1363
1420
|
}]
|
|
@@ -1648,8 +1705,8 @@
|
|
|
1648
1705
|
};
|
|
1649
1706
|
return SkyTokensComponent;
|
|
1650
1707
|
}());
|
|
1651
|
-
SkyTokensComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1652
|
-
SkyTokensComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1708
|
+
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 });
|
|
1709
|
+
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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
|
|
1653
1710
|
animations.trigger('blockAnimationOnLoad', [animations.transition(':enter', [])]),
|
|
1654
1711
|
animations.trigger('dismiss', [
|
|
1655
1712
|
animations.transition(':enter', [
|
|
@@ -1670,7 +1727,7 @@
|
|
|
1670
1727
|
]),
|
|
1671
1728
|
]),
|
|
1672
1729
|
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1673
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1730
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensComponent, decorators: [{
|
|
1674
1731
|
type: i0.Component,
|
|
1675
1732
|
args: [{
|
|
1676
1733
|
selector: 'sky-tokens',
|
|
@@ -1731,18 +1788,18 @@
|
|
|
1731
1788
|
}
|
|
1732
1789
|
return SkyTokensModule;
|
|
1733
1790
|
}());
|
|
1734
|
-
SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1735
|
-
SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1791
|
+
SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1792
|
+
SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [i1$2.CommonModule,
|
|
1736
1793
|
i1.SkyI18nModule,
|
|
1737
1794
|
SkyIconModule,
|
|
1738
1795
|
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
|
|
1739
|
-
SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1796
|
+
SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensModule, imports: [[
|
|
1740
1797
|
i1$2.CommonModule,
|
|
1741
1798
|
i1.SkyI18nModule,
|
|
1742
1799
|
SkyIconModule,
|
|
1743
1800
|
SkyIndicatorsResourcesModule,
|
|
1744
1801
|
]] });
|
|
1745
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1802
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyTokensModule, decorators: [{
|
|
1746
1803
|
type: i0.NgModule,
|
|
1747
1804
|
args: [{
|
|
1748
1805
|
declarations: [SkyTokenComponent, SkyTokensComponent],
|
|
@@ -1975,9 +2032,9 @@
|
|
|
1975
2032
|
}());
|
|
1976
2033
|
SkyWaitAdapterService.isPageWaitActive = false;
|
|
1977
2034
|
SkyWaitAdapterService.busyElements = {};
|
|
1978
|
-
SkyWaitAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1979
|
-
SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
1980
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2035
|
+
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 });
|
|
2036
|
+
SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitAdapterService });
|
|
2037
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitAdapterService, decorators: [{
|
|
1981
2038
|
type: i0.Injectable
|
|
1982
2039
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
1983
2040
|
|
|
@@ -2055,9 +2112,9 @@
|
|
|
2055
2112
|
};
|
|
2056
2113
|
return SkyWaitComponent;
|
|
2057
2114
|
}());
|
|
2058
|
-
SkyWaitComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2059
|
-
SkyWaitComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2060
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2115
|
+
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$2.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2116
|
+
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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1__namespace$1.AsyncPipe } });
|
|
2117
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitComponent, decorators: [{
|
|
2061
2118
|
type: i0.Component,
|
|
2062
2119
|
args: [{
|
|
2063
2120
|
selector: 'sky-wait',
|
|
@@ -2087,9 +2144,9 @@
|
|
|
2087
2144
|
}
|
|
2088
2145
|
return SkyWaitPageComponent;
|
|
2089
2146
|
}());
|
|
2090
|
-
SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2091
|
-
SkyWaitPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2092
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2147
|
+
SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2148
|
+
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"] }] });
|
|
2149
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageComponent, decorators: [{
|
|
2093
2150
|
type: i0.Component,
|
|
2094
2151
|
args: [{
|
|
2095
2152
|
selector: 'sky-wait-page',
|
|
@@ -2107,10 +2164,10 @@
|
|
|
2107
2164
|
}
|
|
2108
2165
|
return SkyWaitModule;
|
|
2109
2166
|
}());
|
|
2110
|
-
SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2111
|
-
SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2112
|
-
SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
2113
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2167
|
+
SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2168
|
+
SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [i1$2.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
2169
|
+
SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitModule, imports: [[i1$2.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule]] });
|
|
2170
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitModule, decorators: [{
|
|
2114
2171
|
type: i0.NgModule,
|
|
2115
2172
|
args: [{
|
|
2116
2173
|
declarations: [SkyWaitComponent, SkyWaitPageComponent],
|
|
@@ -2137,9 +2194,9 @@
|
|
|
2137
2194
|
};
|
|
2138
2195
|
return SkyWaitPageAdapterService;
|
|
2139
2196
|
}());
|
|
2140
|
-
SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2141
|
-
SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2142
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2197
|
+
SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2198
|
+
SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageAdapterService, providedIn: 'root' });
|
|
2199
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitPageAdapterService, decorators: [{
|
|
2143
2200
|
type: i0.Injectable,
|
|
2144
2201
|
args: [{
|
|
2145
2202
|
providedIn: 'root',
|
|
@@ -2296,9 +2353,9 @@
|
|
|
2296
2353
|
}());
|
|
2297
2354
|
SkyWaitService.pageWaitBlockingCount = 0;
|
|
2298
2355
|
SkyWaitService.pageWaitNonBlockingCount = 0;
|
|
2299
|
-
SkyWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2300
|
-
SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2301
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2356
|
+
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$3.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2357
|
+
SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitService, providedIn: 'root' });
|
|
2358
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0__namespace, type: SkyWaitService, decorators: [{
|
|
2302
2359
|
type: i0.Injectable,
|
|
2303
2360
|
args: [{
|
|
2304
2361
|
providedIn: 'root',
|