@skyux/pages 9.0.0-alpha.8 → 9.0.0-beta.0

package/esm2022/lib/modules/action-hub/types/recent-link.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjZW50LWxpbmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcmVjZW50LWxpbmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNreVBhZ2VMaW5rIH0gZnJvbSAnLi9wYWdlLWxpbmsnO1xuXG4vKipcbiAqIExpbmsgdGhhdCBhbHNvIGhhcyBhIGRhdGUgZmllbGQgdG8gc29ydCBieS5cbiAqXG4gKiBAcHJvcGVydHkgbGFzdEFjY2Vzc2VkIERhdGUgT2JqZWN0IG9yIElTTy04NjAxIHN0cmluZy5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTa3lSZWNlbnRMaW5rIGV4dGVuZHMgU2t5UGFnZUxpbmsge1xuICBsYXN0QWNjZXNzZWQ6IERhdGUgfCBzdHJpbmc7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjZW50LWxpbmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcmVjZW50LWxpbmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNreVBhZ2VMaW5rIH0gZnJvbSAnLi9wYWdlLWxpbmsnO1xuXG4vKipcbiAqIExpbmsgdGhhdCBhbHNvIGhhcyBhIGRhdGUgZmllbGQgdG8gc29ydCBieS5cbiAqXG4gKiBAcHJvcGVydHkgbGFzdEFjY2Vzc2VkIFRoZSBkYXRlIHdoZW4gdGhlIGxpbmsgd2FzIGxhc3QgYWNjZXNzZWQuIFZhbGlkIHR5cGVzIGFyZSBhIERhdGUgb2JqZWN0IG9yIElTTy04NjAxIHN0cmluZy5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTa3lSZWNlbnRMaW5rIGV4dGVuZHMgU2t5UGFnZUxpbmsge1xuICBsYXN0QWNjZXNzZWQ6IERhdGUgfCBzdHJpbmc7XG59XG4iXX0=

package/esm2022/lib/modules/modal-link-list/modal-link-list.component.mjs

@@ -1,11 +1,15 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, inject } from '@angular/core';
+import { SkyModalService } from '@skyux/modals';
 import * as i0 from "@angular/core";
