@skyux/indicators 5.3.0 → 5.5.0

package/esm2015/lib/modules/icon/icon-stack.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-stack.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon-stack.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon-stack.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;AASjD,MAAM,OAAO,qBAAqB;;mHAArB,qBAAqB;uGAArB,qBAAqB,0HCTlC,0dAgBA;4FDPa,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,SAAS,EAAE,CAAC,6BAA6B,CAAC;iBAC3C;8BAOQ,IAAI;sBADV,KAAK;gBAOC,QAAQ;sBADd,KAAK;gBAOC,OAAO;sBADb,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyIconStackItem } from './icon-stack-item';\n\n@Component({\n  selector: 'sky-icon-stack',\n  templateUrl: './icon-stack.component.html',\n  styleUrls: ['./icon-stack.component.scss'],\n})\nexport class SkyIconStackComponent {\n  /**\n   * Specifies the size of the icon using\n   * [Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons).\n   */\n  @Input()\n  public size: string;\n\n  /**\n   * The icon to display at the bottom of the stack.\n   */\n  @Input()\n  public baseIcon: SkyIconStackItem;\n\n  /**\n   * The icon to display at the top of the stack.\n   */\n  @Input()\n  public topIcon: SkyIconStackItem;\n}\n","<span\n  aria-hidden=\"true\"\n  class=\"sky-icon-stack fa-stack\"\n  [ngClass]=\"size ? 'fa-' + size + ' sky-icon-stack-size-' + size : ''\"\n>\n  <i\n    *ngIf=\"baseIcon\"\n    class=\"sky-icon fa-stack-2x\"\n    [ngClass]=\"baseIcon.icon | skyIconClassList: baseIcon.iconType\"\n  ></i>\n  <i\n    *ngIf=\"topIcon\"\n    class=\"sky-icon fa-stack-1x fa-inverse sky-icon-inverse\"\n    [ngClass]=\"topIcon.icon | skyIconClassList: topIcon.iconType\"\n  ></i>\n</span>\n"]}

package/esm2015/lib/modules/icon/icon.component.js

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "./icon-class-list.pipe";
+export class SkyIconComponent {
+    constructor() {
+        /**
+         * Specifies the type of icon to display. Specifying `"fa"` will display a Font Awesome icon,
+         * while specifying `"skyux"` will display an icon from the custom SKY UX icon font. Note that
+         * the custom SKY UX icon font is currently in beta.
+         * @default "fa"
+         */
+        this.iconType = 'fa';
+    }
+}
+SkyIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyIconComponent, selector: "sky-icon", inputs: { icon: "icon", iconType: "iconType", size: "size", fixedWidth: "fixedWidth", variant: "variant" }, ngImport: i0, template: "<i\n  *ngIf=\"icon\"\n  aria-hidden=\"true\"\n  class=\"sky-icon\"\n  [ngClass]=\"icon | skyIconClassList: iconType:size:fixedWidth:variant\"\n>\n</i>\n", styles: [":host{display:inline-block}i{display:inherit}\n"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyIconClassList": i2.SkyIconClassListPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-icon',
+                    templateUrl: './icon.component.html',
+                    styleUrls: ['./icon.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], iconType: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], fixedWidth: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=icon.component.js.map

package/esm2015/lib/modules/icon/icon.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;AAY1E,MAAM,OAAO,gBAAgB;IAN7B;QAgBE;;;;;WAKG;QAEI,aAAQ,GAAgB,IAAI,CAAC;KAqBrC;;8GAtCY,gBAAgB;kGAAhB,gBAAgB,4JCZ7B,0JAOA;4FDKa,gBAAgB;kBAN5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,UAAU;oBACpB,WAAW,EAAE,uBAAuB;oBACpC,SAAS,EAAE,CAAC,uBAAuB,CAAC;oBACpC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BASQ,IAAI;sBADV,KAAK;gBAUC,QAAQ;sBADd,KAAK;gBAQC,IAAI;sBADV,KAAK;gBAOC,UAAU;sBADhB,KAAK;gBAQC,OAAO;sBADb,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SkyIconType } from './types/icon-type';\n\nimport { SkyIconVariantType } from './types/icon-variant-type';\n\n@Component({\n  selector: 'sky-icon',\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyIconComponent {\n  /**\n   * Specifies the name of\n   * [the Font Awesome 4.7 icon](https://fontawesome.com/v4.7/icons/) to\n   * display. Do not specify the `fa fa-` classes.\n   * @required\n   */\n  @Input()\n  public icon: string;\n\n  /**\n   * Specifies the type of icon to display. Specifying `\"fa\"` will display a Font Awesome icon,\n   * while specifying `\"skyux\"` will display an icon from the custom SKY UX icon font. Note that\n   * the custom SKY UX icon font is currently in beta.\n   * @default \"fa\"\n   */\n  @Input()\n  public iconType: SkyIconType = 'fa';\n\n  /**\n   * Specifies the size of the icon using\n   * [Font Awesome sizes](https://fontawesome.com/how-to-use/on-the-web/styling/sizing-icons).\n   */\n  @Input()\n  public size: string;\n\n  /**\n   * Indicates whether the icon has a fixed width.\n   */\n  @Input()\n  public fixedWidth: boolean;\n\n  /**\n   * Specifies the icon variant (`\"line\"` or `\"solid\"`). If the variant doesn't exist for the\n   * specified icon, the normal icon is displayed.\n   */\n  @Input()\n  public variant: SkyIconVariantType;\n}\n","<i\n  *ngIf=\"icon\"\n  aria-hidden=\"true\"\n  class=\"sky-icon\"\n  [ngClass]=\"icon | skyIconClassList: iconType:size:fixedWidth:variant\"\n>\n</i>\n"]}

package/esm2015/lib/modules/icon/icon.module.js

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyIconComponent } from './icon.component';
+import { SkyIconStackComponent } from './icon-stack.component';
+import { SkyIconClassListPipe } from './icon-class-list.pipe';
+import { SkyThemeIconManifestModule } from '@skyux/theme';
+import * as i0 from "@angular/core";
+export class SkyIconModule {
+}
+SkyIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent], imports: [CommonModule, SkyThemeIconManifestModule], exports: [SkyIconComponent, SkyIconStackComponent] });
+SkyIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, imports: [[CommonModule, SkyThemeIconManifestModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],
+                    imports: [CommonModule, SkyThemeIconManifestModule],
+                    exports: [SkyIconComponent, SkyIconStackComponent],
+                }]
+        }] });
+//# sourceMappingURL=icon.module.js.map

