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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/documentation.json +121 -121
  2. package/esm2022/lib/modules/action-hub/types/recent-link.mjs +1 -1
  3. package/esm2022/lib/modules/needs-attention/needs-attention.component.mjs +3 -3
  4. package/esm2022/lib/modules/page-header/page-header.component.mjs +3 -3
  5. package/fesm2022/skyux-pages.mjs +4 -4
  6. package/fesm2022/skyux-pages.mjs.map +1 -1
  7. package/lib/modules/action-hub/types/recent-link.d.ts +1 -1
  8. package/package.json +8 -8
package/esm2022/lib/modules/action-hub/types/recent-link.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjZW50LWxpbmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcmVjZW50LWxpbmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNreVBhZ2VMaW5rIH0gZnJvbSAnLi9wYWdlLWxpbmsnO1xuXG4vKipcbiAqIExpbmsgdGhhdCBhbHNvIGhhcyBhIGRhdGUgZmllbGQgdG8gc29ydCBieS5cbiAqXG4gKiBAcHJvcGVydHkgbGFzdEFjY2Vzc2VkIERhdGUgT2JqZWN0IG9yIElTTy04NjAxIHN0cmluZy5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTa3lSZWNlbnRMaW5rIGV4dGVuZHMgU2t5UGFnZUxpbmsge1xuICBsYXN0QWNjZXNzZWQ6IERhdGUgfCBzdHJpbmc7XG59XG4iXX0=
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVjZW50LWxpbmsuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcmVjZW50LWxpbmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNreVBhZ2VMaW5rIH0gZnJvbSAnLi9wYWdlLWxpbmsnO1xuXG4vKipcbiAqIExpbmsgdGhhdCBhbHNvIGhhcyBhIGRhdGUgZmllbGQgdG8gc29ydCBieS5cbiAqXG4gKiBAcHJvcGVydHkgbGFzdEFjY2Vzc2VkIFRoZSBkYXRlIHdoZW4gdGhlIGxpbmsgd2FzIGxhc3QgYWNjZXNzZWQuIFZhbGlkIHR5cGVzIGFyZSBhIERhdGUgb2JqZWN0IG9yIElTTy04NjAxIHN0cmluZy5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBTa3lSZWNlbnRMaW5rIGV4dGVuZHMgU2t5UGFnZUxpbmsge1xuICBsYXN0QWNjZXNzZWQ6IERhdGUgfCBzdHJpbmc7XG59XG4iXX0=
package/esm2022/lib/modules/needs-attention/needs-attention.component.mjs CHANGED
@@ -25,12 +25,12 @@ export class SkyNeedsAttentionComponent {
25
25
  #items;
26
26
  #logService = inject(SkyLogService);
27
27
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
28
- 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" }] }); }
28
+ 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" }] }); }
29
29
  }
30
30
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
31
31
  type: Component,
