@skyux/indicators 11.8.0 → 11.10.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 +611 -611
- package/esm2022/lib/modules/alert/alert.component.mjs +4 -4
- package/esm2022/lib/modules/alert/alert.module.mjs +4 -4
- package/esm2022/lib/modules/chevron/chevron.component.mjs +4 -4
- package/esm2022/lib/modules/chevron/chevron.module.mjs +4 -4
- package/esm2022/lib/modules/expansion-indicator/expansion-indicator.component.mjs +4 -4
- package/esm2022/lib/modules/expansion-indicator/expansion-indicator.module.mjs +4 -4
- package/esm2022/lib/modules/illustration/illustration-resolver.service.mjs +3 -3
- package/esm2022/lib/modules/illustration/illustration.component.mjs +5 -5
- package/esm2022/lib/modules/illustration/illustration.module.mjs +4 -4
- package/esm2022/lib/modules/key-info/key-info-label.component.mjs +3 -3
- package/esm2022/lib/modules/key-info/key-info-value.component.mjs +3 -3
- package/esm2022/lib/modules/key-info/key-info.component.mjs +4 -4
- package/esm2022/lib/modules/key-info/key-info.module.mjs +4 -4
- package/esm2022/lib/modules/label/label.component.mjs +4 -4
- package/esm2022/lib/modules/label/label.module.mjs +4 -4
- package/esm2022/lib/modules/shared/sky-indicators-resources.module.mjs +4 -4
- package/esm2022/lib/modules/status-indicator/status-indicator.component.mjs +4 -4
- package/esm2022/lib/modules/status-indicator/status-indicator.module.mjs +4 -4
- package/esm2022/lib/modules/text-highlight/text-highlight.directive.mjs +3 -3
- package/esm2022/lib/modules/text-highlight/text-highlight.module.mjs +4 -4
- package/esm2022/lib/modules/tokens/token.component.mjs +3 -3
- package/esm2022/lib/modules/tokens/tokens.component.mjs +3 -3
- package/esm2022/lib/modules/tokens/tokens.module.mjs +4 -4
- package/esm2022/lib/modules/wait/wait-adapter.service.mjs +3 -3
- package/esm2022/lib/modules/wait/wait-page.component.mjs +3 -3
- package/esm2022/lib/modules/wait/wait.component.mjs +3 -3
- package/esm2022/lib/modules/wait/wait.module.mjs +4 -4
- package/esm2022/lib/modules/wait/wait.service.mjs +3 -3
- package/fesm2022/skyux-indicators.mjs +102 -102
- package/fesm2022/skyux-indicators.mjs.map +1 -1
- package/package.json +12 -12
|
@@ -111,12 +111,12 @@ export class SkyAlertComponent {
|
|
|
111
111
|
this.#descriptionTypeResourceSubscription = undefined;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
115
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
114
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
115
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyAlertComponent, selector: "sky-alert", inputs: { alertType: "alertType", closeable: "closeable", closed: "closed", descriptionType: "descriptionType", customDescription: "customDescription" }, outputs: { closedChange: "closedChange" }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<div\n class=\"sky-alert\"\n role=\"alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\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 </div>\n @if (descriptionComputed) {\n <span class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n }\n <div class=\"sky-alert-content\">\n <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 icon=\"close\" />\n </span>\n </button>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-alert:not(.sky-theme-modern *){padding:0 10px;border-left:solid 30px;color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert:not(.sky-theme-modern *) .sky-alert-content{padding:10px 0;width:100%}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert:not(.sky-theme-modern *) button{margin-left:auto;width:32px;height:32px}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before,.sky-alert:not(.sky-theme-modern *).sky-alert-success:before,.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before,.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert:not(.sky-theme-modern *):not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert:not(.sky-theme-modern *).sky-alert-info{background-color:var(--sky-background-color-info);border-color:var(--sky-highlight-color-info)}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert:not(.sky-theme-modern *).sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert:not(.sky-theme-modern *).sky-alert-success:before{content:\"\\f00c\"}.sky-alert:not(.sky-theme-modern *).sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *).sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *) .sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:.8;border:none;border-radius:3px;background-color:transparent;display:none;flex-shrink:0}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:hover{opacity:1;border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:active{border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible:not(:active){box-shadow:none}.sky-alert:not(.sky-theme-modern *).sky-alert-closeable .sky-alert-close{display:block}.sky-alert:not(.sky-theme-modern *) .sky-alert-icon-theme-modern{display:none}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-alert{--sky-override-alert-padding: 0 var(--modern-size-10);--sky-override-alert-text-link-color: #212327cc;--sky-override-alert-text-vertical-padding: var(--modern-size-15);--sky-override-alert-button-size: 32px;--sky-override-alert-button-padding: 0;--sky-override-alert-inner-icon-color: var(--sky-color-icon-default)}:host-context(.sky-theme-modern) .sky-alert{padding:var(--sky-override-alert-padding, var(--sky-space-inset-balanced-s));border-left:solid var(--sky-border-width-accent);color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content{padding:var(--sky-override-alert-text-vertical-padding, var(--sky-space-inset-balanced-none)) var(--sky-space-gap-text_action-m) var(--sky-override-alert-text-vertical-padding, var(--sky-space-inset-balanced-none)) var(--sky-space-gap-icon-l);width:100%}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content ::ng-deep a{color:var(--sky-override-alert-text-link-color, var(--sky-color-text-default));text-decoration:var(--sky-font-text_decoration-visible_link)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content ::ng-deep a:hover{color:var(--sky-color-text-default)}:host-context(.sky-theme-modern) .sky-alert button{margin-left:auto;height:var(--sky-override-alert-button-size, auto);width:var(--sky-override-alert-button-size, auto)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info:before,:host-context(.sky-theme-modern) .sky-alert.sky-alert-success:before,:host-context(.sky-theme-modern) .sky-alert.sky-alert-warning:before,:host-context(.sky-theme-modern) .sky-alert.sky-alert-danger:before{display:none}:host-context(.sky-theme-modern) .sky-alert:not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info{background-color:var(--sky-color-background-container-info);border-color:var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-success{background-color:var(--sky-color-background-container-success);border-color:var(--sky-color-border-success)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-warning{background-color:var(--sky-color-background-container-warning);border-color:var(--sky-color-border-warning)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-danger{background-color:var(--sky-color-background-container-danger);border-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close{cursor:pointer;line-height:1;padding:var(--sky-override-alert-button-padding, var(--sky-space-inset-balanced-xs));color:var(--sky-color-icon-default);border-style:solid;border-color:var(--sky-color-border-action-tertiary-base);border-radius:var(--sky-border-radius-s);border-width:var(--sky-border-width-action-base);background-color:var(--sky-color-background-action-tertiary-base);display:none;flex-shrink:0}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close:hover{opacity:1;border-color:var(--sky-color-border-action-tertiary-hover);border-width:var(--sky-border-width-action-hover)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close:focus-visible{outline:none;border-color:var(--sky-color-border-action-tertiary-focus);border-width:var(--sky-border-width-action-focus)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close:active{border-color:var(--sky-color-border-action-tertiary-focus);border-width:var(--sky-border-width-action-focus)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close:focus-visible:not(:active){box-shadow:var(--sky-elevation-raised-100)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-closeable .sky-alert-close{display:block}:host-context(.sky-theme-modern) .sky-alert .sky-alert-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-color-icon-info);--sky-icon-stack-top-icon-color-override: var( --sky-override-alert-inner-icon-color, var(--sky-color-inverse) )}:host-context(.sky-theme-modern) .sky-alert.sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-color-icon-success)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-color-icon-warning)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-color-icon-danger)}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ2, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "pipe", type: i4.SkyLibResourcesPipe, name: "skyLibResources" }] }); }
|
|
116
116
|
}
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAlertComponent, decorators: [{
|
|
118
118
|
type: Component,
|
|
119
|
-
args: [{ selector: 'sky-alert', hostDirectives: [SkyThemeComponentClassDirective], template: "<div\n class=\"sky-alert\"\n role=\"alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\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 </div>\n @if (descriptionComputed) {\n <span class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n }\n <div class=\"sky-alert-content\">\n <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 icon=\"close\" />\n </span>\n </button>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-alert:not(.sky-theme-modern *){padding:0 10px;border-left:solid 30px;color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert:not(.sky-theme-modern *) .sky-alert-content{padding:10px 0;width:100%}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert:not(.sky-theme-modern *) button{margin-left:auto;width:32px;height:32px}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before,.sky-alert:not(.sky-theme-modern *).sky-alert-success:before,.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before,.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert:not(.sky-theme-modern *):not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert:not(.sky-theme-modern *).sky-alert-info{background-color:var(--sky-background-color-info);border-color:var(--sky-highlight-color-info)}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert:not(.sky-theme-modern *).sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert:not(.sky-theme-modern *).sky-alert-success:before{content:\"\\f00c\"}.sky-alert:not(.sky-theme-modern *).sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *).sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *) .sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:.8;border:none;border-radius:3px;background-color:transparent;display:none;flex-shrink:0}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:hover{opacity:1;border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:active{border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible:not(:active){box-shadow:none}.sky-alert:not(.sky-theme-modern *).sky-alert-closeable .sky-alert-close{display:block}.sky-alert:not(.sky-theme-modern *) .sky-alert-icon-theme-modern{display:none}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:
|
|
119
|
+
args: [{ selector: 'sky-alert', hostDirectives: [SkyThemeComponentClassDirective], template: "<div\n class=\"sky-alert\"\n role=\"alert\"\n [skyThemeClass]=\"{\n 'sky-rounded-corners': 'default',\n 'sky-box sky-elevation-1': 'modern'\n }\"\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 </div>\n @if (descriptionComputed) {\n <span class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n }\n <div class=\"sky-alert-content\">\n <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 icon=\"close\" />\n </span>\n </button>\n</div>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-alert:not(.sky-theme-modern *){padding:0 10px;border-left:solid 30px;color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}.sky-alert:not(.sky-theme-modern *) .sky-alert-content{padding:10px 0;width:100%}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a{color:#212327cc;text-decoration:underline}.sky-alert:not(.sky-theme-modern *) .sky-alert-content ::ng-deep a:hover{color:var(--sky-text-color-default)}.sky-alert:not(.sky-theme-modern *) button{margin-left:auto;width:32px;height:32px}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before,.sky-alert:not(.sky-theme-modern *).sky-alert-success:before,.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before,.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{font-family:FontAwesome;margin-left:-32px;margin-right:19px;color:#fff}.sky-alert:not(.sky-theme-modern *):not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-alert:not(.sky-theme-modern *).sky-alert-info{background-color:var(--sky-background-color-info);border-color:var(--sky-highlight-color-info)}.sky-alert:not(.sky-theme-modern *).sky-alert-info:before{content:\"\\f06a\";margin-left:-31px;margin-right:20px}.sky-alert:not(.sky-theme-modern *).sky-alert-success{background-color:var(--sky-background-color-success);border-color:var(--sky-highlight-color-success)}.sky-alert:not(.sky-theme-modern *).sky-alert-success:before{content:\"\\f00c\"}.sky-alert:not(.sky-theme-modern *).sky-alert-warning{background-color:var(--sky-background-color-warning);border-color:var(--sky-highlight-color-warning)}.sky-alert:not(.sky-theme-modern *).sky-alert-warning:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *).sky-alert-danger{background-color:var(--sky-background-color-danger);border-color:var(--sky-highlight-color-danger)}.sky-alert:not(.sky-theme-modern *).sky-alert-danger:before{content:\"\\f071\"}.sky-alert:not(.sky-theme-modern *) .sky-alert-close{cursor:pointer;font-weight:700;line-height:1;margin:0;padding:0;color:var(--sky-text-color-default);opacity:.8;border:none;border-radius:3px;background-color:transparent;display:none;flex-shrink:0}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:hover{opacity:1;border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible{border:var(--sky-background-color-primary-dark) solid 2px;outline:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:active{border:none}.sky-alert:not(.sky-theme-modern *) .sky-alert-close:focus-visible:not(:active){box-shadow:none}.sky-alert:not(.sky-theme-modern *).sky-alert-closeable .sky-alert-close{display:block}.sky-alert:not(.sky-theme-modern *) .sky-alert-icon-theme-modern{display:none}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-alert{--sky-override-alert-padding: 0 var(--modern-size-10);--sky-override-alert-text-link-color: #212327cc;--sky-override-alert-text-vertical-padding: var(--modern-size-15);--sky-override-alert-button-size: 32px;--sky-override-alert-button-padding: 0;--sky-override-alert-inner-icon-color: var(--sky-color-icon-default)}:host-context(.sky-theme-modern) .sky-alert{padding:var(--sky-override-alert-padding, var(--sky-space-inset-balanced-s));border-left:solid var(--sky-border-width-accent);color:var(--sky-text-color-default);display:flex;flex-direction:row;align-items:center}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content{padding:var(--sky-override-alert-text-vertical-padding, var(--sky-space-inset-balanced-none)) var(--sky-space-gap-text_action-m) var(--sky-override-alert-text-vertical-padding, var(--sky-space-inset-balanced-none)) var(--sky-space-gap-icon-l);width:100%}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content ::ng-deep a{color:var(--sky-override-alert-text-link-color, var(--sky-color-text-default));text-decoration:var(--sky-font-text_decoration-visible_link)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-content ::ng-deep a:hover{color:var(--sky-color-text-default)}:host-context(.sky-theme-modern) .sky-alert button{margin-left:auto;height:var(--sky-override-alert-button-size, auto);width:var(--sky-override-alert-button-size, auto)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info:before,:host-context(.sky-theme-modern) .sky-alert.sky-alert-success:before,:host-context(.sky-theme-modern) .sky-alert.sky-alert-warning:before,:host-context(.sky-theme-modern) .sky-alert.sky-alert-danger:before{display:none}:host-context(.sky-theme-modern) .sky-alert:not(.sky-alert-danger){--sky-icon-stack-top-icon-color-override: #212327}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info{background-color:var(--sky-color-background-container-info);border-color:var(--sky-color-border-info)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-success{background-color:var(--sky-color-background-container-success);border-color:var(--sky-color-border-success)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-warning{background-color:var(--sky-color-background-container-warning);border-color:var(--sky-color-border-warning)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-danger{background-color:var(--sky-color-background-container-danger);border-color:var(--sky-color-border-danger)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close{cursor:pointer;line-height:1;padding:var(--sky-override-alert-button-padding, var(--sky-space-inset-balanced-xs));color:var(--sky-color-icon-default);border-style:solid;border-color:var(--sky-color-border-action-tertiary-base);border-radius:var(--sky-border-radius-s);border-width:var(--sky-border-width-action-base);background-color:var(--sky-color-background-action-tertiary-base);display:none;flex-shrink:0}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close:hover{opacity:1;border-color:var(--sky-color-border-action-tertiary-hover);border-width:var(--sky-border-width-action-hover)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close:focus-visible{outline:none;border-color:var(--sky-color-border-action-tertiary-focus);border-width:var(--sky-border-width-action-focus)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close:active{border-color:var(--sky-color-border-action-tertiary-focus);border-width:var(--sky-border-width-action-focus)}:host-context(.sky-theme-modern) .sky-alert .sky-alert-close:focus-visible:not(:active){box-shadow:var(--sky-elevation-raised-100)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-closeable .sky-alert-close{display:block}:host-context(.sky-theme-modern) .sky-alert .sky-alert-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-alert.sky-alert-info .sky-alert-icon-theme-modern{color:var(--sky-color-icon-info);--sky-icon-stack-top-icon-color-override: var( --sky-override-alert-inner-icon-color, var(--sky-color-inverse) )}:host-context(.sky-theme-modern) .sky-alert.sky-alert-success .sky-alert-icon-theme-modern{color:var(--sky-color-icon-success)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-warning .sky-alert-icon-theme-modern{color:var(--sky-color-icon-warning)}:host-context(.sky-theme-modern) .sky-alert.sky-alert-danger .sky-alert-icon-theme-modern{color:var(--sky-color-icon-danger)}\n"] }]
|
|
120
120
|
}], propDecorators: { alertType: [{
|
|
121
121
|
type: Input
|
|
122
122
|
}], closeable: [{
|
|
@@ -6,17 +6,17 @@ import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources
|
|
|
6
6
|
import { SkyAlertComponent } from './alert.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class SkyAlertModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyAlertModule, declarations: [SkyAlertComponent], imports: [CommonModule,
|
|
11
11
|
SkyIconModule,
|
|
12
12
|
SkyIndicatorsResourcesModule,
|
|
13
13
|
SkyThemeModule], exports: [SkyAlertComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAlertModule, imports: [CommonModule,
|
|
15
15
|
SkyIconModule,
|
|
16
16
|
SkyIndicatorsResourcesModule,
|
|
17
17
|
SkyThemeModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyAlertModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [SkyAlertComponent],
|
|
@@ -58,12 +58,12 @@ export class SkyChevronComponent {
|
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyChevronComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyChevronComponent, selector: "sky-chevron", inputs: { ariaControls: "ariaControls", ariaLabel: "ariaLabel", direction: "direction", disabled: "disabled" }, outputs: { directionChange: "directionChange" }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], 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 (keydown)=\"chevronKeyDown($event)\"\n>\n <sky-expansion-indicator [direction]=\"directionOrDefault\" />\n</button>\n", styles: [".sky-chevron:not(.sky-theme-modern *){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:not(.sky-theme-modern *):hover .sky-chevron-part{border-color:#979ba2}\n", ":host-context(.sky-theme-modern) .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}:host-context(.sky-theme-modern) .sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { kind: "component", type: i3.SkyExpansionIndicatorComponent, selector: "sky-expansion-indicator", inputs: ["direction"] }] }); }
|
|
63
63
|
}
|
|
64
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
64
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyChevronComponent, decorators: [{
|
|
65
65
|
type: Component,
|
|
66
|
-
args: [{ selector: 'sky-chevron', hostDirectives: [SkyThemeComponentClassDirective], 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 (keydown)=\"chevronKeyDown($event)\"\n>\n <sky-expansion-indicator [direction]=\"directionOrDefault\" />\n</button>\n", styles: [".sky-chevron:not(.sky-theme-modern *){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:not(.sky-theme-modern *):hover .sky-chevron-part{border-color:#979ba2}\n", ":
|
|
66
|
+
args: [{ selector: 'sky-chevron', hostDirectives: [SkyThemeComponentClassDirective], 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 (keydown)=\"chevronKeyDown($event)\"\n>\n <sky-expansion-indicator [direction]=\"directionOrDefault\" />\n</button>\n", styles: [".sky-chevron:not(.sky-theme-modern *){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:not(.sky-theme-modern *):hover .sky-chevron-part{border-color:#979ba2}\n", ":host-context(.sky-theme-modern) .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}:host-context(.sky-theme-modern) .sky-chevron:hover .sky-chevron-part{border-color:#979ba2}\n"] }]
|
|
67
67
|
}], propDecorators: { ariaControls: [{
|
|
68
68
|
type: Input
|
|
69
69
|
}], ariaLabel: [{
|
|
@@ -6,17 +6,17 @@ import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources
|
|
|
6
6
|
import { SkyChevronComponent } from './chevron.component';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export class SkyChevronModule {
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
10
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyChevronModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
10
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyChevronModule, declarations: [SkyChevronComponent], imports: [CommonModule,
|
|
11
11
|
SkyIndicatorsResourcesModule,
|
|
12
12
|
SkyThemeModule,
|
|
13
13
|
SkyExpansionIndicatorModule], exports: [SkyChevronComponent] }); }
|
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyChevronModule, imports: [CommonModule,
|
|
15
15
|
SkyIndicatorsResourcesModule,
|
|
16
16
|
SkyThemeModule,
|
|
17
17
|
SkyExpansionIndicatorModule] }); }
|
|
18
18
|
}
|
|
19
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
19
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyChevronModule, decorators: [{
|
|
20
20
|
type: NgModule,
|
|
21
21
|
args: [{
|
|
22
22
|
declarations: [SkyChevronComponent],
|
|
@@ -19,12 +19,12 @@ export class SkyExpansionIndicatorComponent {
|
|
|
19
19
|
this.directionOrDefault = value ? value : 'up';
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyExpansionIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", 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\" />\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\" />\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:not(.sky-theme-modern *){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:not(.sky-theme-modern *){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:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}\n", ":host-context(.sky-theme-modern) .sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:26px;margin:0;overflow:hidden;position:relative;vertical-align:top;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;display:inline-block;height:2px;position:absolute;top:13px;transition:transform .25s,left .25s;vertical-align:top;width:11px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{left:4px;display:inline-block;position:absolute;top:3.5px;transform:scale(.68)}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0;left:10.5px}:host-context(.sky-theme-modern) .sky-expansion-indicator-up .sky-expansion-indicator-left{transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator-up .sky-expansion-indicator-right{transform:rotate(45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator-down .sky-expansion-indicator-left{transform:rotate(45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator-down .sky-expansion-indicator-right{transform:rotate(-45deg)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] }); }
|
|
24
24
|
}
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", 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-' + directionOrDefault]\"\n>\n <ng-container *skyThemeIf=\"'default'\">\n <ng-container *ngTemplateOutlet=\"icon\" />\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\" />\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:not(.sky-theme-modern *){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:not(.sky-theme-modern *){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:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}\n", ":
|
|
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\" />\n </ng-container>\n <ng-container *skyThemeIf=\"'modern'\">\n <span class=\"sky-expansion-indicator-glyph-container\">\n <ng-container *ngTemplateOutlet=\"icon\" />\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:not(.sky-theme-modern *){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:not(.sky-theme-modern *){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:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:7px;transform:rotate(-45deg)}.sky-expansion-indicator-up:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:7px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-left{left:2px;transform:rotate(45deg)}.sky-expansion-indicator-down:not(.sky-theme-modern *) .sky-expansion-indicator-right{left:12px;transform:rotate(-45deg)}\n", ":host-context(.sky-theme-modern) .sky-expansion-indicator{display:inline-block;border:none;background-color:transparent;flex-shrink:0;height:26px;margin:0;overflow:hidden;position:relative;vertical-align:top;width:26px}:host-context(.sky-theme-modern) .sky-expansion-indicator-part{background:#686c73;border:none;display:inline-block;height:2px;position:absolute;top:13px;transition:transform .25s,left .25s;vertical-align:top;width:11px}:host-context(.sky-theme-modern) .sky-expansion-indicator-glyph-container{left:4px;display:inline-block;position:absolute;top:3.5px;transform:scale(.68)}:host-context(.sky-theme-modern) .sky-expansion-indicator-left{border-radius:1px 0 0 1px;left:4px}:host-context(.sky-theme-modern) .sky-expansion-indicator-right{border-radius:0 1px 1px 0;left:10.5px}:host-context(.sky-theme-modern) .sky-expansion-indicator-up .sky-expansion-indicator-left{transform:rotate(-45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator-up .sky-expansion-indicator-right{transform:rotate(45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator-down .sky-expansion-indicator-left{transform:rotate(45deg)}:host-context(.sky-theme-modern) .sky-expansion-indicator-down .sky-expansion-indicator-right{transform:rotate(-45deg)}\n"] }]
|
|
28
28
|
}], propDecorators: { direction: [{
|
|
29
29
|
type: Input
|
|
30
30
|
}] } });
|
|
@@ -4,11 +4,11 @@ import { SkyThemeModule } from '@skyux/theme';
|
|
|
4
4
|
import { SkyExpansionIndicatorComponent } from './expansion-indicator.component';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export class SkyExpansionIndicatorModule {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
8
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
9
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyExpansionIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
8
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyExpansionIndicatorModule, declarations: [SkyExpansionIndicatorComponent], imports: [CommonModule, SkyThemeModule], exports: [SkyExpansionIndicatorComponent] }); }
|
|
9
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyExpansionIndicatorModule, imports: [CommonModule, SkyThemeModule] }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyExpansionIndicatorModule, decorators: [{
|
|
12
12
|
type: NgModule,
|
|
13
13
|
args: [{
|
|
14
14
|
declarations: [SkyExpansionIndicatorComponent],
|
|
@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
* Resolves information about spot illustrations.
|
|
5
5
|
*/
|
|
6
6
|
export class SkyIllustrationResolverService {
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
8
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
8
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationResolverService }); }
|
|
9
9
|
}
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationResolverService, decorators: [{
|
|
11
11
|
type: Injectable
|
|
12
12
|
}] });
|
|
13
13
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0aW9uLXJlc29sdmVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvaWxsdXN0cmF0aW9uL2lsbHVzdHJhdGlvbi1yZXNvbHZlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTNDOztHQUVHO0FBRUgsTUFBTSxPQUFnQiw4QkFBOEI7OEdBQTlCLDhCQUE4QjtrSEFBOUIsOEJBQThCOzsyRkFBOUIsOEJBQThCO2tCQURuRCxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFJlc29sdmVzIGluZm9ybWF0aW9uIGFib3V0IHNwb3QgaWxsdXN0cmF0aW9ucy5cbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFNreUlsbHVzdHJhdGlvblJlc29sdmVyU2VydmljZSB7XG4gIC8qKlxuICAgKiBSZXNvbHZlcyBhIFVSTCBmb3IgdGhlIHNwZWNpZmllZCBpbGx1c3RyYXRpb24gbmFtZS5cbiAgICovXG4gIHB1YmxpYyBhYnN0cmFjdCByZXNvbHZlVXJsKG5hbWU6IHN0cmluZyk6IFByb21pc2U8c3RyaW5nPjtcbn1cbiJdfQ==
|
|
@@ -35,11 +35,11 @@ export class SkyIllustrationComponent {
|
|
|
35
35
|
this.pixelSize = computed(() => pixelSizes[this.size()]);
|
|
36
36
|
}
|
|
37
37
|
#resolverSvc;
|
|
38
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.
|
|
38
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.8", type: SkyIllustrationComponent, isStandalone: true, selector: "sky-illustration", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: i1.SkyThemeComponentClassDirective }], ngImport: i0, template: "<img\n alt=\"\"\n class=\"sky-illustration-img\"\n loading=\"lazy\"\n [attr.data-sky-illustration-name]=\"name()\"\n [height]=\"pixelSize()\"\n [ngClass]=\"{\n 'sky-illustration-img-loaded': !!url()\n }\"\n [src]=\"url()\"\n [width]=\"pixelSize()\"\n/>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-illustration-img:not(.sky-theme-modern *){display:block}.sky-illustration-img:not(.sky-theme-modern *)[src=\"\"]{visibility:hidden}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-illustration-img{display:block}:host-context(.sky-theme-modern) .sky-illustration-img[src=\"\"]{visibility:hidden}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
40
40
|
}
|
|
41
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
41
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationComponent, decorators: [{
|
|
42
42
|
type: Component,
|
|
43
|
-
args: [{ selector: 'sky-illustration', standalone: true, imports: [CommonModule, NgOptimizedImage], hostDirectives: [SkyThemeComponentClassDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n alt=\"\"\n class=\"sky-illustration-img\"\n loading=\"lazy\"\n [attr.data-sky-illustration-name]=\"name()\"\n [height]=\"pixelSize()\"\n [ngClass]=\"{\n 'sky-illustration-img-loaded': !!url()\n }\"\n [src]=\"url()\"\n [width]=\"pixelSize()\"\n/>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-illustration-img:not(.sky-theme-modern *){display:block}.sky-illustration-img:not(.sky-theme-modern *)[src=\"\"]{visibility:hidden}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:
|
|
43
|
+
args: [{ selector: 'sky-illustration', standalone: true, imports: [CommonModule, NgOptimizedImage], hostDirectives: [SkyThemeComponentClassDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n alt=\"\"\n class=\"sky-illustration-img\"\n loading=\"lazy\"\n [attr.data-sky-illustration-name]=\"name()\"\n [height]=\"pixelSize()\"\n [ngClass]=\"{\n 'sky-illustration-img-loaded': !!url()\n }\"\n [src]=\"url()\"\n [width]=\"pixelSize()\"\n/>\n", styles: [":host.sky-cmp-theme-default{display:block}.sky-illustration-img:not(.sky-theme-modern *){display:block}.sky-illustration-img:not(.sky-theme-modern *)[src=\"\"]{visibility:hidden}\n", ":host-context(.sky-theme-modern) :host.sky-cmp-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-illustration-img{display:block}:host-context(.sky-theme-modern) .sky-illustration-img[src=\"\"]{visibility:hidden}\n"] }]
|
|
44
44
|
}] });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWxsdXN0cmF0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9pbGx1c3RyYXRpb24vaWxsdXN0cmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9pbGx1c3RyYXRpb24vaWxsdXN0cmF0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxRQUFRLEVBQ1IsTUFBTSxFQUNOLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSwrQkFBK0IsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRXZELE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBR2pGLE1BQU0sVUFBVSxHQUF3QztJQUN0RCxFQUFFLEVBQUUsRUFBRTtJQUNOLEVBQUUsRUFBRSxFQUFFO0lBQ04sRUFBRSxFQUFFLEVBQUU7SUFDTixFQUFFLEVBQUUsRUFBRTtDQUNQLENBQUM7QUFFRjs7R0FFRztBQWFILE1BQU0sT0FBTyx3QkFBd0I7SUFackM7UUFhVyxpQkFBWSxHQUFHLE1BQU0sQ0FBQyw4QkFBOEIsRUFBRTtZQUM3RCxRQUFRLEVBQUUsSUFBSTtTQUNmLENBQUMsQ0FBQztRQUVIOzs7V0FHRztRQUNhLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFFaEQ7OztXQUdHO1FBQ2EsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQXVCLENBQUM7UUFFMUMsUUFBRyxHQUFHLFFBQVEsQ0FDL0IsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQzFCLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENBQ2pCLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLENBQ3RFLEVBQ0QsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUN6QixDQUNGLENBQUM7UUFFaUIsY0FBUyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztLQUN4RTtJQTFCVSxZQUFZLENBRWxCOzhHQUhRLHdCQUF3QjtrR0FBeEIsd0JBQXdCLHFZQ3RDckMsNFFBWUEscWREaUJZLFlBQVk7OzJGQVNYLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDRSxrQkFBa0IsY0FDaEIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGdCQUFnQixDQUFDLGtCQU16QixDQUFDLCtCQUErQixDQUFDLG1CQUNoQyx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ09wdGltaXplZEltYWdlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIGNvbXB1dGVkLFxuICBpbmplY3QsXG4gIGlucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHRvT2JzZXJ2YWJsZSwgdG9TaWduYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5pbXBvcnQgeyBTa3lUaGVtZUNvbXBvbmVudENsYXNzRGlyZWN0aXZlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgY2F0Y2hFcnJvciwgZnJvbSwgb2YsIHN3aXRjaE1hcCB9IGZyb20gJ3J4anMnO1xuXG5pbXBvcnQgeyBTa3lJbGx1c3RyYXRpb25SZXNvbHZlclNlcnZpY2UgfSBmcm9tICcuL2lsbHVzdHJhdGlvbi1yZXNvbHZlci5zZXJ2aWNlJztcbmltcG9ydCB7IFNreUlsbHVzdHJhdGlvblNpemUgfSBmcm9tICcuL2lsbHVzdHJhdGlvbi1zaXplJztcblxuY29uc3QgcGl4ZWxTaXplczogUmVjb3JkPFNreUlsbHVzdHJhdGlvblNpemUsIG51bWJlcj4gPSB7XG4gIHNtOiA0OCxcbiAgbWQ6IDY0LFxuICBsZzogODAsXG4gIHhsOiA5Nixcbn07XG5cbi8qKlxuICogRGlzcGxheXMgYSBzcG90IGlsbHVzdHJhdGlvbiBhdCB0aGUgc3BlY2lmaWVkIHNpemUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1pbGx1c3RyYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBOZ09wdGltaXplZEltYWdlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2lsbHVzdHJhdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogW1xuICAgICcuL2lsbHVzdHJhdGlvbi5kZWZhdWx0LmNvbXBvbmVudC5zY3NzJyxcbiAgICAnLi9pbGx1c3RyYXRpb24ubW9kZXJuLmNvbXBvbmVudC5zY3NzJyxcbiAgXSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTa3lUaGVtZUNvbXBvbmVudENsYXNzRGlyZWN0aXZlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreUlsbHVzdHJhdGlvbkNvbXBvbmVudCB7XG4gIHJlYWRvbmx5ICNyZXNvbHZlclN2YyA9IGluamVjdChTa3lJbGx1c3RyYXRpb25SZXNvbHZlclNlcnZpY2UsIHtcbiAgICBvcHRpb25hbDogdHJ1ZSxcbiAgfSk7XG5cbiAgLyoqXG4gICAqIFRoZSBuYW1lIG9mIHRoZSBpbGx1c3RyYXRpb24gdG8gZGlzcGxheS5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgbmFtZSA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblxuICAvKipcbiAgICogVGhlIHNpemUgb2YgdGhlIGlsbHVzdHJhdGlvbi5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgc2l6ZSA9IGlucHV0LnJlcXVpcmVkPFNreUlsbHVzdHJhdGlvblNpemU+KCk7XG5cbiAgcHJvdGVjdGVkIHJlYWRvbmx5IHVybCA9IHRvU2lnbmFsKFxuICAgIHRvT2JzZXJ2YWJsZSh0aGlzLm5hbWUpLnBpcGUoXG4gICAgICBzd2l0Y2hNYXAoKG5hbWUpID0+XG4gICAgICAgIHRoaXMuI3Jlc29sdmVyU3ZjID8gZnJvbSh0aGlzLiNyZXNvbHZlclN2Yy5yZXNvbHZlVXJsKG5hbWUpKSA6IG9mKCcnKSxcbiAgICAgICksXG4gICAgICBjYXRjaEVycm9yKCgpID0+IG9mKCcnKSksXG4gICAgKSxcbiAgKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgcGl4ZWxTaXplID0gY29tcHV0ZWQoKCkgPT4gcGl4ZWxTaXplc1t0aGlzLnNpemUoKV0pO1xufVxuIiwiPGltZ1xuICBhbHQ9XCJcIlxuICBjbGFzcz1cInNreS1pbGx1c3RyYXRpb24taW1nXCJcbiAgbG9hZGluZz1cImxhenlcIlxuICBbYXR0ci5kYXRhLXNreS1pbGx1c3RyYXRpb24tbmFtZV09XCJuYW1lKClcIlxuICBbaGVpZ2h0XT1cInBpeGVsU2l6ZSgpXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdza3ktaWxsdXN0cmF0aW9uLWltZy1sb2FkZWQnOiAhIXVybCgpXG4gIH1cIlxuICBbc3JjXT1cInVybCgpXCJcbiAgW3dpZHRoXT1cInBpeGVsU2l6ZSgpXCJcbi8+XG4iXX0=
|
|
@@ -2,11 +2,11 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { SkyIllustrationComponent } from './illustration.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export class SkyIllustrationModule {
|
|
5
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
6
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
7
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
6
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationModule, imports: [SkyIllustrationComponent], exports: [SkyIllustrationComponent] }); }
|
|
7
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationModule, imports: [SkyIllustrationComponent] }); }
|
|
8
8
|
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIllustrationModule, decorators: [{
|
|
10
10
|
type: NgModule,
|
|
11
11
|
args: [{
|
|
12
12
|
imports: [SkyIllustrationComponent],
|
|
@@ -8,10 +8,10 @@ import * as i1 from "@skyux/core";
|
|
|
8
8
|
* @required
|
|
9
9
|
*/
|
|
10
10
|
export class SkyKeyInfoLabelComponent {
|
|
11
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
11
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<span skyTrim><ng-content /></span>', isInline: true, dependencies: [{ kind: "directive", type: i1.λ4, selector: "[skyTrim]" }] }); }
|
|
13
13
|
}
|
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
|
|
15
15
|
type: Component,
|
|
16
16
|
args: [{
|
|
17
17
|
selector: 'sky-key-info-label',
|
|
@@ -5,10 +5,10 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
* @required
|
|
6
6
|
*/
|
|
7
7
|
export class SkyKeyInfoValueComponent {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
9
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content />', isInline: true }); }
|
|
10
10
|
}
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
|
|
12
12
|
type: Component,
|
|
13
13
|
args: [{
|
|
14
14
|
selector: 'sky-key-info-value',
|
|
@@ -12,12 +12,12 @@ export class SkyKeyInfoComponent {
|
|
|
12
12
|
*/
|
|
13
13
|
this.layout = 'vertical';
|
|
14
14
|
}
|
|
15
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { helpKey: "helpKey", helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle", layout: "layout" }, ngImport: i0, template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-font-display-3\">\n <ng-content select=\"sky-key-info-value\" />\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span #label=\"skyId\" skyId><ng-content select=\"sky-key-info-label\" /></span\n ><span class=\"sky-control-help-container\">\n @if (helpPopoverContent || helpKey) {\n <sky-help-inline\n [labelledBy]=\"label.id\"\n [helpKey]=\"helpKey\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n />\n } @else {\n <ng-content select=\".sky-control-help\" />\n }\n </span>\n </div>\n</div>\n", styles: [".sky-key-info:not(.sky-theme-modern *){--sky-override-key-info-horizontal-gap: var(--sky-margin-inline-xs)}.sky-key-info{display:var(--sky-host-key-info-display, inline-block)}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-override-key-info-horizontal-gap, var(--sky-space-gap-label-s))}.sky-key-info:not(.sky-key-info-horizontal) .sky-key-info-label{padding:var(--sky-space-gap-label-0) 0 0 0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }] }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
|
|
19
19
|
type: Component,
|
|
20
|
-
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-font-display-3\">\n <ng-content select=\"sky-key-info-value\" />\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span #label=\"skyId\" skyId><ng-content select=\"sky-key-info-label\" /></span\n ><span class=\"sky-control-help-container\">\n @if (helpPopoverContent || helpKey) {\n <sky-help-inline\n [labelledBy]=\"label.id\"\n [helpKey]=\"helpKey\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n />\n } @else {\n <ng-content select=\".sky-control-help\" />\n }\n </span>\n </div>\n</div>\n", styles: [".sky-key-info{display:var(--sky-host-key-info-display, inline-block)}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-
|
|
20
|
+
args: [{ selector: 'sky-key-info', template: "<div\n class=\"sky-key-info\"\n [ngClass]=\"{\n 'sky-key-info-horizontal': layout === 'horizontal'\n }\"\n>\n <div class=\"sky-key-info-value sky-font-display-3\">\n <ng-content select=\"sky-key-info-value\" />\n </div>\n <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n <span #label=\"skyId\" skyId><ng-content select=\"sky-key-info-label\" /></span\n ><span class=\"sky-control-help-container\">\n @if (helpPopoverContent || helpKey) {\n <sky-help-inline\n [labelledBy]=\"label.id\"\n [helpKey]=\"helpKey\"\n [popoverTitle]=\"helpPopoverTitle\"\n [popoverContent]=\"helpPopoverContent\"\n />\n } @else {\n <ng-content select=\".sky-control-help\" />\n }\n </span>\n </div>\n</div>\n", styles: [".sky-key-info:not(.sky-theme-modern *){--sky-override-key-info-horizontal-gap: var(--sky-margin-inline-xs)}.sky-key-info{display:var(--sky-host-key-info-display, inline-block)}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 var(--sky-override-key-info-horizontal-gap, var(--sky-space-gap-label-s))}.sky-key-info:not(.sky-key-info-horizontal) .sky-key-info-label{padding:var(--sky-space-gap-label-0) 0 0 0}\n"] }]
|
|
21
21
|
}], propDecorators: { helpKey: [{
|
|
22
22
|
type: Input
|
|
23
23
|
}], helpPopoverContent: [{
|
|
@@ -7,15 +7,15 @@ import { SkyKeyInfoValueComponent } from './key-info-value.component';
|
|
|
7
7
|
import { SkyKeyInfoComponent } from './key-info.component';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class SkyKeyInfoModule {
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
11
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
11
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
|
|
12
12
|
SkyKeyInfoLabelComponent,
|
|
13
13
|
SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule, SkyIdModule], exports: [SkyKeyInfoComponent,
|
|
14
14
|
SkyKeyInfoLabelComponent,
|
|
15
15
|
SkyKeyInfoValueComponent] }); }
|
|
16
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
16
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule, SkyIdModule] }); }
|
|
17
17
|
}
|
|
18
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
18
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
|
|
19
19
|
type: NgModule,
|
|
20
20
|
args: [{
|
|
21
21
|
declarations: [
|
|
@@ -101,12 +101,12 @@ export class SkyLabelComponent {
|
|
|
101
101
|
this.#descriptionTypeResourceSubscription = undefined;
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
105
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.
|
|
104
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
105
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelTypeOrDefault\">\n <span class=\"sky-label-icon-theme-default\">\n <sky-icon [icon]=\"icon\" />\n </span>\n <span class=\"sky-label-icon-theme-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\" />\n </span>\n @if (descriptionComputed) {\n <span class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n }\n <span class=\"sky-label-text\">\n <ng-content />\n </span>\n</span>\n", styles: [".sky-label:not(.sky-theme-modern *){--sky-override-label-border-radius-pill: 10rem;--sky-override-label-line-height: 2.2;--sky-override-label-margin: 0 3px;--sky-override-label-padding: .3em .6em .3em .6em;--sky-override-label-text-padding-left: var(--sky-padding-half);--sky-override-label-color-background-container-danger: var( --sky-background-color-danger );--sky-override-label-color-background-container-warning: var( --sky-background-color-warning );--sky-override-label-color-background-container-info: var( --sky-background-color-info );--sky-override-label-color-background-container-success: var( --sky-background-color-success );--sky-override-label-display: inline;--sky-override-label-align-items: initial;--sky-override-label-icon-modern-display: none}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label{--sky-override-label-line-height: 1;--sky-override-label-margin: 0 3px}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-danger,:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-warning{--sky-override-label-padding-left: var(--modern-size-9)}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-info,:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-success{--sky-override-label-padding-left: var(--modern-size-6)}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-info{--sky-override-label-info-exclamation-path-color: var( --modern-color-gray-105 )}:host-context(.sky-theme-modern) .sky-label{--sky-override-label-icon-default-display: none}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-success{--sky-icon-stack-top-icon-color-override: var(--sky-color-icon-default)}:host-context(.sky-theme-modern) .sky-label.sky-label-danger{--sky-icon-stack-top-icon-color-override: var(--sky-color-icon-inverse)}:host-context(.sky-theme-modern) .sky-label.sky-label-info{--sky-icon-stack-top-icon-color-override: var( --sky-override-label-info-exclamation-path-color, var(--sky-color-icon-inverse) )}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-color-icon-info)}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-color-icon-success)}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-color-icon-warning)}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-color-icon-danger)}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-success{--sky-icon-stack-top-icon-color-override: var(--sky-color-icon-default)}.sky-theme-modern .sky-label.sky-label-danger{--sky-icon-stack-top-icon-color-override: var(--sky-color-icon-inverse)}.sky-theme-modern .sky-label.sky-label-info{--sky-icon-stack-top-icon-color-override: var( --sky-override-label-info-exclamation-path-color, var(--sky-color-icon-inverse) )}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-color-icon-info)}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-color-icon-success)}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-color-icon-warning)}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-color-icon-danger)}.sky-label{color:var(--sky-text-color-default);display:var(--sky-override-label-display, inline-flex);align-items:var(--sky-override-label-align-items, center);border-radius:var(--sky-override-label-border-radius-pill, var(--sky-border-radius-pill));line-height:var(--sky-override-label-line-height, unset);margin:var(--sky-override-label-margin, unset);white-space:nowrap;padding:var(--sky-override-label-padding, var(--sky-space-inset-pillarbox-1_4-top-s) var(--sky-space-inset-pillarbox-1_4-right-s) var(--sky-space-inset-pillarbox-1_4-bottom-s) var(--sky-override-label-padding-left, var(--sky-space-inset-pillarbox-1_4-left-s)))}.sky-label-success{background-color:var(--sky-override-label-color-background-container-success, var(--sky-color-background-container-success))}.sky-label-info{background-color:var(--sky-override-label-color-background-container-info, var(--sky-color-background-container-info))}.sky-label-warning{background-color:var(--sky-override-label-color-background-container-warning, var(--sky-color-background-container-warning))}.sky-label-danger{background-color:var(--sky-override-label-color-background-container-danger, var(--sky-color-background-container-danger))}.sky-label-text{display:inline-block;padding-left:var(--sky-override-label-text-padding-left, var(--sky-space-gap-icon-s))}.sky-label-icon-theme-modern{display:var(--sky-override-label-icon-modern-display, block)}.sky-label-icon-theme-default{display:var(--sky-override-label-icon-default-display, inline)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i2.λ2, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }] }); }
|
|
106
106
|
}
|
|
107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyLabelComponent, decorators: [{
|
|
108
108
|
type: Component,
|
|
109
|
-
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\" />\n </span>\n <span class=\"sky-label-icon-theme-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\" />\n </span>\n @if (descriptionComputed) {\n <span class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n }\n <span class=\"sky-label-text\">\n <ng-content />\n </span>\n</span>\n", styles: [".sky-label:not(.sky-theme-modern *){--sky-override-label-border-radius-pill: 10rem;--sky-override-label-line-height: 2.2;--sky-override-label-margin: 0 3px;--sky-override-label-padding: .3em .6em .3em .6em;--sky-override-label-text-padding-left: var(--sky-padding-half);--sky-override-label-color-background-container-danger: var( --sky-background-color-danger );--sky-override-label-color-background-container-warning: var( --sky-background-color-warning );--sky-override-label-color-background-container-info: var( --sky-background-color-info );--sky-override-label-color-background-container-success: var( --sky-background-color-success );--sky-override-label-display: inline;--sky-override-label-align-items: initial;--sky-override-label-icon-modern-display: none}:
|
|
109
|
+
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\" />\n </span>\n <span class=\"sky-label-icon-theme-modern\">\n <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\" />\n </span>\n @if (descriptionComputed) {\n <span class=\"sky-screen-reader-only\">\n {{ descriptionComputed }}\n </span>\n }\n <span class=\"sky-label-text\">\n <ng-content />\n </span>\n</span>\n", styles: [".sky-label:not(.sky-theme-modern *){--sky-override-label-border-radius-pill: 10rem;--sky-override-label-line-height: 2.2;--sky-override-label-margin: 0 3px;--sky-override-label-padding: .3em .6em .3em .6em;--sky-override-label-text-padding-left: var(--sky-padding-half);--sky-override-label-color-background-container-danger: var( --sky-background-color-danger );--sky-override-label-color-background-container-warning: var( --sky-background-color-warning );--sky-override-label-color-background-container-info: var( --sky-background-color-info );--sky-override-label-color-background-container-success: var( --sky-background-color-success );--sky-override-label-display: inline;--sky-override-label-align-items: initial;--sky-override-label-icon-modern-display: none}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label{--sky-override-label-line-height: 1;--sky-override-label-margin: 0 3px}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-danger,:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-warning{--sky-override-label-padding-left: var(--modern-size-9)}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-info,:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-success{--sky-override-label-padding-left: var(--modern-size-6)}:host-context(.sky-theme-modern:not(.sky-theme-brand-blackbaud)) .sky-label.sky-label-info{--sky-override-label-info-exclamation-path-color: var( --modern-color-gray-105 )}:host-context(.sky-theme-modern) .sky-label{--sky-override-label-icon-default-display: none}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-success{--sky-icon-stack-top-icon-color-override: var(--sky-color-icon-default)}:host-context(.sky-theme-modern) .sky-label.sky-label-danger{--sky-icon-stack-top-icon-color-override: var(--sky-color-icon-inverse)}:host-context(.sky-theme-modern) .sky-label.sky-label-info{--sky-icon-stack-top-icon-color-override: var( --sky-override-label-info-exclamation-path-color, var(--sky-color-icon-inverse) )}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-color-icon-info)}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-color-icon-success)}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-color-icon-warning)}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-color-icon-danger)}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-success{--sky-icon-stack-top-icon-color-override: var(--sky-color-icon-default)}.sky-theme-modern .sky-label.sky-label-danger{--sky-icon-stack-top-icon-color-override: var(--sky-color-icon-inverse)}.sky-theme-modern .sky-label.sky-label-info{--sky-icon-stack-top-icon-color-override: var( --sky-override-label-info-exclamation-path-color, var(--sky-color-icon-inverse) )}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:var(--sky-color-icon-info)}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:var(--sky-color-icon-success)}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:var(--sky-color-icon-warning)}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:var(--sky-color-icon-danger)}.sky-label{color:var(--sky-text-color-default);display:var(--sky-override-label-display, inline-flex);align-items:var(--sky-override-label-align-items, center);border-radius:var(--sky-override-label-border-radius-pill, var(--sky-border-radius-pill));line-height:var(--sky-override-label-line-height, unset);margin:var(--sky-override-label-margin, unset);white-space:nowrap;padding:var(--sky-override-label-padding, var(--sky-space-inset-pillarbox-1_4-top-s) var(--sky-space-inset-pillarbox-1_4-right-s) var(--sky-space-inset-pillarbox-1_4-bottom-s) var(--sky-override-label-padding-left, var(--sky-space-inset-pillarbox-1_4-left-s)))}.sky-label-success{background-color:var(--sky-override-label-color-background-container-success, var(--sky-color-background-container-success))}.sky-label-info{background-color:var(--sky-override-label-color-background-container-info, var(--sky-color-background-container-info))}.sky-label-warning{background-color:var(--sky-override-label-color-background-container-warning, var(--sky-color-background-container-warning))}.sky-label-danger{background-color:var(--sky-override-label-color-background-container-danger, var(--sky-color-background-container-danger))}.sky-label-text{display:inline-block;padding-left:var(--sky-override-label-text-padding-left, var(--sky-space-gap-icon-s))}.sky-label-icon-theme-modern{display:var(--sky-override-label-icon-modern-display, block)}.sky-label-icon-theme-default{display:var(--sky-override-label-icon-default-display, inline)}\n"] }]
|
|
110
110
|
}], propDecorators: { labelType: [{
|
|
111
111
|
type: Input
|
|
112
112
|
}], descriptionType: [{
|
|
@@ -5,11 +5,11 @@ import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources
|
|
|
5
5
|
import { SkyLabelComponent } from './label.component';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export class SkyLabelModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule, SkyIconModule, SkyIndicatorsResourcesModule], exports: [SkyLabelComponent] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyLabelModule, imports: [CommonModule, SkyIconModule, SkyIndicatorsResourcesModule] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyLabelModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
declarations: [SkyLabelComponent],
|
|
@@ -68,9 +68,9 @@ export class SkyIndicatorsResourcesProvider {
|
|
|
68
68
|
* Import into any component library module that needs to use resource strings.
|
|
69
69
|
*/
|
|
70
70
|
export class SkyIndicatorsResourcesModule {
|
|
71
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.
|
|
72
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.
|
|
73
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.
|
|
71
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
72
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] }); }
|
|
73
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
|
|
74
74
|
{
|
|
75
75
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
76
76
|
useClass: SkyIndicatorsResourcesProvider,
|
|
@@ -78,7 +78,7 @@ export class SkyIndicatorsResourcesModule {
|
|
|
78
78
|
},
|
|
79
79
|
], imports: [SkyI18nModule] }); }
|
|
80
80
|
}
|
|
81
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.
|
|
81
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
|
|
82
82
|
type: NgModule,
|
|
83
83
|
args: [{
|
|
84
84
|
exports: [SkyI18nModule],
|