package/esm2015/lib/modules/icon/icon.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/icon/icon.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;;AAO1D,MAAM,OAAO,aAAa;;2GAAb,aAAa;4GAAb,aAAa,iBAJT,oBAAoB,EAAE,gBAAgB,EAAE,qBAAqB,aAClE,YAAY,EAAE,0BAA0B,aACxC,gBAAgB,EAAE,qBAAqB;4GAEtC,aAAa,YAHf,CAAC,YAAY,EAAE,0BAA0B,CAAC;4FAGxC,aAAa;kBALzB,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,qBAAqB,CAAC;oBAC7E,OAAO,EAAE,CAAC,YAAY,EAAE,0BAA0B,CAAC;oBACnD,OAAO,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,CAAC;iBACnD","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyIconComponent } from './icon.component';\n\nimport { SkyIconStackComponent } from './icon-stack.component';\n\nimport { SkyIconClassListPipe } from './icon-class-list.pipe';\n\nimport { SkyThemeIconManifestModule } from '@skyux/theme';\n\n@NgModule({\n  declarations: [SkyIconClassListPipe, SkyIconComponent, SkyIconStackComponent],\n  imports: [CommonModule, SkyThemeIconManifestModule],\n  exports: [SkyIconComponent, SkyIconStackComponent],\n})\nexport class SkyIconModule {}\n"]}

package/esm2015/lib/modules/icon/types/icon-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon-type.js.map

package/esm2015/lib/modules/icon/types/icon-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/indicators/src/lib/modules/icon/types/icon-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyIconType = 'fa' | 'skyux';\n"]}

package/esm2015/lib/modules/icon/types/icon-variant-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=icon-variant-type.js.map

package/esm2015/lib/modules/icon/types/icon-variant-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-variant-type.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/indicators/src/lib/modules/icon/types/icon-variant-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyIconVariantType = 'line' | 'solid';\n"]}

package/esm2015/lib/modules/key-info/key-info-label.component.js

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies a label to display in smaller, plain text under or beside the value.
+ * @required
+ */
+export class SkyKeyInfoLabelComponent {
+}
+SkyKeyInfoLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyKeyInfoLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-key-info-label',
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+//# sourceMappingURL=key-info-label.component.js.map

package/esm2015/lib/modules/key-info/key-info-label.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-info-label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info-label.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;GAGG;AAKH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;0GAAxB,wBAAwB,0DAFzB,2BAA2B;4FAE1B,wBAAwB;kBAJpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,2BAA2B;iBACtC","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a label to display in smaller, plain text under or beside the value.\n * @required\n */\n@Component({\n  selector: 'sky-key-info-label',\n  template: '<ng-content></ng-content>',\n})\nexport class SkyKeyInfoLabelComponent {}\n"]}

package/esm2015/lib/modules/key-info/key-info-value.component.js

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Specifies a value to display in larger, bold text.
+ * @required
+ */
+export class SkyKeyInfoValueComponent {
+}
+SkyKeyInfoValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyKeyInfoValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyKeyInfoValueComponent, selector: "sky-key-info-value", ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoValueComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-key-info-value',
+                    template: '<ng-content></ng-content>',
+                }]
+        }] });
+//# sourceMappingURL=key-info-value.component.js.map

package/esm2015/lib/modules/key-info/key-info-value.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-info-value.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info-value.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;GAGG;AAKH,MAAM,OAAO,wBAAwB;;sHAAxB,wBAAwB;0GAAxB,wBAAwB,0DAFzB,2BAA2B;4FAE1B,wBAAwB;kBAJpC,SAAS;mBAAC;oBACT,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,2BAA2B;iBACtC","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Specifies a value to display in larger, bold text.\n * @required\n */\n@Component({\n  selector: 'sky-key-info-value',\n  template: '<ng-content></ng-content>',\n})\nexport class SkyKeyInfoValueComponent {}\n"]}

package/esm2015/lib/modules/key-info/key-info.component.js

@@ -0,0 +1,26 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class SkyKeyInfoComponent {
+    constructor() {
+        /**
+         * Specifies whether to display key info in a `vertical` layout with the label under the
+         * value or in a `horizontal` layout with the label beside the value.
+         * @default "vertical"
+         */
+        this.layout = 'vertical';
+    }
+}
+SkyKeyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyKeyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyKeyInfoComponent, selector: "sky-key-info", inputs: { 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-headline\">\n    <ng-content select=\"sky-key-info-value\"> </ng-content>\n  </div>\n  <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n    <ng-content select=\"sky-key-info-label\"> </ng-content>\n  </div>\n</div>\n", styles: [".sky-key-info{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-value,.sky-key-info.sky-key-info-horizontal .sky-key-info-label{display:inline-block}.sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}:host-context(.sky-theme-modern) .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}.sky-theme-modern .sky-key-info.sky-key-info-horizontal .sky-key-info-label{padding:0 0 0 5px}\n"], directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-key-info',
+                    templateUrl: './key-info.component.html',
+                    styleUrls: ['./key-info.component.scss'],
+                }]
+        }], propDecorators: { layout: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=key-info.component.js.map

package/esm2015/lib/modules/key-info/key-info.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-info.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;AAOjD,MAAM,OAAO,mBAAmB;IALhC;QAME;;;;WAIG;QAEI,WAAM,GAAG,UAAU,CAAC;KAC5B;;iHARY,mBAAmB;qGAAnB,mBAAmB,kFCPhC,0YAaA;4FDNa,mBAAmB;kBAL/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,WAAW,EAAE,2BAA2B;oBACxC,SAAS,EAAE,CAAC,2BAA2B,CAAC;iBACzC;8BAQQ,MAAM;sBADZ,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\n@Component({\n  selector: 'sky-key-info',\n  templateUrl: './key-info.component.html',\n  styleUrls: ['./key-info.component.scss'],\n})\nexport class SkyKeyInfoComponent {\n  /**\n   * Specifies whether to display key info in a `vertical` layout with the label under the\n   * value or in a `horizontal` layout with the label beside the value.\n   * @default \"vertical\"\n   */\n  @Input()\n  public layout = 'vertical';\n}\n","<div\n  class=\"sky-key-info\"\n  [ngClass]=\"{\n    'sky-key-info-horizontal': layout === 'horizontal'\n  }\"\n>\n  <div class=\"sky-key-info-value sky-headline\">\n    <ng-content select=\"sky-key-info-value\"> </ng-content>\n  </div>\n  <div class=\"sky-key-info-label sky-field-label sky-font-data-label\">\n    <ng-content select=\"sky-key-info-label\"> </ng-content>\n  </div>\n</div>\n"]}

