@skyux/indicators 6.14.0 → 6.15.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/documentation.json +372 -549
- package/esm2020/lib/modules/alert/alert.component.mjs +15 -14
- package/esm2020/lib/modules/chevron/chevron.component.mjs +11 -12
- package/esm2020/lib/modules/expansion-indicator/expansion-indicator.component.mjs +8 -8
- package/esm2020/lib/modules/icon/icon-stack-item.mjs +1 -1
- package/esm2020/lib/modules/icon/icon-stack.component.mjs +4 -1
- package/esm2020/lib/modules/icon/icon.component.mjs +1 -1
- package/esm2020/lib/modules/label/label.component.mjs +15 -22
- package/esm2020/lib/modules/status-indicator/status-indicator.component.mjs +52 -44
- package/esm2020/testing/alert/alert-harness.mjs +2 -1
- package/esm2020/testing/alert-fixture.mjs +1 -1
- package/fesm2015/skyux-indicators-testing.mjs +1 -0
- package/fesm2015/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2015/skyux-indicators.mjs +99 -97
- package/fesm2015/skyux-indicators.mjs.map +1 -1
- package/fesm2020/skyux-indicators-testing.mjs +1 -0
- package/fesm2020/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2020/skyux-indicators.mjs +99 -97
- package/fesm2020/skyux-indicators.mjs.map +1 -1
- package/lib/modules/alert/alert.component.d.ts +6 -8
- package/lib/modules/chevron/chevron.component.d.ts +4 -5
- package/lib/modules/expansion-indicator/expansion-indicator.component.d.ts +2 -3
- package/lib/modules/icon/icon-stack-item.d.ts +3 -0
- package/lib/modules/icon/icon-stack.component.d.ts +3 -0
- package/lib/modules/icon/icon.component.d.ts +5 -4
- package/lib/modules/label/label.component.d.ts +4 -4
- package/lib/modules/status-indicator/status-indicator.component.d.ts +5 -10
- package/package.json +5 -5
- package/testing/alert/alert-harness.d.ts +1 -1
- package/testing/alert-fixture.d.ts +4 -4
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyAlertComponent_instances, _SkyAlertComponent_updateAlertIcon;
|
|
2
|
+
import { __classPrivateFieldGet } from "tslib";
|
|
1
3
|
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
2
4
|
import { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
@@ -9,6 +11,7 @@ import * as i5 from "@skyux/i18n";
|
|
|
9
11
|
const ALERT_TYPE_DEFAULT = 'warning';
|
|
10
12
|
export class SkyAlertComponent {
|
|
11
13
|
constructor() {
|
|
14
|
+
_SkyAlertComponent_instances.add(this);
|
|
12
15
|
/**
|
|
13
16
|
* Fires when users close the alert.
|
|
14
17
|
*/
|
|
@@ -22,27 +25,25 @@ export class SkyAlertComponent {
|
|
|
22
25
|
* @default "warning"
|
|
23
26
|
*/
|
|
24
27
|
set alertType(value) {
|
|
25
|
-
this.
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
get alertType() {
|
|
31
|
-
return this._alertType;
|
|
28
|
+
if (value !== this.alertTypeOrDefault) {
|
|
29
|
+
this.alertTypeOrDefault =
|
|
30
|
+
value || ALERT_TYPE_DEFAULT;
|
|
31
|
+
__classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateAlertIcon).call(this);
|
|
32
|
+
}
|
|
32
33
|
}
|
|
33
34
|
ngOnInit() {
|
|
34
|
-
this.
|
|
35
|
+
__classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateAlertIcon).call(this);
|
|
35
36
|
}
|
|
36
37
|
close() {
|
|
37
38
|
this.closed = true;
|
|
38
39
|
this.closedChange.emit(true);
|
|
39
40
|
}
|
|
40
|
-
updateAlertIcon() {
|
|
41
|
-
const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.alertTypeOrDefault);
|
|
42
|
-
this.alertBaseIcon = indicatorIcon.modernThemeBaseIcon;
|
|
43
|
-
this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
|
|
44
|
-
}
|
|
45
41
|
}
|
|
42
|
+
_SkyAlertComponent_instances = new WeakSet(), _SkyAlertComponent_updateAlertIcon = function _SkyAlertComponent_updateAlertIcon() {
|
|
43
|
+
const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.alertTypeOrDefault);
|
|
44
|
+
this.alertBaseIcon = indicatorIcon.modernThemeBaseIcon;
|
|
45
|
+
this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
|
|
46
|
+
};
|
|
46
47
|
SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
48
|
SkyAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed" }, outputs: { closedChange: "closedChange" }, ngImport: i0, template: "<div\n class=\"sky-alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\n role=\"alert\"\n [hidden]=\"closed\"\n [ngClass]=\"{\n 'sky-alert-info': alertTypeOrDefault === 'info',\n 'sky-alert-success': alertTypeOrDefault === 'success',\n 'sky-alert-warning': alertTypeOrDefault === 'warning',\n 'sky-alert-danger': alertTypeOrDefault === '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: [".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:700;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: i1.SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { type: i2.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i5.SkyLibResourcesPipe } });
|
|
48
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAlertComponent, decorators: [{
|
|
@@ -57,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
57
58
|
}], closedChange: [{
|
|
58
59
|
type: Output
|
|
59
60
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFJL0UsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7Ozs7QUFFM0UsTUFBTSxrQkFBa0IsR0FBRyxTQUFTLENBQUM7QUFPckMsTUFBTSxPQUFPLGlCQUFpQjtJQUw5Qjs7UUFtQ0U7O1dBRUc7UUFFSSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFNM0MsdUJBQWtCLEdBQXlCLGtCQUFrQixDQUFDO0tBbUJ0RTtJQTFEQyx1RUFBdUU7SUFDdkU7Ozs7T0FJRztJQUNILElBQ1csU0FBUyxDQUFDLEtBQXlCO1FBQzVDLElBQUksS0FBSyxLQUFLLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUNyQyxJQUFJLENBQUMsa0JBQWtCO2dCQUNwQixLQUE4QixJQUFJLGtCQUFrQixDQUFDO1lBQ3hELHVCQUFBLElBQUksd0VBQWlCLE1BQXJCLElBQUksQ0FBbUIsQ0FBQztTQUN6QjtJQUNILENBQUM7SUE0Qk0sUUFBUTtRQUNiLHVCQUFBLElBQUksd0VBQWlCLE1BQXJCLElBQUksQ0FBbUIsQ0FBQztJQUMxQixDQUFDO0lBRU0sS0FBSztRQUNWLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ25CLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLENBQUM7OztJQUdDLE1BQU0sYUFBYSxHQUFHLHVCQUF1QixDQUFDLGVBQWUsQ0FDM0QsSUFBSSxDQUFDLGtCQUFrQixDQUN4QixDQUFDO0lBRUYsSUFBSSxDQUFDLGFBQWEsR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUM7SUFDdkQsSUFBSSxDQUFDLFlBQVksR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUM7QUFDdkQsQ0FBQzs4R0ExRFUsaUJBQWlCO2tHQUFqQixpQkFBaUIsMEtDYjlCLDB1Q0EyQ0E7MkZEOUJhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQVlWLFNBQVM7c0JBRG5CLEtBQUs7Z0JBY0MsU0FBUztzQkFEZixLQUFLO2dCQVFDLE1BQU07c0JBRFosS0FBSztnQkFPQyxZQUFZO3NCQURsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lJY29uU3RhY2tJdGVtIH0gZnJvbSAnLi4vaWNvbi9pY29uLXN0YWNrLWl0ZW0nO1xuaW1wb3J0IHsgU2t5SW5kaWNhdG9ySWNvblR5cGUgfSBmcm9tICcuLi9zaGFyZWQvaW5kaWNhdG9yLWljb24tdHlwZSc7XG5pbXBvcnQgeyBTa3lJbmRpY2F0b3JJY29uVXRpbGl0eSB9IGZyb20gJy4uL3NoYXJlZC9pbmRpY2F0b3ItaWNvbi11dGlsaXR5JztcblxuY29uc3QgQUxFUlRfVFlQRV9ERUZBVUxUID0gJ3dhcm5pbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYWxlcnQnLFxuICBzdHlsZVVybHM6IFsnLi9hbGVydC5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBbGVydENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8vIFRPRE86IENoYW5nZSBhbGVydFR5cGUgdG8gU2t5SW5kaWNhdG9ySWNvblR5cGUgaW4gYSBicmVha2luZyBjaGFuZ2UuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgYSBzdHlsZSBmb3IgdGhlIGFsZXJ0IHRvIGRldGVybWluZSB0aGUgaWNvbiBhbmQgYmFja2dyb3VuZCBjb2xvci5cbiAgICogVGhlIHZhbGlkIG9wdGlvbnMgYXJlIGBkYW5nZXJgLCBgaW5mb2AsIGBzdWNjZXNzYCwgYW5kIGB3YXJuaW5nYC5cbiAgICogQGRlZmF1bHQgXCJ3YXJuaW5nXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgYWxlcnRUeXBlKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICBpZiAodmFsdWUgIT09IHRoaXMuYWxlcnRUeXBlT3JEZWZhdWx0KSB7XG4gICAgICB0aGlzLmFsZXJ0VHlwZU9yRGVmYXVsdCA9XG4gICAgICAgICh2YWx1ZSBhcyBTa3lJbmRpY2F0b3JJY29uVHlwZSkgfHwgQUxFUlRfVFlQRV9ERUZBVUxUO1xuICAgICAgdGhpcy4jdXBkYXRlQWxlcnRJY29uKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB3aGV0aGVyIHRvIGluY2x1ZGUgYSBjbG9zZSBidXR0b24gZm9yIHVzZXJzIHRvIGRpc21pc3MgdGhlIGFsZXJ0LlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGNsb3NlYWJsZTogYm9vbGVhbiB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIGFsZXJ0IGlzIGNsb3NlZC5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBjbG9zZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEZpcmVzIHdoZW4gdXNlcnMgY2xvc2UgdGhlIGFsZXJ0LlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBjbG9zZWRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KCk7XG5cbiAgcHVibGljIGFsZXJ0QmFzZUljb246IFNreUljb25TdGFja0l0ZW0gfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGFsZXJ0VG9wSWNvbjogU2t5SWNvblN0YWNrSXRlbSB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgYWxlcnRUeXBlT3JEZWZhdWx0OiBTa3lJbmRpY2F0b3JJY29uVHlwZSA9IEFMRVJUX1RZUEVfREVGQVVMVDtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy4jdXBkYXRlQWxlcnRJY29uKCk7XG4gIH1cblxuICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zZWQgPSB0cnVlO1xuICAgIHRoaXMuY2xvc2VkQ2hhbmdlLmVtaXQodHJ1ZSk7XG4gIH1cblxuICAjdXBkYXRlQWxlcnRJY29uKCk6IHZvaWQge1xuICAgIGNvbnN0IGluZGljYXRvckljb24gPSBTa3lJbmRpY2F0b3JJY29uVXRpbGl0eS5nZXRJY29uc0ZvclR5cGUoXG4gICAgICB0aGlzLmFsZXJ0VHlwZU9yRGVmYXVsdFxuICAgICk7XG5cbiAgICB0aGlzLmFsZXJ0QmFzZUljb24gPSBpbmRpY2F0b3JJY29uLm1vZGVyblRoZW1lQmFzZUljb247XG4gICAgdGhpcy5hbGVydFRvcEljb24gPSBpbmRpY2F0b3JJY29uLm1vZGVyblRoZW1lVG9wSWNvbjtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1hbGVydFwiXG4gIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAnc2t5LXJvdW5kZWQtY29ybmVycyc6ICdkZWZhdWx0JyxcbiAgICAnc2t5LWJveCBza3ktZWxldmF0aW9uLTEnOiAnbW9kZXJuJ1xuICB9XCJcbiAgcm9sZT1cImFsZXJ0XCJcbiAgW2hpZGRlbl09XCJjbG9zZWRcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3NreS1hbGVydC1pbmZvJzogYWxlcnRUeXBlT3JEZWZhdWx0ID09PSAnaW5mbycsXG4gICAgJ3NreS1hbGVydC1zdWNjZXNzJzogYWxlcnRUeXBlT3JEZWZhdWx0ID09PSAnc3VjY2VzcycsXG4gICAgJ3NreS1hbGVydC13YXJuaW5nJzogYWxlcnRUeXBlT3JEZWZhdWx0ID09PSAnd2FybmluZycsXG4gICAgJ3NreS1hbGVydC1kYW5nZXInOiBhbGVydFR5cGVPckRlZmF1bHQgPT09ICdkYW5nZXInLFxuICAgICdza3ktYWxlcnQtY2xvc2VhYmxlJzogY2xvc2VhYmxlXG4gIH1cIlxuPlxuICA8ZGl2IGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwic2t5LWFsZXJ0LWljb24tdGhlbWUtbW9kZXJuXCI+XG4gICAgPHNreS1pY29uLXN0YWNrIFtiYXNlSWNvbl09XCJhbGVydEJhc2VJY29uXCIgW3RvcEljb25dPVwiYWxlcnRUb3BJY29uXCI+XG4gICAgPC9za3ktaWNvbi1zdGFjaz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJza3ktYWxlcnQtY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxidXR0b25cbiAgICBjbGFzcz1cInNreS1hbGVydC1jbG9zZVwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCInc2t5dXhfYWxlcnRfY2xvc2UnIHwgc2t5TGliUmVzb3VyY2VzXCJcbiAgICBbaGlkZGVuXT1cIiFjbG9zZWFibGVcIlxuICAgIChjbGljayk9XCJjbG9zZSgpXCJcbiAgPlxuICAgIDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPlxuICAgICAgPHNreS1pY29uIGNsYXNzPVwic2t5LWFsZXJ0LWNsb3NlLWljb24tdGhlbWUtZGVmYXVsdFwiIGljb249XCJjbG9zZVwiPlxuICAgICAgPC9za3ktaWNvbj5cbiAgICAgIDxza3ktaWNvblxuICAgICAgICBjbGFzcz1cInNreS1hbGVydC1jbG9zZS1pY29uLXRoZW1lLW1vZGVyblwiXG4gICAgICAgIGljb249XCJjbG9zZVwiXG4gICAgICAgIGljb25UeXBlPVwic2t5dXhcIlxuICAgICAgICBzaXplPVwiMnhcIlxuICAgICAgPlxuICAgICAgPC9za3ktaWNvbj5cbiAgICA8L3NwYW4+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=
|
|
@@ -17,37 +17,36 @@ export class SkyChevronComponent {
|
|
|
17
17
|
* Fires when the direction of the chevron changes.
|
|
18
18
|
*/
|
|
19
19
|
this.directionChange = new EventEmitter();
|
|
20
|
+
this.ariaExpanded = true;
|
|
21
|
+
this.directionOrDefault = 'up';
|
|
20
22
|
}
|
|
21
23
|
/**
|
|
22
24
|
* Specifies whether the chevron points up or down.
|
|
23
25
|
*/
|
|
24
26
|
set direction(value) {
|
|
25
27
|
/* istanbul ignore else */
|
|
26
|
-
if (value != this.
|
|
27
|
-
this.
|
|
28
|
+
if (value != this.directionOrDefault) {
|
|
29
|
+
this.directionOrDefault = value ? value : 'up';
|
|
28
30
|
/* istanbul ignore else */
|
|
29
|
-
if (
|
|
31
|
+
if (this.directionOrDefault === 'up') {
|
|
30
32
|
this.ariaExpanded = true;
|
|
31
33
|
}
|
|
32
|
-
else if (this.
|
|
34
|
+
else if (this.directionOrDefault === 'down') {
|
|
33
35
|
this.ariaExpanded = false;
|
|
34
36
|
}
|
|
35
37
|
}
|
|
36
38
|
}
|
|
37
|
-
get direction() {
|
|
38
|
-
return this._direction || 'up';
|
|
39
|
-
}
|
|
40
39
|
chevronClick(event) {
|
|
41
40
|
event.stopPropagation();
|
|
42
|
-
this.direction = this.
|
|
43
|
-
this.directionChange.emit(this.
|
|
41
|
+
this.direction = this.directionOrDefault === 'up' ? 'down' : 'up';
|
|
42
|
+
this.directionChange.emit(this.directionOrDefault);
|
|
44
43
|
}
|
|
45
44
|
}
|
|
46
45
|
SkyChevronComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
47
|
-
SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0, template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' +
|
|
46
|
+
SkyChevronComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, ngImport: i0, template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + directionOrDefault]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <sky-expansion-indicator\n [direction]=\"directionOrDefault\"\n ></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"], components: [{ type: i1.SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
|
|
48
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyChevronComponent, decorators: [{
|
|
49
48
|
type: Component,
|
|
50
|
-
args: [{ selector: 'sky-chevron', template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' +
|
|
49
|
+
args: [{ selector: 'sky-chevron', template: "<button\n class=\"sky-chevron\"\n type=\"button\"\n [attr.aria-controls]=\"ariaControls\"\n [attr.aria-expanded]=\"ariaExpanded\"\n [attr.aria-label]=\"ariaLabel\"\n [disabled]=\"disabled\"\n [ngClass]=\"['sky-chevron-' + directionOrDefault]\"\n [skyThemeClass]=\"{\n 'sky-btn sky-btn-icon-borderless': 'modern'\n }\"\n (click)=\"chevronClick($event)\"\n>\n <sky-expansion-indicator\n [direction]=\"directionOrDefault\"\n ></sky-expansion-indicator>\n</button>\n", styles: ["button{background:lightblue}.sky-chevron{border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;padding:0;overflow:hidden;width:24px;cursor:pointer;position:relative;vertical-align:top}.sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"] }]
|
|
51
50
|
}], propDecorators: { ariaControls: [{
|
|
52
51
|
type: Input
|
|
53
52
|
}], ariaLabel: [{
|
|
@@ -59,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
59
58
|
}], directionChange: [{
|
|
60
59
|
type: Output
|
|
61
60
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hldnJvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvY2hldnJvbi9jaGV2cm9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9jaGV2cm9uL2NoZXZyb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFFdkU7OztHQUdHO0FBTUgsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQXNDRTs7V0FFRztRQUVJLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFFeEI7O1dBRUc7UUFFSSxvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFFN0MsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFcEIsdUJBQWtCLEdBQUcsSUFBSSxDQUFDO0tBT2xDO0lBdENDOztPQUVHO0lBQ0gsSUFDVyxTQUFTLENBQUMsS0FBeUI7UUFDNUMsMEJBQTBCO1FBQzFCLElBQUksS0FBSyxJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUNwQyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQztZQUMvQywwQkFBMEI7WUFDMUIsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEtBQUssSUFBSSxFQUFFO2dCQUNwQyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQzthQUMxQjtpQkFBTSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsS0FBSyxNQUFNLEVBQUU7Z0JBQzdDLElBQUksQ0FBQyxZQUFZLEdBQUcsS0FBSyxDQUFDO2FBQzNCO1NBQ0Y7SUFDSCxDQUFDO0lBa0JNLFlBQVksQ0FBQyxLQUFZO1FBQzlCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN4QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxrQkFBa0IsS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ2xFLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBQ3JELENBQUM7O2dIQXJEVSxtQkFBbUI7b0dBQW5CLG1CQUFtQixvTkNYaEMsa2VBaUJBOzJGRE5hLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxhQUFhOzhCQVdoQixZQUFZO3NCQURsQixLQUFLO2dCQVFDLFNBQVM7c0JBRGYsS0FBSztnQkFPSyxTQUFTO3NCQURuQixLQUFLO2dCQWtCQyxRQUFRO3NCQURkLEtBQUs7Z0JBT0MsZUFBZTtzQkFEckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQ3JlYXRlcyBhbiBhY2Nlc3NpYmxlIGJ1dHRvbiB0aGF0IHdyYXBzIHRoZSBjaGV2cm9uIGljb24uXG4gKiBAaW50ZXJuYWxcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWNoZXZyb24nLFxuICBzdHlsZVVybHM6IFsnLi9jaGV2cm9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGV2cm9uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5Q2hldnJvbkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGVsZW1lbnQgd2hvc2UgY29udGVudHMgYXJlIGNvbnRyb2xsZWQgYnkgdGhlIGNoZXZyb24uXG4gICAqIFRoaXMgc2V0cyB0aGUgY2hldnJvbidzIGFyaWEtY29udHJvbHMgYXR0cmlidXRlXG4gICAqIFt0byBzdXBwb3J0IGFjY2Vzc2liaWxpdHldKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvbGVhcm4vYWNjZXNzaWJpbGl0eSkuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXJpYUNvbnRyb2xzOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyBhbiBBUklBIGxhYmVsIGZvciB0aGUgY2hldnJvbi4gVGhpcyBzZXRzIHRoZSBjaGV2cm9uJ3MgYXJpYS1sYWJlbCBhdHRyaWJ1dGVcbiAgICogW3RvIHN1cHBvcnQgYWNjZXNzaWJpbGl0eV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9hY2Nlc3NpYmlsaXR5KS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcmlhTGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHdoZXRoZXIgdGhlIGNoZXZyb24gcG9pbnRzIHVwIG9yIGRvd24uXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGRpcmVjdGlvbih2YWx1ZTogc3RyaW5nIHwgdW5kZWZpbmVkKSB7XG4gICAgLyogaXN0YW5idWwgaWdub3JlIGVsc2UgKi9cbiAgICBpZiAodmFsdWUgIT0gdGhpcy5kaXJlY3Rpb25PckRlZmF1bHQpIHtcbiAgICAgIHRoaXMuZGlyZWN0aW9uT3JEZWZhdWx0ID0gdmFsdWUgPyB2YWx1ZSA6ICd1cCc7XG4gICAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgICAgaWYgKHRoaXMuZGlyZWN0aW9uT3JEZWZhdWx0ID09PSAndXAnKSB7XG4gICAgICAgIHRoaXMuYXJpYUV4cGFuZGVkID0gdHJ1ZTtcbiAgICAgIH0gZWxzZSBpZiAodGhpcy5kaXJlY3Rpb25PckRlZmF1bHQgPT09ICdkb3duJykge1xuICAgICAgICB0aGlzLmFyaWFFeHBhbmRlZCA9IGZhbHNlO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0byBkaXNhYmxlIHRoZSBjaGV2cm9uIGJ1dHRvbi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBGaXJlcyB3aGVuIHRoZSBkaXJlY3Rpb24gb2YgdGhlIGNoZXZyb24gY2hhbmdlcy5cbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgZGlyZWN0aW9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgcHVibGljIGFyaWFFeHBhbmRlZCA9IHRydWU7XG5cbiAgcHVibGljIGRpcmVjdGlvbk9yRGVmYXVsdCA9ICd1cCc7XG5cbiAgcHVibGljIGNoZXZyb25DbGljayhldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLmRpcmVjdGlvbiA9IHRoaXMuZGlyZWN0aW9uT3JEZWZhdWx0ID09PSAndXAnID8gJ2Rvd24nIDogJ3VwJztcbiAgICB0aGlzLmRpcmVjdGlvbkNoYW5nZS5lbWl0KHRoaXMuZGlyZWN0aW9uT3JEZWZhdWx0KTtcbiAgfVxufVxuIiwiPGJ1dHRvblxuICBjbGFzcz1cInNreS1jaGV2cm9uXCJcbiAgdHlwZT1cImJ1dHRvblwiXG4gIFthdHRyLmFyaWEtY29udHJvbHNdPVwiYXJpYUNvbnRyb2xzXCJcbiAgW2F0dHIuYXJpYS1leHBhbmRlZF09XCJhcmlhRXhwYW5kZWRcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtuZ0NsYXNzXT1cIlsnc2t5LWNoZXZyb24tJyArIGRpcmVjdGlvbk9yRGVmYXVsdF1cIlxuICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgJ3NreS1idG4gc2t5LWJ0bi1pY29uLWJvcmRlcmxlc3MnOiAnbW9kZXJuJ1xuICB9XCJcbiAgKGNsaWNrKT1cImNoZXZyb25DbGljaygkZXZlbnQpXCJcbj5cbiAgPHNreS1leHBhbnNpb24taW5kaWNhdG9yXG4gICAgW2RpcmVjdGlvbl09XCJkaXJlY3Rpb25PckRlZmF1bHRcIlxuICA+PC9za3ktZXhwYW5zaW9uLWluZGljYXRvcj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -7,25 +7,25 @@ import * as i2 from "@skyux/theme";
|
|
|
7
7
|
* @internal
|
|
8
8
|
*/
|
|
9
9
|
export class SkyExpansionIndicatorComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.directionOrDefault = 'up';
|
|
12
|
+
}
|
|
10
13
|
/**
|
|
11
14
|
* Specifies whether the chevron points up or down.
|
|
12
15
|
*/
|
|
13
16
|
set direction(value) {
|
|
14
17
|
/* istanbul ignore else */
|
|
15
|
-
if (value != this.
|
|
16
|
-
this.
|
|
18
|
+
if (value != this.directionOrDefault) {
|
|
19
|
+
this.directionOrDefault = value ? value : 'up';
|
|
17
20
|
}
|
|
18
21
|
}
|
|
19
|
-
get direction() {
|
|
20
|
-
return this._direction || 'up';
|
|
21
|
-
}
|
|
22
22
|
}
|
|
23
23
|
SkyExpansionIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
SkyExpansionIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, ngImport: i0, template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' +
|
|
24
|
+
SkyExpansionIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: { direction: "direction" }, ngImport: i0, template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</div>\n\n<ng-template #icon>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyExpansionIndicatorComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'sky-expansion-indicator', template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' +
|
|
27
|
+
args: [{ selector: 'sky-expansion-indicator', template: "<div\n aria-hidden=\"true\"\n class=\"sky-expansion-indicator\"\n [ngClass]=\"['sky-expansion-indicator-' + directionOrDefault]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n </span>\n </ng-container>\n</div>\n\n<ng-template #icon>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-left\"> </i>\n <i class=\"sky-expansion-indicator-part sky-expansion-indicator-right\"> </i>\n</ng-template>\n", styles: [".sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:24px;margin:0;overflow:hidden;width:24px;position:relative;vertical-align:top}.sky-expansion-indicator-part{border-color:#cdcfd2;border-style:solid;border-width:3px 0 0 0;display:inline-block;height:10px;position:absolute;top:10px;transition:transform .25s,left .25s;vertical-align:top;width:10px}.sky-expansion-indicator-up .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator{height:26px;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{left:10.5px}.sky-theme-modern .sky-expansion-indicator{height:26px;width:26px}.sky-theme-modern .sky-expansion-indicator-part{background:#686c73;border:none;height:2px;width:11px;top:13px}.sky-theme-modern .sky-expansion-indicator-glyph-container{transform:scale(.68);display:inline-block;position:absolute;top:3.5px;left:4px}.sky-theme-modern .sky-expansion-indicator-left{border-radius:1px 0 0 1px}.sky-theme-modern .sky-expansion-indicator-right{border-radius:0 1px 1px 0}.sky-theme-modern .sky-expansion-indicator-left{left:4px}.sky-theme-modern .sky-expansion-indicator-right{left:10.5px}\n"] }]
|
|
28
28
|
}], propDecorators: { direction: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}] } });
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhwYW5zaW9uLWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvZXhwYW5zaW9uLWluZGljYXRvci9leHBhbnNpb24taW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9leHBhbnNpb24taW5kaWNhdG9yL2V4cGFuc2lvbi1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFFakQ7OztHQUdHO0FBTUgsTUFBTSxPQUFPLDhCQUE4QjtJQUwzQztRQWlCUyx1QkFBa0IsR0FBRyxJQUFJLENBQUM7S0FDbEM7SUFaQzs7T0FFRztJQUNILElBQ1csU0FBUyxDQUFDLEtBQXlCO1FBQzVDLDBCQUEwQjtRQUMxQixJQUFJLEtBQUssSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUU7WUFDcEMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7U0FDaEQ7SUFDSCxDQUFDOzsySEFWVSw4QkFBOEI7K0dBQTlCLDhCQUE4QixtR0NYM0MsaXFCQW1CQTsyRkRSYSw4QkFBOEI7a0JBTDFDLFNBQVM7K0JBQ0UseUJBQXlCOzhCQVN4QixTQUFTO3NCQURuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgY2hldnJvbiBpY29uLlxuICogQGludGVybmFsXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1leHBhbnNpb24taW5kaWNhdG9yJyxcbiAgc3R5bGVVcmxzOiBbJy4vZXhwYW5zaW9uLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddLFxuICB0ZW1wbGF0ZVVybDogJy4vZXhwYW5zaW9uLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIFNreUV4cGFuc2lvbkluZGljYXRvckNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgd2hldGhlciB0aGUgY2hldnJvbiBwb2ludHMgdXAgb3IgZG93bi5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGlyZWN0aW9uKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICAvKiBpc3RhbmJ1bCBpZ25vcmUgZWxzZSAqL1xuICAgIGlmICh2YWx1ZSAhPSB0aGlzLmRpcmVjdGlvbk9yRGVmYXVsdCkge1xuICAgICAgdGhpcy5kaXJlY3Rpb25PckRlZmF1bHQgPSB2YWx1ZSA/IHZhbHVlIDogJ3VwJztcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZGlyZWN0aW9uT3JEZWZhdWx0ID0gJ3VwJztcbn1cbiIsIjxkaXZcbiAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgY2xhc3M9XCJza3ktZXhwYW5zaW9uLWluZGljYXRvclwiXG4gIFtuZ0NsYXNzXT1cIlsnc2t5LWV4cGFuc2lvbi1pbmRpY2F0b3ItJyArIGRpcmVjdGlvbk9yRGVmYXVsdF1cIlxuPlxuICA8bmctY29udGFpbmVyICpza3lUaGVtZUlmPVwiJ2RlZmF1bHQnXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImljb25cIj48L25nLWNvbnRhaW5lcj5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKnNreVRoZW1lSWY9XCInbW9kZXJuJ1wiPlxuICAgIDxzcGFuIGNsYXNzPVwic2t5LWV4cGFuc2lvbi1pbmRpY2F0b3ItZ2x5cGgtY29udGFpbmVyXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaWNvblwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvc3Bhbj5cbiAgPC9uZy1jb250YWluZXI+XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNpY29uPlxuICA8aSBjbGFzcz1cInNreS1leHBhbnNpb24taW5kaWNhdG9yLXBhcnQgc2t5LWV4cGFuc2lvbi1pbmRpY2F0b3ItbGVmdFwiPiA8L2k+XG4gIDxpIGNsYXNzPVwic2t5LWV4cGFuc2lvbi1pbmRpY2F0b3ItcGFydCBza3ktZXhwYW5zaW9uLWluZGljYXRvci1yaWdodFwiPiA8L2k+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zdGFjay1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2ljb24vaWNvbi1zdGFjay1pdGVtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTa3lJY29uVHlwZSB9IGZyb20gJy4vdHlwZXMvaWNvbi10eXBlJztcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTa3lJY29uU3RhY2tJdGVtIHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbmFtZSBvZlxuICAgKiBbdGhlIEZvbnQgQXdlc29tZSA0LjcgaWNvbl0oaHR0cHM6Ly9mb250YXdlc29tZS5jb20vdjQuNy9pY29ucy8pIHRvXG4gICAqIGRpc3BsYXkuIERvIG5vdCBzcGVjaWZ5IHRoZSBgZmEgZmEtYCBjbGFzc2VzLlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIGljb246IHN0cmluZztcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSB0eXBlIG9mIGljb24gdG8gZGlzcGxheS4gU3BlY2lmeWluZyBgZmFgIHdpbGwgZGlzcGxheSBhIEZvbnQgQXdlc29tZSBpY29uLFxuICAgKiB3aGlsZSBzcGVjaWZ5aW5nIGBza3l1eGAgd2lsbCBkaXNwbGF5IGFuIGljb24gZnJvbSB0aGUgY3VzdG9tIFNLWSBVWCBpY29uIGZvbnQuIE5vdGUgdGhhdFxuICAgKiB0aGUgY3VzdG9tIFNLWSBVWCBpY29uIGZvbnQgaXMgY3VycmVudGx5IGluIGJldGEuXG4gICAqL1xuICBpY29uVHlwZT86IFNreUljb25UeXBlO1xufVxuIl19
|
|
@@ -2,6 +2,9 @@ import { Component, Input } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "./icon-class-list.pipe";
|
|
5
|
+
/**
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
5
8
|
export class SkyIconStackComponent {
|
|
6
9
|
}
|
|
7
10
|
SkyIconStackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyIconStackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
@@ -16,4 +19,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
16
19
|
}], topIcon: [{
|
|
17
20
|
type: Input
|
|
18
21
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1zdGFjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvaWNvbi9pY29uLXN0YWNrLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9pY29uL2ljb24tc3RhY2suY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFJakQ7O0dBRUc7QUFNSCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO3NHQUFyQixxQkFBcUIsMEhDWmxDLDBkQWdCQTsyRkRKYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQVVuQixJQUFJO3NCQURWLEtBQUs7Z0JBT0MsUUFBUTtzQkFEZCxLQUFLO2dCQU9DLE9BQU87c0JBRGIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5SWNvblN0YWNrSXRlbSB9IGZyb20gJy4vaWNvbi1zdGFjay1pdGVtJztcblxuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWljb24tc3RhY2snLFxuICB0ZW1wbGF0ZVVybDogJy4vaWNvbi1zdGFjay5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24tc3RhY2suY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5SWNvblN0YWNrQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgaWNvbiB1c2luZ1xuICAgKiBbRm9udCBBd2Vzb21lIHNpemVzXShodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9ob3ctdG8tdXNlL29uLXRoZS13ZWIvc3R5bGluZy9zaXppbmctaWNvbnMpLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNpemU6IHN0cmluZztcblxuICAvKipcbiAgICogVGhlIGljb24gdG8gZGlzcGxheSBhdCB0aGUgYm90dG9tIG9mIHRoZSBzdGFjay5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBiYXNlSWNvbjogU2t5SWNvblN0YWNrSXRlbSB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIGljb24gdG8gZGlzcGxheSBhdCB0aGUgdG9wIG9mIHRoZSBzdGFjay5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0b3BJY29uOiBTa3lJY29uU3RhY2tJdGVtIHwgdW5kZWZpbmVkO1xufVxuIiwiPHNwYW5cbiAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgY2xhc3M9XCJza3ktaWNvbi1zdGFjayBmYS1zdGFja1wiXG4gIFtuZ0NsYXNzXT1cInNpemUgPyAnZmEtJyArIHNpemUgKyAnIHNreS1pY29uLXN0YWNrLXNpemUtJyArIHNpemUgOiAnJ1wiXG4+XG4gIDxpXG4gICAgKm5nSWY9XCJiYXNlSWNvblwiXG4gICAgY2xhc3M9XCJza3ktaWNvbiBmYS1zdGFjay0yeFwiXG4gICAgW25nQ2xhc3NdPVwiYmFzZUljb24uaWNvbiB8IHNreUljb25DbGFzc0xpc3Q6IGJhc2VJY29uLmljb25UeXBlXCJcbiAgPjwvaT5cbiAgPGlcbiAgICAqbmdJZj1cInRvcEljb25cIlxuICAgIGNsYXNzPVwic2t5LWljb24gZmEtc3RhY2stMXggZmEtaW52ZXJzZSBza3ktaWNvbi1pbnZlcnNlXCJcbiAgICBbbmdDbGFzc109XCJ0b3BJY29uLmljb24gfCBza3lJY29uQ2xhc3NMaXN0OiB0b3BJY29uLmljb25UeXBlXCJcbiAgPjwvaT5cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -29,4 +29,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
29
29
|
}], variant: [{
|
|
30
30
|
type: Input
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvaWNvbi9pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9pY29uL2ljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFXMUUsTUFBTSxPQUFPLGdCQUFnQjtJQU43QjtRQWdCRTs7Ozs7V0FLRztRQUVJLGFBQVEsR0FBZ0IsSUFBSSxDQUFDO0tBc0JyQzs7NkdBdkNZLGdCQUFnQjtpR0FBaEIsZ0JBQWdCLDRKQ1g3QiwwSkFPQTsyRkRJYSxnQkFBZ0I7a0JBTjVCLFNBQVM7K0JBQ0UsVUFBVSxtQkFHSCx1QkFBdUIsQ0FBQyxNQUFNOzhCQVV4QyxJQUFJO3NCQURWLEtBQUs7Z0JBVUMsUUFBUTtzQkFEZCxLQUFLO2dCQVFDLElBQUk7c0JBRFYsS0FBSztnQkFRQyxVQUFVO3NCQURoQixLQUFLO2dCQVFDLE9BQU87c0JBRGIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreUljb25UeXBlIH0gZnJvbSAnLi90eXBlcy9pY29uLXR5cGUnO1xuaW1wb3J0IHsgU2t5SWNvblZhcmlhbnRUeXBlIH0gZnJvbSAnLi90eXBlcy9pY29uLXZhcmlhbnQtdHlwZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2ljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lJY29uQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbmFtZSBvZlxuICAgKiBbdGhlIEZvbnQgQXdlc29tZSA0LjcgaWNvbl0oaHR0cHM6Ly9mb250YXdlc29tZS5jb20vdjQuNy9pY29ucy8pIG9yIHRoZSBTS1kgVVggaWNvbiB0b1xuICAgKiBkaXNwbGF5LiBXaGVuIHNwZWNpZnlpbmcgYSBGb250IEF3ZXNvbWUgaWNvbiwgZG8gbm90IHByZWZpeCB0aGUgbmFtZSB3aXRoIGBmYS1gLlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpY29uOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgdHlwZSBvZiBpY29uIHRvIGRpc3BsYXkuIFNwZWNpZnlpbmcgYFwiZmFcImAgd2lsbCBkaXNwbGF5IGEgRm9udCBBd2Vzb21lIGljb24sXG4gICAqIHdoaWxlIHNwZWNpZnlpbmcgYFwic2t5dXhcImAgd2lsbCBkaXNwbGF5IGFuIGljb24gZnJvbSB0aGUgY3VzdG9tIFNLWSBVWCBpY29uIGZvbnQuIE5vdGUgdGhhdFxuICAgKiB0aGUgY3VzdG9tIFNLWSBVWCBpY29uIGZvbnQgaXMgY3VycmVudGx5IGluIGJldGEuXG4gICAqIEBkZWZhdWx0IFwiZmFcIlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGljb25UeXBlOiBTa3lJY29uVHlwZSA9ICdmYSc7XG5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgaWNvbiB1c2luZ1xuICAgKiBbRm9udCBBd2Vzb21lIHNpemVzXShodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9ob3ctdG8tdXNlL29uLXRoZS13ZWIvc3R5bGluZy9zaXppbmctaWNvbnMpLiBEbyBub3QgcHJlZml4IHRoZSBzaXplIHdpdGggYGZhLWAuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2l6ZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgaWNvbiBoYXMgYSBmaXhlZCB3aWR0aC5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmaXhlZFdpZHRoOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGljb24gdmFyaWFudCAoYFwibGluZVwiYCBvciBgXCJzb2xpZFwiYCkuIElmIHRoZSB2YXJpYW50IGRvZXNuJ3QgZXhpc3QgZm9yIHRoZVxuICAgKiBzcGVjaWZpZWQgaWNvbiwgdGhlIG5vcm1hbCBpY29uIGlzIGRpc3BsYXllZC4gVGhpcyBwcm9wZXJ0eSBvbmx5IGFwcGxpZXMgd2hlbiB1c2luZyBTS1kgVVggaWNvbnMuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdmFyaWFudDogU2t5SWNvblZhcmlhbnRUeXBlO1xufVxuIiwiPGlcbiAgKm5nSWY9XCJpY29uXCJcbiAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgY2xhc3M9XCJza3ktaWNvblwiXG4gIFtuZ0NsYXNzXT1cImljb24gfCBza3lJY29uQ2xhc3NMaXN0OiBpY29uVHlwZTpzaXplOmZpeGVkV2lkdGg6dmFyaWFudFwiXG4+XG48L2k+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var
|
|
2
|
-
import { __classPrivateFieldGet
|
|
1
|
+
var _SkyLabelComponent_instances, _SkyLabelComponent_updateIcon;
|
|
2
|
+
import { __classPrivateFieldGet } from "tslib";
|
|
3
3
|
import { Component, Input } from '@angular/core';
|
|
4
4
|
import { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
@@ -9,34 +9,27 @@ import * as i3 from "@angular/common";
|
|
|
9
9
|
const LABEL_TYPE_DEFAULT = 'info';
|
|
10
10
|
export class SkyLabelComponent {
|
|
11
11
|
constructor() {
|
|
12
|
+
_SkyLabelComponent_instances.add(this);
|
|
12
13
|
this.labelTypeOrDefault = LABEL_TYPE_DEFAULT;
|
|
13
|
-
_SkyLabelComponent__labelType.set(this, void 0);
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
16
|
* The type of label to display.
|
|
17
|
-
* @
|
|
17
|
+
* @default 'info'
|
|
18
18
|
*/
|
|
19
19
|
set labelType(value) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
this.labelTypeOrDefault = LABEL_TYPE_DEFAULT;
|
|
23
|
-
}
|
|
24
|
-
else {
|
|
25
|
-
this.labelTypeOrDefault = __classPrivateFieldGet(this, _SkyLabelComponent__labelType, "f");
|
|
26
|
-
}
|
|
27
|
-
this.updateIcon();
|
|
20
|
+
this.labelTypeOrDefault = value === undefined ? LABEL_TYPE_DEFAULT : value;
|
|
21
|
+
__classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateIcon).call(this);
|
|
28
22
|
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
updateIcon() {
|
|
33
|
-
const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.labelTypeOrDefault);
|
|
34
|
-
this.icon = indicatorIcon.defaultThemeIcon;
|
|
35
|
-
this.baseIcon = indicatorIcon.modernThemeBaseIcon;
|
|
36
|
-
this.topIcon = indicatorIcon.modernThemeTopIcon;
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
__classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateIcon).call(this);
|
|
37
25
|
}
|
|
38
26
|
}
|
|
39
|
-
|
|
27
|
+
_SkyLabelComponent_instances = new WeakSet(), _SkyLabelComponent_updateIcon = function _SkyLabelComponent_updateIcon() {
|
|
28
|
+
const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.labelTypeOrDefault);
|
|
29
|
+
this.icon = indicatorIcon.defaultThemeIcon;
|
|
30
|
+
this.baseIcon = indicatorIcon.modernThemeBaseIcon;
|
|
31
|
+
this.topIcon = indicatorIcon.modernThemeTopIcon;
|
|
32
|
+
};
|
|
40
33
|
SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41
34
|
SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelTypeOrDefault\">\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: i1.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2.SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
42
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLabelComponent, decorators: [{
|
|
@@ -45,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
45
38
|
}], propDecorators: { labelType: [{
|
|
46
39
|
type: Input
|
|
47
40
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9sYWJlbC9sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBR3pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQUkzRSxNQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQztBQU9sQyxNQUFNLE9BQU8saUJBQWlCO0lBTDlCOztRQXFCUyx1QkFBa0IsR0FBaUIsa0JBQWtCLENBQUM7S0FpQjlEO0lBaENDOzs7T0FHRztJQUNILElBQ1csU0FBUyxDQUFDLEtBQStCO1FBQ2xELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBRTNFLHVCQUFBLElBQUksbUVBQVksTUFBaEIsSUFBSSxDQUFjLENBQUM7SUFDckIsQ0FBQztJQVVNLFFBQVE7UUFDYix1QkFBQSxJQUFJLG1FQUFZLE1BQWhCLElBQUksQ0FBYyxDQUFDO0lBQ3JCLENBQUM7OztJQUdDLE1BQU0sYUFBYSxHQUFHLHVCQUF1QixDQUFDLGVBQWUsQ0FDM0QsSUFBSSxDQUFDLGtCQUFrQixDQUN4QixDQUFDO0lBRUYsSUFBSSxDQUFDLElBQUksR0FBRyxhQUFhLENBQUMsZ0JBQWdCLENBQUM7SUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUM7SUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUM7QUFDbEQsQ0FBQzs4R0FoQ1UsaUJBQWlCO2tHQUFqQixpQkFBaUIscUZDZDlCLDZhQVlBOzJGREVhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQVVWLFNBQVM7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5SWNvblN0YWNrSXRlbSB9IGZyb20gJy4uL2ljb24vaWNvbi1zdGFjay1pdGVtJztcbmltcG9ydCB7IFNreUluZGljYXRvckljb25VdGlsaXR5IH0gZnJvbSAnLi4vc2hhcmVkL2luZGljYXRvci1pY29uLXV0aWxpdHknO1xuXG5pbXBvcnQgeyBTa3lMYWJlbFR5cGUgfSBmcm9tICcuL2xhYmVsLXR5cGUnO1xuXG5jb25zdCBMQUJFTF9UWVBFX0RFRkFVTFQgPSAnaW5mbyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xhYmVsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreUxhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFRoZSB0eXBlIG9mIGxhYmVsIHRvIGRpc3BsYXkuXG4gICAqIEBkZWZhdWx0ICdpbmZvJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBsYWJlbFR5cGUodmFsdWU6IFNreUxhYmVsVHlwZSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMubGFiZWxUeXBlT3JEZWZhdWx0ID0gdmFsdWUgPT09IHVuZGVmaW5lZCA/IExBQkVMX1RZUEVfREVGQVVMVCA6IHZhbHVlO1xuXG4gICAgdGhpcy4jdXBkYXRlSWNvbigpO1xuICB9XG5cbiAgcHVibGljIGJhc2VJY29uOiBTa3lJY29uU3RhY2tJdGVtIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBpY29uOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGxhYmVsVHlwZU9yRGVmYXVsdDogU2t5TGFiZWxUeXBlID0gTEFCRUxfVFlQRV9ERUZBVUxUO1xuXG4gIHB1YmxpYyB0b3BJY29uOiBTa3lJY29uU3RhY2tJdGVtIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLiN1cGRhdGVJY29uKCk7XG4gIH1cblxuICAjdXBkYXRlSWNvbigpOiB2b2lkIHtcbiAgICBjb25zdCBpbmRpY2F0b3JJY29uID0gU2t5SW5kaWNhdG9ySWNvblV0aWxpdHkuZ2V0SWNvbnNGb3JUeXBlKFxuICAgICAgdGhpcy5sYWJlbFR5cGVPckRlZmF1bHRcbiAgICApO1xuXG4gICAgdGhpcy5pY29uID0gaW5kaWNhdG9ySWNvbi5kZWZhdWx0VGhlbWVJY29uO1xuICAgIHRoaXMuYmFzZUljb24gPSBpbmRpY2F0b3JJY29uLm1vZGVyblRoZW1lQmFzZUljb247XG4gICAgdGhpcy50b3BJY29uID0gaW5kaWNhdG9ySWNvbi5tb2Rlcm5UaGVtZVRvcEljb247XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2t5LWxhYmVsXCIgW25nQ2xhc3NdPVwiJ3NreS1sYWJlbC0nICsgbGFiZWxUeXBlT3JEZWZhdWx0XCI+XG4gIDxzcGFuIGNsYXNzPVwic2t5LWxhYmVsLWljb24tdGhlbWUtZGVmYXVsdFwiPlxuICAgIDxza3ktaWNvbiBbaWNvbl09XCJpY29uXCI+PC9za3ktaWNvbj5cbiAgPC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cInNreS1sYWJlbC1pY29uLXRoZW1lLW1vZGVyblwiPlxuICAgIDxza3ktaWNvbi1zdGFjayBzaXplPVwieHNcIiBbYmFzZUljb25dPVwiYmFzZUljb25cIiBbdG9wSWNvbl09XCJ0b3BJY29uXCI+XG4gICAgPC9za3ktaWNvbi1zdGFjaz5cbiAgPC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cInNreS1sYWJlbC10ZXh0XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG48L3NwYW4+XG4iXX0=
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyStatusIndicatorComponent_instances, _SkyStatusIndicatorComponent_changeDetector, _SkyStatusIndicatorComponent_resources, _SkyStatusIndicatorComponent__descriptionType, _SkyStatusIndicatorComponent__customDescription, _SkyStatusIndicatorComponent_updateIcon, _SkyStatusIndicatorComponent_updateDescriptionComputed;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, } from '@angular/core';
|
|
2
4
|
import { SkyLibResourcesService } from '@skyux/i18n';
|
|
3
5
|
import { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';
|
|
@@ -16,19 +18,23 @@ const INDICATOR_TYPE_DEFAULT = 'warning';
|
|
|
16
18
|
*/
|
|
17
19
|
export class SkyStatusIndicatorComponent {
|
|
18
20
|
constructor(changeDetector, resources) {
|
|
19
|
-
this
|
|
20
|
-
this.
|
|
21
|
+
_SkyStatusIndicatorComponent_instances.add(this);
|
|
22
|
+
this.indicatorTypeOrDefault = INDICATOR_TYPE_DEFAULT;
|
|
23
|
+
_SkyStatusIndicatorComponent_changeDetector.set(this, void 0);
|
|
24
|
+
_SkyStatusIndicatorComponent_resources.set(this, void 0);
|
|
25
|
+
_SkyStatusIndicatorComponent__descriptionType.set(this, void 0);
|
|
26
|
+
_SkyStatusIndicatorComponent__customDescription.set(this, void 0);
|
|
27
|
+
__classPrivateFieldSet(this, _SkyStatusIndicatorComponent_changeDetector, changeDetector, "f");
|
|
28
|
+
__classPrivateFieldSet(this, _SkyStatusIndicatorComponent_resources, resources, "f");
|
|
21
29
|
}
|
|
22
30
|
/**
|
|
23
31
|
* Specifies a style for the status indicator to determine the icon.
|
|
24
32
|
* @default "warning"
|
|
25
33
|
*/
|
|
26
34
|
set indicatorType(value) {
|
|
27
|
-
this.
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
get indicatorType() {
|
|
31
|
-
return this._indicatorType || INDICATOR_TYPE_DEFAULT;
|
|
35
|
+
this.indicatorTypeOrDefault =
|
|
36
|
+
value === undefined ? INDICATOR_TYPE_DEFAULT : value;
|
|
37
|
+
__classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateIcon).call(this);
|
|
32
38
|
}
|
|
33
39
|
/**
|
|
34
40
|
* Specifies the predefined text to be read by screen readers for users
|
|
@@ -36,59 +42,61 @@ export class SkyStatusIndicatorComponent {
|
|
|
36
42
|
* @required
|
|
37
43
|
*/
|
|
38
44
|
set descriptionType(value) {
|
|
39
|
-
this
|
|
40
|
-
this.
|
|
45
|
+
__classPrivateFieldSet(this, _SkyStatusIndicatorComponent__descriptionType, value, "f");
|
|
46
|
+
__classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateDescriptionComputed).call(this);
|
|
41
47
|
}
|
|
42
48
|
get descriptionType() {
|
|
43
|
-
return this
|
|
49
|
+
return __classPrivateFieldGet(this, _SkyStatusIndicatorComponent__descriptionType, "f");
|
|
44
50
|
}
|
|
45
51
|
/**
|
|
46
52
|
* Specifies the text to be read by screen readers for users who cannot see
|
|
47
53
|
* the indicator icon when `descriptionType` is `custom`.
|
|
48
54
|
*/
|
|
49
55
|
set customDescription(value) {
|
|
50
|
-
this
|
|
51
|
-
this.
|
|
56
|
+
__classPrivateFieldSet(this, _SkyStatusIndicatorComponent__customDescription, value, "f");
|
|
57
|
+
__classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateDescriptionComputed).call(this);
|
|
52
58
|
}
|
|
53
59
|
get customDescription() {
|
|
54
|
-
return this
|
|
60
|
+
return __classPrivateFieldGet(this, _SkyStatusIndicatorComponent__customDescription, "f");
|
|
55
61
|
}
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
this.icon = indicatorIcon.defaultThemeIcon;
|
|
59
|
-
this.baseIcon = indicatorIcon.modernThemeBaseIcon;
|
|
60
|
-
this.topIcon = indicatorIcon.modernThemeTopIcon;
|
|
62
|
+
ngOnInit() {
|
|
63
|
+
__classPrivateFieldGet(this, _SkyStatusIndicatorComponent_instances, "m", _SkyStatusIndicatorComponent_updateIcon).call(this);
|
|
61
64
|
}
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
65
|
+
}
|
|
66
|
+
_SkyStatusIndicatorComponent_changeDetector = new WeakMap(), _SkyStatusIndicatorComponent_resources = new WeakMap(), _SkyStatusIndicatorComponent__descriptionType = new WeakMap(), _SkyStatusIndicatorComponent__customDescription = new WeakMap(), _SkyStatusIndicatorComponent_instances = new WeakSet(), _SkyStatusIndicatorComponent_updateIcon = function _SkyStatusIndicatorComponent_updateIcon() {
|
|
67
|
+
const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.indicatorTypeOrDefault);
|
|
68
|
+
this.icon = indicatorIcon.defaultThemeIcon;
|
|
69
|
+
this.baseIcon = indicatorIcon.modernThemeBaseIcon;
|
|
70
|
+
this.topIcon = indicatorIcon.modernThemeTopIcon;
|
|
71
|
+
}, _SkyStatusIndicatorComponent_updateDescriptionComputed = function _SkyStatusIndicatorComponent_updateDescriptionComputed() {
|
|
72
|
+
if (this.descriptionType) {
|
|
73
|
+
switch (this.descriptionType) {
|
|
74
|
+
case 'none':
|
|
75
|
+
this.descriptionComputed = '';
|
|
76
|
+
break;
|
|
77
|
+
case 'custom':
|
|
78
|
+
this.descriptionComputed = this.customDescription;
|
|
79
|
+
break;
|
|
80
|
+
default:
|
|
81
|
+
__classPrivateFieldGet(this, _SkyStatusIndicatorComponent_resources, "f")
|
|
82
|
+
.getString('skyux_status_indicator_sr_' +
|
|
83
|
+
this.descriptionType.replace(/-/g, '_'))
|
|
84
|
+
.subscribe((value) => {
|
|
85
|
+
this.descriptionComputed = value;
|
|
86
|
+
__classPrivateFieldGet(this, _SkyStatusIndicatorComponent_changeDetector, "f").markForCheck();
|
|
87
|
+
});
|
|
88
|
+
break;
|
|
84
89
|
}
|
|
85
90
|
}
|
|
86
|
-
|
|
91
|
+
else {
|
|
92
|
+
this.descriptionComputed = undefined;
|
|
93
|
+
}
|
|
94
|
+
};
|
|
87
95
|
SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
|
|
88
|
-
SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n <div\n aria-hidden=\"true\"\n class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n [ngClass]=\"'sky-status-indicator-icon-' +
|
|
96
|
+
SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n <div\n aria-hidden=\"true\"\n class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\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\" skyTrim\n ><ng-content></ng-content></span\n ><span class=\"sky-status-indicator-help\"\n ><ng-content select=\".sky-control-help\"></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}.sky-status-indicator-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}: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: i2.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i3.SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
89
97
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
|
|
90
98
|
type: Component,
|
|
91
|
-
args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, 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-' +
|
|
99
|
+
args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, 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-' + indicatorTypeOrDefault\"\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\" skyTrim\n ><ng-content></ng-content></span\n ><span class=\"sky-status-indicator-help\"\n ><ng-content select=\".sky-control-help\"></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}.sky-status-indicator-help:not(:empty){margin-left:var(--sky-margin-inline-sm)}: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"] }]
|
|
92
100
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
|
|
93
101
|
type: Input
|
|
94
102
|
}], descriptionType: [{
|
|
@@ -96,4 +104,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
96
104
|
}], customDescription: [{
|
|
97
105
|
type: Input
|
|
98
106
|
}] } });
|
|
99
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvc3RhdHVzLWluZGljYXRvci9zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9zdGF0dXMtaW5kaWNhdG9yL3N0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixTQUFTLEVBQ1QsS0FBSyxHQUVOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUtyRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQzs7Ozs7OztBQUUzRSxNQUFNLHNCQUFzQixHQUF5QixTQUFTLENBQUM7QUFDL0Q7Ozs7O0dBS0c7QUFPSCxNQUFNLE9BQU8sMkJBQTJCO0lBNER0QyxZQUNFLGNBQWlDLEVBQ2pDLFNBQWlDOztRQWQ1QiwyQkFBc0IsR0FBeUIsc0JBQXNCLENBQUM7UUFJN0UsOERBQW1DO1FBRW5DLHlEQUFtQztRQUVuQyxnRUFBK0M7UUFFL0Msa0VBQTRCO1FBTTFCLHVCQUFBLElBQUksK0NBQW1CLGNBQWMsTUFBQSxDQUFDO1FBQ3RDLHVCQUFBLElBQUksMENBQWMsU0FBUyxNQUFBLENBQUM7SUFDOUIsQ0FBQztJQWpFRDs7O09BR0c7SUFDSCxJQUNXLGFBQWEsQ0FBQyxLQUEyQjtRQUNsRCxJQUFJLENBQUMsc0JBQXNCO1lBQ3pCLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFFdkQsdUJBQUEsSUFBSSx1RkFBWSxNQUFoQixJQUFJLENBQWMsQ0FBQztJQUNyQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILElBQ1csZUFBZSxDQUFDLEtBQWtDO1FBQzNELHVCQUFBLElBQUksaURBQXFCLEtBQUssTUFBQSxDQUFDO1FBQy9CLHVCQUFBLElBQUksc0dBQTJCLE1BQS9CLElBQUksQ0FBNkIsQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBVyxlQUFlO1FBQ3hCLE9BQU8sdUJBQUEsSUFBSSxxREFBa0IsQ0FBQztJQUNoQyxDQUFDO0lBRUQ7OztPQUdHO0lBQ0gsSUFDVyxpQkFBaUIsQ0FBQyxLQUFhO1FBQ3hDLHVCQUFBLElBQUksbURBQXVCLEtBQUssTUFBQSxDQUFDO1FBQ2pDLHVCQUFBLElBQUksc0dBQTJCLE1BQS9CLElBQUksQ0FBNkIsQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBVyxpQkFBaUI7UUFDMUIsT0FBTyx1QkFBQSxJQUFJLHVEQUFvQixDQUFDO0lBQ2xDLENBQUM7SUE0Qk0sUUFBUTtRQUNiLHVCQUFBLElBQUksdUZBQVksTUFBaEIsSUFBSSxDQUFjLENBQUM7SUFDckIsQ0FBQzs7O0lBR0MsTUFBTSxhQUFhLEdBQUcsdUJBQXVCLENBQUMsZUFBZSxDQUMzRCxJQUFJLENBQUMsc0JBQXNCLENBQzVCLENBQUM7SUFFRixJQUFJLENBQUMsSUFBSSxHQUFHLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQztJQUMzQyxJQUFJLENBQUMsUUFBUSxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQztJQUNsRCxJQUFJLENBQUMsT0FBTyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQztBQUNsRCxDQUFDO0lBR0MsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1FBQ3hCLFFBQVEsSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUM1QixLQUFLLE1BQU07Z0JBQ1QsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztnQkFDOUIsTUFBTTtZQUNSLEtBQUssUUFBUTtnQkFDWCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDO2dCQUNsRCxNQUFNO1lBQ1I7Z0JBQ0UsdUJBQUEsSUFBSSw4Q0FBVztxQkFDWixTQUFTLENBQ1IsNEJBQTRCO29CQUMxQixJQUFJLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsR0FBRyxDQUFDLENBQzFDO3FCQUNBLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO29CQUNuQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO29CQUNqQyx1QkFBQSxJQUFJLG1EQUFnQixDQUFDLFlBQVksRUFBRSxDQUFDO2dCQUN0QyxDQUFDLENBQUMsQ0FBQztnQkFFTCxNQUFNO1NBQ1Q7S0FDRjtTQUFNO1FBQ0wsSUFBSSxDQUFDLG1CQUFtQixHQUFHLFNBQVMsQ0FBQztLQUN0QztBQUNILENBQUM7d0hBM0dVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLG9MQzNCeEMsNDdCQXlCQTsyRkRFYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBQ0Usc0JBQXNCLG1CQUdmLHVCQUF1QixDQUFDLE1BQU07NklBUXBDLGFBQWE7c0JBRHZCLEtBQUs7Z0JBY0ssZUFBZTtzQkFEekIsS0FBSztnQkFlSyxpQkFBaUI7c0JBRDNCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lMaWJSZXNvdXJjZXNTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5pbXBvcnQgeyBTa3lJY29uU3RhY2tJdGVtIH0gZnJvbSAnLi4vaWNvbi9pY29uLXN0YWNrLWl0ZW0nO1xuaW1wb3J0IHsgU2t5SW5kaWNhdG9yRGVzY3JpcHRpb25UeXBlIH0gZnJvbSAnLi4vc2hhcmVkL2luZGljYXRvci1kZXNjcmlwdGlvbi10eXBlJztcbmltcG9ydCB7IFNreUluZGljYXRvckljb25UeXBlIH0gZnJvbSAnLi4vc2hhcmVkL2luZGljYXRvci1pY29uLXR5cGUnO1xuaW1wb3J0IHsgU2t5SW5kaWNhdG9ySWNvblV0aWxpdHkgfSBmcm9tICcuLi9zaGFyZWQvaW5kaWNhdG9yLWljb24tdXRpbGl0eSc7XG5cbmNvbnN0IElORElDQVRPUl9UWVBFX0RFRkFVTFQ6IFNreUluZGljYXRvckljb25UeXBlID0gJ3dhcm5pbmcnO1xuLyoqXG4gKiBEaXNwbGF5cyBzdGF0dXMgdGV4dCB3aXRoIGFuIGljb24gbWF0Y2hpbmcgdGhlIHNwZWNpZmllZCBpbmRpY2F0b3IgdHlwZS5cbiAqIFRvIGRpc3BsYXkgYSBoZWxwIGJ1dHRvbiBiZXNpZGUgdGhlIGxhYmVsLCBpbmNsdWRlIGEgaGVscCBidXR0b24gZWxlbWVudCwgc3VjaCBhc1xuICogYHNreS1oZWxwLWlubGluZWAsIGluIHRoZSBgc2t5LXN0YXR1cy1pbmRpY2F0b3JgIGVsZW1lbnQgYW5kIGEgYHNreS1jb250cm9sLWhlbHBgXG4gKiBDU1MgY2xhc3Mgb24gdGhhdCBoZWxwIGJ1dHRvbiBlbGVtZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktc3RhdHVzLWluZGljYXRvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5U3RhdHVzSW5kaWNhdG9yQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyBhIHN0eWxlIGZvciB0aGUgc3RhdHVzIGluZGljYXRvciB0byBkZXRlcm1pbmUgdGhlIGljb24uXG4gICAqIEBkZWZhdWx0IFwid2FybmluZ1wiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGluZGljYXRvclR5cGUodmFsdWU6IFNreUluZGljYXRvckljb25UeXBlKSB7XG4gICAgdGhpcy5pbmRpY2F0b3JUeXBlT3JEZWZhdWx0ID1cbiAgICAgIHZhbHVlID09PSB1bmRlZmluZWQgPyBJTkRJQ0FUT1JfVFlQRV9ERUZBVUxUIDogdmFsdWU7XG5cbiAgICB0aGlzLiN1cGRhdGVJY29uKCk7XG4gIH1cblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBwcmVkZWZpbmVkIHRleHQgdG8gYmUgcmVhZCBieSBzY3JlZW4gcmVhZGVycyBmb3IgdXNlcnNcbiAgICogd2hvIGNhbm5vdCBzZWUgdGhlIGluZGljYXRvciBpY29uLlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGVzY3JpcHRpb25UeXBlKHZhbHVlOiBTa3lJbmRpY2F0b3JEZXNjcmlwdGlvblR5cGUpIHtcbiAgICB0aGlzLiNfZGVzY3JpcHRpb25UeXBlID0gdmFsdWU7XG4gICAgdGhpcy4jdXBkYXRlRGVzY3JpcHRpb25Db21wdXRlZCgpO1xuICB9XG5cbiAgcHVibGljIGdldCBkZXNjcmlwdGlvblR5cGUoKTogU2t5SW5kaWNhdG9yRGVzY3JpcHRpb25UeXBlIHtcbiAgICByZXR1cm4gdGhpcy4jX2Rlc2NyaXB0aW9uVHlwZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIHRleHQgdG8gYmUgcmVhZCBieSBzY3JlZW4gcmVhZGVycyBmb3IgdXNlcnMgd2hvIGNhbm5vdCBzZWVcbiAgICogdGhlIGluZGljYXRvciBpY29uIHdoZW4gYGRlc2NyaXB0aW9uVHlwZWAgaXMgYGN1c3RvbWAuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGN1c3RvbURlc2NyaXB0aW9uKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLiNfY3VzdG9tRGVzY3JpcHRpb24gPSB2YWx1ZTtcbiAgICB0aGlzLiN1cGRhdGVEZXNjcmlwdGlvbkNvbXB1dGVkKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGN1c3RvbURlc2NyaXB0aW9uKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuI19jdXN0b21EZXNjcmlwdGlvbjtcbiAgfVxuXG4gIHB1YmxpYyBkZXNjcmlwdGlvbkNvbXB1dGVkOiBzdHJpbmc7XG5cbiAgcHVibGljIGJhc2VJY29uOiBTa3lJY29uU3RhY2tJdGVtO1xuXG4gIHB1YmxpYyBpY29uOiBzdHJpbmc7XG5cbiAgcHVibGljIGluZGljYXRvclR5cGVPckRlZmF1bHQ6IFNreUluZGljYXRvckljb25UeXBlID0gSU5ESUNBVE9SX1RZUEVfREVGQVVMVDtcblxuICBwdWJsaWMgdG9wSWNvbjogU2t5SWNvblN0YWNrSXRlbTtcblxuICAjY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmO1xuXG4gICNyZXNvdXJjZXM6IFNreUxpYlJlc291cmNlc1NlcnZpY2U7XG5cbiAgI19kZXNjcmlwdGlvblR5cGU6IFNreUluZGljYXRvckRlc2NyaXB0aW9uVHlwZTtcblxuICAjX2N1c3RvbURlc2NyaXB0aW9uOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgY2hhbmdlRGV0ZWN0b3I6IENoYW5nZURldGVjdG9yUmVmLFxuICAgIHJlc291cmNlczogU2t5TGliUmVzb3VyY2VzU2VydmljZVxuICApIHtcbiAgICB0aGlzLiNjaGFuZ2VEZXRlY3RvciA9IGNoYW5nZURldGVjdG9yO1xuICAgIHRoaXMuI3Jlc291cmNlcyA9IHJlc291cmNlcztcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLiN1cGRhdGVJY29uKCk7XG4gIH1cblxuICAjdXBkYXRlSWNvbigpOiB2b2lkIHtcbiAgICBjb25zdCBpbmRpY2F0b3JJY29uID0gU2t5SW5kaWNhdG9ySWNvblV0aWxpdHkuZ2V0SWNvbnNGb3JUeXBlKFxuICAgICAgdGhpcy5pbmRpY2F0b3JUeXBlT3JEZWZhdWx0XG4gICAgKTtcblxuICAgIHRoaXMuaWNvbiA9IGluZGljYXRvckljb24uZGVmYXVsdFRoZW1lSWNvbjtcbiAgICB0aGlzLmJhc2VJY29uID0gaW5kaWNhdG9ySWNvbi5tb2Rlcm5UaGVtZUJhc2VJY29uO1xuICAgIHRoaXMudG9wSWNvbiA9IGluZGljYXRvckljb24ubW9kZXJuVGhlbWVUb3BJY29uO1xuICB9XG5cbiAgI3VwZGF0ZURlc2NyaXB0aW9uQ29tcHV0ZWQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGVzY3JpcHRpb25UeXBlKSB7XG4gICAgICBzd2l0Y2ggKHRoaXMuZGVzY3JpcHRpb25UeXBlKSB7XG4gICAgICAgIGNhc2UgJ25vbmUnOlxuICAgICAgICAgIHRoaXMuZGVzY3JpcHRpb25Db21wdXRlZCA9ICcnO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdjdXN0b20nOlxuICAgICAgICAgIHRoaXMuZGVzY3JpcHRpb25Db21wdXRlZCA9IHRoaXMuY3VzdG9tRGVzY3JpcHRpb247XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgdGhpcy4jcmVzb3VyY2VzXG4gICAgICAgICAgICAuZ2V0U3RyaW5nKFxuICAgICAgICAgICAgICAnc2t5dXhfc3RhdHVzX2luZGljYXRvcl9zcl8nICtcbiAgICAgICAgICAgICAgICB0aGlzLmRlc2NyaXB0aW9uVHlwZS5yZXBsYWNlKC8tL2csICdfJylcbiAgICAgICAgICAgIClcbiAgICAgICAgICAgIC5zdWJzY3JpYmUoKHZhbHVlKSA9PiB7XG4gICAgICAgICAgICAgIHRoaXMuZGVzY3JpcHRpb25Db21wdXRlZCA9IHZhbHVlO1xuICAgICAgICAgICAgICB0aGlzLiNjaGFuZ2VEZXRlY3Rvci5tYXJrRm9yQ2hlY2soKTtcbiAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuZGVzY3JpcHRpb25Db21wdXRlZCA9IHVuZGVmaW5lZDtcbiAgICB9XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJkZXNjcmlwdGlvblR5cGVcIiBjbGFzcz1cInNreS1zdGF0dXMtaW5kaWNhdG9yXCI+XG4gIDxkaXZcbiAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgIGNsYXNzPVwic2t5LW1hcmdpbi1pbmxpbmUteHMgc2t5LXN0YXR1cy1pbmRpY2F0b3ItaWNvblwiXG4gICAgW25nQ2xhc3NdPVwiJ3NreS1zdGF0dXMtaW5kaWNhdG9yLWljb24tJyArIGluZGljYXRvclR5cGVPckRlZmF1bHRcIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJza3ktc3RhdHVzLWluZGljYXRvci1pY29uLWRlZmF1bHRcIj5cbiAgICAgIDxza3ktaWNvbiBbaWNvbl09XCJpY29uXCI+PC9za3ktaWNvbj5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJza3ktc3RhdHVzLWluZGljYXRvci1pY29uLW1vZGVyblwiPlxuICAgICAgPHNreS1pY29uLXN0YWNrIHNpemU9XCJ4c1wiIFtiYXNlSWNvbl09XCJiYXNlSWNvblwiIFt0b3BJY29uXT1cInRvcEljb25cIj5cbiAgICAgIDwvc2t5LWljb24tc3RhY2s+XG4gICAgPC9zcGFuPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNreS1zdGF0dXMtaW5kaWNhdG9yLW1lc3NhZ2Utd3JhcHBlclwiPlxuICAgIDxzcGFuICpuZ0lmPVwiZGVzY3JpcHRpb25Db21wdXRlZFwiIGNsYXNzPVwic2t5LXNjcmVlbi1yZWFkZXItb25seVwiPlxuICAgICAge3sgZGVzY3JpcHRpb25Db21wdXRlZCB9fVxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cInNreS1zdGF0dXMtaW5kaWNhdG9yLW1lc3NhZ2VcIiBza3lUcmltXG4gICAgICA+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50Pjwvc3BhblxuICAgID48c3BhbiBjbGFzcz1cInNreS1zdGF0dXMtaW5kaWNhdG9yLWhlbHBcIlxuICAgICAgPjxuZy1jb250ZW50IHNlbGVjdD1cIi5za3ktY29udHJvbC1oZWxwXCI+PC9uZy1jb250ZW50XG4gICAgPjwvc3Bhbj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|