-import * as i1 from "@skyux/modals";
-import * as i2 from "@angular/common";
-import * as i3 from "@skyux/router";
-import * as i4 from "@skyux/indicators";
-import * as i5 from "../link-as/link-as.pipe";
+import * as i1 from "@angular/common";
+import * as i2 from "@skyux/router";
+import * as i3 from "@skyux/indicators";
+import * as i4 from "../link-as/link-as.pipe";
 export class SkyModalLinkListComponent {
+    constructor() {
+        this.linksArray = [];
+        this.#modalSvc = inject(SkyModalService);
+    }
     set links(value) {
         this.#_links = value;
         this.linksArray = Array.isArray(value) ? value : [];
@@ -14,26 +18,22 @@ export class SkyModalLinkListComponent {
         return this.#_links;
     }
     #_links;
-    #modalService;
-    constructor(modalService) {
-        this.linksArray = [];
-        this.#modalService = modalService;
-    }
+    #modalSvc;
     openModal(link) {
         const modal = link.modal;
         if (modal) {
-            this.#modalService.open(modal.component, modal.config);
+            this.#modalSvc.open(modal.component, modal.config);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyModalLinkListComponent, deps: [{ token: i1.SkyModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\n<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"linksArray.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul class=\"sky-link-list\">\n      <li *ngFor=\"let link of linksArray\">\n        <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink && link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n        <button\n          *ngIf=\"link.modal\"\n          (click)=\"openModal(link)\"\n          class=\"sky-btn sky-btn-link-inline\"\n          type=\"button\"\n        >\n          {{ link.label }}\n        </button>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i3.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i4.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i5.LinkAsPipe, name: "linkAs" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyModalLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\n<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"linksArray.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul class=\"sky-link-list\">\n      <li *ngFor=\"let link of linksArray\">\n        <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink && link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n        <button\n          *ngIf=\"link.modal\"\n          (click)=\"openModal(link)\"\n          class=\"sky-btn sky-btn-link-inline\"\n          type=\"button\"\n        >\n          {{ link.label }}\n        </button>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i4.LinkAsPipe, name: "linkAs" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-modal-link-list', template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\n<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"linksArray.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul class=\"sky-link-list\">\n      <li *ngFor=\"let link of linksArray\">\n        <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink && link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n        <button\n          *ngIf=\"link.modal\"\n          (click)=\"openModal(link)\"\n          class=\"sky-btn sky-btn-link-inline\"\n          type=\"button\"\n        >\n          {{ link.label }}\n        </button>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.SkyModalService }]; }, propDecorators: { links: [{
+        }], propDecorators: { links: [{
                 type: Input
             }], title: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFXakQsTUFBTSxPQUFPLHlCQUF5QjtJQUNwQyxJQUNXLEtBQUssQ0FBQyxLQUF5QztRQUN4RCxJQUFJLENBQUMsT0FBTyxHQUFHLEtBQUssQ0FBQztRQUNyQixJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3RELENBQUM7SUFFRCxJQUFXLEtBQUs7UUFDZCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQU9ELE9BQU8sQ0FBcUM7SUFFNUMsYUFBYSxDQUFrQjtJQUUvQixZQUFZLFlBQTZCO1FBTmxDLGVBQVUsR0FBdUIsRUFBRSxDQUFDO1FBT3pDLElBQUksQ0FBQyxhQUFhLEdBQUcsWUFBWSxDQUFDO0lBQ3BDLENBQUM7SUFFTSxTQUFTLENBQUMsSUFBc0I7UUFDckMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUV6QixJQUFJLEtBQUssRUFBRTtZQUNULElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ3hEO0lBQ0gsQ0FBQzs4R0E5QlUseUJBQXlCO2tHQUF6Qix5QkFBeUIsdUdDWHRDLDYyREFtREE7OzJGRHhDYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0UscUJBQXFCO3NHQU1wQixLQUFLO3NCQURmLEtBQUs7Z0JBV0MsS0FBSztzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5TW9kYWxTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L21vZGFscyc7XG5cbmltcG9ydCB7IFNreVBhZ2VNb2RhbExpbmsgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbW9kYWwtbGluayc7XG5pbXBvcnQgeyBTa3lQYWdlTW9kYWxMaW5rc0lucHV0IH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmtzLWlucHV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LW1vZGFsLWxpbmstbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5TW9kYWxMaW5rTGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbGlua3ModmFsdWU6IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfbGlua3MgPSB2YWx1ZTtcbiAgICB0aGlzLmxpbmtzQXJyYXkgPSBBcnJheS5pc0FycmF5KHZhbHVlKSA/IHZhbHVlIDogW107XG4gIH1cblxuICBwdWJsaWMgZ2V0IGxpbmtzKCk6IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLiNfbGlua3M7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgbGlua3NBcnJheTogU2t5UGFnZU1vZGFsTGlua1tdID0gW107XG5cbiAgI19saW5rczogU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB8IHVuZGVmaW5lZDtcblxuICAjbW9kYWxTZXJ2aWNlOiBTa3lNb2RhbFNlcnZpY2U7XG5cbiAgY29uc3RydWN0b3IobW9kYWxTZXJ2aWNlOiBTa3lNb2RhbFNlcnZpY2UpIHtcbiAgICB0aGlzLiNtb2RhbFNlcnZpY2UgPSBtb2RhbFNlcnZpY2U7XG4gIH1cblxuICBwdWJsaWMgb3Blbk1vZGFsKGxpbms6IFNreVBhZ2VNb2RhbExpbmspOiB2b2lkIHtcbiAgICBjb25zdCBtb2RhbCA9IGxpbmsubW9kYWw7XG5cbiAgICBpZiAobW9kYWwpIHtcbiAgICAgIHRoaXMuI21vZGFsU2VydmljZS5vcGVuKG1vZGFsLmNvbXBvbmVudCwgbW9kYWwuY29uZmlnKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxza3ktd2FpdCBbaXNXYWl0aW5nXT1cImxpbmtzID09PSAnbG9hZGluZydcIj48L3NreS13YWl0PlxuPG5nLWNvbnRhaW5lclxuICAqbmdJZj1cImxpbmtzID09PSAnbG9hZGluZyc7IHRoZW4gbG9hZGluZ1RlbXBsYXRlUmVmOyBlbHNlIGxpbmtzVGVtcGxhdGVSZWZcIlxuPjwvbmctY29udGFpbmVyPlxuXG48bmctdGVtcGxhdGUgI2hlYWRpbmdUZW1wbGF0ZVJlZj5cbiAgPGgyIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy00XCI+XG4gICAge3sgdGl0bGUgfX1cbiAgPC9oMj5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2xvYWRpbmdUZW1wbGF0ZVJlZj5cbiAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkaW5nVGVtcGxhdGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2xpbmtzVGVtcGxhdGVSZWY+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJsaW5rc0FycmF5Lmxlbmd0aCA+IDBcIj5cbiAgICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRpbmdUZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxuICAgIDx1bCBjbGFzcz1cInNreS1saW5rLWxpc3RcIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgbGluayBvZiBsaW5rc0FycmF5XCI+XG4gICAgICAgIDxhICpuZ0lmPVwibGluayB8IGxpbmtBcyA6ICdza3lIcmVmJ1wiIFtza3lIcmVmXT1cImxpbmsucGVybWFsaW5rPy51cmxcIj5cbiAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgIDwvYT5cbiAgICAgICAgPGEgKm5nSWY9XCJsaW5rIHwgbGlua0FzIDogJ2hyZWYnXCIgW2hyZWZdPVwibGluay5wZXJtYWxpbms/LnVybFwiPlxuICAgICAgICAgIHt7IGxpbmsubGFiZWwgfX1cbiAgICAgICAgPC9hPlxuICAgICAgICA8YVxuICAgICAgICAgICpuZ0lmPVwibGluay5wZXJtYWxpbmsgJiYgbGluay5wZXJtYWxpbmsucm91dGVcIlxuICAgICAgICAgIFtza3lBcHBMaW5rXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmNvbW1hbmRzXCJcbiAgICAgICAgICBbcXVlcnlQYXJhbXNdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc1wiXG4gICAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwiXG4gICAgICAgICAgICBsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zSGFuZGxpbmdcbiAgICAgICAgICBcIlxuICAgICAgICAgIFtmcmFnbWVudF09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LmZyYWdtZW50XCJcbiAgICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICAgIFtza2lwTG9jYXRpb25DaGFuZ2VdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5za2lwTG9jYXRpb25DaGFuZ2VcIlxuICAgICAgICAgIFtyZXBsYWNlVXJsXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucmVwbGFjZVVybFwiXG4gICAgICAgICAgW3N0YXRlXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uc3RhdGVcIlxuICAgICAgICA+XG4gICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICA8L2E+XG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAqbmdJZj1cImxpbmsubW9kYWxcIlxuICAgICAgICAgIChjbGljayk9XCJvcGVuTW9kYWwobGluaylcIlxuICAgICAgICAgIGNsYXNzPVwic2t5LWJ0biBza3ktYnRuLWxpbmstaW5saW5lXCJcbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IGxpbmsubGFiZWwgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVVoRCxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBbUJTLGVBQVUsR0FBdUIsRUFBRSxDQUFDO1FBSWxDLGNBQVMsR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7S0FTOUM7SUExQkMsSUFDVyxLQUFLLENBQUMsS0FBeUM7UUFDeEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFPRCxPQUFPLENBQXFDO0lBRW5DLFNBQVMsQ0FBMkI7SUFFdEMsU0FBUyxDQUFDLElBQXNCO1FBQ3JDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFFekIsSUFBSSxLQUFLLEVBQUU7WUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztTQUNwRDtJQUNILENBQUM7OEdBMUJVLHlCQUF5QjtrR0FBekIseUJBQXlCLHVHQ1h0Qyw2MkRBbURBOzsyRkR4Q2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHFCQUFxQjs4QkFNcEIsS0FBSztzQkFEZixLQUFLO2dCQVdDLEtBQUs7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2t5TW9kYWxTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L21vZGFscyc7XG5cbmltcG9ydCB7IFNreVBhZ2VNb2RhbExpbmsgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbW9kYWwtbGluayc7XG5pbXBvcnQgeyBTa3lQYWdlTW9kYWxMaW5rc0lucHV0IH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmtzLWlucHV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LW1vZGFsLWxpbmstbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5TW9kYWxMaW5rTGlzdENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbGlua3ModmFsdWU6IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNfbGlua3MgPSB2YWx1ZTtcbiAgICB0aGlzLmxpbmtzQXJyYXkgPSBBcnJheS5pc0FycmF5KHZhbHVlKSA/IHZhbHVlIDogW107XG4gIH1cblxuICBwdWJsaWMgZ2V0IGxpbmtzKCk6IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLiNfbGlua3M7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgbGlua3NBcnJheTogU2t5UGFnZU1vZGFsTGlua1tdID0gW107XG5cbiAgI19saW5rczogU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB8IHVuZGVmaW5lZDtcblxuICByZWFkb25seSAjbW9kYWxTdmMgPSBpbmplY3QoU2t5TW9kYWxTZXJ2aWNlKTtcblxuICBwdWJsaWMgb3Blbk1vZGFsKGxpbms6IFNreVBhZ2VNb2RhbExpbmspOiB2b2lkIHtcbiAgICBjb25zdCBtb2RhbCA9IGxpbmsubW9kYWw7XG5cbiAgICBpZiAobW9kYWwpIHtcbiAgICAgIHRoaXMuI21vZGFsU3ZjLm9wZW4obW9kYWwuY29tcG9uZW50LCBtb2RhbC5jb25maWcpO1xuICAgIH1cbiAgfVxufVxuIiwiPHNreS13YWl0IFtpc1dhaXRpbmddPVwibGlua3MgPT09ICdsb2FkaW5nJ1wiPjwvc2t5LXdhaXQ+XG48bmctY29udGFpbmVyXG4gICpuZ0lmPVwibGlua3MgPT09ICdsb2FkaW5nJzsgdGhlbiBsb2FkaW5nVGVtcGxhdGVSZWY7IGVsc2UgbGlua3NUZW1wbGF0ZVJlZlwiXG4+PC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjaGVhZGluZ1RlbXBsYXRlUmVmPlxuICA8aDIgY2xhc3M9XCJza3ktZm9udC1oZWFkaW5nLTRcIj5cbiAgICB7eyB0aXRsZSB9fVxuICA8L2gyPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjbG9hZGluZ1RlbXBsYXRlUmVmPlxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRpbmdUZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjbGlua3NUZW1wbGF0ZVJlZj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxpbmtzQXJyYXkubGVuZ3RoID4gMFwiPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGluZ1RlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG4gICAgPHVsIGNsYXNzPVwic2t5LWxpbmstbGlzdFwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBsaW5rIG9mIGxpbmtzQXJyYXlcIj5cbiAgICAgICAgPGEgKm5nSWY9XCJsaW5rIHwgbGlua0FzIDogJ3NreUhyZWYnXCIgW3NreUhyZWZdPVwibGluay5wZXJtYWxpbms/LnVybFwiPlxuICAgICAgICAgIHt7IGxpbmsubGFiZWwgfX1cbiAgICAgICAgPC9hPlxuICAgICAgICA8YSAqbmdJZj1cImxpbmsgfCBsaW5rQXMgOiAnaHJlZidcIiBbaHJlZl09XCJsaW5rLnBlcm1hbGluaz8udXJsXCI+XG4gICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICA8L2E+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nSWY9XCJsaW5rLnBlcm1hbGluayAmJiBsaW5rLnBlcm1hbGluay5yb3V0ZVwiXG4gICAgICAgICAgW3NreUFwcExpbmtdPVwibGluay5wZXJtYWxpbmsucm91dGUuY29tbWFuZHNcIlxuICAgICAgICAgIFtxdWVyeVBhcmFtc109XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgICBbcXVlcnlQYXJhbXNIYW5kbGluZ109XCJcbiAgICAgICAgICAgIGxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNIYW5kbGluZ1xuICAgICAgICAgIFwiXG4gICAgICAgICAgW2ZyYWdtZW50XT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICAgIFtwcmVzZXJ2ZUZyYWdtZW50XT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucHJlc2VydmVGcmFnbWVudFwiXG4gICAgICAgICAgW3NraXBMb2NhdGlvbkNoYW5nZV09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnNraXBMb2NhdGlvbkNoYW5nZVwiXG4gICAgICAgICAgW3JlcGxhY2VVcmxdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5yZXBsYWNlVXJsXCJcbiAgICAgICAgICBbc3RhdGVdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5zdGF0ZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgIDwvYT5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICpuZ0lmPVwibGluay5tb2RhbFwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9wZW5Nb2RhbChsaW5rKVwiXG4gICAgICAgICAgY2xhc3M9XCJza3ktYnRuIHNreS1idG4tbGluay1pbmxpbmVcIlxuICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICA+XG4gICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuIl19

package/esm2022/lib/modules/needs-attention/needs-attention.component.mjs

@@ -25,12 +25,12 @@ export class SkyNeedsAttentionComponent {
     #items;
     #logService = inject(SkyLogService);
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: { items: "items" }, ngImport: i0, template: "<ng-template #itemsTemplate>\n  <ul>\n    <li\n      *ngFor=\"let item of items; let isLast = last\"\n      class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n      [ngClass]=\"{\n        'sky-border-bottom-row': !isLast\n      }\"\n    >\n      <a\n        *ngIf=\"\n          (item | linkAs : 'skyAppLink') &&\n          item.permalink?.route as permalinkRoute\n        \"\n        [skyAppLink]=\"permalinkRoute.commands\"\n        [queryParams]=\"permalinkRoute.extras?.queryParams\"\n        [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n        [fragment]=\"permalinkRoute.extras?.fragment\"\n        [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n        [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n        [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n        [state]=\"permalinkRoute.extras?.state\"\n        class=\"sky-needs-attention-item\"\n        >{{ item.title }} {{ item.message }}</a\n      >\n      <ng-container *ngIf=\"item.permalink as permalink\">\n        <a\n          *ngIf=\"item | linkAs : 'skyHref'\"\n          [skyHref]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n        <a\n          *ngIf=\"item | linkAs : 'href'\"\n          [href]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n      </ng-container>\n      <button\n        *ngIf=\"item | linkAs : 'button'\"\n        class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n        type=\"button\"\n        (click)=\"item?.click({item})\"\n      >\n        {{ item.title }} {{ item.message }}\n      </button>\n      <sky-icon\n        *skyThemeIf=\"'default'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"caret-right\"\n      ></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </li>\n  </ul>\n</ng-template>\n\n<sky-box>\n  <sky-box-header>\n    <h2 class=\"sky-font-heading-2\">\n      {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n    </h2>\n  </sky-box-header>\n  <sky-box-content>\n    <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n      'sky_action_hub_needs_attention_empty' | skyLibResources\n    }}</ng-container>\n  </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3.λ41, selector: "sky-box", inputs: ["ariaLabel", "ariaLabelledBy", "ariaRole"] }, { kind: "component", type: i3.λ42, selector: "sky-box-header" }, { kind: "component", type: i3.λ43, selector: "sky-box-content" }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i5.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i6.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: i7.LinkAsPipe, name: "linkAs" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: { items: "items" }, ngImport: i0, template: "<ng-template #itemsTemplate>\n  <ul>\n    <li\n      *ngFor=\"let item of items; let isLast = last\"\n      class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n      [ngClass]=\"{\n        'sky-border-bottom-row': !isLast\n      }\"\n    >\n      <a\n        *ngIf=\"\n          (item | linkAs : 'skyAppLink') &&\n          item.permalink?.route as permalinkRoute\n        \"\n        [skyAppLink]=\"permalinkRoute.commands\"\n        [queryParams]=\"permalinkRoute.extras?.queryParams\"\n        [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n        [fragment]=\"permalinkRoute.extras?.fragment\"\n        [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n        [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n        [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n        [state]=\"permalinkRoute.extras?.state\"\n        class=\"sky-needs-attention-item\"\n        >{{ item.title }} {{ item.message }}</a\n      >\n      <ng-container *ngIf=\"item.permalink as permalink\">\n        <a\n          *ngIf=\"item | linkAs : 'skyHref'\"\n          [skyHref]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n        <a\n          *ngIf=\"item | linkAs : 'href'\"\n          [href]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n      </ng-container>\n      <button\n        *ngIf=\"item | linkAs : 'button'\"\n        class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n        type=\"button\"\n        (click)=\"item?.click({item})\"\n      >\n        {{ item.title }} {{ item.message }}\n      </button>\n      <sky-icon\n        *skyThemeIf=\"'default'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"caret-right\"\n      ></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"chevron-right\"\n      ></sky-icon>\n    </li>\n  </ul>\n</ng-template>\n\n<sky-box>\n  <sky-box-header>\n    <h2 class=\"sky-font-heading-2\">\n      {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n    </h2>\n  </sky-box-header>\n  <sky-box-content>\n    <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n      'sky_action_hub_needs_attention_empty' | skyLibResources\n    }}</ng-container>\n  </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3.λ41, selector: "sky-box", inputs: ["ariaLabel", "ariaLabelledBy", "ariaRole"] }, { kind: "component", type: i3.λ42, selector: "sky-box-header" }, { kind: "component", type: i3.λ43, selector: "sky-box-content" }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i5.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i6.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: i7.LinkAsPipe, name: "linkAs" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-needs-attention', template: "<ng-template #itemsTemplate>\n  <ul>\n    <li\n      *ngFor=\"let item of items; let isLast = last\"\n      class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n      [ngClass]=\"{\n        'sky-border-bottom-row': !isLast\n      }\"\n    >\n      <a\n        *ngIf=\"\n          (item | linkAs : 'skyAppLink') &&\n          item.permalink?.route as permalinkRoute\n        \"\n        [skyAppLink]=\"permalinkRoute.commands\"\n        [queryParams]=\"permalinkRoute.extras?.queryParams\"\n        [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n        [fragment]=\"permalinkRoute.extras?.fragment\"\n        [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n        [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n        [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n        [state]=\"permalinkRoute.extras?.state\"\n        class=\"sky-needs-attention-item\"\n        >{{ item.title }} {{ item.message }}</a\n      >\n      <ng-container *ngIf=\"item.permalink as permalink\">\n        <a\n          *ngIf=\"item | linkAs : 'skyHref'\"\n          [skyHref]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n        <a\n          *ngIf=\"item | linkAs : 'href'\"\n          [href]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n      </ng-container>\n      <button\n        *ngIf=\"item | linkAs : 'button'\"\n        class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n        type=\"button\"\n        (click)=\"item?.click({item})\"\n      >\n        {{ item.title }} {{ item.message }}\n      </button>\n      <sky-icon\n        *skyThemeIf=\"'default'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"caret-right\"\n      ></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </li>\n  </ul>\n</ng-template>\n\n<sky-box>\n  <sky-box-header>\n    <h2 class=\"sky-font-heading-2\">\n      {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n    </h2>\n  </sky-box-header>\n  <sky-box-content>\n    <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n      'sky_action_hub_needs_attention_empty' | skyLibResources\n    }}</ng-container>\n  </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"] }]
+            args: [{ selector: 'sky-needs-attention', template: "<ng-template #itemsTemplate>\n  <ul>\n    <li\n      *ngFor=\"let item of items; let isLast = last\"\n      class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n      [ngClass]=\"{\n        'sky-border-bottom-row': !isLast\n      }\"\n    >\n      <a\n        *ngIf=\"\n          (item | linkAs : 'skyAppLink') &&\n          item.permalink?.route as permalinkRoute\n        \"\n        [skyAppLink]=\"permalinkRoute.commands\"\n        [queryParams]=\"permalinkRoute.extras?.queryParams\"\n        [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n        [fragment]=\"permalinkRoute.extras?.fragment\"\n        [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n        [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n        [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n        [state]=\"permalinkRoute.extras?.state\"\n        class=\"sky-needs-attention-item\"\n        >{{ item.title }} {{ item.message }}</a\n      >\n      <ng-container *ngIf=\"item.permalink as permalink\">\n        <a\n          *ngIf=\"item | linkAs : 'skyHref'\"\n          [skyHref]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n        <a\n          *ngIf=\"item | linkAs : 'href'\"\n          [href]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n      </ng-container>\n      <button\n        *ngIf=\"item | linkAs : 'button'\"\n        class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n        type=\"button\"\n        (click)=\"item?.click({item})\"\n      >\n        {{ item.title }} {{ item.message }}\n      </button>\n      <sky-icon\n        *skyThemeIf=\"'default'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"caret-right\"\n      ></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"chevron-right\"\n      ></sky-icon>\n    </li>\n  </ul>\n</ng-template>\n\n<sky-box>\n  <sky-box-header>\n    <h2 class=\"sky-font-heading-2\">\n      {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n    </h2>\n  </sky-box-header>\n  <sky-box-content>\n    <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n      'sky_action_hub_needs_attention_empty' | skyLibResources\n    }}</ng-container>\n  </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbmVlZHMtYXR0ZW50aW9uL25lZWRzLWF0dGVudGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL25lZWRzLWF0dGVudGlvbi9uZWVkcy1hdHRlbnRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7Ozs7OztBQVM1QyxNQUFNLE9BQU8sMEJBQTBCO0lBQ3JDLElBQ1csS0FBSyxDQUFDLEtBQStDO1FBQzlELElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQTZCLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUM3RCxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxvQ0FBb0MsRUFBRTtnQkFDaEUsdUJBQXVCLEVBQUUsQ0FBQztnQkFDMUIseUJBQXlCLEVBQUUsc0JBQXNCO2dCQUNqRCxXQUFXLEVBQ1QsOEhBQThIO2FBQ2pJLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUNELElBQVcsS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsTUFBTSxDQUEyQztJQUNqRCxXQUFXLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDOzhHQWxCekIsMEJBQTBCO2tHQUExQiwwQkFBMEIsdUZDVnZDLHU4RUEwRUE7OzJGRGhFYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQU1wQixLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uIH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9hY3Rpb24taHViLW5lZWRzLWF0dGVudGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1uZWVkcy1hdHRlbnRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreU5lZWRzQXR0ZW50aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBpdGVtcyh2YWx1ZTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2l0ZW1zID0gdmFsdWU7XG4gICAgaWYgKHZhbHVlPy5zb21lKChjOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbikgPT4gYy5tZXNzYWdlKSkge1xuICAgICAgdGhpcy4jbG9nU2VydmljZS5kZXByZWNhdGVkKGBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbi5tZXNzYWdlYCwge1xuICAgICAgICBkZXByZWNhdGlvbk1ham9yVmVyc2lvbjogNyxcbiAgICAgICAgcmVwbGFjZW1lbnRSZWNvbW1lbmRhdGlvbjogJ1VzZSBgdGl0bGVgIGluc3RlYWQuJyxcbiAgICAgICAgbW9yZUluZm9Vcmw6XG4gICAgICAgICAgJ2h0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9hY3Rpb24taHViP2RvY3MtYWN0aXZlLXRhYj1kZXZlbG9wbWVudCNpbnRlcmZhY2Utc2t5YWN0aW9uaHVibmVlZHNhdHRlbnRpb24nLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG4gIHB1YmxpYyBnZXQgaXRlbXMoKTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI2l0ZW1zO1xuICB9XG5cbiAgI2l0ZW1zOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbltdIHwgdW5kZWZpbmVkO1xuICAjbG9nU2VydmljZSA9IGluamVjdChTa3lMb2dTZXJ2aWNlKTtcbn1cbiIsIjxuZy10ZW1wbGF0ZSAjaXRlbXNUZW1wbGF0ZT5cbiAgPHVsPlxuICAgIDxsaVxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpc0xhc3QgPSBsYXN0XCJcbiAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLXdyYXBwZXIgc2t5LWZvbnQtZW1waGFzaXplZFwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdza3ktYm9yZGVyLWJvdHRvbS1yb3cnOiAhaXNMYXN0XG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8YVxuICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgIChpdGVtIHwgbGlua0FzIDogJ3NreUFwcExpbmsnKSAmJlxuICAgICAgICAgIGl0ZW0ucGVybWFsaW5rPy5yb3V0ZSBhcyBwZXJtYWxpbmtSb3V0ZVxuICAgICAgICBcIlxuICAgICAgICBbc2t5QXBwTGlua109XCJwZXJtYWxpbmtSb3V0ZS5jb21tYW5kc1wiXG4gICAgICAgIFtxdWVyeVBhcmFtc109XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXCJcbiAgICAgICAgW2ZyYWdtZW50XT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgW3JlcGxhY2VVcmxdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5yZXBsYWNlVXJsXCJcbiAgICAgICAgW3N0YXRlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc3RhdGVcIlxuICAgICAgICBjbGFzcz1cInNreS1uZWVkcy1hdHRlbnRpb24taXRlbVwiXG4gICAgICAgID57eyBpdGVtLnRpdGxlIH19IHt7IGl0ZW0ubWVzc2FnZSB9fTwvYVxuICAgICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0ucGVybWFsaW5rIGFzIHBlcm1hbGlua1wiPlxuICAgICAgICA8YVxuICAgICAgICAgICpuZ0lmPVwiaXRlbSB8IGxpbmtBcyA6ICdza3lIcmVmJ1wiXG4gICAgICAgICAgW3NreUhyZWZdPVwicGVybWFsaW5rLnVybFwiXG4gICAgICAgICAgY2xhc3M9XCJza3ktbmVlZHMtYXR0ZW50aW9uLWl0ZW1cIlxuICAgICAgICAgID57eyBpdGVtLnRpdGxlIH19IHt7IGl0ZW0ubWVzc2FnZSB9fTwvYVxuICAgICAgICA+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nSWY9XCJpdGVtIHwgbGlua0FzIDogJ2hyZWYnXCJcbiAgICAgICAgICBbaHJlZl09XCJwZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICBjbGFzcz1cInNreS1uZWVkcy1hdHRlbnRpb24taXRlbVwiXG4gICAgICAgICAgPnt7IGl0ZW0udGl0bGUgfX0ge3sgaXRlbS5tZXNzYWdlIH19PC9hXG4gICAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIml0ZW0gfCBsaW5rQXMgOiAnYnV0dG9uJ1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtIHNreS1idG4gc2t5LWJ0bi1saW5rLWlubGluZVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwiaXRlbT8uY2xpY2soe2l0ZW19KVwiXG4gICAgICA+XG4gICAgICAgIHt7IGl0ZW0udGl0bGUgfX0ge3sgaXRlbS5tZXNzYWdlIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxza3ktaWNvblxuICAgICAgICAqc2t5VGhlbWVJZj1cIidkZWZhdWx0J1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLWljb25cIlxuICAgICAgICBpY29uPVwiY2FyZXQtcmlnaHRcIlxuICAgICAgPjwvc2t5LWljb24+XG4gICAgICA8c2t5LWljb25cbiAgICAgICAgKnNreVRoZW1lSWY9XCInbW9kZXJuJ1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLWljb25cIlxuICAgICAgICBpY29uPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICAgIGljb25UeXBlPVwic2t5dXhcIlxuICAgICAgPjwvc2t5LWljb24+XG4gICAgPC9saT5cbiAgPC91bD5cbjwvbmctdGVtcGxhdGU+XG5cbjxza3ktYm94PlxuICA8c2t5LWJveC1oZWFkZXI+XG4gICAgPGgyIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy0yXCI+XG4gICAgICB7eyAnc2t5X2FjdGlvbl9odWJfbmVlZHNfYXR0ZW50aW9uJyB8IHNreUxpYlJlc291cmNlcyB9fVxuICAgIDwvaDI+XG4gIDwvc2t5LWJveC1oZWFkZXI+XG4gIDxza3ktYm94LWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW1zPy5sZW5ndGggPT09IDA7IGVsc2UgaXRlbXNUZW1wbGF0ZVwiPnt7XG4gICAgICAnc2t5X2FjdGlvbl9odWJfbmVlZHNfYXR0ZW50aW9uX2VtcHR5JyB8IHNreUxpYlJlc291cmNlc1xuICAgIH19PC9uZy1jb250YWluZXI+XG4gIDwvc2t5LWJveC1jb250ZW50PlxuPC9za3ktYm94PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbmVlZHMtYXR0ZW50aW9uL25lZWRzLWF0dGVudGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL25lZWRzLWF0dGVudGlvbi9uZWVkcy1hdHRlbnRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7Ozs7OztBQVM1QyxNQUFNLE9BQU8sMEJBQTBCO0lBQ3JDLElBQ1csS0FBSyxDQUFDLEtBQStDO1FBQzlELElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQTZCLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUM3RCxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxvQ0FBb0MsRUFBRTtnQkFDaEUsdUJBQXVCLEVBQUUsQ0FBQztnQkFDMUIseUJBQXlCLEVBQUUsc0JBQXNCO2dCQUNqRCxXQUFXLEVBQ1QsOEhBQThIO2FBQ2pJLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUNELElBQVcsS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsTUFBTSxDQUEyQztJQUNqRCxXQUFXLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDOzhHQWxCekIsMEJBQTBCO2tHQUExQiwwQkFBMEIsdUZDVnZDLDI2RUF5RUE7OzJGRC9EYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQU1wQixLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uIH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9hY3Rpb24taHViLW5lZWRzLWF0dGVudGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1uZWVkcy1hdHRlbnRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreU5lZWRzQXR0ZW50aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBpdGVtcyh2YWx1ZTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2l0ZW1zID0gdmFsdWU7XG4gICAgaWYgKHZhbHVlPy5zb21lKChjOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbikgPT4gYy5tZXNzYWdlKSkge1xuICAgICAgdGhpcy4jbG9nU2VydmljZS5kZXByZWNhdGVkKGBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbi5tZXNzYWdlYCwge1xuICAgICAgICBkZXByZWNhdGlvbk1ham9yVmVyc2lvbjogNyxcbiAgICAgICAgcmVwbGFjZW1lbnRSZWNvbW1lbmRhdGlvbjogJ1VzZSBgdGl0bGVgIGluc3RlYWQuJyxcbiAgICAgICAgbW9yZUluZm9Vcmw6XG4gICAgICAgICAgJ2h0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9hY3Rpb24taHViP2RvY3MtYWN0aXZlLXRhYj1kZXZlbG9wbWVudCNpbnRlcmZhY2Utc2t5YWN0aW9uaHVibmVlZHNhdHRlbnRpb24nLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG4gIHB1YmxpYyBnZXQgaXRlbXMoKTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI2l0ZW1zO1xuICB9XG5cbiAgI2l0ZW1zOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbltdIHwgdW5kZWZpbmVkO1xuICAjbG9nU2VydmljZSA9IGluamVjdChTa3lMb2dTZXJ2aWNlKTtcbn1cbiIsIjxuZy10ZW1wbGF0ZSAjaXRlbXNUZW1wbGF0ZT5cbiAgPHVsPlxuICAgIDxsaVxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpc0xhc3QgPSBsYXN0XCJcbiAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLXdyYXBwZXIgc2t5LWZvbnQtZW1waGFzaXplZFwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdza3ktYm9yZGVyLWJvdHRvbS1yb3cnOiAhaXNMYXN0XG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8YVxuICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgIChpdGVtIHwgbGlua0FzIDogJ3NreUFwcExpbmsnKSAmJlxuICAgICAgICAgIGl0ZW0ucGVybWFsaW5rPy5yb3V0ZSBhcyBwZXJtYWxpbmtSb3V0ZVxuICAgICAgICBcIlxuICAgICAgICBbc2t5QXBwTGlua109XCJwZXJtYWxpbmtSb3V0ZS5jb21tYW5kc1wiXG4gICAgICAgIFtxdWVyeVBhcmFtc109XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXCJcbiAgICAgICAgW2ZyYWdtZW50XT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgW3JlcGxhY2VVcmxdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5yZXBsYWNlVXJsXCJcbiAgICAgICAgW3N0YXRlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc3RhdGVcIlxuICAgICAgICBjbGFzcz1cInNreS1uZWVkcy1hdHRlbnRpb24taXRlbVwiXG4gICAgICAgID57eyBpdGVtLnRpdGxlIH19IHt7IGl0ZW0ubWVzc2FnZSB9fTwvYVxuICAgICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0ucGVybWFsaW5rIGFzIHBlcm1hbGlua1wiPlxuICAgICAgICA8YVxuICAgICAgICAgICpuZ0lmPVwiaXRlbSB8IGxpbmtBcyA6ICdza3lIcmVmJ1wiXG4gICAgICAgICAgW3NreUhyZWZdPVwicGVybWFsaW5rLnVybFwiXG4gICAgICAgICAgY2xhc3M9XCJza3ktbmVlZHMtYXR0ZW50aW9uLWl0ZW1cIlxuICAgICAgICAgID57eyBpdGVtLnRpdGxlIH19IHt7IGl0ZW0ubWVzc2FnZSB9fTwvYVxuICAgICAgICA+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nSWY9XCJpdGVtIHwgbGlua0FzIDogJ2hyZWYnXCJcbiAgICAgICAgICBbaHJlZl09XCJwZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICBjbGFzcz1cInNreS1uZWVkcy1hdHRlbnRpb24taXRlbVwiXG4gICAgICAgICAgPnt7IGl0ZW0udGl0bGUgfX0ge3sgaXRlbS5tZXNzYWdlIH19PC9hXG4gICAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIml0ZW0gfCBsaW5rQXMgOiAnYnV0dG9uJ1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtIHNreS1idG4gc2t5LWJ0bi1saW5rLWlubGluZVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwiaXRlbT8uY2xpY2soe2l0ZW19KVwiXG4gICAgICA+XG4gICAgICAgIHt7IGl0ZW0udGl0bGUgfX0ge3sgaXRlbS5tZXNzYWdlIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxza3ktaWNvblxuICAgICAgICAqc2t5VGhlbWVJZj1cIidkZWZhdWx0J1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLWljb25cIlxuICAgICAgICBpY29uPVwiY2FyZXQtcmlnaHRcIlxuICAgICAgPjwvc2t5LWljb24+XG4gICAgICA8c2t5LWljb25cbiAgICAgICAgKnNreVRoZW1lSWY9XCInbW9kZXJuJ1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLWljb25cIlxuICAgICAgICBpY29uPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICA+PC9za3ktaWNvbj5cbiAgICA8L2xpPlxuICA8L3VsPlxuPC9uZy10ZW1wbGF0ZT5cblxuPHNreS1ib3g+XG4gIDxza3ktYm94LWhlYWRlcj5cbiAgICA8aDIgY2xhc3M9XCJza3ktZm9udC1oZWFkaW5nLTJcIj5cbiAgICAgIHt7ICdza3lfYWN0aW9uX2h1Yl9uZWVkc19hdHRlbnRpb24nIHwgc2t5TGliUmVzb3VyY2VzIH19XG4gICAgPC9oMj5cbiAgPC9za3ktYm94LWhlYWRlcj5cbiAgPHNreS1ib3gtY29udGVudD5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbXM/Lmxlbmd0aCA9PT0gMDsgZWxzZSBpdGVtc1RlbXBsYXRlXCI+e3tcbiAgICAgICdza3lfYWN0aW9uX2h1Yl9uZWVkc19hdHRlbnRpb25fZW1wdHknIHwgc2t5TGliUmVzb3VyY2VzXG4gICAgfX08L25nLWNvbnRhaW5lcj5cbiAgPC9za3ktYm94LWNvbnRlbnQ+XG48L3NreS1ib3g+XG4iXX0=

package/esm2022/lib/modules/page-header/page-header.component.mjs

@@ -26,7 +26,7 @@ export class SkyPageHeaderComponent {
                 provide: SkyMediaQueryService,
                 useExisting: SkyResizeObserverMediaQueryService,
             },
-        ], ngImport: i0, template: "<div class=\"sky-page-header\">\n  <ng-content select=\"sky-page-header-alerts\"></ng-content>\n  <div class=\"sky-page-header-info\">\n    <ng-content select=\"sky-page-header-avatar\"></ng-content>\n    <div>\n      <h1 class=\"sky-page-header-text\">\n        <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n          <a\n            *ngIf=\"parentLink.permalink?.url\"\n            [skyHref]=\"parentLink.permalink.url\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <a\n            *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n            [skyAppLink]=\"permalinkRoute.commands\"\n            [queryParams]=\"permalinkRoute.extras?.queryParams\"\n            [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n            [fragment]=\"permalinkRoute.extras?.fragment\"\n            [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n            [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n            [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n            [state]=\"permalinkRoute.extras?.state\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <span class=\"sky-page-header-chevron\">\n            <sky-icon icon=\"chevron-right\" iconType=\"skyux\" />\n          </span>\n        </span>\n        <wbr *ngIf=\"parentLink\" />\n        <span class=\"sky-page-header-page-title sky-font-heading-1\">\n          {{ pageTitle }}\n        </span>\n      </h1>\n      <div class=\"sky-page-header-content\">\n        <ng-content select=\"sky-page-header-details\"></ng-content>\n        <ng-content select=\"sky-page-header-actions\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }] }); }
+        ], ngImport: i0, template: "<div class=\"sky-page-header\">\n  <ng-content select=\"sky-page-header-alerts\"></ng-content>\n  <div class=\"sky-page-header-info\">\n    <ng-content select=\"sky-page-header-avatar\"></ng-content>\n    <div>\n      <h1 class=\"sky-page-header-text\">\n        <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n          <a\n            *ngIf=\"parentLink.permalink?.url\"\n            [skyHref]=\"parentLink.permalink.url\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <a\n            *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n            [skyAppLink]=\"permalinkRoute.commands\"\n            [queryParams]=\"permalinkRoute.extras?.queryParams\"\n            [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n            [fragment]=\"permalinkRoute.extras?.fragment\"\n            [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n            [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n            [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n            [state]=\"permalinkRoute.extras?.state\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <span class=\"sky-page-header-chevron\">\n            <sky-icon icon=\"chevron-right\" />\n          </span>\n        </span>\n        <wbr *ngIf=\"parentLink\" />\n        <span class=\"sky-page-header-page-title sky-font-heading-1\">\n          {{ pageTitle }}\n        </span>\n      </h1>\n      <div class=\"sky-page-header-content\">\n        <ng-content select=\"sky-page-header-details\"></ng-content>\n        <ng-content select=\"sky-page-header-actions\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
             type: Component,
@@ -36,10 +36,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                             provide: SkyMediaQueryService,
                             useExisting: SkyResizeObserverMediaQueryService,
                         },
-                    ], template: "<div class=\"sky-page-header\">\n  <ng-content select=\"sky-page-header-alerts\"></ng-content>\n  <div class=\"sky-page-header-info\">\n    <ng-content select=\"sky-page-header-avatar\"></ng-content>\n    <div>\n      <h1 class=\"sky-page-header-text\">\n        <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n          <a\n            *ngIf=\"parentLink.permalink?.url\"\n            [skyHref]=\"parentLink.permalink.url\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <a\n            *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n            [skyAppLink]=\"permalinkRoute.commands\"\n            [queryParams]=\"permalinkRoute.extras?.queryParams\"\n            [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n            [fragment]=\"permalinkRoute.extras?.fragment\"\n            [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n            [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n            [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n            [state]=\"permalinkRoute.extras?.state\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <span class=\"sky-page-header-chevron\">\n            <sky-icon icon=\"chevron-right\" iconType=\"skyux\" />\n          </span>\n        </span>\n        <wbr *ngIf=\"parentLink\" />\n        <span class=\"sky-page-header-page-title sky-font-heading-1\">\n          {{ pageTitle }}\n        </span>\n      </h1>\n      <div class=\"sky-page-header-content\">\n        <ng-content select=\"sky-page-header-details\"></ng-content>\n        <ng-content select=\"sky-page-header-actions\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"] }]
+                    ], template: "<div class=\"sky-page-header\">\n  <ng-content select=\"sky-page-header-alerts\"></ng-content>\n  <div class=\"sky-page-header-info\">\n    <ng-content select=\"sky-page-header-avatar\"></ng-content>\n    <div>\n      <h1 class=\"sky-page-header-text\">\n        <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n          <a\n            *ngIf=\"parentLink.permalink?.url\"\n            [skyHref]=\"parentLink.permalink.url\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <a\n            *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n            [skyAppLink]=\"permalinkRoute.commands\"\n            [queryParams]=\"permalinkRoute.extras?.queryParams\"\n            [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n            [fragment]=\"permalinkRoute.extras?.fragment\"\n            [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n            [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n            [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n            [state]=\"permalinkRoute.extras?.state\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <span class=\"sky-page-header-chevron\">\n            <sky-icon icon=\"chevron-right\" />\n          </span>\n        </span>\n        <wbr *ngIf=\"parentLink\" />\n        <span class=\"sky-page-header-page-title sky-font-heading-1\">\n          {{ pageTitle }}\n        </span>\n      </h1>\n      <div class=\"sky-page-header-content\">\n        <ng-content select=\"sky-page-header-details\"></ng-content>\n        <ng-content select=\"sky-page-header-actions\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"] }]
         }], propDecorators: { parentLink: [{
                 type: Input
             }], pageTitle: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixrQ0FBa0MsR0FDbkMsTUFBTSxhQUFhLENBQUM7Ozs7O0FBSXJCLElBQUksVUFBdUIsQ0FBQztBQUU1Qjs7R0FFRztBQWFILE1BQU0sT0FBTyxzQkFBc0I7SUFhakMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNqQyxrQkFBa0IsR0FBRyxNQUFNLENBQUMsa0NBQWtDLENBQUMsQ0FBQztJQUV6RCxRQUFRO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2hELHVCQUF1QixFQUFFLElBQUk7U0FDOUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3RDLENBQUM7OEdBeEJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHdHQVJ0QjtZQUNULGtDQUFrQztZQUNsQztnQkFDRSxPQUFPLEVBQUUsb0JBQW9CO2dCQUM3QixXQUFXLEVBQUUsa0NBQWtDO2FBQ2hEO1NBQ0YsMEJDOUJILGsxREEwQ0E7OzJGRFZhLHNCQUFzQjtrQkFabEMsU0FBUzsrQkFDRSxpQkFBaUIsYUFHaEI7d0JBQ1Qsa0NBQWtDO3dCQUNsQzs0QkFDRSxPQUFPLEVBQUUsb0JBQW9COzRCQUM3QixXQUFXLEVBQUUsa0NBQWtDO3lCQUNoRDtxQkFDRjs4QkFPTSxVQUFVO3NCQURoQixLQUFLO2dCQU9DLFNBQVM7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU2t5UGFnZUxpbmsgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGluayc7XG5cbmxldCBwYXJlbnRMaW5rOiBTa3lQYWdlTGluaztcblxuLyoqXG4gKiBEaXNwbGF5cyBwYWdlIGhlYWRpbmcncyBjb250ZW50cyB1c2luZyBzcGFjaW5nIHRoYXQgY29ycmVzcG9uZHMgdG8gdGhlIHBhcmVudCBwYWdlJ3MgbGF5b3V0XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1wYWdlLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG4gICAge1xuICAgICAgcHJvdmlkZTogU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gICAgICB1c2VFeGlzdGluZzogU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogQSBsaW5rIHRvIHRoZSBwYXJlbnQgcGFnZSBvZiB0aGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBhcmVudExpbms/OiB0eXBlb2YgcGFyZW50TGluaztcblxuICAvKipcbiAgICogVGhlIHRpdGxlIG9mIHRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGFnZVRpdGxlITogc3RyaW5nO1xuXG4gICNlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICAjbWVkaWFRdWVyeVNlcnZpY2UgPSBpbmplY3QoU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlLm9ic2VydmUodGhpcy4jZWxlbWVudFJlZiwge1xuICAgICAgdXBkYXRlUmVzcG9uc2l2ZUNsYXNzZXM6IHRydWUsXG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jbWVkaWFRdWVyeVNlcnZpY2UudW5vYnNlcnZlKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWFsZXJ0c1wiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInNreS1wYWdlLWhlYWRlci1pbmZvXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWF2YXRhclwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2PlxuICAgICAgPGgxIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLXRleHRcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJwYXJlbnRMaW5rXCIgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmstd3JhcHBlclwiPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICAqbmdJZj1cInBhcmVudExpbmsucGVybWFsaW5rPy51cmxcIlxuICAgICAgICAgICAgW3NreUhyZWZdPVwicGFyZW50TGluay5wZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy0xIHNreS1wYWdlLWhlYWRlci1wYXJlbnQtbGlua1wiXG4gICAgICAgICAgICA+e3sgcGFyZW50TGluay5sYWJlbCB9fTwvYVxuICAgICAgICAgID5cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgKm5nSWY9XCJwYXJlbnRMaW5rLnBlcm1hbGluaz8ucm91dGUgYXMgcGVybWFsaW5rUm91dGVcIlxuICAgICAgICAgICAgW3NreUFwcExpbmtdPVwicGVybWFsaW5rUm91dGUuY29tbWFuZHNcIlxuICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXCJcbiAgICAgICAgICAgIFtmcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LmZyYWdtZW50XCJcbiAgICAgICAgICAgIFtwcmVzZXJ2ZUZyYWdtZW50XT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucHJlc2VydmVGcmFnbWVudFwiXG4gICAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgICAgIFtyZXBsYWNlVXJsXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucmVwbGFjZVVybFwiXG4gICAgICAgICAgICBbc3RhdGVdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5zdGF0ZVwiXG4gICAgICAgICAgICBjbGFzcz1cInNreS1mb250LWhlYWRpbmctMSBza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmtcIlxuICAgICAgICAgICAgPnt7IHBhcmVudExpbmsubGFiZWwgfX08L2FcbiAgICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItY2hldnJvblwiPlxuICAgICAgICAgICAgPHNreS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCIgaWNvblR5cGU9XCJza3l1eFwiIC8+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDx3YnIgKm5nSWY9XCJwYXJlbnRMaW5rXCIgLz5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItcGFnZS10aXRsZSBza3ktZm9udC1oZWFkaW5nLTFcIj5cbiAgICAgICAgICB7eyBwYWdlVGl0bGUgfX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9oMT5cbiAgICAgIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktcGFnZS1oZWFkZXItZGV0YWlsc1wiPjwvbmctY29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWFjdGlvbnNcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixrQ0FBa0MsR0FDbkMsTUFBTSxhQUFhLENBQUM7Ozs7O0FBSXJCLElBQUksVUFBdUIsQ0FBQztBQUU1Qjs7R0FFRztBQWFILE1BQU0sT0FBTyxzQkFBc0I7SUFhakMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNqQyxrQkFBa0IsR0FBRyxNQUFNLENBQUMsa0NBQWtDLENBQUMsQ0FBQztJQUV6RCxRQUFRO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2hELHVCQUF1QixFQUFFLElBQUk7U0FDOUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3RDLENBQUM7OEdBeEJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHdHQVJ0QjtZQUNULGtDQUFrQztZQUNsQztnQkFDRSxPQUFPLEVBQUUsb0JBQW9CO2dCQUM3QixXQUFXLEVBQUUsa0NBQWtDO2FBQ2hEO1NBQ0YsMEJDOUJILCt6REEwQ0E7OzJGRFZhLHNCQUFzQjtrQkFabEMsU0FBUzsrQkFDRSxpQkFBaUIsYUFHaEI7d0JBQ1Qsa0NBQWtDO3dCQUNsQzs0QkFDRSxPQUFPLEVBQUUsb0JBQW9COzRCQUM3QixXQUFXLEVBQUUsa0NBQWtDO3lCQUNoRDtxQkFDRjs4QkFPTSxVQUFVO3NCQURoQixLQUFLO2dCQU9DLFNBQVM7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU2t5UGFnZUxpbmsgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGluayc7XG5cbmxldCBwYXJlbnRMaW5rOiBTa3lQYWdlTGluaztcblxuLyoqXG4gKiBEaXNwbGF5cyBwYWdlIGhlYWRpbmcncyBjb250ZW50cyB1c2luZyBzcGFjaW5nIHRoYXQgY29ycmVzcG9uZHMgdG8gdGhlIHBhcmVudCBwYWdlJ3MgbGF5b3V0XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1wYWdlLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG4gICAge1xuICAgICAgcHJvdmlkZTogU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gICAgICB1c2VFeGlzdGluZzogU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogQSBsaW5rIHRvIHRoZSBwYXJlbnQgcGFnZSBvZiB0aGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBhcmVudExpbms/OiB0eXBlb2YgcGFyZW50TGluaztcblxuICAvKipcbiAgICogVGhlIHRpdGxlIG9mIHRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGFnZVRpdGxlITogc3RyaW5nO1xuXG4gICNlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICAjbWVkaWFRdWVyeVNlcnZpY2UgPSBpbmplY3QoU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlLm9ic2VydmUodGhpcy4jZWxlbWVudFJlZiwge1xuICAgICAgdXBkYXRlUmVzcG9uc2l2ZUNsYXNzZXM6IHRydWUsXG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jbWVkaWFRdWVyeVNlcnZpY2UudW5vYnNlcnZlKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWFsZXJ0c1wiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInNreS1wYWdlLWhlYWRlci1pbmZvXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWF2YXRhclwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2PlxuICAgICAgPGgxIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLXRleHRcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJwYXJlbnRMaW5rXCIgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmstd3JhcHBlclwiPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICAqbmdJZj1cInBhcmVudExpbmsucGVybWFsaW5rPy51cmxcIlxuICAgICAgICAgICAgW3NreUhyZWZdPVwicGFyZW50TGluay5wZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy0xIHNreS1wYWdlLWhlYWRlci1wYXJlbnQtbGlua1wiXG4gICAgICAgICAgICA+e3sgcGFyZW50TGluay5sYWJlbCB9fTwvYVxuICAgICAgICAgID5cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgKm5nSWY9XCJwYXJlbnRMaW5rLnBlcm1hbGluaz8ucm91dGUgYXMgcGVybWFsaW5rUm91dGVcIlxuICAgICAgICAgICAgW3NreUFwcExpbmtdPVwicGVybWFsaW5rUm91dGUuY29tbWFuZHNcIlxuICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXCJcbiAgICAgICAgICAgIFtmcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LmZyYWdtZW50XCJcbiAgICAgICAgICAgIFtwcmVzZXJ2ZUZyYWdtZW50XT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucHJlc2VydmVGcmFnbWVudFwiXG4gICAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgICAgIFtyZXBsYWNlVXJsXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucmVwbGFjZVVybFwiXG4gICAgICAgICAgICBbc3RhdGVdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5zdGF0ZVwiXG4gICAgICAgICAgICBjbGFzcz1cInNreS1mb250LWhlYWRpbmctMSBza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmtcIlxuICAgICAgICAgICAgPnt7IHBhcmVudExpbmsubGFiZWwgfX08L2FcbiAgICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItY2hldnJvblwiPlxuICAgICAgICAgICAgPHNreS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCIgLz5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHdiciAqbmdJZj1cInBhcmVudExpbmtcIiAvPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNreS1wYWdlLWhlYWRlci1wYWdlLXRpdGxlIHNreS1mb250LWhlYWRpbmctMVwiPlxuICAgICAgICAgIHt7IHBhZ2VUaXRsZSB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2gxPlxuICAgICAgPGRpdiBjbGFzcz1cInNreS1wYWdlLWhlYWRlci1jb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLWhlYWRlci1kZXRhaWxzXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktcGFnZS1oZWFkZXItYWN0aW9uc1wiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/modules/shared/sky-pages-resources.module.mjs

@@ -1,3 +1,4 @@
+/* istanbul ignore file */
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
  * The contents of this file were automatically generated by
@@ -5,7 +6,7 @@
  * To update this file, simply rerun the command.
  */
 import { NgModule } from '@angular/core';
-import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
+import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, SkyLibResourcesService, getLibStringForLocale, } from '@skyux/i18n';
 import * as i0 from "@angular/core";
 const RESOURCES = {
     'EN-US': {
@@ -18,6 +19,7 @@ const RESOURCES = {
         },
     },
 };