32
- 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"] }]
32
+ 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"] }]
33
33
  }], propDecorators: { items: [{
34
34
  type: Input
35
35
  }] } });
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbmVlZHMtYXR0ZW50aW9uL25lZWRzLWF0dGVudGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL25lZWRzLWF0dGVudGlvbi9uZWVkcy1hdHRlbnRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7Ozs7Ozs7OztBQVM1QyxNQUFNLE9BQU8sMEJBQTBCO0lBQ3JDLElBQ1csS0FBSyxDQUFDLEtBQStDO1FBQzlELElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLElBQUksS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQTZCLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUM3RCxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxvQ0FBb0MsRUFBRTtnQkFDaEUsdUJBQXVCLEVBQUUsQ0FBQztnQkFDMUIseUJBQXlCLEVBQUUsc0JBQXNCO2dCQUNqRCxXQUFXLEVBQ1QsOEhBQThIO2FBQ2pJLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQztJQUNELElBQVcsS0FBSztRQUNkLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBRUQsTUFBTSxDQUEyQztJQUNqRCxXQUFXLEdBQUcsTUFBTSxDQUFDLGFBQWEsQ0FBQyxDQUFDOzhHQWxCekIsMEJBQTBCO2tHQUExQiwwQkFBMEIsdUZDVnZDLHU4RUEwRUE7OzJGRGhFYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQU1wQixLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uIH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9hY3Rpb24taHViLW5lZWRzLWF0dGVudGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1uZWVkcy1hdHRlbnRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreU5lZWRzQXR0ZW50aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBpdGVtcyh2YWx1ZTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2l0ZW1zID0gdmFsdWU7XG4gICAgaWYgKHZhbHVlPy5zb21lKChjOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbikgPT4gYy5tZXNzYWdlKSkge1xuICAgICAgdGhpcy4jbG9nU2VydmljZS5kZXByZWNhdGVkKGBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbi5tZXNzYWdlYCwge1xuICAgICAgICBkZXByZWNhdGlvbk1ham9yVmVyc2lvbjogNyxcbiAgICAgICAgcmVwbGFjZW1lbnRSZWNvbW1lbmRhdGlvbjogJ1VzZSBgdGl0bGVgIGluc3RlYWQuJyxcbiAgICAgICAgbW9yZUluZm9Vcmw6XG4gICAgICAgICAgJ2h0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9hY3Rpb24taHViP2RvY3MtYWN0aXZlLXRhYj1kZXZlbG9wbWVudCNpbnRlcmZhY2Utc2t5YWN0aW9uaHVibmVlZHNhdHRlbnRpb24nLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG4gIHB1YmxpYyBnZXQgaXRlbXMoKTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI2l0ZW1zO1xuICB9XG5cbiAgI2l0ZW1zOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbltdIHwgdW5kZWZpbmVkO1xuICAjbG9nU2VydmljZSA9IGluamVjdChTa3lMb2dTZXJ2aWNlKTtcbn1cbiIsIjxuZy10ZW1wbGF0ZSAjaXRlbXNUZW1wbGF0ZT5cbiAgPHVsPlxuICAgIDxsaVxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpc0xhc3QgPSBsYXN0XCJcbiAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLXdyYXBwZXIgc2t5LWZvbnQtZW1waGFzaXplZFwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdza3ktYm9yZGVyLWJvdHRvbS1yb3cnOiAhaXNMYXN0XG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8YVxuICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgIChpdGVtIHwgbGlua0FzIDogJ3NreUFwcExpbmsnKSAmJlxuICAgICAgICAgIGl0ZW0ucGVybWFsaW5rPy5yb3V0ZSBhcyBwZXJtYWxpbmtSb3V0ZVxuICAgICAgICBcIlxuICAgICAgICBbc2t5QXBwTGlua109XCJwZXJtYWxpbmtSb3V0ZS5jb21tYW5kc1wiXG4gICAgICAgIFtxdWVyeVBhcmFtc109XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXCJcbiAgICAgICAgW2ZyYWdtZW50XT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgW3JlcGxhY2VVcmxdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5yZXBsYWNlVXJsXCJcbiAgICAgICAgW3N0YXRlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc3RhdGVcIlxuICAgICAgICBjbGFzcz1cInNreS1uZWVkcy1hdHRlbnRpb24taXRlbVwiXG4gICAgICAgID57eyBpdGVtLnRpdGxlIH19IHt7IGl0ZW0ubWVzc2FnZSB9fTwvYVxuICAgICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0ucGVybWFsaW5rIGFzIHBlcm1hbGlua1wiPlxuICAgICAgICA8YVxuICAgICAgICAgICpuZ0lmPVwiaXRlbSB8IGxpbmtBcyA6ICdza3lIcmVmJ1wiXG4gICAgICAgICAgW3NreUhyZWZdPVwicGVybWFsaW5rLnVybFwiXG4gICAgICAgICAgY2xhc3M9XCJza3ktbmVlZHMtYXR0ZW50aW9uLWl0ZW1cIlxuICAgICAgICAgID57eyBpdGVtLnRpdGxlIH19IHt7IGl0ZW0ubWVzc2FnZSB9fTwvYVxuICAgICAgICA+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nSWY9XCJpdGVtIHwgbGlua0FzIDogJ2hyZWYnXCJcbiAgICAgICAgICBbaHJlZl09XCJwZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICBjbGFzcz1cInNreS1uZWVkcy1hdHRlbnRpb24taXRlbVwiXG4gICAgICAgICAgPnt7IGl0ZW0udGl0bGUgfX0ge3sgaXRlbS5tZXNzYWdlIH19PC9hXG4gICAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIml0ZW0gfCBsaW5rQXMgOiAnYnV0dG9uJ1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtIHNreS1idG4gc2t5LWJ0bi1saW5rLWlubGluZVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwiaXRlbT8uY2xpY2soe2l0ZW19KVwiXG4gICAgICA+XG4gICAgICAgIHt7IGl0ZW0udGl0bGUgfX0ge3sgaXRlbS5tZXNzYWdlIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxza3ktaWNvblxuICAgICAgICAqc2t5VGhlbWVJZj1cIidkZWZhdWx0J1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLWljb25cIlxuICAgICAgICBpY29uPVwiY2FyZXQtcmlnaHRcIlxuICAgICAgPjwvc2t5LWljb24+XG4gICAgICA8c2t5LWljb25cbiAgICAgICAgKnNreVRoZW1lSWY9XCInbW9kZXJuJ1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLWljb25cIlxuICAgICAgICBpY29uPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICAgIGljb25UeXBlPVwic2t5dXhcIlxuICAgICAgPjwvc2t5LWljb24+XG4gICAgPC9saT5cbiAgPC91bD5cbjwvbmctdGVtcGxhdGU+XG5cbjxza3ktYm94PlxuICA8c2t5LWJveC1oZWFkZXI+XG4gICAgPGgyIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy0yXCI+XG4gICAgICB7eyAnc2t5X2FjdGlvbl9odWJfbmVlZHNfYXR0ZW50aW9uJyB8IHNreUxpYlJlc291cmNlcyB9fVxuICAgIDwvaDI+XG4gIDwvc2t5LWJveC1oZWFkZXI+XG4gIDxza3ktYm94LWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW1zPy5sZW5ndGggPT09IDA7IGVsc2UgaXRlbXNUZW1wbGF0ZVwiPnt7XG4gICAgICAnc2t5X2FjdGlvbl9odWJfbmVlZHNfYXR0ZW50aW9uX2VtcHR5JyB8IHNreUxpYlJlc291cmNlc1xuICAgIH19PC9uZy1jb250YWluZXI+XG4gIDwvc2t5LWJveC1jb250ZW50PlxuPC9za3ktYm94PlxuIl19
36
+ //# 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 CHANGED
@@ -26,7 +26,7 @@ export class SkyPageHeaderComponent {
26
26
  provide: SkyMediaQueryService,
27
27
  useExisting: SkyResizeObserverMediaQueryService,
28
28
  },