package/esm2015/lib/modules/key-info/key-info.module.js

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyKeyInfoLabelComponent } from './key-info-label.component';
+import { SkyKeyInfoValueComponent } from './key-info-value.component';
+import { SkyKeyInfoComponent } from './key-info.component';
+import * as i0 from "@angular/core";
+export class SkyKeyInfoModule {
+}
+SkyKeyInfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyKeyInfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
+        SkyKeyInfoLabelComponent,
+        SkyKeyInfoValueComponent], imports: [CommonModule], exports: [SkyKeyInfoComponent,
+        SkyKeyInfoLabelComponent,
+        SkyKeyInfoValueComponent] });
+SkyKeyInfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyKeyInfoComponent,
+                        SkyKeyInfoLabelComponent,
+                        SkyKeyInfoValueComponent,
+                    ],
+                    imports: [CommonModule],
+                    exports: [
+                        SkyKeyInfoComponent,
+                        SkyKeyInfoLabelComponent,
+                        SkyKeyInfoValueComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=key-info.module.js.map

package/esm2015/lib/modules/key-info/key-info.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-info.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/key-info/key-info.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAe3D,MAAM,OAAO,gBAAgB;;8GAAhB,gBAAgB;+GAAhB,gBAAgB,iBAXzB,mBAAmB;QACnB,wBAAwB;QACxB,wBAAwB,aAEhB,YAAY,aAEpB,mBAAmB;QACnB,wBAAwB;QACxB,wBAAwB;+GAGf,gBAAgB,YAPlB,CAAC,YAAY,CAAC;4FAOZ,gBAAgB;kBAb5B,QAAQ;mBAAC;oBACR,YAAY,EAAE;wBACZ,mBAAmB;wBACnB,wBAAwB;wBACxB,wBAAwB;qBACzB;oBACD,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE;wBACP,mBAAmB;wBACnB,wBAAwB;wBACxB,wBAAwB;qBACzB;iBACF","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyKeyInfoLabelComponent } from './key-info-label.component';\n\nimport { SkyKeyInfoValueComponent } from './key-info-value.component';\n\nimport { SkyKeyInfoComponent } from './key-info.component';\n\n@NgModule({\n  declarations: [\n    SkyKeyInfoComponent,\n    SkyKeyInfoLabelComponent,\n    SkyKeyInfoValueComponent,\n  ],\n  imports: [CommonModule],\n  exports: [\n    SkyKeyInfoComponent,\n    SkyKeyInfoLabelComponent,\n    SkyKeyInfoValueComponent,\n  ],\n})\nexport class SkyKeyInfoModule {}\n"]}

package/esm2015/lib/modules/label/label-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=label-type.js.map

package/esm2015/lib/modules/label/label-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-type.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/label/label-type.ts"],"names":[],"mappings":"","sourcesContent":["export type SkyLabelType = 'danger' | 'info' | 'success' | 'warning';\n"]}

package/esm2015/{modules → lib/modules}/label/label.component.js

@@ -23,9 +23,9 @@ export class SkyLabelComponent {
         this.topIcon = indicatorIcon.modernThemeTopIcon;
     }
 }
-SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.15", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\n  <span class=\"sky-label-icon-theme-default\">\n    <sky-icon [icon]=\"icon\"></sky-icon>\n  </span>\n  <span class=\"sky-label-icon-theme-modern\">\n    <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n    </sky-icon-stack>\n  </span>\n  <span class=\"sky-label-text\">\n    <ng-content></ng-content>\n  </span>\n</span>\n", styles: [".sky-label{color:#212327;display:inline;border-radius:10rem;font-weight:400;line-height:2.2;margin:0 3px;padding:.3em .6em;white-space:nowrap}.sky-label-success{background-color:#b7da9b}.sky-label-info{background-color:#81d4f7}.sky-label-warning{background-color:#ffd597}.sky-label-danger{background-color:#f7a08f}.sky-label-text{display:inline-block;padding-left:5px}.sky-label-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-label{align-items:center;display:inline-flex;line-height:1}:host-context(.sky-theme-modern) .sky-label.sky-label-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-label.sky-label-info,:host-context(.sky-theme-modern) .sky-label.sky-label-success{padding:4px 15px 4px 6px}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-danger{padding:4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-label-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-label{align-items:center;display:inline-flex;line-height:1}.sky-theme-modern .sky-label.sky-label-info{background-color:#c1e8fb}.sky-theme-modern .sky-label.sky-label-info,.sky-theme-modern .sky-label.sky-label-success{padding:4px 15px 4px 6px}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-danger{padding:4px 15px 4px 9px}.sky-theme-modern .sky-label-icon-theme-default{display:none}.sky-theme-modern .sky-label-icon-theme-modern{display:block}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}\n"], components: [{ type: 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImport: i0, type: SkyLabelComponent, decorators: [{
+SkyLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyLabelComponent, selector: "sky-label", inputs: { labelType: "labelType" }, ngImport: i0, template: "<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\n  <span class=\"sky-label-icon-theme-default\">\n    <sky-icon [icon]=\"icon\"></sky-icon>\n  </span>\n  <span class=\"sky-label-icon-theme-modern\">\n    <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n    </sky-icon-stack>\n  </span>\n  <span class=\"sky-label-text\">\n    <ng-content></ng-content>\n  </span>\n</span>\n", styles: [".sky-label{color:#212327;display:inline;border-radius:10rem;font-weight:400;line-height:2.2;margin:0 3px;padding:.3em .6em;white-space:nowrap}.sky-label-success{background-color:#b7da9b}.sky-label-info{background-color:#81d4f7}.sky-label-warning{background-color:#ffd597}.sky-label-danger{background-color:#f7a08f}.sky-label-text{display:inline-block;padding-left:5px}.sky-label-icon-theme-modern{display:none}:host-context(.sky-theme-modern) .sky-label{align-items:center;display:inline-flex;line-height:1}:host-context(.sky-theme-modern) .sky-label.sky-label-info{background-color:#c1e8fb}:host-context(.sky-theme-modern) .sky-label.sky-label-info,:host-context(.sky-theme-modern) .sky-label.sky-label-success{padding:4px 15px 4px 6px}:host-context(.sky-theme-modern) .sky-label.sky-label-warning,:host-context(.sky-theme-modern) .sky-label.sky-label-danger{padding:4px 15px 4px 9px}:host-context(.sky-theme-modern) .sky-label-icon-theme-default{display:none}:host-context(.sky-theme-modern) .sky-label-icon-theme-modern{display:block}:host-context(.sky-theme-modern) .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}:host-context(.sky-theme-modern) .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}:host-context(.sky-theme-modern) .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}:host-context(.sky-theme-modern) .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}.sky-theme-modern .sky-label{align-items:center;display:inline-flex;line-height:1}.sky-theme-modern .sky-label.sky-label-info{background-color:#c1e8fb}.sky-theme-modern .sky-label.sky-label-info,.sky-theme-modern .sky-label.sky-label-success{padding:4px 15px 4px 6px}.sky-theme-modern .sky-label.sky-label-warning,.sky-theme-modern .sky-label.sky-label-danger{padding:4px 15px 4px 9px}.sky-theme-modern .sky-label-icon-theme-default{display:none}.sky-theme-modern .sky-label-icon-theme-modern{display:block}.sky-theme-modern .sky-label-info .sky-label-icon-theme-modern{color:#00b4f1}.sky-theme-modern .sky-label-success .sky-label-icon-theme-modern{color:#72bf44}.sky-theme-modern .sky-label-warning .sky-label-icon-theme-modern{color:#fbb034}.sky-theme-modern .sky-label-danger .sky-label-icon-theme-modern{color:#ef4044}\n"], components: [{ type: 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-label',
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.15", ngImpo
         }], propDecorators: { labelType: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaW5kaWNhdG9ycy9zcmMvbW9kdWxlcy9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9pbmRpY2F0b3JzL3NyYy9tb2R1bGVzL2xhYmVsL2xhYmVsLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQVczRSxNQUFNLE9BQU8saUJBQWlCO0lBQzVCOzs7T0FHRztJQUNILElBQ1csU0FBUyxDQUFDLEtBQW1CO1FBQ3RDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsSUFBVyxTQUFTO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLFVBQVUsSUFBSSxNQUFNLENBQUM7SUFDbkMsQ0FBQztJQVVPLFVBQVU7UUFDaEIsTUFBTSxhQUFhLEdBQUcsdUJBQXVCLENBQUMsZUFBZSxDQUMzRCxJQUFJLENBQUMsU0FBUyxDQUNmLENBQUM7UUFFRixJQUFJLENBQUMsSUFBSSxHQUFHLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQztRQUMzQyxJQUFJLENBQUMsUUFBUSxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQztRQUNsRCxJQUFJLENBQUMsT0FBTyxHQUFHLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQztJQUNsRCxDQUFDOzsrR0EvQlUsaUJBQWlCO21HQUFqQixpQkFBaUIscUZDYjlCLG9hQVlBOzRGRENhLGlCQUFpQjtrQkFMN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztvQkFDckIsV0FBVyxFQUFFLHdCQUF3QjtvQkFDckMsU0FBUyxFQUFFLENBQUMsd0JBQXdCLENBQUM7aUJBQ3RDOzhCQU9ZLFNBQVM7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreUluZGljYXRvckljb25VdGlsaXR5IH0gZnJvbSAnLi4vc2hhcmVkL2luZGljYXRvci1pY29uLXV0aWxpdHknO1xuXG5pbXBvcnQgeyBTa3lJY29uU3RhY2tJdGVtIH0gZnJvbSAnLi4vaWNvbi9pY29uLXN0YWNrLWl0ZW0nO1xuXG5pbXBvcnQgeyBTa3lMYWJlbFR5cGUgfSBmcm9tICcuL2xhYmVsLXR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktbGFiZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sYWJlbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lMYWJlbENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgdHlwZSBvZiBsYWJlbCB0byBkaXNwbGF5LlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbGFiZWxUeXBlKHZhbHVlOiBTa3lMYWJlbFR5cGUpIHtcbiAgICB0aGlzLl9sYWJlbFR5cGUgPSB2YWx1ZTtcbiAgICB0aGlzLnVwZGF0ZUljb24oKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGFiZWxUeXBlKCk6IFNreUxhYmVsVHlwZSB7XG4gICAgcmV0dXJuIHRoaXMuX2xhYmVsVHlwZSB8fCAnaW5mbyc7XG4gIH1cblxuICBwdWJsaWMgYmFzZUljb246IFNreUljb25TdGFja0l0ZW07XG5cbiAgcHVibGljIGljb246IHN0cmluZztcblxuICBwdWJsaWMgdG9wSWNvbjogU2t5SWNvblN0YWNrSXRlbTtcblxuICBwcml2YXRlIF9sYWJlbFR5cGU6IFNreUxhYmVsVHlwZTtcblxuICBwcml2YXRlIHVwZGF0ZUljb24oKTogdm9pZCB7XG4gICAgY29uc3QgaW5kaWNhdG9ySWNvbiA9IFNreUluZGljYXRvckljb25VdGlsaXR5LmdldEljb25zRm9yVHlwZShcbiAgICAgIHRoaXMubGFiZWxUeXBlXG4gICAgKTtcblxuICAgIHRoaXMuaWNvbiA9IGluZGljYXRvckljb24uZGVmYXVsdFRoZW1lSWNvbjtcbiAgICB0aGlzLmJhc2VJY29uID0gaW5kaWNhdG9ySWNvbi5tb2Rlcm5UaGVtZUJhc2VJY29uO1xuICAgIHRoaXMudG9wSWNvbiA9IGluZGljYXRvckljb24ubW9kZXJuVGhlbWVUb3BJY29uO1xuICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cInNreS1sYWJlbFwiIFtuZ0NsYXNzXT1cIidza3ktbGFiZWwtJyArIGxhYmVsVHlwZVwiPlxuICA8c3BhbiBjbGFzcz1cInNreS1sYWJlbC1pY29uLXRoZW1lLWRlZmF1bHRcIj5cbiAgICA8c2t5LWljb24gW2ljb25dPVwiaWNvblwiPjwvc2t5LWljb24+XG4gIDwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJza3ktbGFiZWwtaWNvbi10aGVtZS1tb2Rlcm5cIj5cbiAgICA8c2t5LWljb24tc3RhY2sgc2l6ZT1cInhzXCIgW2Jhc2VJY29uXT1cImJhc2VJY29uXCIgW3RvcEljb25dPVwidG9wSWNvblwiPlxuICAgIDwvc2t5LWljb24tc3RhY2s+XG4gIDwvc3Bhbj5cbiAgPHNwYW4gY2xhc3M9XCJza3ktbGFiZWwtdGV4dFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9zcGFuPlxuPC9zcGFuPlxuIl19
+//# sourceMappingURL=label.component.js.map

package/esm2015/lib/modules/label/label.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/label/label.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/label/label.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;;;;;AAW3E,MAAM,OAAO,iBAAiB;IAC5B;;;OAGG;IACH,IACW,SAAS,CAAC,KAAmB;QACtC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,IAAI,MAAM,CAAC;IACnC,CAAC;IAUO,UAAU;QAChB,MAAM,aAAa,GAAG,uBAAuB,CAAC,eAAe,CAC3D,IAAI,CAAC,SAAS,CACf,CAAC;QAEF,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,gBAAgB,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,mBAAmB,CAAC;QAClD,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC,kBAAkB,CAAC;IAClD,CAAC;;+GA/BU,iBAAiB;mGAAjB,iBAAiB,qFCb9B,oaAYA;4FDCa,iBAAiB;kBAL7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,WAAW;oBACrB,WAAW,EAAE,wBAAwB;oBACrC,SAAS,EAAE,CAAC,wBAAwB,CAAC;iBACtC;8BAOY,SAAS;sBADnB,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';\n\nimport { SkyIconStackItem } from '../icon/icon-stack-item';\n\nimport { SkyLabelType } from './label-type';\n\n@Component({\n  selector: 'sky-label',\n  templateUrl: './label.component.html',\n  styleUrls: ['./label.component.scss'],\n})\nexport class SkyLabelComponent {\n  /**\n   * The type of label to display.\n   * @required\n   */\n  @Input()\n  public set labelType(value: SkyLabelType) {\n    this._labelType = value;\n    this.updateIcon();\n  }\n\n  public get labelType(): SkyLabelType {\n    return this._labelType || 'info';\n  }\n\n  public baseIcon: SkyIconStackItem;\n\n  public icon: string;\n\n  public topIcon: SkyIconStackItem;\n\n  private _labelType: SkyLabelType;\n\n  private updateIcon(): void {\n    const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(\n      this.labelType\n    );\n\n    this.icon = indicatorIcon.defaultThemeIcon;\n    this.baseIcon = indicatorIcon.modernThemeBaseIcon;\n    this.topIcon = indicatorIcon.modernThemeTopIcon;\n  }\n}\n","<span class=\"sky-label\" [ngClass]=\"'sky-label-' + labelType\">\n  <span class=\"sky-label-icon-theme-default\">\n    <sky-icon [icon]=\"icon\"></sky-icon>\n  </span>\n  <span class=\"sky-label-icon-theme-modern\">\n    <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n    </sky-icon-stack>\n  </span>\n  <span class=\"sky-label-text\">\n    <ng-content></ng-content>\n  </span>\n</span>\n"]}

package/esm2015/lib/modules/label/label.module.js

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { SkyIconModule } from '../icon/icon.module';
+import { SkyLabelComponent } from './label.component';
+import * as i0 from "@angular/core";
+export class SkyLabelModule {
+}
+SkyLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelModule, declarations: [SkyLabelComponent], imports: [CommonModule, SkyIconModule], exports: [SkyLabelComponent] });
+SkyLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelModule, imports: [[CommonModule, SkyIconModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyLabelComponent],
+                    imports: [CommonModule, SkyIconModule],
+                    exports: [SkyLabelComponent],
+                }]
+        }] });
+//# sourceMappingURL=label.module.js.map

