@skyux/indicators 10.31.1 → 10.33.0

package/esm2022/lib/modules/key-info/key-info-label.component.mjs

@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
 /**
  * Specifies a label to display in smaller text under or beside the value.
  * To display a help button beside the label, include a help button element, such as `sky-help-inline`,
@@ -8,13 +9,13 @@ import * as i0 from "@angular/core";
  */
 export class SkyKeyInfoLabelComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content />', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-key-info-label',
-                    template: '<ng-content />',
+                    template: '<span skyTrim><ng-content /></span>',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8tbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLWxhYmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7Ozs7R0FLRztBQUtILE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDBEQUZ6QixnQkFBZ0I7OzJGQUVmLHdCQUF3QjtrQkFKcEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIFNwZWNpZmllcyBhIGxhYmVsIHRvIGRpc3BsYXkgaW4gc21hbGxlciB0ZXh0IHVuZGVyIG9yIGJlc2lkZSB0aGUgdmFsdWUuXG4gKiBUbyBkaXNwbGF5IGEgaGVscCBidXR0b24gYmVzaWRlIHRoZSBsYWJlbCwgaW5jbHVkZSBhIGhlbHAgYnV0dG9uIGVsZW1lbnQsIHN1Y2ggYXMgYHNreS1oZWxwLWlubGluZWAsXG4gKiBpbiB0aGUgYHNreS1rZXktaW5mb2AgZWxlbWVudCBhbmQgYSBgc2t5LWNvbnRyb2wtaGVscGAgQ1NTIGNsYXNzIG9uIHRoYXQgaGVscCBidXR0b24gZWxlbWVudC5cbiAqIEByZXF1aXJlZFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3kta2V5LWluZm8tbGFiZWwnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5S2V5SW5mb0xhYmVsQ29tcG9uZW50IHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8tbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLWxhYmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFMUM7Ozs7O0dBS0c7QUFLSCxNQUFNLE9BQU8sd0JBQXdCOzhHQUF4Qix3QkFBd0I7a0dBQXhCLHdCQUF3QiwwREFGekIscUNBQXFDOzsyRkFFcEMsd0JBQXdCO2tCQUpwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRSxxQ0FBcUM7aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogU3BlY2lmaWVzIGEgbGFiZWwgdG8gZGlzcGxheSBpbiBzbWFsbGVyIHRleHQgdW5kZXIgb3IgYmVzaWRlIHRoZSB2YWx1ZS5cbiAqIFRvIGRpc3BsYXkgYSBoZWxwIGJ1dHRvbiBiZXNpZGUgdGhlIGxhYmVsLCBpbmNsdWRlIGEgaGVscCBidXR0b24gZWxlbWVudCwgc3VjaCBhcyBgc2t5LWhlbHAtaW5saW5lYCxcbiAqIGluIHRoZSBgc2t5LWtleS1pbmZvYCBlbGVtZW50IGFuZCBhIGBza3ktY29udHJvbC1oZWxwYCBDU1MgY2xhc3Mgb24gdGhhdCBoZWxwIGJ1dHRvbiBlbGVtZW50LlxuICogQHJlcXVpcmVkXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1rZXktaW5mby1sYWJlbCcsXG4gIHRlbXBsYXRlOiAnPHNwYW4gc2t5VHJpbT48bmctY29udGVudCAvPjwvc3Bhbj4nLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lLZXlJbmZvTGFiZWxDb21wb25lbnQge31cbiJdfQ==

package/esm2022/lib/modules/key-info/key-info.component.mjs