+SkyLibResourcesService.addResources(RESOURCES);
 export class SkyPagesResourcesProvider {
     getString(localeInfo, name) {
         return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
@@ -50,4 +52,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LXBhZ2VzLXJlc291cmNlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3NoYXJlZC9za3ktcGFnZXMtcmVzb3VyY2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUNILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUNMLDJCQUEyQixFQUUzQixhQUFhLEVBR2IscUJBQXFCLEdBQ3RCLE1BQU0sYUFBYSxDQUFDOztBQUVyQixNQUFNLFNBQVMsR0FBMEM7SUFDdkQsT0FBTyxFQUFFO1FBQ1AsNEJBQTRCLEVBQUUsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFO1FBQzFELDJCQUEyQixFQUFFLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFO1FBQzdELDZCQUE2QixFQUFFLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRTtRQUN0RCw4QkFBOEIsRUFBRSxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRTtRQUM5RCxvQ0FBb0MsRUFBRTtZQUNwQyxPQUFPLEVBQUUsb0NBQW9DO1NBQzlDO0tBQ0Y7Q0FDRixDQUFDO0FBRUYsTUFBTSxPQUFPLHlCQUF5QjtJQUM3QixTQUFTLENBQ2QsVUFBNEIsRUFDNUIsSUFBWTtRQUVaLE9BQU8scUJBQXFCLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztDQUNGO0FBRUQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8sdUJBQXVCOzhHQUF2Qix1QkFBdUI7K0dBQXZCLHVCQUF1QixZQVR4QixhQUFhOytHQVNaLHVCQUF1QixhQVJ2QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSwyQkFBMkI7Z0JBQ3BDLFFBQVEsRUFBRSx5QkFBeUI7Z0JBQ25DLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixZQVBTLGFBQWE7OzJGQVNaLHVCQUF1QjtrQkFWbkMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCOzRCQUNwQyxRQUFRLEVBQUUseUJBQXlCOzRCQUNuQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBsaWIvbW9kdWxlcy9zaGFyZWQvc2t5LXBhZ2VzJyBzY2hlbWF0aWMuXG4gKiBUbyB1cGRhdGUgdGhpcyBmaWxlLCBzaW1wbHkgcmVydW4gdGhlIGNvbW1hbmQuXG4gKi9cbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gIFNreUFwcExvY2FsZUluZm8sXG4gIFNreUkxOG5Nb2R1bGUsXG4gIFNreUxpYlJlc291cmNlcyxcbiAgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIsXG4gIGdldExpYlN0cmluZ0ZvckxvY2FsZSxcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5jb25zdCBSRVNPVVJDRVM6IHsgW2xvY2FsZTogc3RyaW5nXTogU2t5TGliUmVzb3VyY2VzIH0gPSB7XG4gICdFTi1VUyc6IHtcbiAgICBza3lfYWN0aW9uX2h1Yl9yZWxhdGVkX2xpbmtzOiB7IG1lc3NhZ2U6ICdSZWxhdGVkIGxpbmtzJyB9LFxuICAgIHNreV9hY3Rpb25faHViX3JlY2VudF9saW5rczogeyBtZXNzYWdlOiAnUmVjZW50bHkgYWNjZXNzZWQnIH0sXG4gICAgc2t5X2FjdGlvbl9odWJfc2V0dGluZ3NfbGlua3M6IHsgbWVzc2FnZTogJ1NldHRpbmdzJyB9LFxuICAgIHNreV9hY3Rpb25faHViX25lZWRzX2F0dGVudGlvbjogeyBtZXNzYWdlOiAnTmVlZHMgYXR0ZW50aW9uJyB9LFxuICAgIHNreV9hY3Rpb25faHViX25lZWRzX2F0dGVudGlvbl9lbXB0eToge1xuICAgICAgbWVzc2FnZTogJ05vIGlzc3VlcyBjdXJyZW50bHkgbmVlZCBhdHRlbnRpb24nLFxuICAgIH0sXG4gIH0sXG59O1xuXG5leHBvcnQgY2xhc3MgU2t5UGFnZXNSZXNvdXJjZXNQcm92aWRlciBpbXBsZW1lbnRzIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyIHtcbiAgcHVibGljIGdldFN0cmluZyhcbiAgICBsb2NhbGVJbmZvOiBTa3lBcHBMb2NhbGVJbmZvLFxuICAgIG5hbWU6IHN0cmluZ1xuICApOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiBnZXRMaWJTdHJpbmdGb3JMb2NhbGUoUkVTT1VSQ0VTLCBsb2NhbGVJbmZvLmxvY2FsZSwgbmFtZSk7XG4gIH1cbn1cblxuLyoqXG4gKiBJbXBvcnQgaW50byBhbnkgY29tcG9uZW50IGxpYnJhcnkgbW9kdWxlIHRoYXQgbmVlZHMgdG8gdXNlIHJlc291cmNlIHN0cmluZ3MuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGV4cG9ydHM6IFtTa3lJMThuTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxuICAgICAgdXNlQ2xhc3M6IFNreVBhZ2VzUmVzb3VyY2VzUHJvdmlkZXIsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlc1Jlc291cmNlc01vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LXBhZ2VzLXJlc291cmNlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3NoYXJlZC9za3ktcGFnZXMtcmVzb3VyY2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSwwQkFBMEI7QUFFMUI7Ozs7O0dBS0c7QUFDSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDTCwyQkFBMkIsRUFFM0IsYUFBYSxFQUdiLHNCQUFzQixFQUN0QixxQkFBcUIsR0FDdEIsTUFBTSxhQUFhLENBQUM7O0FBRXJCLE1BQU0sU0FBUyxHQUEwQztJQUN2RCxPQUFPLEVBQUU7UUFDUCw0QkFBNEIsRUFBRSxFQUFFLE9BQU8sRUFBRSxlQUFlLEVBQUU7UUFDMUQsMkJBQTJCLEVBQUUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUU7UUFDN0QsNkJBQTZCLEVBQUUsRUFBRSxPQUFPLEVBQUUsVUFBVSxFQUFFO1FBQ3RELDhCQUE4QixFQUFFLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFO1FBQzlELG9DQUFvQyxFQUFFO1lBQ3BDLE9BQU8sRUFBRSxvQ0FBb0M7U0FDOUM7S0FDRjtDQUNGLENBQUM7QUFFRixzQkFBc0IsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLENBQUM7QUFFL0MsTUFBTSxPQUFPLHlCQUF5QjtJQUM3QixTQUFTLENBQ2QsVUFBNEIsRUFDNUIsSUFBWTtRQUVaLE9BQU8scUJBQXFCLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztDQUNGO0FBRUQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8sdUJBQXVCOzhHQUF2Qix1QkFBdUI7K0dBQXZCLHVCQUF1QixZQVR4QixhQUFhOytHQVNaLHVCQUF1QixhQVJ2QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSwyQkFBMkI7Z0JBQ3BDLFFBQVEsRUFBRSx5QkFBeUI7Z0JBQ25DLEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixZQVBTLGFBQWE7OzJGQVNaLHVCQUF1QjtrQkFWbkMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCOzRCQUNwQyxRQUFRLEVBQUUseUJBQXlCOzRCQUNuQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qIGlzdGFuYnVsIGlnbm9yZSBmaWxlICovXG5cbi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBsaWIvbW9kdWxlcy9zaGFyZWQvc2t5LXBhZ2VzJyBzY2hlbWF0aWMuXG4gKiBUbyB1cGRhdGUgdGhpcyBmaWxlLCBzaW1wbHkgcmVydW4gdGhlIGNvbW1hbmQuXG4gKi9cbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gIFNreUFwcExvY2FsZUluZm8sXG4gIFNreUkxOG5Nb2R1bGUsXG4gIFNreUxpYlJlc291cmNlcyxcbiAgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIsXG4gIFNreUxpYlJlc291cmNlc1NlcnZpY2UsXG4gIGdldExpYlN0cmluZ0ZvckxvY2FsZSxcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5jb25zdCBSRVNPVVJDRVM6IHsgW2xvY2FsZTogc3RyaW5nXTogU2t5TGliUmVzb3VyY2VzIH0gPSB7XG4gICdFTi1VUyc6IHtcbiAgICBza3lfYWN0aW9uX2h1Yl9yZWxhdGVkX2xpbmtzOiB7IG1lc3NhZ2U6ICdSZWxhdGVkIGxpbmtzJyB9LFxuICAgIHNreV9hY3Rpb25faHViX3JlY2VudF9saW5rczogeyBtZXNzYWdlOiAnUmVjZW50bHkgYWNjZXNzZWQnIH0sXG4gICAgc2t5X2FjdGlvbl9odWJfc2V0dGluZ3NfbGlua3M6IHsgbWVzc2FnZTogJ1NldHRpbmdzJyB9LFxuICAgIHNreV9hY3Rpb25faHViX25lZWRzX2F0dGVudGlvbjogeyBtZXNzYWdlOiAnTmVlZHMgYXR0ZW50aW9uJyB9LFxuICAgIHNreV9hY3Rpb25faHViX25lZWRzX2F0dGVudGlvbl9lbXB0eToge1xuICAgICAgbWVzc2FnZTogJ05vIGlzc3VlcyBjdXJyZW50bHkgbmVlZCBhdHRlbnRpb24nLFxuICAgIH0sXG4gIH0sXG59O1xuXG5Ta3lMaWJSZXNvdXJjZXNTZXJ2aWNlLmFkZFJlc291cmNlcyhSRVNPVVJDRVMpO1xuXG5leHBvcnQgY2xhc3MgU2t5UGFnZXNSZXNvdXJjZXNQcm92aWRlciBpbXBsZW1lbnRzIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyIHtcbiAgcHVibGljIGdldFN0cmluZyhcbiAgICBsb2NhbGVJbmZvOiBTa3lBcHBMb2NhbGVJbmZvLFxuICAgIG5hbWU6IHN0cmluZ1xuICApOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiBnZXRMaWJTdHJpbmdGb3JMb2NhbGUoUkVTT1VSQ0VTLCBsb2NhbGVJbmZvLmxvY2FsZSwgbmFtZSk7XG4gIH1cbn1cblxuLyoqXG4gKiBJbXBvcnQgaW50byBhbnkgY29tcG9uZW50IGxpYnJhcnkgbW9kdWxlIHRoYXQgbmVlZHMgdG8gdXNlIHJlc291cmNlIHN0cmluZ3MuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGV4cG9ydHM6IFtTa3lJMThuTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxuICAgICAgdXNlQ2xhc3M6IFNreVBhZ2VzUmVzb3VyY2VzUHJvdmlkZXIsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlc1Jlc291cmNlc01vZHVsZSB7fVxuIl19

package/fesm2022/skyux-pages.mjs

@@ -2,18 +2,18 @@ import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Pipe, NgModule, Component, Input, inject, ElementRef, Optional, ChangeDetectionStrategy, Injectable, Inject, HostBinding } from '@angular/core';
-import * as i4 from '@skyux/indicators';
+import * as i3 from '@skyux/indicators';
 import { SkyWaitModule, SkyIconModule } from '@skyux/indicators';
-import * as i3 from '@skyux/layout';
+import * as i3$1 from '@skyux/layout';
 import { SkyBoxModule, SkyFluidGridModule } from '@skyux/layout';
 import * as i5 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
 import * as i2 from '@skyux/router';
 import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
-import * as i1$1 from '@skyux/modals';
+import { SkyModalService } from '@skyux/modals';
 import { SkyLogService, SkyTrimModule, SkyDefaultInputProvider, SkyMediaQueryService, SkyMediaBreakpoints, SkyResizeObserverMediaQueryService, SkyLayoutHostService } from '@skyux/core';
 import * as i6 from '@skyux/i18n';
-import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
+import { SkyLibResourcesService, getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
 import { RouterModule } from '@angular/router';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -71,7 +71,7 @@ class SkyLinkListComponent {
     }
     #_links;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyLinkListComponent, selector: "sky-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\n<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"linksArray.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul class=\"sky-link-list\">\n      <li *ngFor=\"let link of linksArray\">\n        <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink.url\">\n          {{ link.label }}\n        </a>\n        <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i4.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyLinkListComponent, selector: "sky-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\n<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"linksArray.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul class=\"sky-link-list\">\n      <li *ngFor=\"let link of linksArray\">\n        <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink.url\">\n          {{ link.label }}\n        </a>\n        <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyLinkListComponent, decorators: [{
             type: Component,
@@ -114,6 +114,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
         }] });
 
 class SkyModalLinkListComponent {
+    constructor() {
+        this.linksArray = [];
+        this.#modalSvc = inject(SkyModalService);
+    }
     set links(value) {
         this.#_links = value;
         this.linksArray = Array.isArray(value) ? value : [];
@@ -122,24 +126,20 @@ class SkyModalLinkListComponent {
         return this.#_links;
     }
     #_links;
-    #modalService;
-    constructor(modalService) {
-        this.linksArray = [];
-        this.#modalService = modalService;
-    }
+    #modalSvc;
     openModal(link) {
         const modal = link.modal;
         if (modal) {
-            this.#modalService.open(modal.component, modal.config);
+            this.#modalSvc.open(modal.component, modal.config);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyModalLinkListComponent, deps: [{ token: i1$1.SkyModalService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\n<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"linksArray.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul class=\"sky-link-list\">\n      <li *ngFor=\"let link of linksArray\">\n        <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink && link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n        <button\n          *ngIf=\"link.modal\"\n          (click)=\"openModal(link)\"\n          class=\"sky-btn sky-btn-link-inline\"\n          type=\"button\"\n        >\n          {{ link.label }}\n        </button>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i4.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyModalLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\n<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"linksArray.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul class=\"sky-link-list\">\n      <li *ngFor=\"let link of linksArray\">\n        <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink && link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n        <button\n          *ngIf=\"link.modal\"\n          (click)=\"openModal(link)\"\n          class=\"sky-btn sky-btn-link-inline\"\n          type=\"button\"\n        >\n          {{ link.label }}\n        </button>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-modal-link-list', template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\n<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"linksArray.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul class=\"sky-link-list\">\n      <li *ngFor=\"let link of linksArray\">\n        <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink?.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink && link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n        <button\n          *ngIf=\"link.modal\"\n          (click)=\"openModal(link)\"\n          class=\"sky-btn sky-btn-link-inline\"\n          type=\"button\"\n        >\n          {{ link.label }}\n        </button>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1$1.SkyModalService }]; }, propDecorators: { links: [{
+        }], propDecorators: { links: [{
                 type: Input
             }], title: [{
                 type: Input
@@ -173,6 +173,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                 }]
         }] });
 
