@skyux/indicators 6.12.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 +587 -718
- package/esm2020/lib/modules/alert/alert.component.mjs +19 -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/key-info/key-info.component.mjs +2 -1
- package/esm2020/lib/modules/label/label.component.mjs +21 -14
- package/esm2020/lib/modules/status-indicator/status-indicator.component.mjs +52 -44
- package/esm2020/testing/alert/alert-harness-filters.mjs +2 -0
- package/esm2020/testing/alert/alert-harness.mjs +72 -0
- package/esm2020/testing/alert-fixture.mjs +2 -1
- package/esm2020/testing/label-fixture.mjs +1 -1
- package/esm2020/testing/public-api.mjs +6 -1
- package/esm2020/testing/tokens/token-harness-filters.mjs +2 -0
- package/esm2020/testing/tokens/token-harness.mjs +44 -0
- package/esm2020/testing/tokens/tokens-harness-filters.mjs +2 -0
- package/esm2020/testing/tokens/tokens-harness.mjs +42 -0
- package/fesm2015/skyux-indicators-testing.mjs +179 -1
- package/fesm2015/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2015/skyux-indicators.mjs +110 -89
- package/fesm2015/skyux-indicators.mjs.map +1 -1
- package/fesm2020/skyux-indicators-testing.mjs +157 -1
- package/fesm2020/skyux-indicators-testing.mjs.map +1 -1
- package/fesm2020/skyux-indicators.mjs +110 -89
- package/fesm2020/skyux-indicators.mjs.map +1 -1
- package/lib/modules/alert/alert.component.d.ts +8 -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 +5 -2
- package/lib/modules/icon/icon.component.d.ts +6 -5
- package/lib/modules/key-info/key-info.component.d.ts +1 -1
- package/lib/modules/label/label.component.d.ts +10 -9
- package/lib/modules/status-indicator/status-indicator.component.d.ts +5 -10
- package/package.json +6 -5
- package/testing/alert/alert-harness-filters.d.ts +6 -0
- package/testing/alert/alert-harness.d.ts +36 -0
- package/testing/alert-fixture.d.ts +5 -4
- package/testing/label-fixture.d.ts +2 -2
- package/testing/public-api.d.ts +5 -0
- package/testing/tokens/token-harness-filters.d.ts +10 -0
- package/testing/tokens/token-harness.d.ts +26 -0
- package/testing/tokens/tokens-harness-filters.d.ts +6 -0
- package/testing/tokens/tokens-harness.d.ts +27 -0
|
@@ -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,41 +11,44 @@ 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
|
*/
|
|
15
18
|
this.closedChange = new EventEmitter();
|
|
19
|
+
this.alertTypeOrDefault = ALERT_TYPE_DEFAULT;
|
|
16
20
|
}
|
|
21
|
+
// TODO: Change alertType to SkyIndicatorIconType in a breaking change.
|
|
17
22
|
/**
|
|
18
23
|
* Specifies a style for the alert to determine the icon and background color.
|
|
19
24
|
* The valid options are `danger`, `info`, `success`, and `warning`.
|
|
20
25
|
* @default "warning"
|
|
21
26
|
*/
|
|
22
27
|
set alertType(value) {
|
|
23
|
-
this.
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
+
if (value !== this.alertTypeOrDefault) {
|
|
29
|
+
this.alertTypeOrDefault =
|
|
30
|
+
value || ALERT_TYPE_DEFAULT;
|
|
31
|
+
__classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateAlertIcon).call(this);
|
|
32
|
+
}
|
|
28
33
|
}
|
|
29
34
|
ngOnInit() {
|
|
30
|
-
this.
|
|
35
|
+
__classPrivateFieldGet(this, _SkyAlertComponent_instances, "m", _SkyAlertComponent_updateAlertIcon).call(this);
|
|
31
36
|
}
|
|
32
37
|
close() {
|
|
33
38
|
this.closed = true;
|
|
34
39
|
this.closedChange.emit(true);
|
|
35
40
|
}
|
|
36
|
-
updateAlertIcon() {
|
|
37
|
-
const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.alertType);
|
|
38
|
-
this.alertBaseIcon = indicatorIcon.modernThemeBaseIcon;
|
|
39
|
-
this.alertTopIcon = indicatorIcon.modernThemeTopIcon;
|
|
40
|
-
}
|
|
41
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
|
+
};
|
|
42
47
|
SkyAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
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':
|
|
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 } });
|
|
44
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyAlertComponent, decorators: [{
|
|
45
50
|
type: Component,
|
|
46
|
-
args: [{ selector: 'sky-alert', 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':
|
|
51
|
+
args: [{ selector: 'sky-alert', 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"] }]
|
|
47
52
|
}], propDecorators: { alertType: [{
|
|
48
53
|
type: Input
|
|
49
54
|
}], closeable: [{
|
|
@@ -53,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
53
58
|
}], closedChange: [{
|
|
54
59
|
type: Output
|
|
55
60
|
}] } });
|
|
56
|
-
//# 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=
|
|
@@ -9,6 +9,7 @@ export class SkyKeyInfoComponent {
|
|
|
9
9
|
* value or in a horizontal layout with the label beside the value.
|
|
10
10
|
* @default "vertical"
|
|
11
11
|
*/
|
|
12
|
+
// TODO: More strongly type this in a future breaking change.
|
|
12
13
|
this.layout = 'vertical';
|
|
13
14
|
}
|
|
14
15
|
}
|
|
@@ -20,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
20
21
|
}], propDecorators: { layout: [{
|
|
21
22
|
type: Input
|
|
22
23
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9rZXktaW5mby9rZXktaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBTUU7Ozs7V0FJRztRQUNILDZEQUE2RDtRQUV0RCxXQUFNLEdBQXVCLFVBQVUsQ0FBQztLQUNoRDs7Z0hBVFksbUJBQW1CO29HQUFuQixtQkFBbUIsa0ZDUGhDLHVoQkFnQkE7MkZEVGEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNFLGNBQWM7OEJBWWpCLE1BQU07c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWtleS1pbmZvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tleS1pbmZvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2V5LWluZm8uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5S2V5SW5mb0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgd2hldGhlciB0byBkaXNwbGF5IGtleSBpbmZvIGluIGEgdmVydGljYWwgbGF5b3V0IHdpdGggdGhlIGxhYmVsIHVuZGVyIHRoZVxuICAgKiB2YWx1ZSBvciBpbiBhIGhvcml6b250YWwgbGF5b3V0IHdpdGggdGhlIGxhYmVsIGJlc2lkZSB0aGUgdmFsdWUuXG4gICAqIEBkZWZhdWx0IFwidmVydGljYWxcIlxuICAgKi9cbiAgLy8gVE9ETzogTW9yZSBzdHJvbmdseSB0eXBlIHRoaXMgaW4gYSBmdXR1cmUgYnJlYWtpbmcgY2hhbmdlLlxuICBASW5wdXQoKVxuICBwdWJsaWMgbGF5b3V0OiBzdHJpbmcgfCB1bmRlZmluZWQgPSAndmVydGljYWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1rZXktaW5mb1wiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc2t5LWtleS1pbmZvLWhvcml6b250YWwnOiBsYXlvdXQgPT09ICdob3Jpem9udGFsJ1xuICB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cInNreS1rZXktaW5mby12YWx1ZSBza3ktaGVhZGxpbmVcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3kta2V5LWluZm8tdmFsdWVcIj4gPC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNreS1rZXktaW5mby1sYWJlbCBza3ktZmllbGQtbGFiZWwgc2t5LWZvbnQtZGF0YS1sYWJlbFwiPlxuICAgIDxzcGFuIHNreVRyaW0+PG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWtleS1pbmZvLWxhYmVsXCI+PC9uZy1jb250ZW50Pjwvc3BhblxuICAgID48c3BhbiBjbGFzcz1cInNreS1rZXktaW5mby1sYWJlbC1oZWxwXCJcbiAgICAgID48bmctY29udGVudCBzZWxlY3Q9XCIuc2t5LWNvbnRyb2wtaGVscFwiPjwvbmctY29udGVudFxuICAgID48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,34 +1,41 @@
|
|
|
1
|
+
var _SkyLabelComponent_instances, _SkyLabelComponent_updateIcon;
|
|
2
|
+
import { __classPrivateFieldGet } from "tslib";
|
|
1
3
|
import { Component, Input } from '@angular/core';
|
|
2
4
|
import { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
4
6
|
import * as i1 from "../icon/icon.component";
|
|
5
7
|
import * as i2 from "../icon/icon-stack.component";
|
|
6
8
|
import * as i3 from "@angular/common";
|
|
9
|
+
const LABEL_TYPE_DEFAULT = 'info';
|
|
7
10
|
export class SkyLabelComponent {
|
|
11
|
+
constructor() {
|
|
12
|
+
_SkyLabelComponent_instances.add(this);
|
|
13
|
+
this.labelTypeOrDefault = LABEL_TYPE_DEFAULT;
|
|
14
|
+
}
|
|
8
15
|
/**
|
|
9
16
|
* The type of label to display.
|
|
10
|
-
* @
|
|
17
|
+
* @default 'info'
|
|
11
18
|
*/
|
|
12
19
|
set labelType(value) {
|
|
13
|
-
this.
|
|
14
|
-
this.
|
|
15
|
-
}
|
|
16
|
-
get labelType() {
|
|
17
|
-
return this._labelType || 'info';
|
|
20
|
+
this.labelTypeOrDefault = value === undefined ? LABEL_TYPE_DEFAULT : value;
|
|
21
|
+
__classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateIcon).call(this);
|
|
18
22
|
}
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
this.icon = indicatorIcon.defaultThemeIcon;
|
|
22
|
-
this.baseIcon = indicatorIcon.modernThemeBaseIcon;
|
|
23
|
-
this.topIcon = indicatorIcon.modernThemeTopIcon;
|
|
23
|
+
ngOnInit() {
|
|
24
|
+
__classPrivateFieldGet(this, _SkyLabelComponent_instances, "m", _SkyLabelComponent_updateIcon).call(this);
|
|
24
25
|
}
|
|
25
26
|
}
|
|
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
|
+
};
|
|
26
33
|
SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
27
|
-
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-' +
|
|
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"] }] });
|
|
28
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLabelComponent, decorators: [{
|
|
29
36
|
type: Component,
|
|
30
|
-
args: [{ selector: 'sky-label', template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' +
|
|
37
|
+
args: [{ selector: 'sky-label', 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"] }]
|
|
31
38
|
}], propDecorators: { labelType: [{
|
|
32
39
|
type: Input
|
|
33
40
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9sYWJlbC9sYWJlbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBR3pELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQUkzRSxNQUFNLGtCQUFrQixHQUFHLE1BQU0sQ0FBQztBQU9sQyxNQUFNLE9BQU8saUJBQWlCO0lBTDlCOztRQXFCUyx1QkFBa0IsR0FBaUIsa0JBQWtCLENBQUM7S0FpQjlEO0lBaENDOzs7T0FHRztJQUNILElBQ1csU0FBUyxDQUFDLEtBQStCO1FBQ2xELElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBRTNFLHVCQUFBLElBQUksbUVBQVksTUFBaEIsSUFBSSxDQUFjLENBQUM7SUFDckIsQ0FBQztJQVVNLFFBQVE7UUFDYix1QkFBQSxJQUFJLG1FQUFZLE1BQWhCLElBQUksQ0FBYyxDQUFDO0lBQ3JCLENBQUM7OztJQUdDLE1BQU0sYUFBYSxHQUFHLHVCQUF1QixDQUFDLGVBQWUsQ0FDM0QsSUFBSSxDQUFDLGtCQUFrQixDQUN4QixDQUFDO0lBRUYsSUFBSSxDQUFDLElBQUksR0FBRyxhQUFhLENBQUMsZ0JBQWdCLENBQUM7SUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUM7SUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUM7QUFDbEQsQ0FBQzs4R0FoQ1UsaUJBQWlCO2tHQUFqQixpQkFBaUIscUZDZDlCLDZhQVlBOzJGREVhLGlCQUFpQjtrQkFMN0IsU0FBUzsrQkFDRSxXQUFXOzhCQVVWLFNBQVM7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5SWNvblN0YWNrSXRlbSB9IGZyb20gJy4uL2ljb24vaWNvbi1zdGFjay1pdGVtJztcbmltcG9ydCB7IFNreUluZGljYXRvckljb25VdGlsaXR5IH0gZnJvbSAnLi4vc2hhcmVkL2luZGljYXRvci1pY29uLXV0aWxpdHknO1xuXG5pbXBvcnQgeyBTa3lMYWJlbFR5cGUgfSBmcm9tICcuL2xhYmVsLXR5cGUnO1xuXG5jb25zdCBMQUJFTF9UWVBFX0RFRkFVTFQgPSAnaW5mbyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1sYWJlbCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xhYmVsLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreUxhYmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFRoZSB0eXBlIG9mIGxhYmVsIHRvIGRpc3BsYXkuXG4gICAqIEBkZWZhdWx0ICdpbmZvJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBsYWJlbFR5cGUodmFsdWU6IFNreUxhYmVsVHlwZSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMubGFiZWxUeXBlT3JEZWZhdWx0ID0gdmFsdWUgPT09IHVuZGVmaW5lZCA/IExBQkVMX1RZUEVfREVGQVVMVCA6IHZhbHVlO1xuXG4gICAgdGhpcy4jdXBkYXRlSWNvbigpO1xuICB9XG5cbiAgcHVibGljIGJhc2VJY29uOiBTa3lJY29uU3RhY2tJdGVtIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBpY29uOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGxhYmVsVHlwZU9yRGVmYXVsdDogU2t5TGFiZWxUeXBlID0gTEFCRUxfVFlQRV9ERUZBVUxUO1xuXG4gIHB1YmxpYyB0b3BJY29uOiBTa3lJY29uU3RhY2tJdGVtIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLiN1cGRhdGVJY29uKCk7XG4gIH1cblxuICAjdXBkYXRlSWNvbigpOiB2b2lkIHtcbiAgICBjb25zdCBpbmRpY2F0b3JJY29uID0gU2t5SW5kaWNhdG9ySWNvblV0aWxpdHkuZ2V0SWNvbnNGb3JUeXBlKFxuICAgICAgdGhpcy5sYWJlbFR5cGVPckRlZmF1bHRcbiAgICApO1xuXG4gICAgdGhpcy5pY29uID0gaW5kaWNhdG9ySWNvbi5kZWZhdWx0VGhlbWVJY29uO1xuICAgIHRoaXMuYmFzZUljb24gPSBpbmRpY2F0b3JJY29uLm1vZGVyblRoZW1lQmFzZUljb247XG4gICAgdGhpcy50b3BJY29uID0gaW5kaWNhdG9ySWNvbi5tb2Rlcm5UaGVtZVRvcEljb247XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwic2t5LWxhYmVsXCIgW25nQ2xhc3NdPVwiJ3NreS1sYWJlbC0nICsgbGFiZWxUeXBlT3JEZWZhdWx0XCI+XG4gIDxzcGFuIGNsYXNzPVwic2t5LWxhYmVsLWljb24tdGhlbWUtZGVmYXVsdFwiPlxuICAgIDxza3ktaWNvbiBbaWNvbl09XCJpY29uXCI+PC9za3ktaWNvbj5cbiAgPC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cInNreS1sYWJlbC1pY29uLXRoZW1lLW1vZGVyblwiPlxuICAgIDxza3ktaWNvbi1zdGFjayBzaXplPVwieHNcIiBbYmFzZUljb25dPVwiYmFzZUljb25cIiBbdG9wSWNvbl09XCJ0b3BJY29uXCI+XG4gICAgPC9za3ktaWNvbi1zdGFjaz5cbiAgPC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cInNreS1sYWJlbC10ZXh0XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwYW4+XG48L3NwYW4+XG4iXX0=
|