@@ -1,7 +1,8 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@skyux/core";
+import * as i2 from "@skyux/help-inline";
+import * as i3 from "@skyux/core";
 export class SkyKeyInfoComponent {
     constructor() {
         /**
@@ -12,12 +13,18 @@ export class SkyKeyInfoComponent {
         this.layout = 'vertical';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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-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 skyTrim><ng-content select=\"sky-key-info-label\" /></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-key-info,.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-margin-inline-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.λ4, selector: "[skyTrim]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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 skyId #label=\"skyId\"><ng-content select=\"sky-key-info-label\" /></span\n    ><span class=\"sky-control-help-container\"\n      ><sky-help-inline\n        *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n        [labelledBy]=\"label.id\"\n        [helpKey]=\"helpKey\"\n        [popoverTitle]=\"helpPopoverTitle\"\n        [popoverContent]=\"helpPopoverContent\"\n    /></span>\n  </div>\n</div>\n<ng-template #helpContent\n  ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: [".sky-key-info,.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-margin-inline-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
             type: Component,
-            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 skyTrim><ng-content select=\"sky-key-info-label\" /></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-key-info,.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-margin-inline-xs)}\n"] }]
-        }], propDecorators: { layout: [{
+            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 skyId #label=\"skyId\"><ng-content select=\"sky-key-info-label\" /></span\n    ><span class=\"sky-control-help-container\"\n      ><sky-help-inline\n        *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n        [labelledBy]=\"label.id\"\n        [helpKey]=\"helpKey\"\n        [popoverTitle]=\"helpPopoverTitle\"\n        [popoverContent]=\"helpPopoverContent\"\n    /></span>\n  </div>\n</div>\n<ng-template #helpContent\n  ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: [".sky-key-info,.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-margin-inline-xs)}\n"] }]
+        }], propDecorators: { helpKey: [{
+                type: Input
+            }], helpPopoverContent: [{
+                type: Input
+            }], helpPopoverTitle: [{
+                type: Input
+            }], layout: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9rZXktaW5mby9rZXktaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVNqRCxNQUFNLE9BQU8sbUJBQW1CO0lBTGhDO1FBTUU7Ozs7V0FJRztRQUVJLFdBQU0sR0FBcUMsVUFBVSxDQUFDO0tBQzlEOzhHQVJZLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGtGQ1RoQyx5Z0JBZ0JBOzsyRkRQYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsY0FBYzs4QkFXakIsTUFBTTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lLZXlJbmZvTGF5b3V0VHlwZSB9IGZyb20gJy4va2V5LWluZm8tbGF5b3V0LXR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3kta2V5LWluZm8nLFxuICB0ZW1wbGF0ZVVybDogJy4va2V5LWluZm8uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9rZXktaW5mby5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lLZXlJbmZvQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSBsYXlvdXQgZm9yIHRoZSBrZXkgaW5mby4gVGhlIHZlcnRpY2FsIGxheW91dCBwbGFjZXMgdGhlIGxhYmVsIHVuZGVyIHRoZVxuICAgKiB2YWx1ZSwgd2hpbGUgdGhlIGhvcml6b250YWwgbGF5b3V0IHBsYWNlcyB0aGUgbGFiZWwgYmVzaWRlIHRoZSB2YWx1ZS5cbiAgICogQGRlZmF1bHQgXCJ2ZXJ0aWNhbFwiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgbGF5b3V0OiBTa3lLZXlJbmZvTGF5b3V0VHlwZSB8IHVuZGVmaW5lZCA9ICd2ZXJ0aWNhbCc7XG59XG4iLCI8ZGl2XG4gIGNsYXNzPVwic2t5LWtleS1pbmZvXCJcbiAgW25nQ2xhc3NdPVwie1xuICAgICdza3kta2V5LWluZm8taG9yaXpvbnRhbCc6IGxheW91dCA9PT0gJ2hvcml6b250YWwnXG4gIH1cIlxuPlxuICA8ZGl2IGNsYXNzPVwic2t5LWtleS1pbmZvLXZhbHVlIHNreS1mb250LWRpc3BsYXktM1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1rZXktaW5mby12YWx1ZVwiIC8+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2t5LWtleS1pbmZvLWxhYmVsIHNreS1maWVsZC1sYWJlbCBza3ktZm9udC1kYXRhLWxhYmVsXCI+XG4gICAgPHNwYW4gc2t5VHJpbT48bmctY29udGVudCBzZWxlY3Q9XCJza3kta2V5LWluZm8tbGFiZWxcIiAvPjwvc3BhblxuICAgID48c3BhbiBjbGFzcz1cInNreS1jb250cm9sLWhlbHAtY29udGFpbmVyXCJcbiAgICAgID48bmctY29udGVudCBzZWxlY3Q9XCIuc2t5LWNvbnRyb2wtaGVscFwiPjwvbmctY29udGVudFxuICAgID48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9rZXktaW5mby9rZXktaW5mby5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFTOUQsTUFBTSxPQUFPLG1CQUFtQjtJQUxoQztRQStCRTs7OztXQUlHO1FBRUksV0FBTSxHQUFxQyxVQUFVLENBQUM7S0FDOUQ7OEdBakNZLG1CQUFtQjtrR0FBbkIsbUJBQW1CLHNMQ1RoQyxpekJBd0JBOzsyRkRmYSxtQkFBbUI7a0JBTC9CLFNBQVM7K0JBQ0UsY0FBYzs4QkFXakIsT0FBTztzQkFEYixLQUFLO2dCQVVDLGtCQUFrQjtzQkFEeEIsS0FBSztnQkFTQyxnQkFBZ0I7c0JBRHRCLEtBQUs7Z0JBU0MsTUFBTTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5S2V5SW5mb0xheW91dFR5cGUgfSBmcm9tICcuL2tleS1pbmZvLWxheW91dC10eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWtleS1pbmZvJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2tleS1pbmZvLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4va2V5LWluZm8uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5S2V5SW5mb0NvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBBIGhlbHAga2V5IHRoYXQgaWRlbnRpZmllcyB0aGUgZ2xvYmFsIGhlbHAgY29udGVudCB0byBkaXNwbGF5LiBXaGVuIHNwZWNpZmllZCwgYSBbaGVscCBpbmxpbmVdKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9oZWxwLWlubGluZSkgYnV0dG9uIGlzXG4gICAqIHBsYWNlZCBiZXNpZGUgdGhlIGtleSBpbmZvLiBDbGlja2luZyB0aGUgYnV0dG9uIGludm9rZXMgZ2xvYmFsIGhlbHAgYXMgY29uZmlndXJlZCBieSB0aGUgYXBwbGljYXRpb24uXG4gICAqIEBwcmV2aWV3XG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaGVscEtleTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgaGVscCBwb3BvdmVyLiBXaGVuIHNwZWNpZmllZCwgYSBbaGVscCBpbmxpbmVdKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9oZWxwLWlubGluZSlcbiAgICogYnV0dG9uIGlzIGFkZGVkIHRvIHRoZSBrZXkgaW5mby4gVGhlIGhlbHAgaW5saW5lIGJ1dHRvbiBkaXNwbGF5cyBhIFtwb3BvdmVyXShodHRwczovL2RldmVsb3Blci5ibGFja2JhdWQuY29tL3NreXV4L2NvbXBvbmVudHMvcG9wb3ZlcilcbiAgICogd2hlbiBjbGlja2VkIHVzaW5nIHRoZSBzcGVjaWZpZWQgY29udGVudCBhbmQgb3B0aW9uYWwgdGl0bGUuXG4gICAqIEBwcmV2aWV3XG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaGVscFBvcG92ZXJDb250ZW50OiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjx1bmtub3duPiB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIHRpdGxlIG9mIHRoZSBoZWxwIHBvcG92ZXIuIFRoaXMgcHJvcGVydHkgb25seSBhcHBsaWVzIHdoZW4gYGhlbHBQb3BvdmVyQ29udGVudGAgaXNcbiAgICogYWxzbyBzcGVjaWZpZWQuXG4gICAqIEBwcmV2aWV3XG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaGVscFBvcG92ZXJUaXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgbGF5b3V0IGZvciB0aGUga2V5IGluZm8uIFRoZSB2ZXJ0aWNhbCBsYXlvdXQgcGxhY2VzIHRoZSBsYWJlbCB1bmRlciB0aGVcbiAgICogdmFsdWUsIHdoaWxlIHRoZSBob3Jpem9udGFsIGxheW91dCBwbGFjZXMgdGhlIGxhYmVsIGJlc2lkZSB0aGUgdmFsdWUuXG4gICAqIEBkZWZhdWx0IFwidmVydGljYWxcIlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGxheW91dDogU2t5S2V5SW5mb0xheW91dFR5cGUgfCB1bmRlZmluZWQgPSAndmVydGljYWwnO1xufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1rZXktaW5mb1wiXG4gIFtuZ0NsYXNzXT1cIntcbiAgICAnc2t5LWtleS1pbmZvLWhvcml6b250YWwnOiBsYXlvdXQgPT09ICdob3Jpem9udGFsJ1xuICB9XCJcbj5cbiAgPGRpdiBjbGFzcz1cInNreS1rZXktaW5mby12YWx1ZSBza3ktZm9udC1kaXNwbGF5LTNcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3kta2V5LWluZm8tdmFsdWVcIiAvPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInNreS1rZXktaW5mby1sYWJlbCBza3ktZmllbGQtbGFiZWwgc2t5LWZvbnQtZGF0YS1sYWJlbFwiPlxuICAgIDxzcGFuIHNreUlkICNsYWJlbD1cInNreUlkXCI+PG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWtleS1pbmZvLWxhYmVsXCIgLz48L3NwYW5cbiAgICA+PHNwYW4gY2xhc3M9XCJza3ktY29udHJvbC1oZWxwLWNvbnRhaW5lclwiXG4gICAgICA+PHNreS1oZWxwLWlubGluZVxuICAgICAgICAqbmdJZj1cImhlbHBQb3BvdmVyQ29udGVudCB8fCBoZWxwS2V5OyBlbHNlIGhlbHBDb250ZW50XCJcbiAgICAgICAgW2xhYmVsbGVkQnldPVwibGFiZWwuaWRcIlxuICAgICAgICBbaGVscEtleV09XCJoZWxwS2V5XCJcbiAgICAgICAgW3BvcG92ZXJUaXRsZV09XCJoZWxwUG9wb3ZlclRpdGxlXCJcbiAgICAgICAgW3BvcG92ZXJDb250ZW50XT1cImhlbHBQb3BvdmVyQ29udGVudFwiXG4gICAgLz48L3NwYW4+XG4gIDwvZGl2PlxuPC9kaXY+XG48bmctdGVtcGxhdGUgI2hlbHBDb250ZW50XG4gID48bmctY29udGVudCBzZWxlY3Q9XCIuc2t5LWNvbnRyb2wtaGVscFwiXG4vPjwvbmctdGVtcGxhdGU+XG4iXX0=

package/esm2022/lib/modules/key-info/key-info.module.mjs

@@ -1,6 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { SkyTrimModule } from '@skyux/core';
+import { SkyIdModule, SkyTrimModule } from '@skyux/core';
+import { SkyHelpInlineModule } from '@skyux/help-inline';
 import { SkyKeyInfoLabelComponent } from './key-info-label.component';
 import { SkyKeyInfoValueComponent } from './key-info-value.component';
 import { SkyKeyInfoComponent } from './key-info.component';
@@ -9,10 +10,10 @@ export class SkyKeyInfoModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
             SkyKeyInfoLabelComponent,
-            SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule], exports: [SkyKeyInfoComponent,
+            SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule, SkyIdModule], exports: [SkyKeyInfoComponent,
             SkyKeyInfoLabelComponent,
             SkyKeyInfoValueComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule, SkyIdModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
             type: NgModule,
@@ -22,7 +23,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                         SkyKeyInfoLabelComponent,
                         SkyKeyInfoValueComponent,
                     ],
-                    imports: [CommonModule, SkyTrimModule],
+                    imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule, SkyIdModule],
                     exports: [
                         SkyKeyInfoComponent,
                         SkyKeyInfoLabelComponent,
@@ -30,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTVDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQWUzRCxNQUFNLE9BQU8sZ0JBQWdCOzhHQUFoQixnQkFBZ0I7K0dBQWhCLGdCQUFnQixpQkFYekIsbUJBQW1CO1lBQ25CLHdCQUF3QjtZQUN4Qix3QkFBd0IsYUFFaEIsWUFBWSxFQUFFLGFBQWEsYUFFbkMsbUJBQW1CO1lBQ25CLHdCQUF3QjtZQUN4Qix3QkFBd0I7K0dBR2YsZ0JBQWdCLFlBUGpCLFlBQVksRUFBRSxhQUFhOzsyRkFPMUIsZ0JBQWdCO2tCQWI1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDO29CQUN0QyxPQUFPLEVBQUU7d0JBQ1AsbUJBQW1CO3dCQUNuQix3QkFBd0I7d0JBQ3hCLHdCQUF3QjtxQkFDekI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreVRyaW1Nb2R1bGUgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFNreUtleUluZm9MYWJlbENvbXBvbmVudCB9IGZyb20gJy4va2V5LWluZm8tbGFiZWwuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUtleUluZm9WYWx1ZUNvbXBvbmVudCB9IGZyb20gJy4va2V5LWluZm8tdmFsdWUuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUtleUluZm9Db21wb25lbnQgfSBmcm9tICcuL2tleS1pbmZvLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIFNreUtleUluZm9Db21wb25lbnQsXG4gICAgU2t5S2V5SW5mb0xhYmVsQ29tcG9uZW50LFxuICAgIFNreUtleUluZm9WYWx1ZUNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgU2t5VHJpbU1vZHVsZV0sXG4gIGV4cG9ydHM6IFtcbiAgICBTa3lLZXlJbmZvQ29tcG9uZW50LFxuICAgIFNreUtleUluZm9MYWJlbENvbXBvbmVudCxcbiAgICBTa3lLZXlJbmZvVmFsdWVDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreUtleUluZm9Nb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2V5LWluZm8ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2luZGljYXRvcnMvc3JjL2xpYi9tb2R1bGVzL2tleS1pbmZvL2tleS1pbmZvLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV6RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7QUFlM0QsTUFBTSxPQUFPLGdCQUFnQjs4R0FBaEIsZ0JBQWdCOytHQUFoQixnQkFBZ0IsaUJBWHpCLG1CQUFtQjtZQUNuQix3QkFBd0I7WUFDeEIsd0JBQXdCLGFBRWhCLFlBQVksRUFBRSxhQUFhLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxhQUVyRSxtQkFBbUI7WUFDbkIsd0JBQXdCO1lBQ3hCLHdCQUF3QjsrR0FHZixnQkFBZ0IsWUFQakIsWUFBWSxFQUFFLGFBQWEsRUFBRSxtQkFBbUIsRUFBRSxXQUFXOzsyRkFPNUQsZ0JBQWdCO2tCQWI1QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsd0JBQXdCO3FCQUN6QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLG1CQUFtQixFQUFFLFdBQVcsQ0FBQztvQkFDeEUsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsd0JBQXdCO3dCQUN4Qix3QkFBd0I7cUJBQ3pCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lJZE1vZHVsZSwgU2t5VHJpbU1vZHVsZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcbmltcG9ydCB7IFNreUhlbHBJbmxpbmVNb2R1bGUgfSBmcm9tICdAc2t5dXgvaGVscC1pbmxpbmUnO1xuXG5pbXBvcnQgeyBTa3lLZXlJbmZvTGFiZWxDb21wb25lbnQgfSBmcm9tICcuL2tleS1pbmZvLWxhYmVsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lLZXlJbmZvVmFsdWVDb21wb25lbnQgfSBmcm9tICcuL2tleS1pbmZvLXZhbHVlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lLZXlJbmZvQ29tcG9uZW50IH0gZnJvbSAnLi9rZXktaW5mby5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lLZXlJbmZvQ29tcG9uZW50LFxuICAgIFNreUtleUluZm9MYWJlbENvbXBvbmVudCxcbiAgICBTa3lLZXlJbmZvVmFsdWVDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFNreVRyaW1Nb2R1bGUsIFNreUhlbHBJbmxpbmVNb2R1bGUsIFNreUlkTW9kdWxlXSxcbiAgZXhwb3J0czogW1xuICAgIFNreUtleUluZm9Db21wb25lbnQsXG4gICAgU2t5S2V5SW5mb0xhYmVsQ29tcG9uZW50LFxuICAgIFNreUtleUluZm9WYWx1ZUNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5S2V5SW5mb01vZHVsZSB7fVxuIl19

package/esm2022/lib/modules/status-indicator/status-indicator.component.mjs

@@ -3,8 +3,9 @@ import { SkyLibResourcesService } from '@skyux/i18n';
 import { SkyIndicatorIconUtility } from '../shared/indicator-icon-utility';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-import * as i2 from "@skyux/icon";
-import * as i3 from "@skyux/core";
+import * as i2 from "@skyux/help-inline";
+import * as i3 from "@skyux/icon";
+import * as i4 from "@skyux/core";
 const INDICATOR_TYPE_DEFAULT = 'warning';
 /**
  * Displays status text with an icon matching the specified indicator type.
@@ -88,16 +89,22 @@ export class SkyStatusIndicatorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\" />\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\" skyTrim><ng-content /></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}: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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i2.λ2, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i3.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription", helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle", helpKey: "helpKey" }, ngImport: i0, template: "<ng-template #helpContent\n  ><ng-content select=\".sky-control-help\"\n/></ng-template>\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-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"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 skyId #message=\"skyId\" class=\"sky-status-indicator-message\" skyTrim\n      ><ng-content /></span\n    ><span class=\"sky-control-help-container\"\n      ><sky-help-inline\n        *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n        [labelledBy]=\"message.id\"\n        [helpKey]=\"helpKey\"\n        [popoverTitle]=\"helpPopoverTitle\"\n        [popoverContent]=\"helpPopoverContent\"\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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}: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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "component", type: i3.λ1, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i3.λ2, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i4.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i4.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\" />\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\" skyTrim><ng-content /></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}: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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"] }]
+            args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #helpContent\n  ><ng-content select=\".sky-control-help\"\n/></ng-template>\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-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"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 skyId #message=\"skyId\" class=\"sky-status-indicator-message\" skyTrim\n      ><ng-content /></span\n    ><span class=\"sky-control-help-container\"\n      ><sky-help-inline\n        *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n        [labelledBy]=\"message.id\"\n        [helpKey]=\"helpKey\"\n        [popoverTitle]=\"helpPopoverTitle\"\n        [popoverContent]=\"helpPopoverContent\"\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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}: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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"] }]
         }], propDecorators: { indicatorType: [{
                 type: Input
             }], descriptionType: [{
                 type: Input
             }], customDescription: [{
                 type: Input
+            }], helpPopoverContent: [{
+                type: Input
+            }], helpPopoverTitle: [{
+                type: Input
+            }], helpKey: [{
+                type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvc3RhdHVzLWluZGljYXRvci9zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9zdGF0dXMtaW5kaWNhdG9yL3N0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBS3JELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7OztBQUUzRSxNQUFNLHNCQUFzQixHQUF5QixTQUFTLENBQUM7QUFDL0Q7Ozs7O0dBS0c7QUFPSCxNQUFNLE9BQU8sMkJBQTJCO0lBTnhDO1FBc0RTLDJCQUFzQixHQUF5QixzQkFBc0IsQ0FBQztRQUk3RSxvQkFBZSxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQzVDLGtCQUFhLEdBQUcsTUFBTSxDQUFDLHNCQUFzQixDQUFDLENBQUM7S0E2Q2hEO0lBakdDOzs7T0FHRztJQUNILElBQ1csYUFBYSxDQUFDLEtBQTJCO1FBQ2xELElBQUksQ0FBQyxzQkFBc0I7WUFDekIsS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztRQUV2RCxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSCxJQUNXLGVBQWUsQ0FBQyxLQUE4QztRQUN2RSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFDO1FBQy9CLElBQUksQ0FBQywwQkFBMEIsRUFBRSxDQUFDO0lBQ3BDLENBQUM7SUFFRCxJQUFXLGVBQWU7UUFDeEIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDaEMsQ0FBQztJQUVEOzs7T0FHRztJQUNILElBQ1csaUJBQWlCLENBQUMsS0FBeUI7UUFDcEQsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztRQUNqQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBVyxpQkFBaUI7UUFDMUIsT0FBTyxJQUFJLENBQUMsbUJBQW1CLENBQUM7SUFDbEMsQ0FBQztJQVlELGVBQWUsQ0FBNkI7SUFDNUMsYUFBYSxDQUFrQztJQUUvQyxpQkFBaUIsQ0FBMEM7SUFDM0QsbUJBQW1CLENBQXFCO0lBRWpDLFFBQVE7UUFDYixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUVELFdBQVc7UUFDVCxNQUFNLGFBQWEsR0FBRyx1QkFBdUIsQ0FBQyxlQUFlLENBQzNELElBQUksQ0FBQyxzQkFBc0IsQ0FDNUIsQ0FBQztRQUVGLElBQUksQ0FBQyxJQUFJLEdBQUcsYUFBYSxDQUFDLGdCQUFnQixDQUFDO1FBQzNDLElBQUksQ0FBQyxRQUFRLEdBQUcsYUFBYSxDQUFDLG1CQUFtQixDQUFDO1FBQ2xELElBQUksQ0FBQyxPQUFPLEdBQUcsYUFBYSxDQUFDLGtCQUFrQixDQUFDO0lBQ2xELENBQUM7SUFFRCwwQkFBMEI7UUFDeEIsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7WUFDekIsUUFBUSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7Z0JBQzdCLEtBQUssTUFBTTtvQkFDVCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsRUFBRSxDQUFDO29CQUM5QixNQUFNO2dCQUNSLEtBQUssUUFBUTtvQkFDWCxJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDO29CQUNsRCxNQUFNO2dCQUNSO29CQUNFLElBQUksQ0FBQyxhQUFhO3lCQUNmLFNBQVMsQ0FDUiw0QkFBNEI7d0JBQzFCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxHQUFHLENBQUMsQ0FDMUM7eUJBQ0EsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7d0JBQ25CLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUM7d0JBQ2pDLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7b0JBQ3RDLENBQUMsQ0FBQyxDQUFDO29CQUVMLE1BQU07WUFDVixDQUFDO1FBQ0gsQ0FBQzthQUFNLENBQUM7WUFDTixJQUFJLENBQUMsbUJBQW1CLEdBQUcsU0FBUyxDQUFDO1FBQ3ZDLENBQUM7SUFDSCxDQUFDOzhHQWpHVSwyQkFBMkI7a0dBQTNCLDJCQUEyQixvTEM1QnhDLGk2QkF3QkE7OzJGRElhLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxzQkFBc0IsbUJBR2YsdUJBQXVCLENBQUMsTUFBTTs4QkFRcEMsYUFBYTtzQkFEdkIsS0FBSztnQkFjSyxlQUFlO3NCQUR6QixLQUFLO2dCQWVLLGlCQUFpQjtzQkFEM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5TGliUmVzb3VyY2VzU2VydmljZSB9IGZyb20gJ0Bza3l1eC9pMThuJztcbmltcG9ydCB7IFNreUljb25TdGFja0l0ZW0gfSBmcm9tICdAc2t5dXgvaWNvbic7XG5cbmltcG9ydCB7IFNreUluZGljYXRvckRlc2NyaXB0aW9uVHlwZSB9IGZyb20gJy4uL3NoYXJlZC9pbmRpY2F0b3ItZGVzY3JpcHRpb24tdHlwZSc7XG5pbXBvcnQgeyBTa3lJbmRpY2F0b3JJY29uVHlwZSB9IGZyb20gJy4uL3NoYXJlZC9pbmRpY2F0b3ItaWNvbi10eXBlJztcbmltcG9ydCB7IFNreUluZGljYXRvckljb25VdGlsaXR5IH0gZnJvbSAnLi4vc2hhcmVkL2luZGljYXRvci1pY29uLXV0aWxpdHknO1xuXG5jb25zdCBJTkRJQ0FUT1JfVFlQRV9ERUZBVUxUOiBTa3lJbmRpY2F0b3JJY29uVHlwZSA9ICd3YXJuaW5nJztcbi8qKlxuICogRGlzcGxheXMgc3RhdHVzIHRleHQgd2l0aCBhbiBpY29uIG1hdGNoaW5nIHRoZSBzcGVjaWZpZWQgaW5kaWNhdG9yIHR5cGUuXG4gKiBUbyBkaXNwbGF5IGEgaGVscCBidXR0b24gYmVzaWRlIHRoZSBsYWJlbCwgaW5jbHVkZSBhIGhlbHAgYnV0dG9uIGVsZW1lbnQsIHN1Y2ggYXNcbiAqIGBza3ktaGVscC1pbmxpbmVgLCBpbiB0aGUgYHNreS1zdGF0dXMtaW5kaWNhdG9yYCBlbGVtZW50IGFuZCBhIGBza3ktY29udHJvbC1oZWxwYFxuICogQ1NTIGNsYXNzIG9uIHRoYXQgaGVscCBidXR0b24gZWxlbWVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXN0YXR1cy1pbmRpY2F0b3InLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3N0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreVN0YXR1c0luZGljYXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKlxuICAgKiBUaGUgc3R5bGUgZm9yIHRoZSBzdGF0dXMgaW5kaWNhdG9yLCB3aGljaCBkZXRlcm1pbmVzIHRoZSBpY29uLlxuICAgKiBAZGVmYXVsdCBcIndhcm5pbmdcIlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBpbmRpY2F0b3JUeXBlKHZhbHVlOiBTa3lJbmRpY2F0b3JJY29uVHlwZSkge1xuICAgIHRoaXMuaW5kaWNhdG9yVHlwZU9yRGVmYXVsdCA9XG4gICAgICB2YWx1ZSA9PT0gdW5kZWZpbmVkID8gSU5ESUNBVE9SX1RZUEVfREVGQVVMVCA6IHZhbHVlO1xuXG4gICAgdGhpcy4jdXBkYXRlSWNvbigpO1xuICB9XG5cbiAgLyoqXG4gICAqIFRoZSBwcmVkZWZpbmVkIHRleHQgdG8gYmUgcmVhZCBieSBzY3JlZW4gcmVhZGVycyBmb3IgdXNlcnMgd2hvXG4gICAqIGNhbm5vdCBzZWUgdGhlIGluZGljYXRvciBpY29uLlxuICAgKiBAcmVxdWlyZWRcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgZGVzY3JpcHRpb25UeXBlKHZhbHVlOiBTa3lJbmRpY2F0b3JEZXNjcmlwdGlvblR5cGUgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfZGVzY3JpcHRpb25UeXBlID0gdmFsdWU7XG4gICAgdGhpcy4jdXBkYXRlRGVzY3JpcHRpb25Db21wdXRlZCgpO1xuICB9XG5cbiAgcHVibGljIGdldCBkZXNjcmlwdGlvblR5cGUoKTogU2t5SW5kaWNhdG9yRGVzY3JpcHRpb25UeXBlIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy4jX2Rlc2NyaXB0aW9uVHlwZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBiZSByZWFkIGJ5IHNjcmVlbiByZWFkZXJzIGZvciB1c2VycyB3aG8gY2Fubm90IHNlZVxuICAgKiB0aGUgaW5kaWNhdG9yIGljb24gd2hlbiBgZGVzY3JpcHRpb25UeXBlYCBpcyBgY3VzdG9tYC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgY3VzdG9tRGVzY3JpcHRpb24odmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI19jdXN0b21EZXNjcmlwdGlvbiA9IHZhbHVlO1xuICAgIHRoaXMuI3VwZGF0ZURlc2NyaXB0aW9uQ29tcHV0ZWQoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgY3VzdG9tRGVzY3JpcHRpb24oKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy4jX2N1c3RvbURlc2NyaXB0aW9uO1xuICB9XG5cbiAgcHVibGljIGRlc2NyaXB0aW9uQ29tcHV0ZWQ6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgYmFzZUljb246IFNreUljb25TdGFja0l0ZW0gfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGljb246IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgaW5kaWNhdG9yVHlwZU9yRGVmYXVsdDogU2t5SW5kaWNhdG9ySWNvblR5cGUgPSBJTkRJQ0FUT1JfVFlQRV9ERUZBVUxUO1xuXG4gIHB1YmxpYyB0b3BJY29uOiBTa3lJY29uU3RhY2tJdGVtIHwgdW5kZWZpbmVkO1xuXG4gICNjaGFuZ2VEZXRlY3RvciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gICNyZXNvdXJjZXNTdmMgPSBpbmplY3QoU2t5TGliUmVzb3VyY2VzU2VydmljZSk7XG5cbiAgI19kZXNjcmlwdGlvblR5cGU6IFNreUluZGljYXRvckRlc2NyaXB0aW9uVHlwZSB8IHVuZGVmaW5lZDtcbiAgI19jdXN0b21EZXNjcmlwdGlvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLiN1cGRhdGVJY29uKCk7XG4gIH1cblxuICAjdXBkYXRlSWNvbigpOiB2b2lkIHtcbiAgICBjb25zdCBpbmRpY2F0b3JJY29uID0gU2t5SW5kaWNhdG9ySWNvblV0aWxpdHkuZ2V0SWNvbnNGb3JUeXBlKFxuICAgICAgdGhpcy5pbmRpY2F0b3JUeXBlT3JEZWZhdWx0LFxuICAgICk7XG5cbiAgICB0aGlzLmljb24gPSBpbmRpY2F0b3JJY29uLmRlZmF1bHRUaGVtZUljb247XG4gICAgdGhpcy5iYXNlSWNvbiA9IGluZGljYXRvckljb24ubW9kZXJuVGhlbWVCYXNlSWNvbjtcbiAgICB0aGlzLnRvcEljb24gPSBpbmRpY2F0b3JJY29uLm1vZGVyblRoZW1lVG9wSWNvbjtcbiAgfVxuXG4gICN1cGRhdGVEZXNjcmlwdGlvbkNvbXB1dGVkKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmRlc2NyaXB0aW9uVHlwZSkge1xuICAgICAgc3dpdGNoICh0aGlzLmRlc2NyaXB0aW9uVHlwZSkge1xuICAgICAgICBjYXNlICdub25lJzpcbiAgICAgICAgICB0aGlzLmRlc2NyaXB0aW9uQ29tcHV0ZWQgPSAnJztcbiAgICAgICAgICBicmVhaztcbiAgICAgICAgY2FzZSAnY3VzdG9tJzpcbiAgICAgICAgICB0aGlzLmRlc2NyaXB0aW9uQ29tcHV0ZWQgPSB0aGlzLmN1c3RvbURlc2NyaXB0aW9uO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBkZWZhdWx0OlxuICAgICAgICAgIHRoaXMuI3Jlc291cmNlc1N2Y1xuICAgICAgICAgICAgLmdldFN0cmluZyhcbiAgICAgICAgICAgICAgJ3NreXV4X3N0YXR1c19pbmRpY2F0b3Jfc3JfJyArXG4gICAgICAgICAgICAgICAgdGhpcy5kZXNjcmlwdGlvblR5cGUucmVwbGFjZSgvLS9nLCAnXycpLFxuICAgICAgICAgICAgKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgodmFsdWUpID0+IHtcbiAgICAgICAgICAgICAgdGhpcy5kZXNjcmlwdGlvbkNvbXB1dGVkID0gdmFsdWU7XG4gICAgICAgICAgICAgIHRoaXMuI2NoYW5nZURldGVjdG9yLm1hcmtGb3JDaGVjaygpO1xuICAgICAgICAgICAgfSk7XG5cbiAgICAgICAgICBicmVhaztcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5kZXNjcmlwdGlvbkNvbXB1dGVkID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxufVxuIiwiPGRpdiAqbmdJZj1cImRlc2NyaXB0aW9uVHlwZVwiIGNsYXNzPVwic2t5LXN0YXR1cy1pbmRpY2F0b3JcIj5cbiAgPGRpdlxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgY2xhc3M9XCJza3ktbWFyZ2luLWlubGluZS14cyBza3ktc3RhdHVzLWluZGljYXRvci1pY29uXCJcbiAgICBbbmdDbGFzc109XCInc2t5LXN0YXR1cy1pbmRpY2F0b3ItaWNvbi0nICsgaW5kaWNhdG9yVHlwZU9yRGVmYXVsdFwiXG4gID5cbiAgICA8c3BhbiBjbGFzcz1cInNreS1zdGF0dXMtaW5kaWNhdG9yLWljb24tZGVmYXVsdFwiPlxuICAgICAgPHNreS1pY29uIFtpY29uXT1cImljb25cIiAvPlxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiBjbGFzcz1cInNreS1zdGF0dXMtaW5kaWNhdG9yLWljb24tbW9kZXJuXCI+XG4gICAgICA8c2t5LWljb24tc3RhY2sgc2l6ZT1cInhzXCIgW2Jhc2VJY29uXT1cImJhc2VJY29uXCIgW3RvcEljb25dPVwidG9wSWNvblwiPlxuICAgICAgPC9za3ktaWNvbi1zdGFjaz5cbiAgICA8L3NwYW4+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic2t5LXN0YXR1cy1pbmRpY2F0b3ItbWVzc2FnZS13cmFwcGVyXCI+XG4gICAgPHNwYW4gKm5nSWY9XCJkZXNjcmlwdGlvbkNvbXB1dGVkXCIgY2xhc3M9XCJza3ktc2NyZWVuLXJlYWRlci1vbmx5XCI+XG4gICAgICB7eyBkZXNjcmlwdGlvbkNvbXB1dGVkIH19XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwic2t5LXN0YXR1cy1pbmRpY2F0b3ItbWVzc2FnZVwiIHNreVRyaW0+PG5nLWNvbnRlbnQgLz48L3NwYW5cbiAgICA+PHNwYW4gY2xhc3M9XCJza3ktY29udHJvbC1oZWxwLWNvbnRhaW5lclwiXG4gICAgICA+PG5nLWNvbnRlbnQgc2VsZWN0PVwiLnNreS1jb250cm9sLWhlbHBcIj48L25nLWNvbnRlbnRcbiAgICA+PC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWluZGljYXRvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvc3RhdHVzLWluZGljYXRvci9zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9pbmRpY2F0b3JzL3NyYy9saWIvbW9kdWxlcy9zdGF0dXMtaW5kaWNhdG9yL3N0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBS3JELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOzs7Ozs7QUFFM0UsTUFBTSxzQkFBc0IsR0FBeUIsU0FBUyxDQUFDO0FBQy9EOzs7OztHQUtHO0FBT0gsTUFBTSxPQUFPLDJCQUEyQjtJQU54QztRQTRFUywyQkFBc0IsR0FBeUIsc0JBQXNCLENBQUM7UUFJN0Usb0JBQWUsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUM1QyxrQkFBYSxHQUFHLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0tBNkNoRDtJQXZIQzs7O09BR0c7SUFDSCxJQUNXLGFBQWEsQ0FBQyxLQUEyQjtRQUNsRCxJQUFJLENBQUMsc0JBQXNCO1lBQ3pCLEtBQUssS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7UUFFdkQsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsSUFDVyxlQUFlLENBQUMsS0FBOEM7UUFDdkUsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQztRQUMvQixJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQsSUFBVyxlQUFlO1FBQ3hCLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2hDLENBQUM7SUFFRDs7O09BR0c7SUFDSCxJQUNXLGlCQUFpQixDQUFDLEtBQXlCO1FBQ3BELElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUM7UUFDakMsSUFBSSxDQUFDLDBCQUEwQixFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELElBQVcsaUJBQWlCO1FBQzFCLE9BQU8sSUFBSSxDQUFDLG1CQUFtQixDQUFDO0lBQ2xDLENBQUM7SUFrQ0QsZUFBZSxDQUE2QjtJQUM1QyxhQUFhLENBQWtDO0lBRS9DLGlCQUFpQixDQUEwQztJQUMzRCxtQkFBbUIsQ0FBcUI7SUFFakMsUUFBUTtRQUNiLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsV0FBVztRQUNULE1BQU0sYUFBYSxHQUFHLHVCQUF1QixDQUFDLGVBQWUsQ0FDM0QsSUFBSSxDQUFDLHNCQUFzQixDQUM1QixDQUFDO1FBRUYsSUFBSSxDQUFDLElBQUksR0FBRyxhQUFhLENBQUMsZ0JBQWdCLENBQUM7UUFDM0MsSUFBSSxDQUFDLFFBQVEsR0FBRyxhQUFhLENBQUMsbUJBQW1CLENBQUM7UUFDbEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUM7SUFDbEQsQ0FBQztJQUVELDBCQUEwQjtRQUN4QixJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN6QixRQUFRLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztnQkFDN0IsS0FBSyxNQUFNO29CQUNULElBQUksQ0FBQyxtQkFBbUIsR0FBRyxFQUFFLENBQUM7b0JBQzlCLE1BQU07Z0JBQ1IsS0FBSyxRQUFRO29CQUNYLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUM7b0JBQ2xELE1BQU07Z0JBQ1I7b0JBQ0UsSUFBSSxDQUFDLGFBQWE7eUJBQ2YsU0FBUyxDQUNSLDRCQUE0Qjt3QkFDMUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxDQUMxQzt5QkFDQSxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTt3QkFDbkIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQzt3QkFDakMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxZQUFZLEVBQUUsQ0FBQztvQkFDdEMsQ0FBQyxDQUFDLENBQUM7b0JBRUwsTUFBTTtZQUNWLENBQUM7UUFDSCxDQUFDO2FBQU0sQ0FBQztZQUNOLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxTQUFTLENBQUM7UUFDdkMsQ0FBQztJQUNILENBQUM7OEdBdkhVLDJCQUEyQjtrR0FBM0IsMkJBQTJCLHdSQzdCeEMsNnRDQWlDQTs7MkZESmEsMkJBQTJCO2tCQU52QyxTQUFTOytCQUNFLHNCQUFzQixtQkFHZix1QkFBdUIsQ0FBQyxNQUFNOzhCQVFwQyxhQUFhO3NCQUR2QixLQUFLO2dCQWNLLGVBQWU7c0JBRHpCLEtBQUs7Z0JBZUssaUJBQWlCO3NCQUQzQixLQUFLO2dCQWdCQyxrQkFBa0I7c0JBRHhCLEtBQUs7Z0JBUUMsZ0JBQWdCO3NCQUR0QixLQUFLO2dCQVFDLE9BQU87c0JBRGIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBUZW1wbGF0ZVJlZixcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxpYlJlc291cmNlc1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvaTE4bic7XG5pbXBvcnQgeyBTa3lJY29uU3RhY2tJdGVtIH0gZnJvbSAnQHNreXV4L2ljb24nO1xuXG5pbXBvcnQgeyBTa3lJbmRpY2F0b3JEZXNjcmlwdGlvblR5cGUgfSBmcm9tICcuLi9zaGFyZWQvaW5kaWNhdG9yLWRlc2NyaXB0aW9uLXR5cGUnO1xuaW1wb3J0IHsgU2t5SW5kaWNhdG9ySWNvblR5cGUgfSBmcm9tICcuLi9zaGFyZWQvaW5kaWNhdG9yLWljb24tdHlwZSc7XG5pbXBvcnQgeyBTa3lJbmRpY2F0b3JJY29uVXRpbGl0eSB9IGZyb20gJy4uL3NoYXJlZC9pbmRpY2F0b3ItaWNvbi11dGlsaXR5JztcblxuY29uc3QgSU5ESUNBVE9SX1RZUEVfREVGQVVMVDogU2t5SW5kaWNhdG9ySWNvblR5cGUgPSAnd2FybmluZyc7XG4vKipcbiAqIERpc3BsYXlzIHN0YXR1cyB0ZXh0IHdpdGggYW4gaWNvbiBtYXRjaGluZyB0aGUgc3BlY2lmaWVkIGluZGljYXRvciB0eXBlLlxuICogVG8gZGlzcGxheSBhIGhlbHAgYnV0dG9uIGJlc2lkZSB0aGUgbGFiZWwsIGluY2x1ZGUgYSBoZWxwIGJ1dHRvbiBlbGVtZW50LCBzdWNoIGFzXG4gKiBgc2t5LWhlbHAtaW5saW5lYCwgaW4gdGhlIGBza3ktc3RhdHVzLWluZGljYXRvcmAgZWxlbWVudCBhbmQgYSBgc2t5LWNvbnRyb2wtaGVscGBcbiAqIENTUyBjbGFzcyBvbiB0aGF0IGhlbHAgYnV0dG9uIGVsZW1lbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1zdGF0dXMtaW5kaWNhdG9yJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0YXR1cy1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lTdGF0dXNJbmRpY2F0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogVGhlIHN0eWxlIGZvciB0aGUgc3RhdHVzIGluZGljYXRvciwgd2hpY2ggZGV0ZXJtaW5lcyB0aGUgaWNvbi5cbiAgICogQGRlZmF1bHQgXCJ3YXJuaW5nXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgaW5kaWNhdG9yVHlwZSh2YWx1ZTogU2t5SW5kaWNhdG9ySWNvblR5cGUpIHtcbiAgICB0aGlzLmluZGljYXRvclR5cGVPckRlZmF1bHQgPVxuICAgICAgdmFsdWUgPT09IHVuZGVmaW5lZCA/IElORElDQVRPUl9UWVBFX0RFRkFVTFQgOiB2YWx1ZTtcblxuICAgIHRoaXMuI3VwZGF0ZUljb24oKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgcHJlZGVmaW5lZCB0ZXh0IHRvIGJlIHJlYWQgYnkgc2NyZWVuIHJlYWRlcnMgZm9yIHVzZXJzIHdob1xuICAgKiBjYW5ub3Qgc2VlIHRoZSBpbmRpY2F0b3IgaWNvbi5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGRlc2NyaXB0aW9uVHlwZSh2YWx1ZTogU2t5SW5kaWNhdG9yRGVzY3JpcHRpb25UeXBlIHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jX2Rlc2NyaXB0aW9uVHlwZSA9IHZhbHVlO1xuICAgIHRoaXMuI3VwZGF0ZURlc2NyaXB0aW9uQ29tcHV0ZWQoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgZGVzY3JpcHRpb25UeXBlKCk6IFNreUluZGljYXRvckRlc2NyaXB0aW9uVHlwZSB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19kZXNjcmlwdGlvblR5cGU7XG4gIH1cblxuICAvKipcbiAgICogVGhlIHRleHQgdG8gYmUgcmVhZCBieSBzY3JlZW4gcmVhZGVycyBmb3IgdXNlcnMgd2hvIGNhbm5vdCBzZWVcbiAgICogdGhlIGluZGljYXRvciBpY29uIHdoZW4gYGRlc2NyaXB0aW9uVHlwZWAgaXMgYGN1c3RvbWAuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGN1c3RvbURlc2NyaXB0aW9uKHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfY3VzdG9tRGVzY3JpcHRpb24gPSB2YWx1ZTtcbiAgICB0aGlzLiN1cGRhdGVEZXNjcmlwdGlvbkNvbXB1dGVkKCk7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGN1c3RvbURlc2NyaXB0aW9uKCk6IHN0cmluZyB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19jdXN0b21EZXNjcmlwdGlvbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBUaGUgY29udGVudCBvZiB0aGUgaGVscCBwb3BvdmVyLiBXaGVuIHNwZWNpZmllZCwgYSBbaGVscCBpbmxpbmVdKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9oZWxwLWlubGluZSlcbiAgICogYnV0dG9uIGlzIGFkZGVkIHRvIHRoZSBzdGF0dXMgaW5kaWNhdG9yLiBUaGUgaGVscCBpbmxpbmUgYnV0dG9uIGRpc3BsYXlzIGEgW3BvcG92ZXJdKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9wb3BvdmVyKVxuICAgKiB3aGVuIGNsaWNrZWQgdXNpbmcgdGhlIHNwZWNpZmllZCBjb250ZW50IGFuZCBvcHRpb25hbCB0aXRsZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZWxwUG9wb3ZlckNvbnRlbnQ6IHN0cmluZyB8IFRlbXBsYXRlUmVmPHVua25vd24+IHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgdGl0bGUgb2YgdGhlIGhlbHAgcG9wb3Zlci4gVGhpcyBwcm9wZXJ0eSBvbmx5IGFwcGxpZXMgd2hlbiBgaGVscFBvcG92ZXJDb250ZW50YCBpc1xuICAgKiBhbHNvIHNwZWNpZmllZC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBoZWxwUG9wb3ZlclRpdGxlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIEEgaGVscCBrZXkgdGhhdCBpZGVudGlmaWVzIHRoZSBnbG9iYWwgaGVscCBjb250ZW50IHRvIGRpc3BsYXkuIFdoZW4gc3BlY2lmaWVkLCBhIFtoZWxwIGlubGluZV0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9jb21wb25lbnRzL2hlbHAtaW5saW5lKSBidXR0b24gaXNcbiAgICogcGxhY2VkIGJlc2lkZSB0aGUgc3RhdHVzIGluZGljYXRvciBsYWJlbC4gQ2xpY2tpbmcgdGhlIGJ1dHRvbiBpbnZva2VzIGdsb2JhbCBoZWxwIGFzIGNvbmZpZ3VyZWQgYnkgdGhlIGFwcGxpY2F0aW9uLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGhlbHBLZXk6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgZGVzY3JpcHRpb25Db21wdXRlZDogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBiYXNlSWNvbjogU2t5SWNvblN0YWNrSXRlbSB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgaWNvbjogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBpbmRpY2F0b3JUeXBlT3JEZWZhdWx0OiBTa3lJbmRpY2F0b3JJY29uVHlwZSA9IElORElDQVRPUl9UWVBFX0RFRkFVTFQ7XG5cbiAgcHVibGljIHRvcEljb246IFNreUljb25TdGFja0l0ZW0gfCB1bmRlZmluZWQ7XG5cbiAgI2NoYW5nZURldGVjdG9yID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcbiAgI3Jlc291cmNlc1N2YyA9IGluamVjdChTa3lMaWJSZXNvdXJjZXNTZXJ2aWNlKTtcblxuICAjX2Rlc2NyaXB0aW9uVHlwZTogU2t5SW5kaWNhdG9yRGVzY3JpcHRpb25UeXBlIHwgdW5kZWZpbmVkO1xuICAjX2N1c3RvbURlc2NyaXB0aW9uOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuI3VwZGF0ZUljb24oKTtcbiAgfVxuXG4gICN1cGRhdGVJY29uKCk6IHZvaWQge1xuICAgIGNvbnN0IGluZGljYXRvckljb24gPSBTa3lJbmRpY2F0b3JJY29uVXRpbGl0eS5nZXRJY29uc0ZvclR5cGUoXG4gICAgICB0aGlzLmluZGljYXRvclR5cGVPckRlZmF1bHQsXG4gICAgKTtcblxuICAgIHRoaXMuaWNvbiA9IGluZGljYXRvckljb24uZGVmYXVsdFRoZW1lSWNvbjtcbiAgICB0aGlzLmJhc2VJY29uID0gaW5kaWNhdG9ySWNvbi5tb2Rlcm5UaGVtZUJhc2VJY29uO1xuICAgIHRoaXMudG9wSWNvbiA9IGluZGljYXRvckljb24ubW9kZXJuVGhlbWVUb3BJY29uO1xuICB9XG5cbiAgI3VwZGF0ZURlc2NyaXB0aW9uQ29tcHV0ZWQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGVzY3JpcHRpb25UeXBlKSB7XG4gICAgICBzd2l0Y2ggKHRoaXMuZGVzY3JpcHRpb25UeXBlKSB7XG4gICAgICAgIGNhc2UgJ25vbmUnOlxuICAgICAgICAgIHRoaXMuZGVzY3JpcHRpb25Db21wdXRlZCA9ICcnO1xuICAgICAgICAgIGJyZWFrO1xuICAgICAgICBjYXNlICdjdXN0b20nOlxuICAgICAgICAgIHRoaXMuZGVzY3JpcHRpb25Db21wdXRlZCA9IHRoaXMuY3VzdG9tRGVzY3JpcHRpb247XG4gICAgICAgICAgYnJlYWs7XG4gICAgICAgIGRlZmF1bHQ6XG4gICAgICAgICAgdGhpcy4jcmVzb3VyY2VzU3ZjXG4gICAgICAgICAgICAuZ2V0U3RyaW5nKFxuICAgICAgICAgICAgICAnc2t5dXhfc3RhdHVzX2luZGljYXRvcl9zcl8nICtcbiAgICAgICAgICAgICAgICB0aGlzLmRlc2NyaXB0aW9uVHlwZS5yZXBsYWNlKC8tL2csICdfJyksXG4gICAgICAgICAgICApXG4gICAgICAgICAgICAuc3Vic2NyaWJlKCh2YWx1ZSkgPT4ge1xuICAgICAgICAgICAgICB0aGlzLmRlc2NyaXB0aW9uQ29tcHV0ZWQgPSB2YWx1ZTtcbiAgICAgICAgICAgICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gICAgICAgICAgICB9KTtcblxuICAgICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmRlc2NyaXB0aW9uQ29tcHV0ZWQgPSB1bmRlZmluZWQ7XG4gICAgfVxuICB9XG59XG4iLCI8bmctdGVtcGxhdGUgI2hlbHBDb250ZW50XG4gID48bmctY29udGVudCBzZWxlY3Q9XCIuc2t5LWNvbnRyb2wtaGVscFwiXG4vPjwvbmctdGVtcGxhdGU+XG48ZGl2ICpuZ0lmPVwiZGVzY3JpcHRpb25UeXBlXCIgY2xhc3M9XCJza3ktc3RhdHVzLWluZGljYXRvclwiPlxuICA8ZGl2XG4gICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICBjbGFzcz1cInNreS1tYXJnaW4taW5saW5lLXhzIHNreS1zdGF0dXMtaW5kaWNhdG9yLWljb25cIlxuICAgIFtuZ0NsYXNzXT1cIidza3ktc3RhdHVzLWluZGljYXRvci1pY29uLScgKyBpbmRpY2F0b3JUeXBlT3JEZWZhdWx0XCJcbiAgPlxuICAgIDxzcGFuIGNsYXNzPVwic2t5LXN0YXR1cy1pbmRpY2F0b3ItaWNvbi1kZWZhdWx0XCI+XG4gICAgICA8c2t5LWljb24gW2ljb25dPVwiaWNvblwiIC8+XG4gICAgPC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwic2t5LXN0YXR1cy1pbmRpY2F0b3ItaWNvbi1tb2Rlcm5cIj5cbiAgICAgIDxza3ktaWNvbi1zdGFjayBzaXplPVwieHNcIiBbYmFzZUljb25dPVwiYmFzZUljb25cIiBbdG9wSWNvbl09XCJ0b3BJY29uXCI+XG4gICAgICA8L3NreS1pY29uLXN0YWNrPlxuICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJza3ktc3RhdHVzLWluZGljYXRvci1tZXNzYWdlLXdyYXBwZXJcIj5cbiAgICA8c3BhbiAqbmdJZj1cImRlc2NyaXB0aW9uQ29tcHV0ZWRcIiBjbGFzcz1cInNreS1zY3JlZW4tcmVhZGVyLW9ubHlcIj5cbiAgICAgIHt7IGRlc2NyaXB0aW9uQ29tcHV0ZWQgfX1cbiAgICA8L3NwYW4+XG4gICAgPHNwYW4gc2t5SWQgI21lc3NhZ2U9XCJza3lJZFwiIGNsYXNzPVwic2t5LXN0YXR1cy1pbmRpY2F0b3ItbWVzc2FnZVwiIHNreVRyaW1cbiAgICAgID48bmctY29udGVudCAvPjwvc3BhblxuICAgID48c3BhbiBjbGFzcz1cInNreS1jb250cm9sLWhlbHAtY29udGFpbmVyXCJcbiAgICAgID48c2t5LWhlbHAtaW5saW5lXG4gICAgICAgICpuZ0lmPVwiaGVscFBvcG92ZXJDb250ZW50IHx8IGhlbHBLZXk7IGVsc2UgaGVscENvbnRlbnRcIlxuICAgICAgICBbbGFiZWxsZWRCeV09XCJtZXNzYWdlLmlkXCJcbiAgICAgICAgW2hlbHBLZXldPVwiaGVscEtleVwiXG4gICAgICAgIFtwb3BvdmVyVGl0bGVdPVwiaGVscFBvcG92ZXJUaXRsZVwiXG4gICAgICAgIFtwb3BvdmVyQ29udGVudF09XCJoZWxwUG9wb3ZlckNvbnRlbnRcIlxuICAgIC8+PC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/modules/status-indicator/status-indicator.module.mjs

@@ -1,6 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { SkyTrimModule } from '@skyux/core';
+import { SkyIdModule, SkyTrimModule } from '@skyux/core';
+import { SkyHelpInlineModule } from '@skyux/help-inline';
 import { SkyIconModule } from '@skyux/icon';
 import { SkyIndicatorsResourcesModule } from '../shared/sky-indicators-resources.module';
 import { SkyStatusIndicatorComponent } from './status-indicator.component';
@@ -8,11 +9,15 @@ import * as i0 from "@angular/core";
 export class SkyStatusIndicatorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
+            SkyHelpInlineModule,
             SkyIconModule,
+            SkyIdModule,
             SkyIndicatorsResourcesModule,
             SkyTrimModule], exports: [SkyStatusIndicatorComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorModule, imports: [CommonModule,
+            SkyHelpInlineModule,
             SkyIconModule,
+            SkyIdModule,
             SkyIndicatorsResourcesModule,
             SkyTrimModule] }); }
 }
@@ -22,11 +27,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                     declarations: [SkyStatusIndicatorComponent],
                     imports: [
                         CommonModule,
+                        SkyHelpInlineModule,
                         SkyIconModule,
+                        SkyIdModule,
                         SkyIndicatorsResourcesModule,
                         SkyTrimModule,
                     ],
                     exports: [SkyStatusIndicatorComponent],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWluZGljYXRvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvc3RhdHVzLWluZGljYXRvci9zdGF0dXMtaW5kaWNhdG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFNUMsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFekYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOEJBQThCLENBQUM7O0FBWTNFLE1BQU0sT0FBTyx3QkFBd0I7OEdBQXhCLHdCQUF3QjsrR0FBeEIsd0JBQXdCLGlCQVRwQiwyQkFBMkIsYUFFeEMsWUFBWTtZQUNaLGFBQWE7WUFDYiw0QkFBNEI7WUFDNUIsYUFBYSxhQUVMLDJCQUEyQjsrR0FFMUIsd0JBQXdCLFlBUGpDLFlBQVk7WUFDWixhQUFhO1lBQ2IsNEJBQTRCO1lBQzVCLGFBQWE7OzJGQUlKLHdCQUF3QjtrQkFWcEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywyQkFBMkIsQ0FBQztvQkFDM0MsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYiw0QkFBNEI7d0JBQzVCLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3ZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lUcmltTW9kdWxlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuaW1wb3J0IHsgU2t5SWNvbk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pY29uJztcblxuaW1wb3J0IHsgU2t5SW5kaWNhdG9yc1Jlc291cmNlc01vZHVsZSB9IGZyb20gJy4uL3NoYXJlZC9za3ktaW5kaWNhdG9ycy1yZXNvdXJjZXMubW9kdWxlJztcblxuaW1wb3J0IHsgU2t5U3RhdHVzSW5kaWNhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreVN0YXR1c0luZGljYXRvckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5SWNvbk1vZHVsZSxcbiAgICBTa3lJbmRpY2F0b3JzUmVzb3VyY2VzTW9kdWxlLFxuICAgIFNreVRyaW1Nb2R1bGUsXG4gIF0sXG4gIGV4cG9ydHM6IFtTa3lTdGF0dXNJbmRpY2F0b3JDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lTdGF0dXNJbmRpY2F0b3JNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLWluZGljYXRvci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvaW5kaWNhdG9ycy9zcmMvbGliL21vZHVsZXMvc3RhdHVzLWluZGljYXRvci9zdGF0dXMtaW5kaWNhdG9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTVDLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRXpGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQWMzRSxNQUFNLE9BQU8sd0JBQXdCOzhHQUF4Qix3QkFBd0I7K0dBQXhCLHdCQUF3QixpQkFYcEIsMkJBQTJCLGFBRXhDLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsYUFBYTtZQUNiLFdBQVc7WUFDWCw0QkFBNEI7WUFDNUIsYUFBYSxhQUVMLDJCQUEyQjsrR0FFMUIsd0JBQXdCLFlBVGpDLFlBQVk7WUFDWixtQkFBbUI7WUFDbkIsYUFBYTtZQUNiLFdBQVc7WUFDWCw0QkFBNEI7WUFDNUIsYUFBYTs7MkZBSUosd0JBQXdCO2tCQVpwQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLDJCQUEyQixDQUFDO29CQUMzQyxPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLGFBQWE7d0JBQ2IsV0FBVzt3QkFDWCw0QkFBNEI7d0JBQzVCLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUM7aUJBQ3ZDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lJZE1vZHVsZSwgU2t5VHJpbU1vZHVsZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcbmltcG9ydCB7IFNreUhlbHBJbmxpbmVNb2R1bGUgfSBmcm9tICdAc2t5dXgvaGVscC1pbmxpbmUnO1xuaW1wb3J0IHsgU2t5SWNvbk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pY29uJztcblxuaW1wb3J0IHsgU2t5SW5kaWNhdG9yc1Jlc291cmNlc01vZHVsZSB9IGZyb20gJy4uL3NoYXJlZC9za3ktaW5kaWNhdG9ycy1yZXNvdXJjZXMubW9kdWxlJztcblxuaW1wb3J0IHsgU2t5U3RhdHVzSW5kaWNhdG9yQ29tcG9uZW50IH0gZnJvbSAnLi9zdGF0dXMtaW5kaWNhdG9yLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreVN0YXR1c0luZGljYXRvckNvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5SGVscElubGluZU1vZHVsZSxcbiAgICBTa3lJY29uTW9kdWxlLFxuICAgIFNreUlkTW9kdWxlLFxuICAgIFNreUluZGljYXRvcnNSZXNvdXJjZXNNb2R1bGUsXG4gICAgU2t5VHJpbU1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1NreVN0YXR1c0luZGljYXRvckNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVN0YXR1c0luZGljYXRvck1vZHVsZSB7fVxuIl19

package/fesm2022/skyux-indicators.mjs

@@ -10,9 +10,11 @@ import { SkyThemeModule } from '@skyux/theme';
 import * as i4 from '@skyux/i18n';
 import { SkyLibResourcesService, getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
 import * as i3 from '@skyux/core';
-import { SkyLogService, SkyTrimModule, SkyMutationObserverService, SkyLiveAnnouncerService, SkyIdModule, SkyScreenReaderLabelDirective, SkyAppWindowRef, SkyDynamicComponentService } from '@skyux/core';
+import { SkyLogService, SkyTrimModule, SkyIdModule, SkyMutationObserverService, SkyLiveAnnouncerService, SkyScreenReaderLabelDirective, SkyAppWindowRef, SkyDynamicComponentService } from '@skyux/core';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
 import { switchMap, from, of, catchError, take, Subject, BehaviorSubject, defer } from 'rxjs';
+import * as i2$2 from '@skyux/help-inline';
+import { SkyHelpInlineModule as SkyHelpInlineModule$1 } from '@skyux/help-inline';
 import { trigger, transition, style, animate } from '@angular/animations';
 import { takeUntil, take as take$1, finalize } from 'rxjs/operators';
 
@@ -566,13 +568,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
  */
 class SkyKeyInfoLabelComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<ng-content />', isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyKeyInfoLabelComponent, selector: "sky-key-info-label", ngImport: i0, template: '<span skyTrim><ng-content /></span>', isInline: true, dependencies: [{ kind: "directive", type: i3.λ4, selector: "[skyTrim]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoLabelComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-key-info-label',
-                    template: '<ng-content />',
+                    template: '<span skyTrim><ng-content /></span>',
                 }]
         }] });
 