package/esm2015/lib/modules/label/label.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/label/label.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;;AAOtD,MAAM,OAAO,cAAc;;4GAAd,cAAc;6GAAd,cAAc,iBAJV,iBAAiB,aACtB,YAAY,EAAE,aAAa,aAC3B,iBAAiB;6GAEhB,cAAc,YAHhB,CAAC,YAAY,EAAE,aAAa,CAAC;4FAG3B,cAAc;kBAL1B,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC;oBACtC,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B","sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { SkyIconModule } from '../icon/icon.module';\n\nimport { SkyLabelComponent } from './label.component';\n\n@NgModule({\n  declarations: [SkyLabelComponent],\n  imports: [CommonModule, SkyIconModule],\n  exports: [SkyLabelComponent],\n})\nexport class SkyLabelModule {}\n"]}

package/esm2015/lib/modules/shared/indicator-description-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=indicator-description-type.js.map

package/esm2015/lib/modules/shared/indicator-description-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-description-type.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/indicator-description-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n */\nexport type SkyIndicatorDescriptionType =\n  | 'completed'\n  | 'custom'\n  | 'error'\n  | 'important-info'\n  | 'none'\n  | 'warning';\n"]}

package/esm2015/lib/modules/shared/indicator-icon-type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=indicator-icon-type.js.map

package/esm2015/lib/modules/shared/indicator-icon-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-icon-type.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/indicator-icon-type.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * @internal\n */\nexport type SkyIndicatorIconType = 'danger' | 'info' | 'success' | 'warning';\n"]}

package/esm2015/lib/modules/shared/indicator-icon-utility.js