29
- ], 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"] }] }); }
29
+ ], 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"] }] }); }
30
30
  }
31
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
32
32
  type: Component,
@@ -36,10 +36,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
36
36
  provide: SkyMediaQueryService,
37
37
  useExisting: SkyResizeObserverMediaQueryService,
38
38
  },
39
- ], 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"] }]
39
+ ], 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"] }]
40
40
  }], propDecorators: { parentLink: [{
41
41
  type: Input
42
42
  }], pageTitle: [{
43
43
  type: Input
44
44
  }] } });
45
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixrQ0FBa0MsR0FDbkMsTUFBTSxhQUFhLENBQUM7Ozs7O0FBSXJCLElBQUksVUFBdUIsQ0FBQztBQUU1Qjs7R0FFRztBQWFILE1BQU0sT0FBTyxzQkFBc0I7SUFhakMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNqQyxrQkFBa0IsR0FBRyxNQUFNLENBQUMsa0NBQWtDLENBQUMsQ0FBQztJQUV6RCxRQUFRO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2hELHVCQUF1QixFQUFFLElBQUk7U0FDOUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3RDLENBQUM7OEdBeEJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHdHQVJ0QjtZQUNULGtDQUFrQztZQUNsQztnQkFDRSxPQUFPLEVBQUUsb0JBQW9CO2dCQUM3QixXQUFXLEVBQUUsa0NBQWtDO2FBQ2hEO1NBQ0YsMEJDOUJILGsxREEwQ0E7OzJGRFZhLHNCQUFzQjtrQkFabEMsU0FBUzsrQkFDRSxpQkFBaUIsYUFHaEI7d0JBQ1Qsa0NBQWtDO3dCQUNsQzs0QkFDRSxPQUFPLEVBQUUsb0JBQW9COzRCQUM3QixXQUFXLEVBQUUsa0NBQWtDO3lCQUNoRDtxQkFDRjs4QkFPTSxVQUFVO3NCQURoQixLQUFLO2dCQU9DLFNBQVM7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU2t5UGFnZUxpbmsgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGluayc7XG5cbmxldCBwYXJlbnRMaW5rOiBTa3lQYWdlTGluaztcblxuLyoqXG4gKiBEaXNwbGF5cyBwYWdlIGhlYWRpbmcncyBjb250ZW50cyB1c2luZyBzcGFjaW5nIHRoYXQgY29ycmVzcG9uZHMgdG8gdGhlIHBhcmVudCBwYWdlJ3MgbGF5b3V0XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1wYWdlLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG4gICAge1xuICAgICAgcHJvdmlkZTogU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gICAgICB1c2VFeGlzdGluZzogU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogQSBsaW5rIHRvIHRoZSBwYXJlbnQgcGFnZSBvZiB0aGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBhcmVudExpbms/OiB0eXBlb2YgcGFyZW50TGluaztcblxuICAvKipcbiAgICogVGhlIHRpdGxlIG9mIHRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGFnZVRpdGxlITogc3RyaW5nO1xuXG4gICNlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICAjbWVkaWFRdWVyeVNlcnZpY2UgPSBpbmplY3QoU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlLm9ic2VydmUodGhpcy4jZWxlbWVudFJlZiwge1xuICAgICAgdXBkYXRlUmVzcG9uc2l2ZUNsYXNzZXM6IHRydWUsXG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jbWVkaWFRdWVyeVNlcnZpY2UudW5vYnNlcnZlKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWFsZXJ0c1wiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInNreS1wYWdlLWhlYWRlci1pbmZvXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWF2YXRhclwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2PlxuICAgICAgPGgxIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLXRleHRcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJwYXJlbnRMaW5rXCIgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmstd3JhcHBlclwiPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICAqbmdJZj1cInBhcmVudExpbmsucGVybWFsaW5rPy51cmxcIlxuICAgICAgICAgICAgW3NreUhyZWZdPVwicGFyZW50TGluay5wZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy0xIHNreS1wYWdlLWhlYWRlci1wYXJlbnQtbGlua1wiXG4gICAgICAgICAgICA+e3sgcGFyZW50TGluay5sYWJlbCB9fTwvYVxuICAgICAgICAgID5cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgKm5nSWY9XCJwYXJlbnRMaW5rLnBlcm1hbGluaz8ucm91dGUgYXMgcGVybWFsaW5rUm91dGVcIlxuICAgICAgICAgICAgW3NreUFwcExpbmtdPVwicGVybWFsaW5rUm91dGUuY29tbWFuZHNcIlxuICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXCJcbiAgICAgICAgICAgIFtmcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LmZyYWdtZW50XCJcbiAgICAgICAgICAgIFtwcmVzZXJ2ZUZyYWdtZW50XT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucHJlc2VydmVGcmFnbWVudFwiXG4gICAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgICAgIFtyZXBsYWNlVXJsXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucmVwbGFjZVVybFwiXG4gICAgICAgICAgICBbc3RhdGVdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5zdGF0ZVwiXG4gICAgICAgICAgICBjbGFzcz1cInNreS1mb250LWhlYWRpbmctMSBza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmtcIlxuICAgICAgICAgICAgPnt7IHBhcmVudExpbmsubGFiZWwgfX08L2FcbiAgICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItY2hldnJvblwiPlxuICAgICAgICAgICAgPHNreS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCIgaWNvblR5cGU9XCJza3l1eFwiIC8+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDx3YnIgKm5nSWY9XCJwYXJlbnRMaW5rXCIgLz5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItcGFnZS10aXRsZSBza3ktZm9udC1oZWFkaW5nLTFcIj5cbiAgICAgICAgICB7eyBwYWdlVGl0bGUgfX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9oMT5cbiAgICAgIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktcGFnZS1oZWFkZXItZGV0YWlsc1wiPjwvbmctY29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWFjdGlvbnNcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
45
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixrQ0FBa0MsR0FDbkMsTUFBTSxhQUFhLENBQUM7Ozs7O0FBSXJCLElBQUksVUFBdUIsQ0FBQztBQUU1Qjs7R0FFRztBQWFILE1BQU0sT0FBTyxzQkFBc0I7SUFhakMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNqQyxrQkFBa0IsR0FBRyxNQUFNLENBQUMsa0NBQWtDLENBQUMsQ0FBQztJQUV6RCxRQUFRO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2hELHVCQUF1QixFQUFFLElBQUk7U0FDOUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3RDLENBQUM7OEdBeEJVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHdHQVJ0QjtZQUNULGtDQUFrQztZQUNsQztnQkFDRSxPQUFPLEVBQUUsb0JBQW9CO2dCQUM3QixXQUFXLEVBQUUsa0NBQWtDO2FBQ2hEO1NBQ0YsMEJDOUJILCt6REEwQ0E7OzJGRFZhLHNCQUFzQjtrQkFabEMsU0FBUzsrQkFDRSxpQkFBaUIsYUFHaEI7d0JBQ1Qsa0NBQWtDO3dCQUNsQzs0QkFDRSxPQUFPLEVBQUUsb0JBQW9COzRCQUM3QixXQUFXLEVBQUUsa0NBQWtDO3lCQUNoRDtxQkFDRjs4QkFPTSxVQUFVO3NCQURoQixLQUFLO2dCQU9DLFNBQVM7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU2t5UGFnZUxpbmsgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGluayc7XG5cbmxldCBwYXJlbnRMaW5rOiBTa3lQYWdlTGluaztcblxuLyoqXG4gKiBEaXNwbGF5cyBwYWdlIGhlYWRpbmcncyBjb250ZW50cyB1c2luZyBzcGFjaW5nIHRoYXQgY29ycmVzcG9uZHMgdG8gdGhlIHBhcmVudCBwYWdlJ3MgbGF5b3V0XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1wYWdlLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1xuICAgIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG4gICAge1xuICAgICAgcHJvdmlkZTogU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gICAgICB1c2VFeGlzdGluZzogU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogQSBsaW5rIHRvIHRoZSBwYXJlbnQgcGFnZSBvZiB0aGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBhcmVudExpbms/OiB0eXBlb2YgcGFyZW50TGluaztcblxuICAvKipcbiAgICogVGhlIHRpdGxlIG9mIHRoZSBjdXJyZW50IHBhZ2UuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGFnZVRpdGxlITogc3RyaW5nO1xuXG4gICNlbGVtZW50UmVmID0gaW5qZWN0KEVsZW1lbnRSZWYpO1xuICAjbWVkaWFRdWVyeVNlcnZpY2UgPSBpbmplY3QoU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlLm9ic2VydmUodGhpcy4jZWxlbWVudFJlZiwge1xuICAgICAgdXBkYXRlUmVzcG9uc2l2ZUNsYXNzZXM6IHRydWUsXG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jbWVkaWFRdWVyeVNlcnZpY2UudW5vYnNlcnZlKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWFsZXJ0c1wiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInNreS1wYWdlLWhlYWRlci1pbmZvXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWF2YXRhclwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2PlxuICAgICAgPGgxIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLXRleHRcIj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJwYXJlbnRMaW5rXCIgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmstd3JhcHBlclwiPlxuICAgICAgICAgIDxhXG4gICAgICAgICAgICAqbmdJZj1cInBhcmVudExpbmsucGVybWFsaW5rPy51cmxcIlxuICAgICAgICAgICAgW3NreUhyZWZdPVwicGFyZW50TGluay5wZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICAgIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy0xIHNreS1wYWdlLWhlYWRlci1wYXJlbnQtbGlua1wiXG4gICAgICAgICAgICA+e3sgcGFyZW50TGluay5sYWJlbCB9fTwvYVxuICAgICAgICAgID5cbiAgICAgICAgICA8YVxuICAgICAgICAgICAgKm5nSWY9XCJwYXJlbnRMaW5rLnBlcm1hbGluaz8ucm91dGUgYXMgcGVybWFsaW5rUm91dGVcIlxuICAgICAgICAgICAgW3NreUFwcExpbmtdPVwicGVybWFsaW5rUm91dGUuY29tbWFuZHNcIlxuICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXCJcbiAgICAgICAgICAgIFtmcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LmZyYWdtZW50XCJcbiAgICAgICAgICAgIFtwcmVzZXJ2ZUZyYWdtZW50XT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucHJlc2VydmVGcmFnbWVudFwiXG4gICAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgICAgIFtyZXBsYWNlVXJsXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucmVwbGFjZVVybFwiXG4gICAgICAgICAgICBbc3RhdGVdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5zdGF0ZVwiXG4gICAgICAgICAgICBjbGFzcz1cInNreS1mb250LWhlYWRpbmctMSBza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmtcIlxuICAgICAgICAgICAgPnt7IHBhcmVudExpbmsubGFiZWwgfX08L2FcbiAgICAgICAgICA+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItY2hldnJvblwiPlxuICAgICAgICAgICAgPHNreS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCIgLz5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHdiciAqbmdJZj1cInBhcmVudExpbmtcIiAvPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNreS1wYWdlLWhlYWRlci1wYWdlLXRpdGxlIHNreS1mb250LWhlYWRpbmctMVwiPlxuICAgICAgICAgIHt7IHBhZ2VUaXRsZSB9fVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L2gxPlxuICAgICAgPGRpdiBjbGFzcz1cInNreS1wYWdlLWhlYWRlci1jb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLWhlYWRlci1kZXRhaWxzXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktcGFnZS1oZWFkZXItYWN0aW9uc1wiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
package/fesm2022/skyux-pages.mjs CHANGED
@@ -242,11 +242,11 @@ class SkyNeedsAttentionComponent {
242
242
  #items;
243
243
  #logService = inject(SkyLogService);
244
244
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
245
- 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$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" }] }); }
245
+ 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" }] }); }
246
246
  }
247
247
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
248
248
  type: Component,
249
- 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"] }]
249
+ 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"] }]
250
250
  }], propDecorators: { items: [{
251
251
  type: Input
252
252
  }] } });
@@ -384,7 +384,7 @@ class SkyPageHeaderComponent {
384
384
  provide: SkyMediaQueryService,
385
385
  useExisting: SkyResizeObserverMediaQueryService,
386
386
  },
387
- ], 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"] }] }); }
387
+ ], 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"] }] }); }
388
388
  }
389
389
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
390
390
  type: Component,
@@ -394,7 +394,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.1", ngImpor
394
394
  provide: SkyMediaQueryService,
395
395
  useExisting: SkyResizeObserverMediaQueryService,
396
396
  },
397
- ], 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"] }]
397
+ ], 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"] }]
398
398
  }], propDecorators: { parentLink: [{
399
399
  type: Input
400
400
  }], pageTitle: [{