@@ -602,12 +604,18 @@ class SkyKeyInfoComponent {
         this.layout = 'vertical';
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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-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 skyTrim><ng-content select=\"sky-key-info-label\" /></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-key-info,.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-margin-inline-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.λ4, selector: "[skyTrim]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", 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 skyId #label=\"skyId\"><ng-content select=\"sky-key-info-label\" /></span\n    ><span class=\"sky-control-help-container\"\n      ><sky-help-inline\n        *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n        [labelledBy]=\"label.id\"\n        [helpKey]=\"helpKey\"\n        [popoverTitle]=\"helpPopoverTitle\"\n        [popoverContent]=\"helpPopoverContent\"\n    /></span>\n  </div>\n</div>\n<ng-template #helpContent\n  ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: [".sky-key-info,.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-margin-inline-xs)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.λ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"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoComponent, decorators: [{
             type: Component,
-            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 skyTrim><ng-content select=\"sky-key-info-label\" /></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-key-info,.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-margin-inline-xs)}\n"] }]
-        }], propDecorators: { layout: [{
+            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 skyId #label=\"skyId\"><ng-content select=\"sky-key-info-label\" /></span\n    ><span class=\"sky-control-help-container\"\n      ><sky-help-inline\n        *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n        [labelledBy]=\"label.id\"\n        [helpKey]=\"helpKey\"\n        [popoverTitle]=\"helpPopoverTitle\"\n        [popoverContent]=\"helpPopoverContent\"\n    /></span>\n  </div>\n</div>\n<ng-template #helpContent\n  ><ng-content select=\".sky-control-help\"\n/></ng-template>\n", styles: [".sky-key-info,.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-margin-inline-xs)}\n"] }]
+        }], propDecorators: { helpKey: [{
+                type: Input
+            }], helpPopoverContent: [{
+                type: Input
+            }], helpPopoverTitle: [{
+                type: Input
+            }], layout: [{
                 type: Input
             }] } });
 