@@ -0,0 +1,41 @@
+/**
+ * @internl
+ */
+export class SkyIndicatorIconUtility {
+    static getIconsForType(indicatorType) {
+        let icon;
+        let baseIcon;
+        let topIcon;
+        // tslint:disable-next-line: switch-default
+        switch (indicatorType) {
+            case 'danger':
+            case 'warning':
+                icon = 'warning';
+                baseIcon = 'triangle-solid';
+                topIcon = 'exclamation';
+                break;
+            case 'info':
+                icon = 'exclamation-circle';
+                baseIcon = 'circle-solid';
+                topIcon = 'help-i';
+                break;
+            case 'success':
+                icon = 'check';
+                baseIcon = 'circle-solid';
+                topIcon = 'check';
+                break;
+        }
+        return {
+            defaultThemeIcon: icon,
+            modernThemeBaseIcon: {
+                icon: baseIcon,
+                iconType: 'skyux',
+            },
+            modernThemeTopIcon: {
+                icon: topIcon,
+                iconType: 'skyux',
+            },
+        };
+    }
+}
+//# sourceMappingURL=indicator-icon-utility.js.map

package/esm2015/lib/modules/shared/indicator-icon-utility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-icon-utility.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/indicator-icon-utility.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,OAAO,uBAAuB;IAC3B,MAAM,CAAC,eAAe,CAC3B,aAAmC;QAEnC,IAAI,IAAY,CAAC;QACjB,IAAI,QAAgB,CAAC;QACrB,IAAI,OAAe,CAAC;QAEpB,2CAA2C;QAC3C,QAAQ,aAAa,EAAE;YACrB,KAAK,QAAQ,CAAC;YACd,KAAK,SAAS;gBACZ,IAAI,GAAG,SAAS,CAAC;gBACjB,QAAQ,GAAG,gBAAgB,CAAC;gBAC5B,OAAO,GAAG,aAAa,CAAC;gBACxB,MAAM;YACR,KAAK,MAAM;gBACT,IAAI,GAAG,oBAAoB,CAAC;gBAC5B,QAAQ,GAAG,cAAc,CAAC;gBAC1B,OAAO,GAAG,QAAQ,CAAC;gBACnB,MAAM;YACR,KAAK,SAAS;gBACZ,IAAI,GAAG,OAAO,CAAC;gBACf,QAAQ,GAAG,cAAc,CAAC;gBAC1B,OAAO,GAAG,OAAO,CAAC;gBAClB,MAAM;SACT;QAED,OAAO;YACL,gBAAgB,EAAE,IAAI;YACtB,mBAAmB,EAAE;gBACnB,IAAI,EAAE,QAAQ;gBACd,QAAQ,EAAE,OAAO;aAClB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,OAAO;gBACb,QAAQ,EAAE,OAAO;aAClB;SACF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { SkyIndicatorIcon } from './indicator-icon';\n\nimport { SkyIndicatorIconType } from './indicator-icon-type';\n\n/**\n * @internl\n */\nexport class SkyIndicatorIconUtility {\n  public static getIconsForType(\n    indicatorType: SkyIndicatorIconType\n  ): SkyIndicatorIcon {\n    let icon: string;\n    let baseIcon: string;\n    let topIcon: string;\n\n    // tslint:disable-next-line: switch-default\n    switch (indicatorType) {\n      case 'danger':\n      case 'warning':\n        icon = 'warning';\n        baseIcon = 'triangle-solid';\n        topIcon = 'exclamation';\n        break;\n      case 'info':\n        icon = 'exclamation-circle';\n        baseIcon = 'circle-solid';\n        topIcon = 'help-i';\n        break;\n      case 'success':\n        icon = 'check';\n        baseIcon = 'circle-solid';\n        topIcon = 'check';\n        break;\n    }\n\n    return {\n      defaultThemeIcon: icon,\n      modernThemeBaseIcon: {\n        icon: baseIcon,\n        iconType: 'skyux',\n      },\n      modernThemeTopIcon: {\n        icon: topIcon,\n        iconType: 'skyux',\n      },\n    };\n  }\n}\n"]}

package/esm2015/lib/modules/shared/indicator-icon.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=indicator-icon.js.map

package/esm2015/lib/modules/shared/indicator-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indicator-icon.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/indicator-icon.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyIconStackItem } from '../icon/icon-stack-item';\n\n/**\n * @internl\n */\nexport interface SkyIndicatorIcon {\n  defaultThemeIcon: string;\n\n  modernThemeBaseIcon: SkyIconStackItem;\n\n  modernThemeTopIcon: SkyIconStackItem;\n}\n"]}

package/esm2015/lib/modules/shared/sky-indicators-resources.module.js

@@ -0,0 +1,61 @@
+/**
+ * NOTICE: DO NOT MODIFY THIS FILE!
+ * The contents of this file were automatically generated by
+ * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-indicators' schematic.
+ * To update this file, simply rerun the command.
+ */
+import { NgModule } from '@angular/core';
+import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, } from '@skyux/i18n';
+import * as i0 from "@angular/core";
+const RESOURCES = {
+    'EN-US': {
+        skyux_alert_close: { message: 'Close the alert' },
+        skyux_help_inline_button_title: { message: 'Show help content' },
+        skyux_status_indicator_sr_completed: { message: 'Completed:' },
+        skyux_status_indicator_sr_error: { message: 'Error:' },
+        skyux_status_indicator_sr_important_info: {
+            message: 'Important information:',
+        },
+        skyux_status_indicator_sr_warning: { message: 'Warning:' },
+        skyux_tokens_dismiss_button_title: { message: 'Remove item' },
+        skyux_wait_aria_alt_text: { message: 'Loading.' },
+        skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },
+        skyux_wait_page_aria_alt_text: { message: 'Page loading.' },
+        skyux_wait_page_blocking_aria_alt_text: {
+            message: 'Page loading. Please wait.',
+        },
+    },
+};
+export class SkyIndicatorsResourcesProvider {
+    getString(localeInfo, name) {
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+    }
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+export class SkyIndicatorsResourcesModule {
+}
+SkyIndicatorsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyIndicatorsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, exports: [SkyI18nModule] });
+SkyIndicatorsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyIndicatorsResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyIndicatorsResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyIndicatorsResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=sky-indicators-resources.module.js.map