+/* istanbul ignore file */
 /**
  * NOTICE: DO NOT MODIFY THIS FILE!
  * The contents of this file were automatically generated by
@@ -190,6 +191,7 @@ const RESOURCES = {
         },
     },
 };
+SkyLibResourcesService.addResources(RESOURCES);
 class SkyPagesResourcesProvider {
     getString(localeInfo, name) {
         return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
@@ -240,11 +242,11 @@ class SkyNeedsAttentionComponent {
     #items;
     #logService = inject(SkyLogService);
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: { items: "items" }, ngImport: i0, template: "<ng-template #itemsTemplate>\n  <ul>\n    <li\n      *ngFor=\"let item of items; let isLast = last\"\n      class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n      [ngClass]=\"{\n        'sky-border-bottom-row': !isLast\n      }\"\n    >\n      <a\n        *ngIf=\"\n          (item | linkAs : 'skyAppLink') &&\n          item.permalink?.route as permalinkRoute\n        \"\n        [skyAppLink]=\"permalinkRoute.commands\"\n        [queryParams]=\"permalinkRoute.extras?.queryParams\"\n        [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n        [fragment]=\"permalinkRoute.extras?.fragment\"\n        [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n        [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n        [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n        [state]=\"permalinkRoute.extras?.state\"\n        class=\"sky-needs-attention-item\"\n        >{{ item.title }} {{ item.message }}</a\n      >\n      <ng-container *ngIf=\"item.permalink as permalink\">\n        <a\n          *ngIf=\"item | linkAs : 'skyHref'\"\n          [skyHref]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n        <a\n          *ngIf=\"item | linkAs : 'href'\"\n          [href]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n      </ng-container>\n      <button\n        *ngIf=\"item | linkAs : 'button'\"\n        class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n        type=\"button\"\n        (click)=\"item?.click({item})\"\n      >\n        {{ item.title }} {{ item.message }}\n      </button>\n      <sky-icon\n        *skyThemeIf=\"'default'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"caret-right\"\n      ></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </li>\n  </ul>\n</ng-template>\n\n<sky-box>\n  <sky-box-header>\n    <h2 class=\"sky-font-heading-2\">\n      {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n    </h2>\n  </sky-box-header>\n  <sky-box-content>\n    <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n      'sky_action_hub_needs_attention_empty' | skyLibResources\n    }}</ng-container>\n  </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3.λ41, selector: "sky-box", inputs: ["ariaLabel", "ariaLabelledBy", "ariaRole"] }, { kind: "component", type: i3.λ42, selector: "sky-box-header" }, { kind: "component", type: i3.λ43, selector: "sky-box-content" }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i5.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i6.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: { items: "items" }, ngImport: i0, template: "<ng-template #itemsTemplate>\n  <ul>\n    <li\n      *ngFor=\"let item of items; let isLast = last\"\n      class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n      [ngClass]=\"{\n        'sky-border-bottom-row': !isLast\n      }\"\n    >\n      <a\n        *ngIf=\"\n          (item | linkAs : 'skyAppLink') &&\n          item.permalink?.route as permalinkRoute\n        \"\n        [skyAppLink]=\"permalinkRoute.commands\"\n        [queryParams]=\"permalinkRoute.extras?.queryParams\"\n        [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n        [fragment]=\"permalinkRoute.extras?.fragment\"\n        [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n        [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n        [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n        [state]=\"permalinkRoute.extras?.state\"\n        class=\"sky-needs-attention-item\"\n        >{{ item.title }} {{ item.message }}</a\n      >\n      <ng-container *ngIf=\"item.permalink as permalink\">\n        <a\n          *ngIf=\"item | linkAs : 'skyHref'\"\n          [skyHref]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n        <a\n          *ngIf=\"item | linkAs : 'href'\"\n          [href]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n      </ng-container>\n      <button\n        *ngIf=\"item | linkAs : 'button'\"\n        class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n        type=\"button\"\n        (click)=\"item?.click({item})\"\n      >\n        {{ item.title }} {{ item.message }}\n      </button>\n      <sky-icon\n        *skyThemeIf=\"'default'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"caret-right\"\n      ></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"chevron-right\"\n      ></sky-icon>\n    </li>\n  </ul>\n</ng-template>\n\n<sky-box>\n  <sky-box-header>\n    <h2 class=\"sky-font-heading-2\">\n      {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n    </h2>\n  </sky-box-header>\n  <sky-box-content>\n    <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n      'sky_action_hub_needs_attention_empty' | skyLibResources\n    }}</ng-container>\n  </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3$1.λ41, selector: "sky-box", inputs: ["ariaLabel", "ariaLabelledBy", "ariaRole"] }, { kind: "component", type: i3$1.λ42, selector: "sky-box-header" }, { kind: "component", type: i3$1.λ43, selector: "sky-box-content" }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i3.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i5.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i6.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-needs-attention', template: "<ng-template #itemsTemplate>\n  <ul>\n    <li\n      *ngFor=\"let item of items; let isLast = last\"\n      class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n      [ngClass]=\"{\n        'sky-border-bottom-row': !isLast\n      }\"\n    >\n      <a\n        *ngIf=\"\n          (item | linkAs : 'skyAppLink') &&\n          item.permalink?.route as permalinkRoute\n        \"\n        [skyAppLink]=\"permalinkRoute.commands\"\n        [queryParams]=\"permalinkRoute.extras?.queryParams\"\n        [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n        [fragment]=\"permalinkRoute.extras?.fragment\"\n        [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n        [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n        [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n        [state]=\"permalinkRoute.extras?.state\"\n        class=\"sky-needs-attention-item\"\n        >{{ item.title }} {{ item.message }}</a\n      >\n      <ng-container *ngIf=\"item.permalink as permalink\">\n        <a\n          *ngIf=\"item | linkAs : 'skyHref'\"\n          [skyHref]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n        <a\n          *ngIf=\"item | linkAs : 'href'\"\n          [href]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n      </ng-container>\n      <button\n        *ngIf=\"item | linkAs : 'button'\"\n        class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n        type=\"button\"\n        (click)=\"item?.click({item})\"\n      >\n        {{ item.title }} {{ item.message }}\n      </button>\n      <sky-icon\n        *skyThemeIf=\"'default'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"caret-right\"\n      ></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </li>\n  </ul>\n</ng-template>\n\n<sky-box>\n  <sky-box-header>\n    <h2 class=\"sky-font-heading-2\">\n      {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n    </h2>\n  </sky-box-header>\n  <sky-box-content>\n    <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n      'sky_action_hub_needs_attention_empty' | skyLibResources\n    }}</ng-container>\n  </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"] }]
+            args: [{ selector: 'sky-needs-attention', template: "<ng-template #itemsTemplate>\n  <ul>\n    <li\n      *ngFor=\"let item of items; let isLast = last\"\n      class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n      [ngClass]=\"{\n        'sky-border-bottom-row': !isLast\n      }\"\n    >\n      <a\n        *ngIf=\"\n          (item | linkAs : 'skyAppLink') &&\n          item.permalink?.route as permalinkRoute\n        \"\n        [skyAppLink]=\"permalinkRoute.commands\"\n        [queryParams]=\"permalinkRoute.extras?.queryParams\"\n        [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n        [fragment]=\"permalinkRoute.extras?.fragment\"\n        [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n        [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n        [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n        [state]=\"permalinkRoute.extras?.state\"\n        class=\"sky-needs-attention-item\"\n        >{{ item.title }} {{ item.message }}</a\n      >\n      <ng-container *ngIf=\"item.permalink as permalink\">\n        <a\n          *ngIf=\"item | linkAs : 'skyHref'\"\n          [skyHref]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n        <a\n          *ngIf=\"item | linkAs : 'href'\"\n          [href]=\"permalink.url\"\n          class=\"sky-needs-attention-item\"\n          >{{ item.title }} {{ item.message }}</a\n        >\n      </ng-container>\n      <button\n        *ngIf=\"item | linkAs : 'button'\"\n        class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n        type=\"button\"\n        (click)=\"item?.click({item})\"\n      >\n        {{ item.title }} {{ item.message }}\n      </button>\n      <sky-icon\n        *skyThemeIf=\"'default'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"caret-right\"\n      ></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        class=\"sky-needs-attention-item-icon\"\n        icon=\"chevron-right\"\n      ></sky-icon>\n    </li>\n  </ul>\n</ng-template>\n\n<sky-box>\n  <sky-box-header>\n    <h2 class=\"sky-font-heading-2\">\n      {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n    </h2>\n  </sky-box-header>\n  <sky-box-content>\n    <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n      'sky_action_hub_needs_attention_empty' | skyLibResources\n    }}</ng-container>\n  </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"] }]
         }], propDecorators: { items: [{
                 type: Input
             }] } });
@@ -382,7 +384,7 @@ class SkyPageHeaderComponent {
                 provide: SkyMediaQueryService,
                 useExisting: SkyResizeObserverMediaQueryService,
             },
-        ], ngImport: i0, template: "<div class=\"sky-page-header\">\n  <ng-content select=\"sky-page-header-alerts\"></ng-content>\n  <div class=\"sky-page-header-info\">\n    <ng-content select=\"sky-page-header-avatar\"></ng-content>\n    <div>\n      <h1 class=\"sky-page-header-text\">\n        <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n          <a\n            *ngIf=\"parentLink.permalink?.url\"\n            [skyHref]=\"parentLink.permalink.url\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <a\n            *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n            [skyAppLink]=\"permalinkRoute.commands\"\n            [queryParams]=\"permalinkRoute.extras?.queryParams\"\n            [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n            [fragment]=\"permalinkRoute.extras?.fragment\"\n            [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n            [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n            [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n            [state]=\"permalinkRoute.extras?.state\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <span class=\"sky-page-header-chevron\">\n            <sky-icon icon=\"chevron-right\" iconType=\"skyux\" />\n          </span>\n        </span>\n        <wbr *ngIf=\"parentLink\" />\n        <span class=\"sky-page-header-page-title sky-font-heading-1\">\n          {{ pageTitle }}\n        </span>\n      </h1>\n      <div class=\"sky-page-header-content\">\n        <ng-content select=\"sky-page-header-details\"></ng-content>\n        <ng-content select=\"sky-page-header-actions\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }] }); }
+        ], ngImport: i0, template: "<div class=\"sky-page-header\">\n  <ng-content select=\"sky-page-header-alerts\"></ng-content>\n  <div class=\"sky-page-header-info\">\n    <ng-content select=\"sky-page-header-avatar\"></ng-content>\n    <div>\n      <h1 class=\"sky-page-header-text\">\n        <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n          <a\n            *ngIf=\"parentLink.permalink?.url\"\n            [skyHref]=\"parentLink.permalink.url\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <a\n            *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n            [skyAppLink]=\"permalinkRoute.commands\"\n            [queryParams]=\"permalinkRoute.extras?.queryParams\"\n            [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n            [fragment]=\"permalinkRoute.extras?.fragment\"\n            [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n            [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n            [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n            [state]=\"permalinkRoute.extras?.state\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <span class=\"sky-page-header-chevron\">\n            <sky-icon icon=\"chevron-right\" />\n          </span>\n        </span>\n        <wbr *ngIf=\"parentLink\" />\n        <span class=\"sky-page-header-page-title sky-font-heading-1\">\n          {{ pageTitle }}\n        </span>\n      </h1>\n      <div class=\"sky-page-header-content\">\n        <ng-content select=\"sky-page-header-details\"></ng-content>\n        <ng-content select=\"sky-page-header-actions\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
             type: Component,
@@ -392,7 +394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
                             provide: SkyMediaQueryService,
                             useExisting: SkyResizeObserverMediaQueryService,
                         },
-                    ], template: "<div class=\"sky-page-header\">\n  <ng-content select=\"sky-page-header-alerts\"></ng-content>\n  <div class=\"sky-page-header-info\">\n    <ng-content select=\"sky-page-header-avatar\"></ng-content>\n    <div>\n      <h1 class=\"sky-page-header-text\">\n        <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n          <a\n            *ngIf=\"parentLink.permalink?.url\"\n            [skyHref]=\"parentLink.permalink.url\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <a\n            *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n            [skyAppLink]=\"permalinkRoute.commands\"\n            [queryParams]=\"permalinkRoute.extras?.queryParams\"\n            [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n            [fragment]=\"permalinkRoute.extras?.fragment\"\n            [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n            [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n            [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n            [state]=\"permalinkRoute.extras?.state\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <span class=\"sky-page-header-chevron\">\n            <sky-icon icon=\"chevron-right\" iconType=\"skyux\" />\n          </span>\n        </span>\n        <wbr *ngIf=\"parentLink\" />\n        <span class=\"sky-page-header-page-title sky-font-heading-1\">\n          {{ pageTitle }}\n        </span>\n      </h1>\n      <div class=\"sky-page-header-content\">\n        <ng-content select=\"sky-page-header-details\"></ng-content>\n        <ng-content select=\"sky-page-header-actions\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"] }]
+                    ], template: "<div class=\"sky-page-header\">\n  <ng-content select=\"sky-page-header-alerts\"></ng-content>\n  <div class=\"sky-page-header-info\">\n    <ng-content select=\"sky-page-header-avatar\"></ng-content>\n    <div>\n      <h1 class=\"sky-page-header-text\">\n        <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n          <a\n            *ngIf=\"parentLink.permalink?.url\"\n            [skyHref]=\"parentLink.permalink.url\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <a\n            *ngIf=\"parentLink.permalink?.route as permalinkRoute\"\n            [skyAppLink]=\"permalinkRoute.commands\"\n            [queryParams]=\"permalinkRoute.extras?.queryParams\"\n            [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n            [fragment]=\"permalinkRoute.extras?.fragment\"\n            [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n            [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n            [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n            [state]=\"permalinkRoute.extras?.state\"\n            class=\"sky-font-heading-1 sky-page-header-parent-link\"\n            >{{ parentLink.label }}</a\n          >\n          <span class=\"sky-page-header-chevron\">\n            <sky-icon icon=\"chevron-right\" />\n          </span>\n        </span>\n        <wbr *ngIf=\"parentLink\" />\n        <span class=\"sky-page-header-page-title sky-font-heading-1\">\n          {{ pageTitle }}\n        </span>\n      </h1>\n      <div class=\"sky-page-header-content\">\n        <ng-content select=\"sky-page-header-details\"></ng-content>\n        <ng-content select=\"sky-page-header-actions\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, var(--sky-compat-page-header-margin-top-and-bottom, 0) 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"] }]
         }], propDecorators: { parentLink: [{
                 type: Input
             }], pageTitle: [{
@@ -639,7 +641,7 @@ class SkyActionHubComponent {
     }
     #_needsAttention;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-fluid-grid [disableMargin]=\"true\">\n  <sky-row>\n    <sky-column>\n      <sky-page-header\n        [pageTitle]=\"title\"\n        [parentLink]=\"parentLink\"\n      ></sky-page-header>\n    </sky-column>\n  </sky-row>\n  <sky-row>\n    <sky-column [screenLarge]=\"9\" [screenXSmall]=\"12\">\n      <div class=\"sky-margin-stacked-xl\">\n        <ng-content select=\"sky-action-hub-buttons\"></ng-content>\n      </div>\n\n      <div class=\"sky-margin-stacked-xl\">\n        <sky-wait [isWaiting]=\"needsAttention === 'loading'\"></sky-wait>\n        <sky-needs-attention\n          *ngIf=\"needsAttention !== 'loading'\"\n          [items]=\"needsAttentionArray\"\n        ></sky-needs-attention>\n      </div>\n\n      <div class=\"sky-margin-stacked-xl\">\n        <ng-content select=\"sky-action-hub-content\"></ng-content>\n      </div>\n    </sky-column>\n    <sky-column [screenLarge]=\"3\" [screenXSmall]=\"12\">\n      <sky-link-list\n        [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n        [title]=\"'sky_action_hub_related_links' | skyLibResources\"\n      ></sky-link-list>\n      <sky-link-list\n        [links]=\"recentLinks | skyActionHubRecentLinksResolve\"\n        [title]=\"'sky_action_hub_recent_links' | skyLibResources\"\n      ></sky-link-list>\n      <sky-modal-link-list\n        [links]=\"settingsLinks\"\n        [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n      ></sky-modal-link-list>\n    </sky-column>\n  </sky-row>\n</sky-fluid-grid>\n", styles: [":host{--sky-compat-page-header-margin-top-and-bottom: 0;display:block;margin:var(--sky-padding-even-xl)}[aria-busy=true]{display:block;min-height:60px;margin-bottom:var(--sky-margin-stacked-xl)}sky-page-header{margin:0 0 var(--sky-margin-stacked-lg) 0}.sky-margin-stacked-xl:empty{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { kind: "component", type: i3.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { kind: "component", type: i3.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { kind: "component", type: SkyLinkListComponent, selector: "sky-link-list", inputs: ["links", "title"] }, { kind: "component", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: ["links", "title"] }, { kind: "component", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { kind: "component", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { kind: "component", type: i4.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i6.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve" }, { kind: "pipe", type: SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.1", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-fluid-grid [disableMargin]=\"true\">\n  <sky-row>\n    <sky-column>\n      <sky-page-header\n        [pageTitle]=\"title\"\n        [parentLink]=\"parentLink\"\n      ></sky-page-header>\n    </sky-column>\n  </sky-row>\n  <sky-row>\n    <sky-column [screenLarge]=\"9\" [screenXSmall]=\"12\">\n      <div class=\"sky-margin-stacked-xl\">\n        <ng-content select=\"sky-action-hub-buttons\"></ng-content>\n      </div>\n\n      <div class=\"sky-margin-stacked-xl\">\n        <sky-wait [isWaiting]=\"needsAttention === 'loading'\"></sky-wait>\n        <sky-needs-attention\n          *ngIf=\"needsAttention !== 'loading'\"\n          [items]=\"needsAttentionArray\"\n        ></sky-needs-attention>\n      </div>\n\n      <div class=\"sky-margin-stacked-xl\">\n        <ng-content select=\"sky-action-hub-content\"></ng-content>\n      </div>\n    </sky-column>\n    <sky-column [screenLarge]=\"3\" [screenXSmall]=\"12\">\n      <sky-link-list\n        [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n        [title]=\"'sky_action_hub_related_links' | skyLibResources\"\n      ></sky-link-list>\n      <sky-link-list\n        [links]=\"recentLinks | skyActionHubRecentLinksResolve\"\n        [title]=\"'sky_action_hub_recent_links' | skyLibResources\"\n      ></sky-link-list>\n      <sky-modal-link-list\n        [links]=\"settingsLinks\"\n        [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n      ></sky-modal-link-list>\n    </sky-column>\n  </sky-row>\n</sky-fluid-grid>\n", styles: [":host{--sky-compat-page-header-margin-top-and-bottom: 0;display:block;margin:var(--sky-padding-even-xl)}[aria-busy=true]{display:block;min-height:60px;margin-bottom:var(--sky-margin-stacked-xl)}sky-page-header{margin:0 0 var(--sky-margin-stacked-lg) 0}.sky-margin-stacked-xl:empty{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { kind: "component", type: i3$1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { kind: "component", type: i3$1.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { kind: "component", type: SkyLinkListComponent, selector: "sky-link-list", inputs: ["links", "title"] }, { kind: "component", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: ["links", "title"] }, { kind: "component", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { kind: "component", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i6.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve" }, { kind: "pipe", type: SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyActionHubComponent, decorators: [{
             type: Component,