@@ -615,10 +623,10 @@ class SkyKeyInfoModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, declarations: [SkyKeyInfoComponent,
             SkyKeyInfoLabelComponent,
-            SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule], exports: [SkyKeyInfoComponent,
+            SkyKeyInfoValueComponent], imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule$1, SkyIdModule], exports: [SkyKeyInfoComponent,
             SkyKeyInfoLabelComponent,
             SkyKeyInfoValueComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule$1, SkyIdModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyKeyInfoModule, decorators: [{
             type: NgModule,
@@ -628,7 +636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                         SkyKeyInfoLabelComponent,
                         SkyKeyInfoValueComponent,
                     ],
-                    imports: [CommonModule, SkyTrimModule],
+                    imports: [CommonModule, SkyTrimModule, SkyHelpInlineModule$1, SkyIdModule],
                     exports: [
                         SkyKeyInfoComponent,
                         SkyKeyInfoLabelComponent,
@@ -844,27 +852,37 @@ class SkyStatusIndicatorComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription" }, ngImport: i0, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\" />\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\" skyTrim><ng-content /></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}: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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i2.λ2, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i3.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.4", type: SkyStatusIndicatorComponent, selector: "sky-status-indicator", inputs: { indicatorType: "indicatorType", descriptionType: "descriptionType", customDescription: "customDescription", helpPopoverContent: "helpPopoverContent", helpPopoverTitle: "helpPopoverTitle", helpKey: "helpKey" }, ngImport: i0, template: "<ng-template #helpContent\n  ><ng-content select=\".sky-control-help\"\n/></ng-template>\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-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"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 skyId #message=\"skyId\" class=\"sky-status-indicator-message\" skyTrim\n      ><ng-content /></span\n    ><span class=\"sky-control-help-container\"\n      ><sky-help-inline\n        *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n        [labelledBy]=\"message.id\"\n        [helpKey]=\"helpKey\"\n        [popoverTitle]=\"helpPopoverTitle\"\n        [popoverContent]=\"helpPopoverContent\"\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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}: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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.λ1, selector: "sky-help-inline", inputs: ["ariaControls", "ariaExpanded", "ariaLabel", "helpKey", "labelledBy", "labelText", "popoverContent", "popoverTitle"], outputs: ["actionClick"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "component", type: i2.λ2, selector: "sky-icon-stack", inputs: ["size", "baseIcon", "topIcon"] }, { kind: "directive", type: i3.λ2, selector: "[skyId]", exportAs: ["skyId"] }, { kind: "directive", type: i3.λ4, selector: "[skyTrim]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div *ngIf=\"descriptionType\" class=\"sky-status-indicator\">\n  <div\n    aria-hidden=\"true\"\n    class=\"sky-margin-inline-xs sky-status-indicator-icon\"\n    [ngClass]=\"'sky-status-indicator-icon-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"icon\" />\n    </span>\n    <span class=\"sky-status-indicator-icon-modern\">\n      <sky-icon-stack size=\"xs\" [baseIcon]=\"baseIcon\" [topIcon]=\"topIcon\">\n      </sky-icon-stack>\n    </span>\n  </div>\n  <div class=\"sky-status-indicator-message-wrapper\">\n    <span *ngIf=\"descriptionComputed\" class=\"sky-screen-reader-only\">\n      {{ descriptionComputed }}\n    </span>\n    <span class=\"sky-status-indicator-message\" skyTrim><ng-content /></span\n    ><span class=\"sky-control-help-container\"\n      ><ng-content select=\".sky-control-help\"></ng-content\n    ></span>\n  </div>\n</div>\n", styles: [".sky-status-indicator{align-items:baseline;display:flex}.sky-status-indicator-icon{flex-shrink:1}.sky-status-indicator-icon-modern{display:none}.sky-status-indicator-icon-info{color:#00b4f1}.sky-status-indicator-icon-success{color:#72bf44}.sky-status-indicator-icon-warning{color:#fbb034}.sky-status-indicator-icon-danger{color:#ef4044}:host-context(.sky-theme-modern) .sky-status-indicator-icon:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}: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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"] }]
+            args: [{ selector: 'sky-status-indicator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #helpContent\n  ><ng-content select=\".sky-control-help\"\n/></ng-template>\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-' + indicatorTypeOrDefault\"\n  >\n    <span class=\"sky-status-indicator-icon-default\">\n      <sky-icon [icon]=\"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 skyId #message=\"skyId\" class=\"sky-status-indicator-message\" skyTrim\n      ><ng-content /></span\n    ><span class=\"sky-control-help-container\"\n      ><sky-help-inline\n        *ngIf=\"helpPopoverContent || helpKey; else helpContent\"\n        [labelledBy]=\"message.id\"\n        [helpKey]=\"helpKey\"\n        [popoverTitle]=\"helpPopoverTitle\"\n        [popoverContent]=\"helpPopoverContent\"\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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}: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:not(.sky-status-indicator-icon-danger){--sky-icon-stack-top-icon-color-override: #212327}.sky-theme-modern .sky-status-indicator-icon-default{display:none}.sky-theme-modern .sky-status-indicator-icon-modern{display:inline}\n"] }]
         }], propDecorators: { indicatorType: [{
                 type: Input
             }], descriptionType: [{
                 type: Input
             }], customDescription: [{
                 type: Input
+            }], helpPopoverContent: [{
+                type: Input
+            }], helpPopoverTitle: [{
+                type: Input
+            }], helpKey: [{
+                type: Input
             }] } });
 
 class SkyStatusIndicatorModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorModule, declarations: [SkyStatusIndicatorComponent], imports: [CommonModule,
+            SkyHelpInlineModule$1,
             SkyIconModule,
+            SkyIdModule,
             SkyIndicatorsResourcesModule,
             SkyTrimModule], exports: [SkyStatusIndicatorComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.4", ngImport: i0, type: SkyStatusIndicatorModule, imports: [CommonModule,
+            SkyHelpInlineModule$1,
             SkyIconModule,
+            SkyIdModule,
             SkyIndicatorsResourcesModule,
             SkyTrimModule] }); }
 }
@@ -874,7 +892,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.4", ngImpor
                     declarations: [SkyStatusIndicatorComponent],
                     imports: [
                         CommonModule,
+                        SkyHelpInlineModule$1,
                         SkyIconModule,
+                        SkyIdModule,
                         SkyIndicatorsResourcesModule,
                         SkyTrimModule,
                     ],