package/esm2015/lib/modules/shared/sky-indicators-resources.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sky-indicators-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/shared/sky-indicators-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,qBAAqB,EAErB,aAAa,EAGb,2BAA2B,GAC5B,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,iBAAiB,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE;QACjD,8BAA8B,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;QAChE,mCAAmC,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;QAC9D,+BAA+B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACtD,wCAAwC,EAAE;YACxC,OAAO,EAAE,wBAAwB;SAClC;QACD,iCAAiC,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QAC1D,iCAAiC,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE;QAC7D,wBAAwB,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;QACjD,iCAAiC,EAAE,EAAE,OAAO,EAAE,uBAAuB,EAAE;QACvE,6BAA6B,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;QAC3D,sCAAsC,EAAE;YACtC,OAAO,EAAE,4BAA4B;SACtC;KACF;CACF,CAAC;AAEF,MAAM,OAAO,8BAA8B;IAClC,SAAS,CAAC,UAA4B,EAAE,IAAY;QACzD,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;2HAA5B,4BAA4B,YAT7B,aAAa;2HASZ,4BAA4B,aAR5B;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,8BAA8B;YACxC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,4BAA4B;kBAVxC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,8BAA8B;4BACxC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/sky-indicators' schematic.\n * To update this file, simply rerun the command.\n */\n\nimport { NgModule } from '@angular/core';\nimport {\n  getLibStringForLocale,\n  SkyAppLocaleInfo,\n  SkyI18nModule,\n  SkyLibResources,\n  SkyLibResourcesProvider,\n  SKY_LIB_RESOURCES_PROVIDERS,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n  'EN-US': {\n    skyux_alert_close: { message: 'Close the alert' },\n    skyux_help_inline_button_title: { message: 'Show help content' },\n    skyux_status_indicator_sr_completed: { message: 'Completed:' },\n    skyux_status_indicator_sr_error: { message: 'Error:' },\n    skyux_status_indicator_sr_important_info: {\n      message: 'Important information:',\n    },\n    skyux_status_indicator_sr_warning: { message: 'Warning:' },\n    skyux_tokens_dismiss_button_title: { message: 'Remove item' },\n    skyux_wait_aria_alt_text: { message: 'Loading.' },\n    skyux_wait_blocking_aria_alt_text: { message: 'Loading. Please wait.' },\n    skyux_wait_page_aria_alt_text: { message: 'Page loading.' },\n    skyux_wait_page_blocking_aria_alt_text: {\n      message: 'Page loading. Please wait.',\n    },\n  },\n};\n\nexport class SkyIndicatorsResourcesProvider implements SkyLibResourcesProvider {\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n  }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n  exports: [SkyI18nModule],\n  providers: [\n    {\n      provide: SKY_LIB_RESOURCES_PROVIDERS,\n      useClass: SkyIndicatorsResourcesProvider,\n      multi: true,\n    },\n  ],\n})\nexport class SkyIndicatorsResourcesModule {}\n"]}

package/esm2015/lib/modules/status-indicator/status-indicator.component.js

