@skyux/indicators 5.0.0 → 5.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/skyux-indicators-testing.umd.js +2 -2
- package/bundles/skyux-indicators-testing.umd.js.map +1 -1
- package/bundles/skyux-indicators.umd.js +343 -374
- package/bundles/skyux-indicators.umd.js.map +1 -1
- package/documentation.json +533 -499
- package/esm2015/modules/alert/alert.component.js +5 -5
- package/esm2015/modules/alert/alert.module.js +9 -13
- package/esm2015/modules/chevron/chevron.component.js +5 -5
- package/esm2015/modules/chevron/chevron.module.js +9 -13
- package/esm2015/modules/help-inline/help-inline.component.js +5 -5
- package/esm2015/modules/help-inline/help-inline.module.js +9 -13
- package/esm2015/modules/icon/icon-class-list.pipe.js +5 -5
- package/esm2015/modules/icon/icon-resolver.service.js +5 -5
- package/esm2015/modules/icon/icon-stack-item.js +1 -1
- package/esm2015/modules/icon/icon-stack.component.js +5 -5
- package/esm2015/modules/icon/icon.component.js +5 -5
- package/esm2015/modules/icon/icon.module.js +8 -25
- package/esm2015/modules/key-info/key-info-label.component.js +5 -5
- package/esm2015/modules/key-info/key-info-value.component.js +5 -5
- package/esm2015/modules/key-info/key-info.component.js +5 -5
- package/esm2015/modules/key-info/key-info.module.js +9 -13
- package/esm2015/modules/label/label.component.js +5 -5
- package/esm2015/modules/label/label.module.js +8 -19
- package/esm2015/modules/shared/indicator-description-type.js +1 -1
- package/esm2015/modules/shared/indicator-icon-utility.js +4 -4
- package/esm2015/modules/shared/indicator-icon.js +1 -1
- package/esm2015/modules/shared/sky-indicators-resources.module.js +34 -12
- package/esm2015/modules/status-indicator/status-indicator.component.js +10 -7
- package/esm2015/modules/status-indicator/status-indicator.module.js +9 -13
- package/esm2015/modules/text-highlight/text-highlight.directive.js +57 -36
- package/esm2015/modules/text-highlight/text-highlight.module.js +8 -16
- package/esm2015/modules/tokens/token.component.js +9 -9
- package/esm2015/modules/tokens/tokens.component.js +34 -35
- package/esm2015/modules/tokens/tokens.module.js +10 -18
- package/esm2015/modules/tokens/types/token-selected-event-args.js +1 -1
- package/esm2015/modules/tokens/types/token.js +1 -1
- package/esm2015/modules/tokens/types/tokens-message-type.js +1 -1
- package/esm2015/modules/tokens/types/tokens-message.js +1 -1
- package/esm2015/modules/wait/wait-adapter.service.js +29 -22
- package/esm2015/modules/wait/wait-page-adapter.service.js +5 -5
- package/esm2015/modules/wait/wait-page.component.js +5 -5
- package/esm2015/modules/wait/wait.component.js +9 -12
- package/esm2015/modules/wait/wait.module.js +9 -27
- package/esm2015/modules/wait/wait.service.js +6 -6
- package/esm2015/testing/alert-fixture.js +1 -1
- package/esm2015/testing/label-fixture.js +1 -1
- package/esm2015/testing/wait-fixture.js +1 -1
- package/fesm2015/skyux-indicators-testing.js.map +1 -1
- package/fesm2015/skyux-indicators.js +306 -339
- package/fesm2015/skyux-indicators.js.map +1 -1
- package/modules/text-highlight/text-highlight.directive.d.ts +2 -2
- package/package.json +6 -6
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@skyux/i18n'), require('@skyux/theme'), require('@skyux/core'), require('@angular/animations'), require('rxjs'), require('rxjs/operators')) :
|
|
3
3
|
typeof define === 'function' && define.amd ? define('@skyux/indicators', ['exports', '@angular/core', '@angular/common', '@skyux/i18n', '@skyux/theme', '@skyux/core', '@angular/animations', 'rxjs', 'rxjs/operators'], factory) :
|
|
4
4
|
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.indicators = {}), global.ng.core, global.ng.common, global.i1, global.i1$1, global.i1$3, global.ng.animations, global.rxjs, global.rxjs.operators));
|
|
5
|
-
}(this, (function (exports, i0, i1$2, i1, i1$1, i1$3, animations, rxjs, operators) { 'use strict';
|
|
5
|
+
})(this, (function (exports, i0, i1$2, i1, i1$1, i1$3, animations, rxjs, operators) { 'use strict';
|
|
6
6
|
|
|
7
7
|
function _interopNamespace(e) {
|
|
8
8
|
if (e && e.__esModule) return e;
|
|
@@ -13,14 +13,12 @@
|
|
|
13
13
|
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
14
14
|
Object.defineProperty(n, k, d.get ? d : {
|
|
15
15
|
enumerable: true,
|
|
16
|
-
get: function () {
|
|
17
|
-
return e[k];
|
|
18
|
-
}
|
|
16
|
+
get: function () { return e[k]; }
|
|
19
17
|
});
|
|
20
18
|
}
|
|
21
19
|
});
|
|
22
20
|
}
|
|
23
|
-
n[
|
|
21
|
+
n["default"] = e;
|
|
24
22
|
return Object.freeze(n);
|
|
25
23
|
}
|
|
26
24
|
|
|
@@ -37,7 +35,25 @@
|
|
|
37
35
|
* To update this file, simply rerun the command.
|
|
38
36
|
*/
|
|
39
37
|
var RESOURCES = {
|
|
40
|
-
'EN-US': {
|
|
38
|
+
'EN-US': {
|
|
39
|
+
skyux_alert_close: { message: 'Close the alert' },
|
|
40
|
+
skyux_chevron_collapse: { message: 'Collapse' },
|
|
41
|
+
skyux_chevron_expand: { message: 'Expand' },
|
|
42
|
+
skyux_help_inline_button_title: { message: 'Show help content' },
|
|
43
|
+
skyux_status_indicator_sr_completed: { message: 'Completed:' },
|
|
44
|
+
skyux_status_indicator_sr_error: { message: 'Error:' },
|
|
45
|
+
skyux_status_indicator_sr_important_info: {
|
|
46
|
+
message: 'Important information:',
|
|
47
|
+
},
|
|
48
|
+
skyux_status_indicator_sr_warning: { message: 'Warning:' },
|
|
49
|
+
skyux_tokens_dismiss_button_title: { message: 'Remove item' },
|
|
50
|
+
skyux_wait_aria_alt_text: { message: 'Loading.' },
|
|
51
|
+
skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },
|
|
52
|
+
skyux_wait_page_aria_alt_text: { message: 'Page loading.' },
|
|
53
|
+
skyux_wait_page_blocking_aria_alt_text: {
|
|
54
|
+
message: 'Page loading. Please wait.',
|
|
55
|
+
},
|
|
56
|
+
},
|
|
41
57
|
};
|
|
42
58
|
var SkyIndicatorsResourcesProvider = /** @class */ (function () {
|
|
43
59
|
function SkyIndicatorsResourcesProvider() {
|
|
@@ -55,22 +71,26 @@
|
|
|
55
71
|
}
|
|
56
72
|
return SkyIndicatorsResourcesModule;
|
|
57
73
|
}());
|
|
58
|
-
SkyIndicatorsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
59
|
-
SkyIndicatorsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
60
|
-
SkyIndicatorsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
74
|
+
SkyIndicatorsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
75
|
+
SkyIndicatorsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, exports: [i1.SkyI18nModule] });
|
|
76
|
+
SkyIndicatorsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, providers: [
|
|
77
|
+
{
|
|
61
78
|
provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
62
79
|
useClass: SkyIndicatorsResourcesProvider,
|
|
63
|
-
multi: true
|
|
64
|
-
}
|
|
65
|
-
|
|
80
|
+
multi: true,
|
|
81
|
+
},
|
|
82
|
+
], imports: [i1.SkyI18nModule] });
|
|
83
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIndicatorsResourcesModule, decorators: [{
|
|
66
84
|
type: i0.NgModule,
|
|
67
85
|
args: [{
|
|
68
86
|
exports: [i1.SkyI18nModule],
|
|
69
|
-
providers: [
|
|
87
|
+
providers: [
|
|
88
|
+
{
|
|
70
89
|
provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
|
|
71
90
|
useClass: SkyIndicatorsResourcesProvider,
|
|
72
|
-
multi: true
|
|
73
|
-
}
|
|
91
|
+
multi: true,
|
|
92
|
+
},
|
|
93
|
+
],
|
|
74
94
|
}]
|
|
75
95
|
}] });
|
|
76
96
|
|
|
@@ -433,12 +453,12 @@
|
|
|
433
453
|
};
|
|
434
454
|
return SkyIconResolverService;
|
|
435
455
|
}());
|
|
436
|
-
SkyIconResolverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
437
|
-
SkyIconResolverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
438
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
456
|
+
SkyIconResolverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconResolverService, deps: [{ token: i1__namespace.SkyThemeIconManifestService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
457
|
+
SkyIconResolverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconResolverService, providedIn: 'root' });
|
|
458
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconResolverService, decorators: [{
|
|
439
459
|
type: i0.Injectable,
|
|
440
460
|
args: [{
|
|
441
|
-
providedIn: 'root'
|
|
461
|
+
providedIn: 'root',
|
|
442
462
|
}]
|
|
443
463
|
}], ctorParameters: function () { return [{ type: i1__namespace.SkyThemeIconManifestService }]; } });
|
|
444
464
|
|
|
@@ -468,12 +488,12 @@
|
|
|
468
488
|
};
|
|
469
489
|
return SkyIconClassListPipe;
|
|
470
490
|
}());
|
|
471
|
-
SkyIconClassListPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
472
|
-
SkyIconClassListPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.
|
|
473
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
491
|
+
SkyIconClassListPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconClassListPipe, deps: [{ token: SkyIconResolverService }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
|
|
492
|
+
SkyIconClassListPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconClassListPipe, name: "skyIconClassList" });
|
|
493
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconClassListPipe, decorators: [{
|
|
474
494
|
type: i0.Pipe,
|
|
475
495
|
args: [{
|
|
476
|
-
name: 'skyIconClassList'
|
|
496
|
+
name: 'skyIconClassList',
|
|
477
497
|
}]
|
|
478
498
|
}], ctorParameters: function () { return [{ type: SkyIconResolverService }]; } });
|
|
479
499
|
|
|
@@ -488,15 +508,15 @@
|
|
|
488
508
|
}
|
|
489
509
|
return SkyIconComponent;
|
|
490
510
|
}());
|
|
491
|
-
SkyIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
492
|
-
SkyIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
493
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
511
|
+
SkyIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
512
|
+
SkyIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0__namespace, template: "<i\n *ngIf=\"icon\"\n aria-hidden=\"true\"\n class=\"sky-icon\"\n [ngClass]=\"icon | skyIconClassList: iconType:size:fixedWidth:variant\"\n>\n</i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyIconClassList": SkyIconClassListPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
513
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconComponent, decorators: [{
|
|
494
514
|
type: i0.Component,
|
|
495
515
|
args: [{
|
|
496
516
|
selector: 'sky-icon',
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
517
|
+
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",
|
|
518
|
+
styles: [":host{display:inline-block}i{display:inherit}\n"],
|
|
519
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
500
520
|
}]
|
|
501
521
|
}], propDecorators: { icon: [{
|
|
502
522
|
type: i0.Input
|
|
@@ -515,14 +535,14 @@
|
|
|
515
535
|
}
|
|
516
536
|
return SkyIconStackComponent;
|
|
517
537
|
}());
|
|
518
|
-
SkyIconStackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
519
|
-
SkyIconStackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
520
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
538
|
+
SkyIconStackComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconStackComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
539
|
+
SkyIconStackComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: { size: "size", baseIcon: "baseIcon", topIcon: "topIcon" }, ngImport: i0__namespace, template: "<span\n aria-hidden=\"true\"\n class=\"sky-icon-stack fa-stack\"\n [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n <i\n *ngIf=\"baseIcon\"\n class=\"sky-icon fa-stack-2x\"\n [ngClass]=\"baseIcon.icon | skyIconClassList: baseIcon.iconType\"\n ></i>\n <i\n *ngIf=\"topIcon\"\n class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n [ngClass]=\"topIcon.icon | skyIconClassList: topIcon.iconType\"\n ></i>\n</span>\n", styles: [":host{display:inline-block;vertical-align:bottom}.sky-icon-stack-size-xs.fa-stack{width:1.25em;height:1.25em;line-height:1.25em}.sky-icon-stack-size-xs .fa-stack-2x{font-size:1.25em}.sky-icon-stack-size-xs .fa-stack-1x{font-size:.625em}.fa-stack-1x.sky-i-check:before{position:relative;top:1px}.fa-stack-1x.sky-i-exclamation:before{position:relative;top:2px;left:-.5px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-icon-inverse{color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-icon-inverse{color:#121212}\n"], directives: [{ type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyIconClassList": SkyIconClassListPipe } });
|
|
540
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconStackComponent, decorators: [{
|
|
521
541
|
type: i0.Component,
|
|
522
542
|
args: [{
|
|
523
543
|
selector: 'sky-icon-stack',
|
|
524
|
-
|
|
525
|
-
|
|
544
|
+
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",
|
|
545
|
+
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"],
|
|
526
546
|
}]
|
|
527
547
|
}], propDecorators: { size: [{
|
|
528
548
|
type: i0.Input
|
|
@@ -537,32 +557,15 @@
|
|
|
537
557
|
}
|
|
538
558
|
return SkyIconModule;
|
|
539
559
|
}());
|
|
540
|
-
SkyIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
541
|
-
SkyIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
i1$1.SkyThemeIconManifestModule], exports: [SkyIconComponent,
|
|
545
|
-
SkyIconStackComponent] });
|
|
546
|
-
SkyIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyIconModule, imports: [[
|
|
547
|
-
i1$2.CommonModule,
|
|
548
|
-
i1$1.SkyThemeIconManifestModule
|
|
549
|
-
]] });
|
|
550
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyIconModule, decorators: [{
|
|
560
|
+
SkyIconModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
561
|
+
SkyIconModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [i1$2.CommonModule, i1$1.SkyThemeIconManifestModule], exports: [SkyIconComponent, SkyIconStackComponent] });
|
|
562
|
+
SkyIconModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconModule, imports: [[i1$2.CommonModule, i1$1.SkyThemeIconManifestModule]] });
|
|
563
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIconModule, decorators: [{
|
|
551
564
|
type: i0.NgModule,
|
|
552
565
|
args: [{
|
|
553
|
-
declarations: [
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
SkyIconStackComponent
|
|
557
|
-
],
|
|
558
|
-
imports: [
|
|
559
|
-
i1$2.CommonModule,
|
|
560
|
-
i1$1.SkyThemeIconManifestModule
|
|
561
|
-
],
|
|
562
|
-
exports: [
|
|
563
|
-
SkyIconComponent,
|
|
564
|
-
SkyIconStackComponent
|
|
565
|
-
]
|
|
566
|
+
declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
|
|
567
|
+
imports: [i1$2.CommonModule, i1$1.SkyThemeIconManifestModule],
|
|
568
|
+
exports: [SkyIconComponent, SkyIconStackComponent],
|
|
566
569
|
}]
|
|
567
570
|
}] });
|
|
568
571
|
|
|
@@ -599,12 +602,12 @@
|
|
|
599
602
|
defaultThemeIcon: icon,
|
|
600
603
|
modernThemeBaseIcon: {
|
|
601
604
|
icon: baseIcon,
|
|
602
|
-
iconType: 'skyux'
|
|
605
|
+
iconType: 'skyux',
|
|
603
606
|
},
|
|
604
607
|
modernThemeTopIcon: {
|
|
605
608
|
icon: topIcon,
|
|
606
|
-
iconType: 'skyux'
|
|
607
|
-
}
|
|
609
|
+
iconType: 'skyux',
|
|
610
|
+
},
|
|
608
611
|
};
|
|
609
612
|
};
|
|
610
613
|
return SkyIndicatorIconUtility;
|
|
@@ -648,14 +651,14 @@
|
|
|
648
651
|
};
|
|
649
652
|
return SkyAlertComponent;
|
|
650
653
|
}());
|
|
651
|
-
SkyAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
652
|
-
SkyAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
653
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
654
|
+
SkyAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
655
|
+
SkyAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed" }, outputs: { closedChange: "closedChange" }, ngImport: i0__namespace, template: "<div\n class=\"sky-alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\n role=\"alert\"\n [hidden]=\"closed\"\n [ngClass]=\"{\n 'sky-alert-info': alertType === 'info',\n 'sky-alert-success': alertType === 'success',\n 'sky-alert-warning': alertType === 'warning',\n 'sky-alert-danger': alertType === 'danger',\n 'sky-alert-closeable': closeable\n }\"\n>\n <div aria-hidden=\"true\" class=\"sky-alert-icon-theme-modern\">\n <sky-icon-stack [baseIcon]=\"alertBaseIcon\" [topIcon]=\"alertTopIcon\">\n </sky-icon-stack>\n </div>\n <div class=\"sky-alert-content\">\n <ng-content></ng-content>\n </div>\n <button\n class=\"sky-alert-close\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_alert_close' | skyLibResources\"\n [hidden]=\"!closeable\"\n (click)=\"close()\"\n >\n <span aria-hidden=\"true\">\n <sky-icon class=\"sky-alert-close-icon-theme-default\" icon=\"close\">\n </sky-icon>\n <sky-icon\n class=\"sky-alert-close-icon-theme-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n size=\"2x\"\n >\n </sky-icon>\n </span>\n </button>\n</div>\n", styles: ["@charset \"UTF-8\";.sky-alert{padding:0 10px;margin-bottom:20px;border-left:solid 30px;color:#212327;display:flex;flex-direction:row;align-items:center}.sky-alert .sky-alert-content{padding-top:10px;padding-bottom:10px;width:100%}.sky-alert .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert .sky-alert-content ::ng-deep a:hover{color:#212327}.sky-alert button{margin-left:auto;width:32px;height:32px}.sky-alert.sky-alert-info{background-color:#81d4f7;border-color:#00b4f1}.sky-alert.sky-alert-info:before{content:\"\\f06a\";font-family:FontAwesome;margin-left:-31px;margin-right:20px;color:#fff}.sky-alert.sky-alert-success{background-color:#b7da9b;border-color:#72bf44}.sky-alert.sky-alert-success:before{content:\"\\f00c\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-warning{background-color:#ffd597;border-color:#fbb034}.sky-alert.sky-alert-warning:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert.sky-alert-danger{background-color:#f7a08f;border-color:#ef4044}.sky-alert.sky-alert-danger:before{content:\"\\f071\";font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert-close{cursor:pointer;font-weight:bold;line-height:1;margin:0;padding:0;color:#212327;opacity:.8;border:none;background-color:transparent;display:none}.sky-alert-close:hover{opacity:1}.sky-alert-closeable .sky-alert-close{display:block}.sky-alert-close-icon-theme-modern,.sky-alert-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-alert{border-left-width:7px}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content{padding:15px}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-alert-info:before,:host-context(.sky-theme-modern) .sky-alert-success:before,:host-context(.sky-theme-modern) .sky-alert-warning:before,:host-context(.sky-theme-modern) .sky-alert-danger:before{display:none}:host-context(.sky-theme-modern) .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}:host-context(.sky-theme-modern) .sky-alert-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-alert-close-icon-theme-modern{display:inline}.sky-theme-modern .sky-alert{border-left-width:7px}.sky-theme-modern .sky-alert .sky-alert-content{padding:15px}.sky-theme-modern .sky-alert.sky-alert-info{background-color:#c1e8fb}.sky-theme-modern .sky-alert-info:before,.sky-theme-modern .sky-alert-success:before,.sky-theme-modern .sky-alert-warning:before,.sky-theme-modern .sky-alert-danger:before{display:none}.sky-theme-modern .sky-alert-info .sky-alert-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-alert-success .sky-alert-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-alert-warning .sky-alert-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-alert-danger .sky-alert-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-alert-icon-theme-modern{display:block}.sky-theme-modern .sky-alert-close-icon-theme-default{display:none}.sky-theme-modern .sky-alert-close-icon-theme-modern{display:inline}\n"], components: [{ type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i1__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i1__namespace$2.SkyLibResourcesPipe } });
|
|
656
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAlertComponent, decorators: [{
|
|
654
657
|
type: i0.Component,
|
|
655
658
|
args: [{
|
|
656
659
|
selector: 'sky-alert',
|
|
657
|
-
|
|
658
|
-
|
|
660
|
+
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"],
|
|
661
|
+
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",
|
|
659
662
|
}]
|
|
660
663
|
}], propDecorators: { alertType: [{
|
|
661
664
|
type: i0.Input
|
|
@@ -672,35 +675,31 @@
|
|
|
672
675
|
}
|
|
673
676
|
return SkyAlertModule;
|
|
674
677
|
}());
|
|
675
|
-
SkyAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
676
|
-
SkyAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
678
|
+
SkyAlertModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAlertModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
679
|
+
SkyAlertModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [i1$2.CommonModule,
|
|
677
680
|
i1.SkyI18nModule,
|
|
678
681
|
SkyIconModule,
|
|
679
682
|
SkyIndicatorsResourcesModule,
|
|
680
683
|
i1$1.SkyThemeModule], exports: [SkyAlertComponent] });
|
|
681
|
-
SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
684
|
+
SkyAlertModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAlertModule, imports: [[
|
|
682
685
|
i1$2.CommonModule,
|
|
683
686
|
i1.SkyI18nModule,
|
|
684
687
|
SkyIconModule,
|
|
685
688
|
SkyIndicatorsResourcesModule,
|
|
686
|
-
i1$1.SkyThemeModule
|
|
689
|
+
i1$1.SkyThemeModule,
|
|
687
690
|
]] });
|
|
688
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
691
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAlertModule, decorators: [{
|
|
689
692
|
type: i0.NgModule,
|
|
690
693
|
args: [{
|
|
691
|
-
declarations: [
|
|
692
|
-
SkyAlertComponent
|
|
693
|
-
],
|
|
694
|
+
declarations: [SkyAlertComponent],
|
|
694
695
|
imports: [
|
|
695
696
|
i1$2.CommonModule,
|
|
696
697
|
i1.SkyI18nModule,
|
|
697
698
|
SkyIconModule,
|
|
698
699
|
SkyIndicatorsResourcesModule,
|
|
699
|
-
i1$1.SkyThemeModule
|
|
700
|
+
i1$1.SkyThemeModule,
|
|
700
701
|
],
|
|
701
|
-
exports: [
|
|
702
|
-
SkyAlertComponent
|
|
703
|
-
]
|
|
702
|
+
exports: [SkyAlertComponent],
|
|
704
703
|
}]
|
|
705
704
|
}] });
|
|
706
705
|
|
|
@@ -717,14 +716,14 @@
|
|
|
717
716
|
};
|
|
718
717
|
return SkyChevronComponent;
|
|
719
718
|
}());
|
|
720
|
-
SkyChevronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
721
|
-
SkyChevronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
722
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
719
|
+
SkyChevronComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyChevronComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
720
|
+
SkyChevronComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyChevronComponent, selector: "sky-chevron", inputs: { direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0__namespace, template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-label]=\"\n (direction === 'down' ? 'skyux_chevron_expand' : 'skyux_chevron_collapse')\n | skyLibResources\n \"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + direction]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"chevron-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</button>\n\n<ng-template #icon>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-left\"> </i>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-right\"> </i>\n</ng-template>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}.sky-chevron-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-chevron-up .sky-chevron-left{left:7px;transform:rotate(-45deg)}.sky-chevron-up .sky-chevron-right{left:7px;transform:rotate(45deg)}.sky-chevron-down .sky-chevron-left{left:2px;transform:rotate(45deg)}.sky-chevron-down .sky-chevron-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-chevron{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-chevron-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .chevron-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-chevron-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-chevron-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-chevron-left{left:4px}:host-context(.sky-theme-modern) .sky-chevron-right{left:10.5px}.sky-theme-modern .sky-chevron{height:26px;width:26px}.sky-theme-modern .sky-chevron-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .chevron-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-chevron-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-chevron-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-chevron-left{left:4px}.sky-theme-modern .sky-chevron-right{left:10.5px}\n"], directives: [{ type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i1__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i1__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i1__namespace$2.SkyLibResourcesPipe } });
|
|
721
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyChevronComponent, decorators: [{
|
|
723
722
|
type: i0.Component,
|
|
724
723
|
args: [{
|
|
725
724
|
selector: 'sky-chevron',
|
|
726
|
-
|
|
727
|
-
|
|
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}.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-label]=\"\n (direction === 'down' ? 'skyux_chevron_expand' : 'skyux_chevron_collapse')\n | skyLibResources\n \"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + direction]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"chevron-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</button>\n\n<ng-template #icon>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-left\"> </i>\n <i aria-hidden=\"true\" class=\"sky-chevron-part sky-chevron-right\"> </i>\n</ng-template>\n",
|
|
728
727
|
}]
|
|
729
728
|
}], propDecorators: { directionChange: [{
|
|
730
729
|
type: i0.Output
|
|
@@ -739,32 +738,28 @@
|
|
|
739
738
|
}
|
|
740
739
|
return SkyChevronModule;
|
|
741
740
|
}());
|
|
742
|
-
SkyChevronModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
743
|
-
SkyChevronModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
741
|
+
SkyChevronModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyChevronModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
742
|
+
SkyChevronModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [i1$2.CommonModule,
|
|
744
743
|
i1.SkyI18nModule,
|
|
745
744
|
SkyIndicatorsResourcesModule,
|
|
746
745
|
i1$1.SkyThemeModule], exports: [SkyChevronComponent] });
|
|
747
|
-
SkyChevronModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
746
|
+
SkyChevronModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyChevronModule, imports: [[
|
|
748
747
|
i1$2.CommonModule,
|
|
749
748
|
i1.SkyI18nModule,
|
|
750
749
|
SkyIndicatorsResourcesModule,
|
|
751
|
-
i1$1.SkyThemeModule
|
|
750
|
+
i1$1.SkyThemeModule,
|
|
752
751
|
]] });
|
|
753
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
752
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyChevronModule, decorators: [{
|
|
754
753
|
type: i0.NgModule,
|
|
755
754
|
args: [{
|
|
756
|
-
declarations: [
|
|
757
|
-
SkyChevronComponent
|
|
758
|
-
],
|
|
755
|
+
declarations: [SkyChevronComponent],
|
|
759
756
|
imports: [
|
|
760
757
|
i1$2.CommonModule,
|
|
761
758
|
i1.SkyI18nModule,
|
|
762
759
|
SkyIndicatorsResourcesModule,
|
|
763
|
-
i1$1.SkyThemeModule
|
|
760
|
+
i1$1.SkyThemeModule,
|
|
764
761
|
],
|
|
765
|
-
exports: [
|
|
766
|
-
SkyChevronComponent
|
|
767
|
-
]
|
|
762
|
+
exports: [SkyChevronComponent],
|
|
768
763
|
}]
|
|
769
764
|
}] });
|
|
770
765
|
|
|
@@ -780,14 +775,14 @@
|
|
|
780
775
|
};
|
|
781
776
|
return SkyHelpInlineComponent;
|
|
782
777
|
}());
|
|
783
|
-
SkyHelpInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
784
|
-
SkyHelpInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
785
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
778
|
+
SkyHelpInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyHelpInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
779
|
+
SkyHelpInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyHelpInlineComponent, selector: "sky-help-inline", outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<button\n class=\"sky-help-inline\"\n type=\"button\"\n [attr.aria-label]=\"'skyux_help_inline_button_title' | skyLibResources\"\n (click)=\"onClick()\"\n>\n <sky-icon *skyThemeIf=\"'default'\" icon=\"info-circle\"> </sky-icon>\n <sky-icon-stack\n *skyThemeIf=\"'modern'\"\n size=\"xs\"\n [baseIcon]=\"{\n icon: 'circle-solid',\n iconType: 'skyux'\n }\"\n [topIcon]=\"{\n icon: 'help-i',\n iconType: 'skyux'\n }\"\n >\n </sky-icon-stack>\n</button>\n", styles: [".sky-help-inline{color:#0974a1;font-size:15px;background-color:transparent;border:none;display:inline-block}.sky-help-inline:hover{color:#065171;transition:color .15s;cursor:pointer}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}:host-context(.sky-theme-modern) .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-2x{font-size:16px}.sky-theme-modern .sky-help-inline ::ng-deep .fa-stack-1x{font-size:10px}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], pipes: { "skyLibResources": i1__namespace$2.SkyLibResourcesPipe } });
|
|
780
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyHelpInlineComponent, decorators: [{
|
|
786
781
|
type: i0.Component,
|
|
787
782
|
args: [{
|
|
788
783
|
selector: 'sky-help-inline',
|
|
789
|
-
|
|
790
|
-
|
|
784
|
+
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",
|
|
785
|
+
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"],
|
|
791
786
|
}]
|
|
792
787
|
}], propDecorators: { actionClick: [{
|
|
793
788
|
type: i0.Output
|
|
@@ -798,35 +793,31 @@
|
|
|
798
793
|
}
|
|
799
794
|
return SkyHelpInlineModule;
|
|
800
795
|
}());
|
|
801
|
-
SkyHelpInlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
802
|
-
SkyHelpInlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
796
|
+
SkyHelpInlineModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyHelpInlineModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
797
|
+
SkyHelpInlineModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyHelpInlineModule, declarations: [SkyHelpInlineComponent], imports: [i1$2.CommonModule,
|
|
803
798
|
i1.SkyI18nModule,
|
|
804
799
|
SkyIconModule,
|
|
805
800
|
SkyIndicatorsResourcesModule,
|
|
806
801
|
i1$1.SkyThemeModule], exports: [SkyHelpInlineComponent] });
|
|
807
|
-
SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
802
|
+
SkyHelpInlineModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyHelpInlineModule, imports: [[
|
|
808
803
|
i1$2.CommonModule,
|
|
809
804
|
i1.SkyI18nModule,
|
|
810
805
|
SkyIconModule,
|
|
811
806
|
SkyIndicatorsResourcesModule,
|
|
812
|
-
i1$1.SkyThemeModule
|
|
807
|
+
i1$1.SkyThemeModule,
|
|
813
808
|
]] });
|
|
814
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
809
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyHelpInlineModule, decorators: [{
|
|
815
810
|
type: i0.NgModule,
|
|
816
811
|
args: [{
|
|
817
|
-
declarations: [
|
|
818
|
-
SkyHelpInlineComponent
|
|
819
|
-
],
|
|
812
|
+
declarations: [SkyHelpInlineComponent],
|
|
820
813
|
imports: [
|
|
821
814
|
i1$2.CommonModule,
|
|
822
815
|
i1.SkyI18nModule,
|
|
823
816
|
SkyIconModule,
|
|
824
817
|
SkyIndicatorsResourcesModule,
|
|
825
|
-
i1$1.SkyThemeModule
|
|
818
|
+
i1$1.SkyThemeModule,
|
|
826
819
|
],
|
|
827
|
-
exports: [
|
|
828
|
-
SkyHelpInlineComponent
|
|
829
|
-
]
|
|
820
|
+
exports: [SkyHelpInlineComponent],
|
|
830
821
|
}]
|
|
831
822
|
}] });
|
|
832
823
|
|
|
@@ -839,13 +830,13 @@
|
|
|
839
830
|
}
|
|
840
831
|
return SkyKeyInfoLabelComponent;
|
|
841
832
|
}());
|
|
842
|
-
SkyKeyInfoLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
843
|
-
SkyKeyInfoLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
844
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
833
|
+
SkyKeyInfoLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
834
|
+
SkyKeyInfoLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
835
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoLabelComponent, decorators: [{
|
|
845
836
|
type: i0.Component,
|
|
846
837
|
args: [{
|
|
847
838
|
selector: 'sky-key-info-label',
|
|
848
|
-
template: '<ng-content></ng-content>'
|
|
839
|
+
template: '<ng-content></ng-content>',
|
|
849
840
|
}]
|
|
850
841
|
}] });
|
|
851
842
|
|
|
@@ -858,13 +849,13 @@
|
|
|
858
849
|
}
|
|
859
850
|
return SkyKeyInfoValueComponent;
|
|
860
851
|
}());
|
|
861
|
-
SkyKeyInfoValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
862
|
-
SkyKeyInfoValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
863
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
852
|
+
SkyKeyInfoValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
853
|
+
SkyKeyInfoValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0__namespace, template: '<ng-content></ng-content>', isInline: true });
|
|
854
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoValueComponent, decorators: [{
|
|
864
855
|
type: i0.Component,
|
|
865
856
|
args: [{
|
|
866
857
|
selector: 'sky-key-info-value',
|
|
867
|
-
template: '<ng-content></ng-content>'
|
|
858
|
+
template: '<ng-content></ng-content>',
|
|
868
859
|
}]
|
|
869
860
|
}] });
|
|
870
861
|
|
|
@@ -879,14 +870,14 @@
|
|
|
879
870
|
}
|
|
880
871
|
return SkyKeyInfoComponent;
|
|
881
872
|
}());
|
|
882
|
-
SkyKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
883
|
-
SkyKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
884
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
873
|
+
SkyKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
874
|
+
SkyKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { layout: "layout" }, ngImport: i0__namespace, template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-headline\">\n <ng-content select=\"sky-key-info-value\"> </ng-content>\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <ng-content select=\"sky-key-info-label\"> </ng-content>\n </div>\n</div>\n", styles: [".sky-key-info{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"], directives: [{ type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
875
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoComponent, decorators: [{
|
|
885
876
|
type: i0.Component,
|
|
886
877
|
args: [{
|
|
887
878
|
selector: 'sky-key-info',
|
|
888
|
-
|
|
889
|
-
|
|
879
|
+
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",
|
|
880
|
+
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"],
|
|
890
881
|
}]
|
|
891
882
|
}], propDecorators: { layout: [{
|
|
892
883
|
type: i0.Input
|
|
@@ -897,31 +888,27 @@
|
|
|
897
888
|
}
|
|
898
889
|
return SkyKeyInfoModule;
|
|
899
890
|
}());
|
|
900
|
-
SkyKeyInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
901
|
-
SkyKeyInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
891
|
+
SkyKeyInfoModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
892
|
+
SkyKeyInfoModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
902
893
|
SkyKeyInfoLabelComponent,
|
|
903
894
|
SkyKeyInfoValueComponent], imports: [i1$2.CommonModule], exports: [SkyKeyInfoComponent,
|
|
904
895
|
SkyKeyInfoLabelComponent,
|
|
905
896
|
SkyKeyInfoValueComponent] });
|
|
906
|
-
SkyKeyInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
907
|
-
|
|
908
|
-
]] });
|
|
909
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyKeyInfoModule, decorators: [{
|
|
897
|
+
SkyKeyInfoModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoModule, imports: [[i1$2.CommonModule]] });
|
|
898
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyKeyInfoModule, decorators: [{
|
|
910
899
|
type: i0.NgModule,
|
|
911
900
|
args: [{
|
|
912
901
|
declarations: [
|
|
913
902
|
SkyKeyInfoComponent,
|
|
914
903
|
SkyKeyInfoLabelComponent,
|
|
915
|
-
SkyKeyInfoValueComponent
|
|
916
|
-
],
|
|
917
|
-
imports: [
|
|
918
|
-
i1$2.CommonModule
|
|
904
|
+
SkyKeyInfoValueComponent,
|
|
919
905
|
],
|
|
906
|
+
imports: [i1$2.CommonModule],
|
|
920
907
|
exports: [
|
|
921
908
|
SkyKeyInfoComponent,
|
|
922
909
|
SkyKeyInfoLabelComponent,
|
|
923
|
-
SkyKeyInfoValueComponent
|
|
924
|
-
]
|
|
910
|
+
SkyKeyInfoValueComponent,
|
|
911
|
+
],
|
|
925
912
|
}]
|
|
926
913
|
}] });
|
|
927
914
|
|
|
@@ -951,14 +938,14 @@
|
|
|
951
938
|
};
|
|
952
939
|
return SkyLabelComponent;
|
|
953
940
|
}());
|
|
954
|
-
SkyLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
955
|
-
SkyLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
956
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
941
|
+
SkyLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLabelComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
942
|
+
SkyLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0__namespace, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\n <span class=\"sky-label-icon-theme-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-label-icon-theme-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n <span class=\"sky-label-text\">\n <ng-content></ng-content>\n </span>\n</span>\n", styles: [".sky-label{color:#212327;display:inline;border-radius:10rem;font-weight:400;line-height:2.2;margin:0 3px;padding:.3em .6em;white-space:nowrap}.sky-label-success{background-color:#b7da9b}.sky-label-info{background-color:#81d4f7}.sky-label-warning{background-color:#ffd597}.sky-label-danger{background-color:#f7a08f}.sky-label-text{display:inline-block;padding-left:5px}.sky-label-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-label{align-items:center;display:inline-flex;line-height:1}:host-context(.sky-theme-modern) .sky-label.sky-label-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-label.sky-label-info,:host-context(.sky-theme-modern) .sky-label.sky-label-success{padding:4px 15px 4px 6px}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-danger{padding:4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-label-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-label{align-items:center;display:inline-flex;line-height:1}.sky-theme-modern .sky-label.sky-label-info{background-color:#c1e8fb}.sky-theme-modern .sky-label.sky-label-info,.sky-theme-modern .sky-label.sky-label-success{padding:4px 15px 4px 6px}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-danger{padding:4px 15px 4px 9px}.sky-theme-modern .sky-label-icon-theme-default{display:none}.sky-theme-modern .sky-label-icon-theme-modern{display:block}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
943
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLabelComponent, decorators: [{
|
|
957
944
|
type: i0.Component,
|
|
958
945
|
args: [{
|
|
959
946
|
selector: 'sky-label',
|
|
960
|
-
|
|
961
|
-
|
|
947
|
+
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",
|
|
948
|
+
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"],
|
|
962
949
|
}]
|
|
963
950
|
}], propDecorators: { labelType: [{
|
|
964
951
|
type: i0.Input
|
|
@@ -969,26 +956,15 @@
|
|
|
969
956
|
}
|
|
970
957
|
return SkyLabelModule;
|
|
971
958
|
}());
|
|
972
|
-
SkyLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
973
|
-
SkyLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
i1$2.CommonModule,
|
|
977
|
-
SkyIconModule
|
|
978
|
-
]] });
|
|
979
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyLabelModule, decorators: [{
|
|
959
|
+
SkyLabelModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLabelModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
960
|
+
SkyLabelModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [i1$2.CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
|
|
961
|
+
SkyLabelModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLabelModule, imports: [[i1$2.CommonModule, SkyIconModule]] });
|
|
962
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLabelModule, decorators: [{
|
|
980
963
|
type: i0.NgModule,
|
|
981
964
|
args: [{
|
|
982
|
-
declarations: [
|
|
983
|
-
|
|
984
|
-
],
|
|
985
|
-
imports: [
|
|
986
|
-
i1$2.CommonModule,
|
|
987
|
-
SkyIconModule
|
|
988
|
-
],
|
|
989
|
-
exports: [
|
|
990
|
-
SkyLabelComponent
|
|
991
|
-
]
|
|
965
|
+
declarations: [SkyLabelComponent],
|
|
966
|
+
imports: [i1$2.CommonModule, SkyIconModule],
|
|
967
|
+
exports: [SkyLabelComponent],
|
|
992
968
|
}]
|
|
993
969
|
}] });
|
|
994
970
|
|
|
@@ -1063,7 +1039,10 @@
|
|
|
1063
1039
|
this.descriptionComputed = this.customDescription;
|
|
1064
1040
|
break;
|
|
1065
1041
|
default:
|
|
1066
|
-
this.resources
|
|
1042
|
+
this.resources
|
|
1043
|
+
.getString('skyux_status_indicator_sr_' +
|
|
1044
|
+
this.descriptionType.replace(/-/g, '_'))
|
|
1045
|
+
.subscribe(function (value) {
|
|
1067
1046
|
_this.descriptionComputed = value;
|
|
1068
1047
|
_this.changeDetector.markForCheck();
|
|
1069
1048
|
});
|
|
@@ -1076,15 +1055,15 @@
|
|
|
1076
1055
|
};
|
|
1077
1056
|
return SkyStatusIndicatorComponent;
|
|
1078
1057
|
}());
|
|
1079
|
-
SkyStatusIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1080
|
-
SkyStatusIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1081
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1058
|
+
SkyStatusIndicatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$2.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1059
|
+
SkyStatusIndicatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0__namespace, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n <div\n aria-hidden=\"true\"\n class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n [ngClass]=\"'sky-status-indicator-icon-' + indicatorType\"\n >\n <span class=\"sky-status-indicator-icon-default\">\n <sky-icon [icon]=\"icon\"></sky-icon>\n </span>\n <span class=\"sky-status-indicator-icon-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n </sky-icon-stack>\n </span>\n </div>\n <div class=\"sky-status-indicator-message-wrapper\">\n <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n <span class=\"sky-status-indicator-message\">\n <ng-content></ng-content>\n </span>\n </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1060
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyStatusIndicatorComponent, decorators: [{
|
|
1082
1061
|
type: i0.Component,
|
|
1083
1062
|
args: [{
|
|
1084
1063
|
selector: 'sky-status-indicator',
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
1064
|
+
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",
|
|
1065
|
+
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
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1088
1067
|
}]
|
|
1089
1068
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$2.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
|
|
1090
1069
|
type: i0.Input
|
|
@@ -1099,32 +1078,28 @@
|
|
|
1099
1078
|
}
|
|
1100
1079
|
return SkyStatusIndicatorModule;
|
|
1101
1080
|
}());
|
|
1102
|
-
SkyStatusIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1103
|
-
SkyStatusIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1081
|
+
SkyStatusIndicatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyStatusIndicatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1082
|
+
SkyStatusIndicatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [i1$2.CommonModule,
|
|
1104
1083
|
i1.SkyI18nModule,
|
|
1105
1084
|
SkyIconModule,
|
|
1106
1085
|
SkyIndicatorsResourcesModule], exports: [SkyStatusIndicatorComponent] });
|
|
1107
|
-
SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1086
|
+
SkyStatusIndicatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyStatusIndicatorModule, imports: [[
|
|
1108
1087
|
i1$2.CommonModule,
|
|
1109
1088
|
i1.SkyI18nModule,
|
|
1110
1089
|
SkyIconModule,
|
|
1111
|
-
SkyIndicatorsResourcesModule
|
|
1090
|
+
SkyIndicatorsResourcesModule,
|
|
1112
1091
|
]] });
|
|
1113
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1092
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyStatusIndicatorModule, decorators: [{
|
|
1114
1093
|
type: i0.NgModule,
|
|
1115
1094
|
args: [{
|
|
1116
|
-
declarations: [
|
|
1117
|
-
SkyStatusIndicatorComponent
|
|
1118
|
-
],
|
|
1095
|
+
declarations: [SkyStatusIndicatorComponent],
|
|
1119
1096
|
imports: [
|
|
1120
1097
|
i1$2.CommonModule,
|
|
1121
1098
|
i1.SkyI18nModule,
|
|
1122
1099
|
SkyIconModule,
|
|
1123
|
-
SkyIndicatorsResourcesModule
|
|
1100
|
+
SkyIndicatorsResourcesModule,
|
|
1124
1101
|
],
|
|
1125
|
-
exports: [
|
|
1126
|
-
SkyStatusIndicatorComponent
|
|
1127
|
-
]
|
|
1102
|
+
exports: [SkyStatusIndicatorComponent],
|
|
1128
1103
|
}]
|
|
1129
1104
|
}] });
|
|
1130
1105
|
|
|
@@ -1143,6 +1118,28 @@
|
|
|
1143
1118
|
this.observerService = observerService;
|
|
1144
1119
|
this.existingHighlight = false;
|
|
1145
1120
|
}
|
|
1121
|
+
Object.defineProperty(SkyTextHighlightDirective.prototype, "skyHighlight", {
|
|
1122
|
+
/**
|
|
1123
|
+
* Specifies the text to highlight.
|
|
1124
|
+
*/
|
|
1125
|
+
set: function (value) {
|
|
1126
|
+
value = value || [];
|
|
1127
|
+
this._skyHighlight = [];
|
|
1128
|
+
if (Array.isArray(value)) {
|
|
1129
|
+
this._skyHighlight = value.filter(function (item) { return !!item; });
|
|
1130
|
+
// Reorder strings by their length in descending order to avoid missing matches
|
|
1131
|
+
// that contain substrings of other matches.
|
|
1132
|
+
this._skyHighlight.sort(function (a, b) {
|
|
1133
|
+
return b.length - a.length;
|
|
1134
|
+
});
|
|
1135
|
+
}
|
|
1136
|
+
else {
|
|
1137
|
+
this._skyHighlight = [value];
|
|
1138
|
+
}
|
|
1139
|
+
},
|
|
1140
|
+
enumerable: false,
|
|
1141
|
+
configurable: true
|
|
1142
|
+
});
|
|
1146
1143
|
SkyTextHighlightDirective.prototype.ngOnChanges = function (changes) {
|
|
1147
1144
|
if (changes.skyHighlight && !changes.skyHighlight.firstChange) {
|
|
1148
1145
|
this.highlight();
|
|
@@ -1154,7 +1151,7 @@
|
|
|
1154
1151
|
self.highlight();
|
|
1155
1152
|
});
|
|
1156
1153
|
this.observeDom();
|
|
1157
|
-
if (this.
|
|
1154
|
+
if (this._skyHighlight && this._skyHighlight.length > 0) {
|
|
1158
1155
|
this.highlight();
|
|
1159
1156
|
}
|
|
1160
1157
|
};
|
|
@@ -1165,14 +1162,14 @@
|
|
|
1165
1162
|
}
|
|
1166
1163
|
};
|
|
1167
1164
|
SkyTextHighlightDirective.prototype.readyForHighlight = function (searchText) {
|
|
1168
|
-
return searchText && this.el.nativeElement;
|
|
1165
|
+
return searchText && searchText.length > 0 && this.el.nativeElement;
|
|
1169
1166
|
};
|
|
1170
1167
|
SkyTextHighlightDirective.prototype.highlight = function () {
|
|
1171
1168
|
/* istanbul ignore else */
|
|
1172
1169
|
if (this.observer) {
|
|
1173
1170
|
this.observer.disconnect();
|
|
1174
1171
|
}
|
|
1175
|
-
var searchText = this.
|
|
1172
|
+
var searchText = this._skyHighlight;
|
|
1176
1173
|
if (this.existingHighlight) {
|
|
1177
1174
|
SkyTextHighlightDirective.removeHighlight(this.el);
|
|
1178
1175
|
}
|
|
@@ -1188,46 +1185,49 @@
|
|
|
1188
1185
|
SkyTextHighlightDirective.prototype.observeDom = function () {
|
|
1189
1186
|
/* istanbul ignore else */
|
|
1190
1187
|
if (this.observer) {
|
|
1191
|
-
var config = {
|
|
1188
|
+
var config = {
|
|
1189
|
+
attributes: false,
|
|
1190
|
+
childList: true,
|
|
1191
|
+
characterData: true,
|
|
1192
|
+
};
|
|
1192
1193
|
this.observer.observe(this.el.nativeElement, config);
|
|
1193
1194
|
}
|
|
1194
1195
|
};
|
|
1195
1196
|
SkyTextHighlightDirective.cleanRegex = function (regex) {
|
|
1196
1197
|
return regex.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
|
|
1197
1198
|
};
|
|
1198
|
-
SkyTextHighlightDirective.
|
|
1199
|
-
|
|
1200
|
-
|
|
1201
|
-
|
|
1202
|
-
|
|
1203
|
-
|
|
1204
|
-
|
|
1205
|
-
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
else {
|
|
1220
|
-
return 0;
|
|
1199
|
+
SkyTextHighlightDirective.markNode = function (node, searchTerms) {
|
|
1200
|
+
/* istanbul ignore else */
|
|
1201
|
+
if (searchTerms) {
|
|
1202
|
+
var text = node.nodeValue;
|
|
1203
|
+
for (var i = 0; i < searchTerms.length; i++) {
|
|
1204
|
+
searchTerms[i] = this.cleanRegex(searchTerms[i]);
|
|
1205
|
+
}
|
|
1206
|
+
var searchRegex = new RegExp(searchTerms.join('|'), 'gi');
|
|
1207
|
+
var match = searchRegex.exec(text);
|
|
1208
|
+
if (match) {
|
|
1209
|
+
// Split apart text node with mark tags in the middle on the search term.
|
|
1210
|
+
var matchIndex = match.index;
|
|
1211
|
+
var middle = node.splitText(matchIndex);
|
|
1212
|
+
middle.splitText(searchRegex.lastIndex - matchIndex);
|
|
1213
|
+
var middleClone = middle.cloneNode(true);
|
|
1214
|
+
var markNode = document.createElement('mark');
|
|
1215
|
+
markNode.className = className;
|
|
1216
|
+
markNode.appendChild(middleClone);
|
|
1217
|
+
middle.parentNode.replaceChild(markNode, middle);
|
|
1218
|
+
return 1;
|
|
1219
|
+
}
|
|
1221
1220
|
}
|
|
1221
|
+
return 0;
|
|
1222
1222
|
};
|
|
1223
|
-
SkyTextHighlightDirective.markTextNodes = function (node,
|
|
1223
|
+
SkyTextHighlightDirective.markTextNodes = function (node, searchTerms) {
|
|
1224
1224
|
if (node.nodeType === 3) {
|
|
1225
|
-
return SkyTextHighlightDirective.markNode(node,
|
|
1225
|
+
return SkyTextHighlightDirective.markNode(node, searchTerms);
|
|
1226
1226
|
}
|
|
1227
1227
|
else if (node.nodeType === 1 && node.childNodes) {
|
|
1228
1228
|
for (var i = 0; i < node.childNodes.length; i++) {
|
|
1229
1229
|
var childNode = node.childNodes[i];
|
|
1230
|
-
i += SkyTextHighlightDirective.markTextNodes(childNode,
|
|
1230
|
+
i += SkyTextHighlightDirective.markTextNodes(childNode, searchTerms);
|
|
1231
1231
|
}
|
|
1232
1232
|
}
|
|
1233
1233
|
return 0;
|
|
@@ -1247,12 +1247,12 @@
|
|
|
1247
1247
|
};
|
|
1248
1248
|
return SkyTextHighlightDirective;
|
|
1249
1249
|
}());
|
|
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.
|
|
1250
|
+
SkyTextHighlightDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextHighlightDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$3.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
|
|
1251
|
+
SkyTextHighlightDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: SkyTextHighlightDirective, selector: "[skyHighlight]", inputs: { skyHighlight: "skyHighlight" }, usesOnChanges: true, ngImport: i0__namespace });
|
|
1252
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextHighlightDirective, decorators: [{
|
|
1253
1253
|
type: i0.Directive,
|
|
1254
1254
|
args: [{
|
|
1255
|
-
selector: '[skyHighlight]'
|
|
1255
|
+
selector: '[skyHighlight]',
|
|
1256
1256
|
}]
|
|
1257
1257
|
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$3.MutationObserverService }]; }, propDecorators: { skyHighlight: [{
|
|
1258
1258
|
type: i0.Input
|
|
@@ -1263,23 +1263,15 @@
|
|
|
1263
1263
|
}
|
|
1264
1264
|
return SkyTextHighlightModule;
|
|
1265
1265
|
}());
|
|
1266
|
-
SkyTextHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1267
|
-
SkyTextHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1268
|
-
SkyTextHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
1269
|
-
|
|
1270
|
-
] });
|
|
1271
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTextHighlightModule, decorators: [{
|
|
1266
|
+
SkyTextHighlightModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextHighlightModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1267
|
+
SkyTextHighlightModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextHighlightModule, declarations: [SkyTextHighlightDirective], exports: [SkyTextHighlightDirective] });
|
|
1268
|
+
SkyTextHighlightModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextHighlightModule, providers: [i1$3.MutationObserverService] });
|
|
1269
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTextHighlightModule, decorators: [{
|
|
1272
1270
|
type: i0.NgModule,
|
|
1273
1271
|
args: [{
|
|
1274
|
-
declarations: [
|
|
1275
|
-
|
|
1276
|
-
],
|
|
1277
|
-
exports: [
|
|
1278
|
-
SkyTextHighlightDirective
|
|
1279
|
-
],
|
|
1280
|
-
providers: [
|
|
1281
|
-
i1$3.MutationObserverService
|
|
1282
|
-
]
|
|
1272
|
+
declarations: [SkyTextHighlightDirective],
|
|
1273
|
+
exports: [SkyTextHighlightDirective],
|
|
1274
|
+
providers: [i1$3.MutationObserverService],
|
|
1283
1275
|
}]
|
|
1284
1276
|
}] });
|
|
1285
1277
|
|
|
@@ -1314,7 +1306,7 @@
|
|
|
1314
1306
|
});
|
|
1315
1307
|
Object.defineProperty(SkyTokenComponent.prototype, "ariaLabel", {
|
|
1316
1308
|
get: function () {
|
|
1317
|
-
return this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title');
|
|
1309
|
+
return (this._ariaLabel || this.getString('skyux_tokens_dismiss_button_title'));
|
|
1318
1310
|
},
|
|
1319
1311
|
/**
|
|
1320
1312
|
* Specifies an ARIA label for the token's close button. This sets the button's `aria-label`
|
|
@@ -1344,7 +1336,7 @@
|
|
|
1344
1336
|
});
|
|
1345
1337
|
Object.defineProperty(SkyTokenComponent.prototype, "focusable", {
|
|
1346
1338
|
get: function () {
|
|
1347
|
-
return
|
|
1339
|
+
return this._focusable !== false;
|
|
1348
1340
|
},
|
|
1349
1341
|
/**
|
|
1350
1342
|
* Indicates whether users can press the `Tab` key to place focus on the token. This does not
|
|
@@ -1362,7 +1354,7 @@
|
|
|
1362
1354
|
* @internal
|
|
1363
1355
|
*/
|
|
1364
1356
|
get: function () {
|
|
1365
|
-
return
|
|
1357
|
+
return this.focusable ? 0 : -1;
|
|
1366
1358
|
},
|
|
1367
1359
|
enumerable: false,
|
|
1368
1360
|
configurable: true
|
|
@@ -1380,15 +1372,15 @@
|
|
|
1380
1372
|
};
|
|
1381
1373
|
return SkyTokenComponent;
|
|
1382
1374
|
}());
|
|
1383
|
-
SkyTokenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1384
|
-
SkyTokenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1385
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1375
|
+
SkyTokenComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTokenComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i1__namespace$2.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1376
|
+
SkyTokenComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTokenComponent, selector: "sky-token", inputs: { disabled: "disabled", ariaLabel: "ariaLabel", dismissible: "dismissible", focusable: "focusable" }, outputs: { dismiss: "dismiss", tokenFocus: "tokenFocus" }, ngImport: i0__namespace, template: "<div\n class=\"sky-token sky-btn sky-btn-default\"\n role=\"button\"\n [attr.aria-disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n [ngClass]=\"{\n 'sky-btn-disabled': disabled,\n 'sky-token-dismissable': dismissible,\n 'sky-token-active': tokenActive && !closeActive\n }\"\n (document:mouseup)=\"tokenActive = false\"\n (focus)=\"tokenFocus.emit()\"\n (mousedown)=\"tokenActive = true\"\n>\n <ng-content> </ng-content>\n <button\n *ngIf=\"dismissible\"\n class=\"sky-btn sky-token-btn-close\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-token-btn-close-active': closeActive\n }\"\n (click)=\"dismissToken($event)\"\n (document:mouseup)=\"closeActive = false\"\n (mousedown)=\"closeActive = true\"\n >\n <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"> </sky-icon>\n <sky-icon\n class=\"sky-token-btn-close-icon-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n</div>\n", styles: [".sky-token{background-color:#c1e8fb;border:1px solid #00b4f1;overflow:hidden;padding:2px 8px;display:inline-block;-webkit-user-select:none;user-select:none}.sky-token:hover,.sky-token:focus{background-color:#91d6f8;border-color:#008ebe;cursor:pointer}.sky-token:focus{box-shadow:0 0 8px #00b4f199;border:1px solid #00b4f1;outline:none}.sky-btn-disabled{cursor:default;-webkit-user-select:none;user-select:none}.sky-token-btn-close{background:transparent;padding:0;border:0;margin-left:2px;opacity:.9}.sky-token-btn-close:hover,.sky-token-btn-close:focus{opacity:1}.sky-token-btn-close-icon-modern{display:none}:host-context(.sky-theme-modern) .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}:host-context(.sky-theme-modern) .sky-token.sky-btn-disabled{color:#212327}:host-context(.sky-theme-modern) .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}:host-context(.sky-theme-modern) .sky-token.sky-token-dismissable{padding-right:1px}:host-context(.sky-theme-modern) .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}:host-context(.sky-theme-modern) .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token:focus,:host-context(.sky-theme-modern) .sky-token:hover{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}:host-context(.sky-theme-modern) .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}:host-context(.sky-theme-modern) .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}:host-context(.sky-theme-modern) .sky-token-btn-close:focus{outline:none}:host-context(.sky-theme-modern) .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-default{display:none}:host-context(.sky-theme-modern) .sky-token-btn-close-icon-modern{display:inline-block;width:100%}.sky-theme-modern .sky-token{align-items:center;display:inline-flex;padding:1px 5px;font-size:14px}.sky-theme-modern .sky-token.sky-btn-disabled{color:#212327}.sky-theme-modern .sky-token:not(.sky-btn-disabled){border:none;box-shadow:inset 0 0 0 1px #81d4f7}.sky-theme-modern .sky-token.sky-token-dismissable{padding-right:1px}.sky-theme-modern .sky-token:hover:not(:active){border:none;box-shadow:inset 0 0 0 1px #1870b8}.sky-theme-modern .sky-token.sky-token-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token:focus,.sky-theme-modern .sky-token:hover{background-color:#c1e8fb}.sky-theme-modern .sky-token-btn-close{align-items:center;border-radius:5px;display:flex;height:20px;margin-left:5px;width:20px}.sky-theme-modern .sky-token-btn-close:hover{border:none;box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-token-btn-close.sky-token-btn-close-active{border:none;box-shadow:inset 0 0 0 2px #1870b8}.sky-theme-modern .sky-token-btn-close:focus{outline:none}.sky-theme-modern .sky-token-btn-close:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 3px #0000004d}.sky-theme-modern .sky-token-btn-close-icon-default{display:none}.sky-theme-modern .sky-token-btn-close-icon-modern{display:inline-block;width:100%}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token{background-color:#c1e8fb}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-token-btn-close{color:#212327}.sky-theme-modern.sky-theme-mode-dark .sky-token{background-color:#c1e8fb}.sky-theme-modern.sky-theme-mode-dark .sky-token,.sky-theme-modern.sky-theme-mode-dark .sky-token-btn-close{color:#212327}\n"], components: [{ type: SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1377
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTokenComponent, decorators: [{
|
|
1386
1378
|
type: i0.Component,
|
|
1387
1379
|
args: [{
|
|
1388
1380
|
selector: 'sky-token',
|
|
1389
|
-
|
|
1390
|
-
|
|
1391
|
-
changeDetection: i0.ChangeDetectionStrategy.OnPush
|
|
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)=\"tokenActive = false\"\n (focus)=\"tokenFocus.emit()\"\n (mousedown)=\"tokenActive = true\"\n>\n <ng-content> </ng-content>\n <button\n *ngIf=\"dismissible\"\n class=\"sky-btn sky-token-btn-close\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabIndex\"\n [attr.title]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"{\n 'sky-token-btn-close-active': closeActive\n }\"\n (click)=\"dismissToken($event)\"\n (document:mouseup)=\"closeActive = false\"\n (mousedown)=\"closeActive = true\"\n >\n <sky-icon class=\"sky-token-btn-close-icon-default\" icon=\"times\"> </sky-icon>\n <sky-icon\n class=\"sky-token-btn-close-icon-modern\"\n icon=\"close\"\n iconType=\"skyux\"\n >\n </sky-icon>\n </button>\n</div>\n",
|
|
1382
|
+
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
|
+
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1392
1384
|
}]
|
|
1393
1385
|
}], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i1__namespace$2.SkyLibResourcesService }]; }, propDecorators: { disabled: [{
|
|
1394
1386
|
type: i0.Input
|
|
@@ -1480,7 +1472,7 @@
|
|
|
1480
1472
|
});
|
|
1481
1473
|
Object.defineProperty(SkyTokensComponent.prototype, "dismissible", {
|
|
1482
1474
|
get: function () {
|
|
1483
|
-
return
|
|
1475
|
+
return this._dismissible !== false;
|
|
1484
1476
|
},
|
|
1485
1477
|
/**
|
|
1486
1478
|
* Indicates whether users can remove tokens from the list by selecting their close buttons
|
|
@@ -1509,7 +1501,7 @@
|
|
|
1509
1501
|
});
|
|
1510
1502
|
Object.defineProperty(SkyTokensComponent.prototype, "focusable", {
|
|
1511
1503
|
get: function () {
|
|
1512
|
-
return
|
|
1504
|
+
return this._focusable !== false;
|
|
1513
1505
|
},
|
|
1514
1506
|
/**
|
|
1515
1507
|
* Indicates whether users can focus on items in the list using the `Tab` key.
|
|
@@ -1589,12 +1581,16 @@
|
|
|
1589
1581
|
switch (event.key) {
|
|
1590
1582
|
case 'Left':
|
|
1591
1583
|
case 'ArrowLeft':
|
|
1592
|
-
this.messageStream.next({
|
|
1584
|
+
this.messageStream.next({
|
|
1585
|
+
type: exports.SkyTokensMessageType.FocusPreviousToken,
|
|
1586
|
+
});
|
|
1593
1587
|
event.preventDefault();
|
|
1594
1588
|
break;
|
|
1595
1589
|
case 'Right':
|
|
1596
1590
|
case 'ArrowRight':
|
|
1597
|
-
this.messageStream.next({
|
|
1591
|
+
this.messageStream.next({
|
|
1592
|
+
type: exports.SkyTokensMessageType.FocusNextToken,
|
|
1593
|
+
});
|
|
1598
1594
|
event.preventDefault();
|
|
1599
1595
|
break;
|
|
1600
1596
|
}
|
|
@@ -1623,9 +1619,8 @@
|
|
|
1623
1619
|
};
|
|
1624
1620
|
SkyTokensComponent.prototype.focusActiveToken = function () {
|
|
1625
1621
|
var _this = this;
|
|
1626
|
-
var tokenComponent = this.tokenComponents
|
|
1627
|
-
.
|
|
1628
|
-
return (_this.activeIndex === i);
|
|
1622
|
+
var tokenComponent = this.tokenComponents.find(function (_comp, i) {
|
|
1623
|
+
return _this.activeIndex === i;
|
|
1629
1624
|
});
|
|
1630
1625
|
if (tokenComponent) {
|
|
1631
1626
|
tokenComponent.focusElement();
|
|
@@ -1669,65 +1664,61 @@
|
|
|
1669
1664
|
};
|
|
1670
1665
|
SkyTokensComponent.prototype.notifyTokenSelected = function (token) {
|
|
1671
1666
|
this.tokenSelected.emit({
|
|
1672
|
-
token: token
|
|
1667
|
+
token: token,
|
|
1673
1668
|
});
|
|
1674
1669
|
};
|
|
1675
1670
|
return SkyTokensComponent;
|
|
1676
1671
|
}());
|
|
1677
|
-
SkyTokensComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1678
|
-
SkyTokensComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
1679
|
-
animations.trigger('blockAnimationOnLoad', [
|
|
1680
|
-
animations.transition(':enter', [])
|
|
1681
|
-
]),
|
|
1672
|
+
SkyTokensComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTokensComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
1673
|
+
SkyTokensComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyTokensComponent, selector: "sky-tokens", inputs: { disabled: "disabled", dismissible: "dismissible", displayWith: "displayWith", trackWith: "trackWith", focusable: "focusable", tokens: "tokens", messageStream: "messageStream" }, outputs: { focusIndexOverRange: "focusIndexOverRange", focusIndexUnderRange: "focusIndexUnderRange", tokenSelected: "tokenSelected", tokensChange: "tokensChange" }, viewQueries: [{ propertyName: "tokenComponents", predicate: SkyTokenComponent, descendants: true }], ngImport: i0__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: [
|
|
1674
|
+
animations.trigger('blockAnimationOnLoad', [animations.transition(':enter', [])]),
|
|
1682
1675
|
animations.trigger('dismiss', [
|
|
1683
1676
|
animations.transition(':enter', [
|
|
1684
1677
|
animations.style({
|
|
1685
1678
|
opacity: 0,
|
|
1686
|
-
width: 0
|
|
1679
|
+
width: 0,
|
|
1687
1680
|
}),
|
|
1688
1681
|
animations.animate('150ms ease-in', animations.style({
|
|
1689
1682
|
opacity: 1,
|
|
1690
|
-
width: '*'
|
|
1691
|
-
}))
|
|
1683
|
+
width: '*',
|
|
1684
|
+
})),
|
|
1692
1685
|
]),
|
|
1693
1686
|
animations.transition(':leave', [
|
|
1694
1687
|
animations.animate('150ms ease-in', animations.style({
|
|
1695
1688
|
opacity: 0,
|
|
1696
|
-
width: 0
|
|
1697
|
-
}))
|
|
1698
|
-
])
|
|
1699
|
-
])
|
|
1689
|
+
width: 0,
|
|
1690
|
+
})),
|
|
1691
|
+
]),
|
|
1692
|
+
]),
|
|
1700
1693
|
], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
|
|
1701
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1694
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTokensComponent, decorators: [{
|
|
1702
1695
|
type: i0.Component,
|
|
1703
1696
|
args: [{
|
|
1704
1697
|
selector: 'sky-tokens',
|
|
1705
|
-
|
|
1706
|
-
|
|
1698
|
+
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",
|
|
1699
|
+
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"],
|
|
1707
1700
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
1708
1701
|
animations: [
|
|
1709
|
-
animations.trigger('blockAnimationOnLoad', [
|
|
1710
|
-
animations.transition(':enter', [])
|
|
1711
|
-
]),
|
|
1702
|
+
animations.trigger('blockAnimationOnLoad', [animations.transition(':enter', [])]),
|
|
1712
1703
|
animations.trigger('dismiss', [
|
|
1713
1704
|
animations.transition(':enter', [
|
|
1714
1705
|
animations.style({
|
|
1715
1706
|
opacity: 0,
|
|
1716
|
-
width: 0
|
|
1707
|
+
width: 0,
|
|
1717
1708
|
}),
|
|
1718
1709
|
animations.animate('150ms ease-in', animations.style({
|
|
1719
1710
|
opacity: 1,
|
|
1720
|
-
width: '*'
|
|
1721
|
-
}))
|
|
1711
|
+
width: '*',
|
|
1712
|
+
})),
|
|
1722
1713
|
]),
|
|
1723
1714
|
animations.transition(':leave', [
|
|
1724
1715
|
animations.animate('150ms ease-in', animations.style({
|
|
1725
1716
|
opacity: 0,
|
|
1726
|
-
width: 0
|
|
1727
|
-
}))
|
|
1728
|
-
])
|
|
1729
|
-
])
|
|
1730
|
-
]
|
|
1717
|
+
width: 0,
|
|
1718
|
+
})),
|
|
1719
|
+
]),
|
|
1720
|
+
]),
|
|
1721
|
+
],
|
|
1731
1722
|
}]
|
|
1732
1723
|
}], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { disabled: [{
|
|
1733
1724
|
type: i0.Input
|
|
@@ -1761,36 +1752,28 @@
|
|
|
1761
1752
|
}
|
|
1762
1753
|
return SkyTokensModule;
|
|
1763
1754
|
}());
|
|
1764
|
-
SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
1765
|
-
SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
1766
|
-
SkyTokensComponent], imports: [i1$2.CommonModule,
|
|
1755
|
+
SkyTokensModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTokensModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
1756
|
+
SkyTokensModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTokensModule, declarations: [SkyTokenComponent, SkyTokensComponent], imports: [i1$2.CommonModule,
|
|
1767
1757
|
i1.SkyI18nModule,
|
|
1768
1758
|
SkyIconModule,
|
|
1769
|
-
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent,
|
|
1770
|
-
|
|
1771
|
-
SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyTokensModule, imports: [[
|
|
1759
|
+
SkyIndicatorsResourcesModule], exports: [SkyTokenComponent, SkyTokensComponent] });
|
|
1760
|
+
SkyTokensModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTokensModule, imports: [[
|
|
1772
1761
|
i1$2.CommonModule,
|
|
1773
1762
|
i1.SkyI18nModule,
|
|
1774
1763
|
SkyIconModule,
|
|
1775
|
-
SkyIndicatorsResourcesModule
|
|
1764
|
+
SkyIndicatorsResourcesModule,
|
|
1776
1765
|
]] });
|
|
1777
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1766
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyTokensModule, decorators: [{
|
|
1778
1767
|
type: i0.NgModule,
|
|
1779
1768
|
args: [{
|
|
1780
|
-
declarations: [
|
|
1781
|
-
SkyTokenComponent,
|
|
1782
|
-
SkyTokensComponent
|
|
1783
|
-
],
|
|
1769
|
+
declarations: [SkyTokenComponent, SkyTokensComponent],
|
|
1784
1770
|
imports: [
|
|
1785
1771
|
i1$2.CommonModule,
|
|
1786
1772
|
i1.SkyI18nModule,
|
|
1787
1773
|
SkyIconModule,
|
|
1788
|
-
SkyIndicatorsResourcesModule
|
|
1774
|
+
SkyIndicatorsResourcesModule,
|
|
1789
1775
|
],
|
|
1790
|
-
exports: [
|
|
1791
|
-
SkyTokenComponent,
|
|
1792
|
-
SkyTokensComponent
|
|
1793
|
-
]
|
|
1776
|
+
exports: [SkyTokenComponent, SkyTokensComponent],
|
|
1794
1777
|
}]
|
|
1795
1778
|
}] });
|
|
1796
1779
|
|
|
@@ -1817,7 +1800,9 @@
|
|
|
1817
1800
|
SkyWaitAdapterService.prototype.setBusyState = function (waitEl, isFullPage, isWaiting, isNonBlocking, waitComponentId) {
|
|
1818
1801
|
var _this = this;
|
|
1819
1802
|
if (isNonBlocking === void 0) { isNonBlocking = false; }
|
|
1820
|
-
var busyEl = isFullPage
|
|
1803
|
+
var busyEl = isFullPage
|
|
1804
|
+
? document.body
|
|
1805
|
+
: waitEl.nativeElement.parentElement;
|
|
1821
1806
|
if (!isNonBlocking) {
|
|
1822
1807
|
if (isWaiting) {
|
|
1823
1808
|
this.renderer.setAttribute(busyEl, 'aria-busy', 'true');
|
|
@@ -1842,7 +1827,7 @@
|
|
|
1842
1827
|
});
|
|
1843
1828
|
SkyWaitAdapterService.busyElements[waitComponentId] = {
|
|
1844
1829
|
listener: endListenerFunc,
|
|
1845
|
-
busyEl: undefined
|
|
1830
|
+
busyEl: undefined,
|
|
1846
1831
|
};
|
|
1847
1832
|
}
|
|
1848
1833
|
else {
|
|
@@ -1865,7 +1850,7 @@
|
|
|
1865
1850
|
});
|
|
1866
1851
|
SkyWaitAdapterService.busyElements[waitComponentId] = {
|
|
1867
1852
|
listener: endListenerFunc,
|
|
1868
|
-
busyEl: busyEl
|
|
1853
|
+
busyEl: busyEl,
|
|
1869
1854
|
};
|
|
1870
1855
|
}
|
|
1871
1856
|
}
|
|
@@ -1888,10 +1873,12 @@
|
|
|
1888
1873
|
// Find the next navigable element that isn't waiting
|
|
1889
1874
|
var startingIndex = focussable.indexOf(targetElement);
|
|
1890
1875
|
var curIndex = startingIndex + modifier;
|
|
1891
|
-
while (focussable[curIndex] &&
|
|
1876
|
+
while (focussable[curIndex] &&
|
|
1877
|
+
this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1892
1878
|
curIndex += modifier;
|
|
1893
1879
|
}
|
|
1894
|
-
if (focussable[curIndex] &&
|
|
1880
|
+
if (focussable[curIndex] &&
|
|
1881
|
+
!this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1895
1882
|
focussable[curIndex].focus();
|
|
1896
1883
|
}
|
|
1897
1884
|
else {
|
|
@@ -1908,7 +1895,8 @@
|
|
|
1908
1895
|
}
|
|
1909
1896
|
/* istanbul ignore else */
|
|
1910
1897
|
/* sanity check */
|
|
1911
|
-
if (focussable[curIndex] &&
|
|
1898
|
+
if (focussable[curIndex] &&
|
|
1899
|
+
!this.isElementBusyOrHidden(focussable[curIndex])) {
|
|
1912
1900
|
focussable[curIndex].focus();
|
|
1913
1901
|
}
|
|
1914
1902
|
else {
|
|
@@ -1925,10 +1913,10 @@
|
|
|
1925
1913
|
var elements = this.getFocussableElements().filter(function (elem) { return !_this.isElementHidden(elem); });
|
|
1926
1914
|
var previousInd = elements.indexOf(event.relatedTarget);
|
|
1927
1915
|
var currentInd = elements.indexOf(event.target);
|
|
1928
|
-
return previousInd === currentInd + 1
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1916
|
+
return (previousInd === currentInd + 1 ||
|
|
1917
|
+
(previousInd === 0 && currentInd === elements.length - 1) ||
|
|
1918
|
+
previousInd > currentInd ||
|
|
1919
|
+
!event.relatedTarget);
|
|
1932
1920
|
};
|
|
1933
1921
|
SkyWaitAdapterService.prototype.isElementHidden = function (element) {
|
|
1934
1922
|
var style = window.getComputedStyle(element);
|
|
@@ -1972,15 +1960,17 @@
|
|
|
1972
1960
|
// Select all possible focussable elements
|
|
1973
1961
|
var focussableElements = 'a[href], ' +
|
|
1974
1962
|
'area[href], ' +
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1963
|
+
"input:not([disabled]):not([tabindex='-1']), " +
|
|
1964
|
+
"button:not([disabled]):not([tabindex='-1']), " +
|
|
1965
|
+
"select:not([disabled]):not([tabindex='-1']), " +
|
|
1966
|
+
"textarea:not([disabled]):not([tabindex='-1']), " +
|
|
1979
1967
|
'iframe, object, embed, ' +
|
|
1980
|
-
|
|
1968
|
+
"*[tabindex]:not([tabindex='-1']), " +
|
|
1981
1969
|
'*[contenteditable=true]';
|
|
1982
1970
|
this.focussableElements = Array.prototype.filter.call(document.body.querySelectorAll(focussableElements), function (element) {
|
|
1983
|
-
return element.offsetWidth > 0 ||
|
|
1971
|
+
return (element.offsetWidth > 0 ||
|
|
1972
|
+
element.offsetHeight > 0 ||
|
|
1973
|
+
element === document.activeElement);
|
|
1984
1974
|
});
|
|
1985
1975
|
return this.focussableElements;
|
|
1986
1976
|
};
|
|
@@ -2006,9 +1996,9 @@
|
|
|
2006
1996
|
}());
|
|
2007
1997
|
SkyWaitAdapterService.isPageWaitActive = false;
|
|
2008
1998
|
SkyWaitAdapterService.busyElements = {};
|
|
2009
|
-
SkyWaitAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2010
|
-
SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2011
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
1999
|
+
SkyWaitAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2000
|
+
SkyWaitAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitAdapterService });
|
|
2001
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitAdapterService, decorators: [{
|
|
2012
2002
|
type: i0.Injectable
|
|
2013
2003
|
}], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
|
|
2014
2004
|
|
|
@@ -2053,10 +2043,11 @@
|
|
|
2053
2043
|
* @default false
|
|
2054
2044
|
*/
|
|
2055
2045
|
set: function (value) {
|
|
2046
|
+
/* istanbul ignore else: untestable */
|
|
2056
2047
|
if (value) {
|
|
2057
2048
|
this.adapterService.removeWaitBounds(this.elRef);
|
|
2058
2049
|
}
|
|
2059
|
-
else
|
|
2050
|
+
else if (!value && this._isWaiting) {
|
|
2060
2051
|
this.adapterService.setWaitBounds(this.elRef);
|
|
2061
2052
|
}
|
|
2062
2053
|
this._isFullPage = value;
|
|
@@ -2075,8 +2066,8 @@
|
|
|
2075
2066
|
}
|
|
2076
2067
|
/* istanbul ignore else */
|
|
2077
2068
|
if (this.resourceService) {
|
|
2078
|
-
var type =
|
|
2079
|
-
var blocking =
|
|
2069
|
+
var type = this.isFullPage ? '_page' : '';
|
|
2070
|
+
var blocking = this.isNonBlocking ? '' : '_blocking';
|
|
2080
2071
|
var key = "skyux_wait" + type + blocking + "_aria_alt_text";
|
|
2081
2072
|
this.resourceService.getString(key).subscribe(function (value) {
|
|
2082
2073
|
_this.ariaLabelStream.next(value);
|
|
@@ -2085,19 +2076,15 @@
|
|
|
2085
2076
|
};
|
|
2086
2077
|
return SkyWaitComponent;
|
|
2087
2078
|
}());
|
|
2088
|
-
SkyWaitComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2089
|
-
SkyWaitComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2090
|
-
|
|
2091
|
-
], ngImport: i0__namespace, template: "<div\n class=\"sky-wait-container\"\n>\n <div *ngIf=\"isWaiting\"\n class=\"sky-wait-mask\"\n [attr.aria-label]=\"ariaLabelStream | async\"\n [ngClass]=\"{\n 'sky-wait-mask-loading-fixed': isFullPage,\n 'sky-wait-mask-loading-non-blocking': isNonBlocking,\n 'sky-wait-mask-loading-blocking': !isNonBlocking\n }\"\n >\n <div\n class=\"sky-wait\"\n >\n <div\n class=\"sky-wait-double-bounce1\"\n >\n </div>\n <div\n class=\"sky-wait-double-bounce2\"\n >\n </div>\n </div>\n </div>\n</div>\n\n", styles: [".sky-wait-mask-loading-blocking{margin:auto;position:absolute;top:0;right:0;left:0;bottom:0;background-color:#ffffffb3;z-index:1000}.sky-wait-mask-loading-fixed{position:fixed}.sky-wait{width:50px;height:50px;margin-top:-25px;margin-left:-25px;position:absolute;top:50%;left:50%}.sky-wait-mask-loading-non-blocking{bottom:0}.sky-wait-mask-loading-non-blocking .sky-wait{top:auto;right:auto;bottom:0;left:0;margin-left:auto;margin-right:auto}.sky-wait-double-bounce1,.sky-wait-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#72bf44;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.sky-wait-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.sky-wait-container.sky-wait-active{position:relative}\n"], directives: [{ type: i1__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i1__namespace$1.AsyncPipe } });
|
|
2092
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyWaitComponent, decorators: [{
|
|
2079
|
+
SkyWaitComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitComponent, deps: [{ token: i0__namespace.ElementRef }, { token: SkyWaitAdapterService }, { token: i1__namespace$2.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2080
|
+
SkyWaitComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyWaitComponent, selector: "sky-wait", inputs: { ariaLabel: "ariaLabel", isWaiting: "isWaiting", isFullPage: "isFullPage", isNonBlocking: "isNonBlocking" }, providers: [SkyWaitAdapterService], ngImport: i0__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 } });
|
|
2081
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitComponent, decorators: [{
|
|
2093
2082
|
type: i0.Component,
|
|
2094
2083
|
args: [{
|
|
2095
2084
|
selector: 'sky-wait',
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
providers: [
|
|
2099
|
-
SkyWaitAdapterService
|
|
2100
|
-
]
|
|
2085
|
+
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",
|
|
2086
|
+
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"],
|
|
2087
|
+
providers: [SkyWaitAdapterService],
|
|
2101
2088
|
}]
|
|
2102
2089
|
}], ctorParameters: function () {
|
|
2103
2090
|
return [{ type: i0__namespace.ElementRef }, { type: SkyWaitAdapterService }, { type: i1__namespace$2.SkyLibResourcesService, decorators: [{
|
|
@@ -2121,14 +2108,14 @@
|
|
|
2121
2108
|
}
|
|
2122
2109
|
return SkyWaitPageComponent;
|
|
2123
2110
|
}());
|
|
2124
|
-
SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2125
|
-
SkyWaitPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
2126
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2111
|
+
SkyWaitPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitPageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
2112
|
+
SkyWaitPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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"] }] });
|
|
2113
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitPageComponent, decorators: [{
|
|
2127
2114
|
type: i0.Component,
|
|
2128
2115
|
args: [{
|
|
2129
2116
|
selector: 'sky-wait-page',
|
|
2130
|
-
|
|
2131
|
-
|
|
2117
|
+
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",
|
|
2118
|
+
styles: [".sky-wait-page ::ng-deep .sky-wait-mask-loading-fixed{z-index:2000}\n"],
|
|
2132
2119
|
}]
|
|
2133
2120
|
}], propDecorators: { hasBlockingWait: [{
|
|
2134
2121
|
type: i0.Input
|
|
@@ -2141,34 +2128,16 @@
|
|
|
2141
2128
|
}
|
|
2142
2129
|
return SkyWaitModule;
|
|
2143
2130
|
}());
|
|
2144
|
-
SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2145
|
-
SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
2149
|
-
SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyWaitModule, imports: [[
|
|
2150
|
-
i1$2.CommonModule,
|
|
2151
|
-
i1.SkyI18nModule,
|
|
2152
|
-
SkyIndicatorsResourcesModule
|
|
2153
|
-
]] });
|
|
2154
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyWaitModule, decorators: [{
|
|
2131
|
+
SkyWaitModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
|
|
2132
|
+
SkyWaitModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitModule, declarations: [SkyWaitComponent, SkyWaitPageComponent], imports: [i1$2.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule], exports: [SkyWaitComponent] });
|
|
2133
|
+
SkyWaitModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitModule, imports: [[i1$2.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule]] });
|
|
2134
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitModule, decorators: [{
|
|
2155
2135
|
type: i0.NgModule,
|
|
2156
2136
|
args: [{
|
|
2157
|
-
declarations: [
|
|
2158
|
-
|
|
2159
|
-
|
|
2160
|
-
],
|
|
2161
|
-
imports: [
|
|
2162
|
-
i1$2.CommonModule,
|
|
2163
|
-
i1.SkyI18nModule,
|
|
2164
|
-
SkyIndicatorsResourcesModule
|
|
2165
|
-
],
|
|
2166
|
-
exports: [
|
|
2167
|
-
SkyWaitComponent
|
|
2168
|
-
],
|
|
2169
|
-
entryComponents: [
|
|
2170
|
-
SkyWaitPageComponent
|
|
2171
|
-
]
|
|
2137
|
+
declarations: [SkyWaitComponent, SkyWaitPageComponent],
|
|
2138
|
+
imports: [i1$2.CommonModule, i1.SkyI18nModule, SkyIndicatorsResourcesModule],
|
|
2139
|
+
exports: [SkyWaitComponent],
|
|
2140
|
+
entryComponents: [SkyWaitPageComponent],
|
|
2172
2141
|
}]
|
|
2173
2142
|
}] });
|
|
2174
2143
|
|
|
@@ -2189,12 +2158,12 @@
|
|
|
2189
2158
|
};
|
|
2190
2159
|
return SkyWaitPageAdapterService;
|
|
2191
2160
|
}());
|
|
2192
|
-
SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2193
|
-
SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2194
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2161
|
+
SkyWaitPageAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitPageAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
|
|
2162
|
+
SkyWaitPageAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitPageAdapterService, providedIn: 'root' });
|
|
2163
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitPageAdapterService, decorators: [{
|
|
2195
2164
|
type: i0.Injectable,
|
|
2196
2165
|
args: [{
|
|
2197
|
-
providedIn: 'root'
|
|
2166
|
+
providedIn: 'root',
|
|
2198
2167
|
}]
|
|
2199
2168
|
}] });
|
|
2200
2169
|
|
|
@@ -2348,12 +2317,12 @@
|
|
|
2348
2317
|
}());
|
|
2349
2318
|
SkyWaitService.pageWaitBlockingCount = 0;
|
|
2350
2319
|
SkyWaitService.pageWaitNonBlockingCount = 0;
|
|
2351
|
-
SkyWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
2352
|
-
SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
2353
|
-
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
2320
|
+
SkyWaitService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", 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 });
|
|
2321
|
+
SkyWaitService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitService, providedIn: 'root' });
|
|
2322
|
+
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyWaitService, decorators: [{
|
|
2354
2323
|
type: i0.Injectable,
|
|
2355
2324
|
args: [{
|
|
2356
|
-
providedIn: 'root'
|
|
2325
|
+
providedIn: 'root',
|
|
2357
2326
|
}]
|
|
2358
2327
|
}], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: SkyWaitPageAdapterService }, { type: i1__namespace$3.SkyAppWindowRef }]; } });
|
|
2359
2328
|
|
|
@@ -2372,22 +2341,22 @@
|
|
|
2372
2341
|
exports.SkyTokensModule = SkyTokensModule;
|
|
2373
2342
|
exports.SkyWaitModule = SkyWaitModule;
|
|
2374
2343
|
exports.SkyWaitService = SkyWaitService;
|
|
2375
|
-
exports
|
|
2376
|
-
exports
|
|
2377
|
-
exports
|
|
2378
|
-
exports
|
|
2379
|
-
exports
|
|
2380
|
-
exports
|
|
2381
|
-
exports
|
|
2382
|
-
exports
|
|
2383
|
-
exports
|
|
2384
|
-
exports
|
|
2385
|
-
exports
|
|
2386
|
-
exports
|
|
2387
|
-
exports
|
|
2388
|
-
exports
|
|
2344
|
+
exports["λ1"] = SkyAlertComponent;
|
|
2345
|
+
exports["λ10"] = SkyStatusIndicatorComponent;
|
|
2346
|
+
exports["λ11"] = SkyTextHighlightDirective;
|
|
2347
|
+
exports["λ12"] = SkyTokenComponent;
|
|
2348
|
+
exports["λ13"] = SkyTokensComponent;
|
|
2349
|
+
exports["λ14"] = SkyWaitComponent;
|
|
2350
|
+
exports["λ2"] = SkyChevronComponent;
|
|
2351
|
+
exports["λ3"] = SkyHelpInlineComponent;
|
|
2352
|
+
exports["λ4"] = SkyIconComponent;
|
|
2353
|
+
exports["λ5"] = SkyIconStackComponent;
|
|
2354
|
+
exports["λ6"] = SkyKeyInfoLabelComponent;
|
|
2355
|
+
exports["λ7"] = SkyKeyInfoValueComponent;
|
|
2356
|
+
exports["λ8"] = SkyKeyInfoComponent;
|
|
2357
|
+
exports["λ9"] = SkyLabelComponent;
|
|
2389
2358
|
|
|
2390
2359
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2391
2360
|
|
|
2392
|
-
}))
|
|
2361
|
+
}));
|
|
2393
2362
|
//# sourceMappingURL=skyux-indicators.umd.js.map
|