@@ -0,0 +1,99 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, } from '@angular/core';
+import { SkyLibResourcesService } from '@skyux/i18n';
+import { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/i18n";
+import * as i2 from "../icon/icon.component";
+import * as i3 from "../icon/icon-stack.component";
+import * as i4 from "@angular/common";
+const INDICATOR_TYPE_DEFAULT = 'warning';
+export class SkyStatusIndicatorComponent {
+    constructor(changeDetector, resources) {
+        this.changeDetector = changeDetector;
+        this.resources = resources;
+    }
+    /**
+     * Specifies a style for the status indicator to determine the icon.
+     * The valid options are `danger`, `info`, `success`, and `warning`.
+     * @default "warning"
+     */
+    set indicatorType(value) {
+        this._indicatorType = value;
+        this.updateIcon();
+    }
+    get indicatorType() {
+        return this._indicatorType || INDICATOR_TYPE_DEFAULT;
+    }
+    /**
+     * Specifies the predefined text to be read by screen readers for users
+     * who cannot see the indicator icon. The valid options are `none`, `custom`,
+     * `error`, `warning`, `completed`, and `important-info`.
+     * @required
+     */
+    set descriptionType(value) {
+        this._descriptionType = value;
+        this.updateDescriptionComputed();
+    }
+    get descriptionType() {
+        return this._descriptionType;
+    }
+    /**
+     * Specifies the text to be read by screen readers for users who cannot see
+     * the indicator icon when `descriptionType` is `custom`.
+     */
+    set customDescription(value) {
+        this._customDescription = value;
+        this.updateDescriptionComputed();
+    }
+    get customDescription() {
+        return this._customDescription;
+    }
+    updateIcon() {
+        const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(this.indicatorType);
+        this.icon = indicatorIcon.defaultThemeIcon;
+        this.baseIcon = indicatorIcon.modernThemeBaseIcon;
+        this.topIcon = indicatorIcon.modernThemeTopIcon;
+    }
+    updateDescriptionComputed() {
+        if (this.descriptionType) {
+            switch (this.descriptionType) {
+                case 'none':
+                    this.descriptionComputed = '';
+                    break;
+                case 'custom':
+                    this.descriptionComputed = this.customDescription;
+                    break;
+                default:
+                    this.resources
+                        .getString('skyux_status_indicator_sr_' +
+                        this.descriptionType.replace(/-/g, '_'))
+                        .subscribe((value) => {
+                        this.descriptionComputed = value;
+                        this.changeDetector.markForCheck();
+                    });
+                    break;
+            }
+        }
+        else {
+            this.descriptionComputed = undefined;
+        }
+    }
+}
+SkyStatusIndicatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
+SkyStatusIndicatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorType\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\"></sky-icon>\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\">\n      <ng-content></ng-content>\n    </span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon-default{display:none}:host-context(.sky-theme-modern) .sky-status-indicator-icon-modern{display:inline}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], components: [{ type: i2.SkyIconComponent, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i3.SkyIconStackComponent, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sky-status-indicator',
+                    templateUrl: './status-indicator.component.html',
+                    styleUrls: ['./status-indicator.component.scss'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyLibResourcesService }]; }, propDecorators: { indicatorType: [{
+                type: Input
+            }], descriptionType: [{
+                type: Input
+            }], customDescription: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=status-indicator.component.js.map

package/esm2015/lib/modules/status-indicator/status-indicator.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-indicator.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/indicators/src/lib/modules/status-indicator/status-indicator.component.ts","../../../../../../../../libs/components/indicators/src/lib/modules/status-indicator/status-indicator.component.html"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,iBAAiB,EACjB,SAAS,EACT,KAAK,GACN,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAMrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;;;;;;AAI3E,MAAM,sBAAsB,GAAyB,SAAS,CAAC;AAQ/D,MAAM,OAAO,2BAA2B;IA4DtC,YACU,cAAiC,EACjC,SAAiC;QADjC,mBAAc,GAAd,cAAc,CAAmB;QACjC,cAAS,GAAT,SAAS,CAAwB;IACxC,CAAC;IA9DJ;;;;OAIG;IACH,IACW,aAAa,CAAC,KAA2B;QAClD,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;QAC5B,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,IAAW,aAAa;QACtB,OAAO,IAAI,CAAC,cAAc,IAAI,sBAAsB,CAAC;IACvD,CAAC;IAED;;;;;OAKG;IACH,IACW,eAAe,CAAC,KAAkC;QAC3D,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,IAAW,eAAe;QACxB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC/B,CAAC;IAED;;;OAGG;IACH,IACW,iBAAiB,CAAC,KAAa;QACxC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACnC,CAAC;IAED,IAAW,iBAAiB;QAC1B,OAAO,IAAI,CAAC,kBAAkB,CAAC;IACjC,CAAC;IAqBO,UAAU;QAChB,MAAM,aAAa,GAAG,uBAAuB,CAAC,eAAe,CAC3D,IAAI,CAAC,aAAa,CACnB,CAAC;QAEF,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,gBAAgB,CAAC;QAC3C,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,mBAAmB,CAAC;QAClD,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC,kBAAkB,CAAC;IAClD,CAAC;IAEO,yBAAyB;QAC/B,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,QAAQ,IAAI,CAAC,eAAe,EAAE;gBAC5B,KAAK,MAAM;oBACT,IAAI,CAAC,mBAAmB,GAAG,EAAE,CAAC;oBAC9B,MAAM;gBACR,KAAK,QAAQ;oBACX,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC;oBAClD,MAAM;gBACR;oBACE,IAAI,CAAC,SAAS;yBACX,SAAS,CACR,4BAA4B;wBAC1B,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAC1C;yBACA,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE;wBACnB,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;wBACjC,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;oBACrC,CAAC,CAAC,CAAC;oBAEL,MAAM;aACT;SACF;aAAM;YACL,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;SACtC;IACH,CAAC;;yHApGU,2BAA2B;6GAA3B,2BAA2B,oLCzBxC,szBAuBA;4FDEa,2BAA2B;kBANvC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,WAAW,EAAE,mCAAmC;oBAChD,SAAS,EAAE,CAAC,mCAAmC,CAAC;oBAChD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;6IAQY,aAAa;sBADvB,KAAK;gBAiBK,eAAe;sBADzB,KAAK;gBAeK,iBAAiB;sBAD3B,KAAK","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  Input,\n} from '@angular/core';\n\nimport { SkyLibResourcesService } from '@skyux/i18n';\n\nimport { SkyIndicatorDescriptionType } from '../shared/indicator-description-type';\n\nimport { SkyIndicatorIconType } from '../shared/indicator-icon-type';\n\nimport { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';\n\nimport { SkyIconStackItem } from '../icon/icon-stack-item';\n\nconst INDICATOR_TYPE_DEFAULT: SkyIndicatorIconType = 'warning';\n\n@Component({\n  selector: 'sky-status-indicator',\n  templateUrl: './status-indicator.component.html',\n  styleUrls: ['./status-indicator.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyStatusIndicatorComponent {\n  /**\n   * Specifies a style for the status indicator to determine the icon.\n   * The valid options are `danger`, `info`, `success`, and `warning`.\n   * @default \"warning\"\n   */\n  @Input()\n  public set indicatorType(value: SkyIndicatorIconType) {\n    this._indicatorType = value;\n    this.updateIcon();\n  }\n\n  public get indicatorType(): SkyIndicatorIconType {\n    return this._indicatorType || INDICATOR_TYPE_DEFAULT;\n  }\n\n  /**\n   * Specifies the predefined text to be read by screen readers for users\n   * who cannot see the indicator icon. The valid options are `none`, `custom`,\n   * `error`, `warning`, `completed`, and `important-info`.\n   * @required\n   */\n  @Input()\n  public set descriptionType(value: SkyIndicatorDescriptionType) {\n    this._descriptionType = value;\n    this.updateDescriptionComputed();\n  }\n\n  public get descriptionType(): SkyIndicatorDescriptionType {\n    return this._descriptionType;\n  }\n\n  /**\n   * Specifies the text to be read by screen readers for users who cannot see\n   * the indicator icon when `descriptionType` is `custom`.\n   */\n  @Input()\n  public set customDescription(value: string) {\n    this._customDescription = value;\n    this.updateDescriptionComputed();\n  }\n\n  public get customDescription(): string {\n    return this._customDescription;\n  }\n\n  public descriptionComputed: string;\n\n  public baseIcon: SkyIconStackItem;\n\n  public icon: string;\n\n  public topIcon: SkyIconStackItem;\n\n  private _indicatorType: SkyIndicatorIconType;\n\n  private _descriptionType: SkyIndicatorDescriptionType;\n\n  private _customDescription: string;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private resources: SkyLibResourcesService\n  ) {}\n\n  private updateIcon(): void {\n    const indicatorIcon = SkyIndicatorIconUtility.getIconsForType(\n      this.indicatorType\n    );\n\n    this.icon = indicatorIcon.defaultThemeIcon;\n    this.baseIcon = indicatorIcon.modernThemeBaseIcon;\n    this.topIcon = indicatorIcon.modernThemeTopIcon;\n  }\n\n  private updateDescriptionComputed(): void {\n    if (this.descriptionType) {\n      switch (this.descriptionType) {\n        case 'none':\n          this.descriptionComputed = '';\n          break;\n        case 'custom':\n          this.descriptionComputed = this.customDescription;\n          break;\n        default:\n          this.resources\n            .getString(\n              'skyux_status_indicator_sr_' +\n                this.descriptionType.replace(/-/g, '_')\n            )\n            .subscribe((value) => {\n              this.descriptionComputed = value;\n              this.changeDetector.markForCheck();\n            });\n\n          break;\n      }\n    } else {\n      this.descriptionComputed = undefined;\n    }\n  }\n}\n","<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorType\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\"></sky-icon>\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\">\n      <ng-content></ng-content>\n    </span>\n  </div>\n</div>\n"]}