@skyux/pages 5.9.4 → 6.0.0-beta.10

package/bundles/skyux-pages.umd.js

@@ -1,809 +0,0 @@
-(function (global, factory) {
-        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/router'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/layout'), require('@skyux/router'), require('@skyux/theme'), require('rxjs'), require('rxjs/operators')) :
-        typeof define === 'function' && define.amd ? define('@skyux/pages', ['exports', '@angular/common', '@angular/core', '@angular/router', '@skyux/i18n', '@skyux/indicators', '@skyux/layout', '@skyux/router', '@skyux/theme', 'rxjs', 'rxjs/operators'], factory) :
-        (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.pages = {}), global.ng.common, global.ng.core, global.ng.router, global.i6, global.i2, global.i1, global.i4, global.i3, global.rxjs, global.rxjs.operators));
-})(this, (function (exports, i2$1, i0, router, i6, i2, i1, i4, i3, rxjs, operators) { 'use strict';
-
-        function _interopNamespace(e) {
-                if (e && e.__esModule) return e;
-                var n = Object.create(null);
-                if (e) {
-                        Object.keys(e).forEach(function (k) {
-                                if (k !== 'default') {
-                                        var d = Object.getOwnPropertyDescriptor(e, k);
-                                        Object.defineProperty(n, k, d.get ? d : {
-                                                enumerable: true,
-                                                get: function () { return e[k]; }
-                                        });
-                                }
-                        });
-                }
-                n["default"] = e;
-                return Object.freeze(n);
-        }
-
-        var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-        var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-        var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-        var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-        var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-        var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-        var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-
-        var SkyLinkListComponent = /** @class */ (function () {
-            function SkyLinkListComponent() {
-            }
-            return SkyLinkListComponent;
-        }());
-        SkyLinkListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLinkListComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyLinkListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyLinkListComponent, selector: "sky-link-list", inputs: { links: "links", title: "title" }, ngImport: i0__namespace, template: "<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 sky-margin-stacked-sm\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <sky-wait [isWaiting]=\"true\"></sky-wait>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"links?.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul\n      class=\"sky-link-list\"\n      [skyThemeClass]=\"{\n        'sky-margin-stacked-separate': 'default',\n        'sky-margin-stacked-xl': 'modern'\n      }\"\n    >\n      <li\n        *ngFor=\"let link of links\"\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-default': 'default',\n          'sky-margin-stacked-sm': 'modern'\n        }\"\n      >\n        <a *ngIf=\"link.permalink.url\" [skyHref]=\"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: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}\n"], components: [{ type: i2__namespace.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4__namespace.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLinkListComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-link-list',
-                            template: "<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 sky-margin-stacked-sm\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <sky-wait [isWaiting]=\"true\"></sky-wait>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"links?.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul\n      class=\"sky-link-list\"\n      [skyThemeClass]=\"{\n        'sky-margin-stacked-separate': 'default',\n        'sky-margin-stacked-xl': 'modern'\n      }\"\n    >\n      <li\n        *ngFor=\"let link of links\"\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-default': 'default',\n          'sky-margin-stacked-sm': 'modern'\n        }\"\n      >\n        <a *ngIf=\"link.permalink.url\" [skyHref]=\"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: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}\n"],
-                        }]
-                }], propDecorators: { links: [{
-                        type: i0.Input
-                    }], title: [{
-                        type: i0.Input
-                    }] } });
-
-        var SkyNeedsAttentionComponent = /** @class */ (function () {
-            function SkyNeedsAttentionComponent() {
-                this.gutterSize = 'large';
-            }
-            return SkyNeedsAttentionComponent;
-        }());
-        SkyNeedsAttentionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNeedsAttentionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyNeedsAttentionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: { items: "items" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-needs-attention-container\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large sky-shadow': 'default',\n    'sky-box sky-elevation-1-bordered sky-padding-even-xl': 'modern'\n  }\"\n>\n  <h2 class=\"sky-font-heading-4\">\n    {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n  </h2>\n  <sky-fluid-grid [gutterSize]=\"gutterSize\" [disableMargin]=\"true\">\n    <sky-row>\n      <sky-column *ngIf=\"items?.length === 0\" [screenXSmall]=\"12\">\n        {{ 'sky_action_hub_needs_attention_empty' | skyLibResources }}\n      </sky-column>\n      <sky-column\n        *ngFor=\"let item of items; let isLast = last\"\n        [screenSmall]=\"items.length > 6 ? 6 : 12\"\n        [screenXSmall]=\"12\"\n      >\n        <ng-template #link>\n          <sky-icon\n            *skyThemeIf=\"'default'\"\n            class=\"sky-needs-attention-item-icon\"\n            icon=\"chevron-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          <sky-key-info\n            layout=\"horizontal\"\n            class=\"sky-needs-attention-item-key-info\"\n          >\n            <sky-key-info-label>{{ item.message }}</sky-key-info-label>\n            <sky-key-info-value\n              [skyThemeClass]=\"{\n                'sky-emphasized': 'default',\n                'sky-font-display-4': 'modern'\n              }\"\n            >\n              {{ item.title }}\n            </sky-key-info-value>\n          </sky-key-info>\n        </ng-template>\n        <a\n          *ngIf=\"item.permalink.route\"\n          [skyAppLink]=\"item.permalink.route.commands\"\n          [queryParams]=\"item.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            item.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"item.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"item.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"item.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"item.permalink.route.extras?.replaceUrl\"\n          [state]=\"item.permalink.route.extras?.state\"\n          class=\"\n            sky-needs-attention-item\n            sky-padding-vertical-lg\n            sky-border-bottom-row\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n        <a\n          *ngIf=\"item.permalink.url\"\n          [skyHref]=\"item.permalink.url\"\n          class=\"\n            sky-needs-attention-item\n            sky-padding-vertical-lg\n            sky-border-bottom-row\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n      </sky-column>\n    </sky-row>\n  </sky-fluid-grid>\n</div>\n", styles: [".sky-needs-attention-container{background-color:#fff}.sky-needs-attention-item{display:flex;flex-wrap:nowrap;align-items:center}.sky-needs-attention-item-icon{color:#686c73}.sky-needs-attention-item-key-info{flex-grow:1}.sky-needs-attention-item-icon{order:1}.sky-needs-attention-item sky-key-info-value{color:#0974a1}.sky-needs-attention-item:hover sky-key-info-value,.sky-needs-attention-item:hover sky-key-info-label{text-decoration:underline}.sky-needs-attention-item:focus{outline:none}.sky-needs-attention-item:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}sky-column:last-child>a{border-bottom:none}\n"], components: [{ type: i1__namespace.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i1__namespace.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i1__namespace.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i2__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2__namespace.λ8, selector: "sky-key-info", inputs: ["layout"] }, { type: i2__namespace.λ6, selector: "sky-key-info-label" }, { type: i2__namespace.λ7, selector: "sky-key-info-value" }], directives: [{ type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i4__namespace.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i2__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }], pipes: { "skyLibResources": i6__namespace.SkyLibResourcesPipe } });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNeedsAttentionComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-needs-attention',
-                            template: "<div\n  class=\"sky-needs-attention-container\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large sky-shadow': 'default',\n    'sky-box sky-elevation-1-bordered sky-padding-even-xl': 'modern'\n  }\"\n>\n  <h2 class=\"sky-font-heading-4\">\n    {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n  </h2>\n  <sky-fluid-grid [gutterSize]=\"gutterSize\" [disableMargin]=\"true\">\n    <sky-row>\n      <sky-column *ngIf=\"items?.length === 0\" [screenXSmall]=\"12\">\n        {{ 'sky_action_hub_needs_attention_empty' | skyLibResources }}\n      </sky-column>\n      <sky-column\n        *ngFor=\"let item of items; let isLast = last\"\n        [screenSmall]=\"items.length > 6 ? 6 : 12\"\n        [screenXSmall]=\"12\"\n      >\n        <ng-template #link>\n          <sky-icon\n            *skyThemeIf=\"'default'\"\n            class=\"sky-needs-attention-item-icon\"\n            icon=\"chevron-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          <sky-key-info\n            layout=\"horizontal\"\n            class=\"sky-needs-attention-item-key-info\"\n          >\n            <sky-key-info-label>{{ item.message }}</sky-key-info-label>\n            <sky-key-info-value\n              [skyThemeClass]=\"{\n                'sky-emphasized': 'default',\n                'sky-font-display-4': 'modern'\n              }\"\n            >\n              {{ item.title }}\n            </sky-key-info-value>\n          </sky-key-info>\n        </ng-template>\n        <a\n          *ngIf=\"item.permalink.route\"\n          [skyAppLink]=\"item.permalink.route.commands\"\n          [queryParams]=\"item.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            item.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"item.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"item.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"item.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"item.permalink.route.extras?.replaceUrl\"\n          [state]=\"item.permalink.route.extras?.state\"\n          class=\"\n            sky-needs-attention-item\n            sky-padding-vertical-lg\n            sky-border-bottom-row\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n        <a\n          *ngIf=\"item.permalink.url\"\n          [skyHref]=\"item.permalink.url\"\n          class=\"\n            sky-needs-attention-item\n            sky-padding-vertical-lg\n            sky-border-bottom-row\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n      </sky-column>\n    </sky-row>\n  </sky-fluid-grid>\n</div>\n",
-                            styles: [".sky-needs-attention-container{background-color:#fff}.sky-needs-attention-item{display:flex;flex-wrap:nowrap;align-items:center}.sky-needs-attention-item-icon{color:#686c73}.sky-needs-attention-item-key-info{flex-grow:1}.sky-needs-attention-item-icon{order:1}.sky-needs-attention-item sky-key-info-value{color:#0974a1}.sky-needs-attention-item:hover sky-key-info-value,.sky-needs-attention-item:hover sky-key-info-label{text-decoration:underline}.sky-needs-attention-item:focus{outline:none}.sky-needs-attention-item:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}sky-column:last-child>a{border-bottom:none}\n"],
-                        }]
-                }], propDecorators: { items: [{
-                        type: i0.Input
-                    }] } });
-
-        var parentLink;
-        var SkyPageHeaderComponent = /** @class */ (function () {
-            function SkyPageHeaderComponent() {
-            }
-            return SkyPageHeaderComponent;
-        }());
-        SkyPageHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyPageHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0__namespace, template: "<h1 class=\"sky-page-header\">\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\"\n      [skyAppLink]=\"parentLink.permalink.route.commands\"\n      [queryParams]=\"parentLink.permalink.route.extras?.queryParams\"\n      [queryParamsHandling]=\"\n        parentLink.permalink.route.extras?.queryParamsHandling\n      \"\n      [fragment]=\"parentLink.permalink.route.extras?.fragment\"\n      [preserveFragment]=\"parentLink.permalink.route.extras?.preserveFragment\"\n      [skipLocationChange]=\"\n        parentLink.permalink.route.extras?.skipLocationChange\n      \"\n      [replaceUrl]=\"parentLink.permalink.route.extras?.replaceUrl\"\n      [state]=\"parentLink.permalink.route.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 *skyThemeIf=\"'default'\" icon=\"chevron-right\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      ></sky-icon>\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", styles: [".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}: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"], components: [{ type: i2__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4__namespace.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-page-header',
-                            template: "<h1 class=\"sky-page-header\">\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\"\n      [skyAppLink]=\"parentLink.permalink.route.commands\"\n      [queryParams]=\"parentLink.permalink.route.extras?.queryParams\"\n      [queryParamsHandling]=\"\n        parentLink.permalink.route.extras?.queryParamsHandling\n      \"\n      [fragment]=\"parentLink.permalink.route.extras?.fragment\"\n      [preserveFragment]=\"parentLink.permalink.route.extras?.preserveFragment\"\n      [skipLocationChange]=\"\n        parentLink.permalink.route.extras?.skipLocationChange\n      \"\n      [replaceUrl]=\"parentLink.permalink.route.extras?.replaceUrl\"\n      [state]=\"parentLink.permalink.route.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 *skyThemeIf=\"'default'\" icon=\"chevron-right\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      ></sky-icon>\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",
-                            styles: [".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}: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: i0.Input
-                    }], pageTitle: [{
-                        type: i0.Input
-                    }] } });
-
-        var SkyPageHeaderModule = /** @class */ (function () {
-            function SkyPageHeaderModule() {
-            }
-            return SkyPageHeaderModule;
-        }());
-        SkyPageHeaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyPageHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [i2$1.CommonModule,
-                router.RouterModule,
-                i4.SkyAppLinkModule,
-                i2.SkyIconModule,
-                i3.SkyThemeModule,
-                i4.SkyHrefModule], exports: [SkyPageHeaderComponent] });
-        SkyPageHeaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, imports: [[
-                    i2$1.CommonModule,
-                    router.RouterModule,
-                    i4.SkyAppLinkModule,
-                    i2.SkyIconModule,
-                    i3.SkyThemeModule,
-                    i4.SkyHrefModule,
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            imports: [
-                                i2$1.CommonModule,
-                                router.RouterModule,
-                                i4.SkyAppLinkModule,
-                                i2.SkyIconModule,
-                                i3.SkyThemeModule,
-                                i4.SkyHrefModule,
-                            ],
-                            declarations: [SkyPageHeaderComponent],
-                            exports: [SkyPageHeaderComponent],
-                        }]
-                }] });
-
-        /**
-         * NOTICE: DO NOT MODIFY THIS FILE!
-         * The contents of this file were automatically generated by
-         * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-pages' schematic.
-         * To update this file, simply rerun the command.
-         */
-        var RESOURCES = {
-            'EN-US': {
-                sky_action_hub_related_links: { message: 'Related Links' },
-                sky_action_hub_recent_links: { message: 'Recently Accessed' },
-                sky_action_hub_needs_attention: { message: 'Needs Attention' },
-                sky_action_hub_needs_attention_empty: {
-                    message: 'No issues currently need attention',
-                },
-            },
-        };
-        var SkyPagesResourcesProvider = /** @class */ (function () {
-            function SkyPagesResourcesProvider() {
-            }
-            SkyPagesResourcesProvider.prototype.getString = function (localeInfo, name) {
-                return i6.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-            };
-            return SkyPagesResourcesProvider;
-        }());
-        /**
-         * Import into any component library module that needs to use resource strings.
-         */
-        var SkyPagesResourcesModule = /** @class */ (function () {
-            function SkyPagesResourcesModule() {
-            }
-            return SkyPagesResourcesModule;
-        }());
-        SkyPagesResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagesResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyPagesResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagesResourcesModule, exports: [i6.SkyI18nModule] });
-        SkyPagesResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagesResourcesModule, providers: [
-                {
-                    provide: i6.SKY_LIB_RESOURCES_PROVIDERS,
-                    useClass: SkyPagesResourcesProvider,
-                    multi: true,
-                },
-            ], imports: [i6.SkyI18nModule] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagesResourcesModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            exports: [i6.SkyI18nModule],
-                            providers: [
-                                {
-                                    provide: i6.SKY_LIB_RESOURCES_PROVIDERS,
-                                    useClass: SkyPagesResourcesProvider,
-                                    multi: true,
-                                },
-                            ],
-                        }]
-                }] });
-
-        /**
-         * Displays buttons after the page title.
-         *
-         * Example:
-         *
-         * ```html
-         * <a class="sky-btn sky-btn-default" href="path/to/new">New</a>
-         * ```
-         */
-        var SkyActionHubButtonsComponent = /** @class */ (function () {
-            function SkyActionHubButtonsComponent() {
-            }
-            return SkyActionHubButtonsComponent;
-        }());
-        SkyActionHubButtonsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubButtonsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubButtonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubButtonsComponent, selector: "sky-action-hub-buttons", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubButtonsComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-action-hub-buttons',
-                            template: "<ng-content></ng-content>\n",
-                        }]
-                }] });
-
-        /**
-         * Displays additional content after the action items.
-         */
-        var SkyActionHubContentComponent = /** @class */ (function () {
-            function SkyActionHubContentComponent() {
-            }
-            return SkyActionHubContentComponent;
-        }());
-        SkyActionHubContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubContentComponent, selector: "sky-action-hub-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubContentComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-action-hub-content',
-                            template: "<ng-content></ng-content>\n",
-                        }]
-                }] });
-
-        /*! *****************************************************************************
-        Copyright (c) Microsoft Corporation.
-
-        Permission to use, copy, modify, and/or distribute this software for any
-        purpose with or without fee is hereby granted.
-
-        THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-        REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-        AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-        INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-        LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-        OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-        PERFORMANCE OF THIS SOFTWARE.
-        ***************************************************************************** */
-        /* global Reflect, Promise */
-        var extendStatics = function (d, b) {
-            extendStatics = Object.setPrototypeOf ||
-                ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-                function (d, b) { for (var p in b)
-                    if (Object.prototype.hasOwnProperty.call(b, p))
-                        d[p] = b[p]; };
-            return extendStatics(d, b);
-        };
-        function __extends(d, b) {
-            if (typeof b !== "function" && b !== null)
-                throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-            extendStatics(d, b);
-            function __() { this.constructor = d; }
-            d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-        }
-        var __assign = function () {
-            __assign = Object.assign || function __assign(t) {
-                for (var s, i = 1, n = arguments.length; i < n; i++) {
-                    s = arguments[i];
-                    for (var p in s)
-                        if (Object.prototype.hasOwnProperty.call(s, p))
-                            t[p] = s[p];
-                }
-                return t;
-            };
-            return __assign.apply(this, arguments);
-        };
-        function __rest(s, e) {
-            var t = {};
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                    t[p] = s[p];
-            if (s != null && typeof Object.getOwnPropertySymbols === "function")
-                for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                        t[p[i]] = s[p[i]];
-                }
-            return t;
-        }
-        function __decorate(decorators, target, key, desc) {
-            var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-            if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-                r = Reflect.decorate(decorators, target, key, desc);
-            else
-                for (var i = decorators.length - 1; i >= 0; i--)
-                    if (d = decorators[i])
-                        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-            return c > 3 && r && Object.defineProperty(target, key, r), r;
-        }
-        function __param(paramIndex, decorator) {
-            return function (target, key) { decorator(target, key, paramIndex); };
-        }
-        function __metadata(metadataKey, metadataValue) {
-            if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-                return Reflect.metadata(metadataKey, metadataValue);
-        }
-        function __awaiter(thisArg, _arguments, P, generator) {
-            function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-            return new (P || (P = Promise))(function (resolve, reject) {
-                function fulfilled(value) { try {
-                    step(generator.next(value));
-                }
-                catch (e) {
-                    reject(e);
-                } }
-                function rejected(value) { try {
-                    step(generator["throw"](value));
-                }
-                catch (e) {
-                    reject(e);
-                } }
-                function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-                step((generator = generator.apply(thisArg, _arguments || [])).next());
-            });
-        }
-        function __generator(thisArg, body) {
-            var _ = { label: 0, sent: function () { if (t[0] & 1)
-                    throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-            return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-            function verb(n) { return function (v) { return step([n, v]); }; }
-            function step(op) {
-                if (f)
-                    throw new TypeError("Generator is already executing.");
-                while (_)
-                    try {
-                        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                            return t;
-                        if (y = 0, t)
-                            op = [op[0] & 2, t.value];
-                        switch (op[0]) {
-                            case 0:
-                            case 1:
-                                t = op;
-                                break;
-                            case 4:
-                                _.label++;
-                                return { value: op[1], done: false };
-                            case 5:
-                                _.label++;
-                                y = op[1];
-                                op = [0];
-                                continue;
-                            case 7:
-                                op = _.ops.pop();
-                                _.trys.pop();
-                                continue;
-                            default:
-                                if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                    _ = 0;
-                                    continue;
-                                }
-                                if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                    _.label = op[1];
-                                    break;
-                                }
-                                if (op[0] === 6 && _.label < t[1]) {
-                                    _.label = t[1];
-                                    t = op;
-                                    break;
-                                }
-                                if (t && _.label < t[2]) {
-                                    _.label = t[2];
-                                    _.ops.push(op);
-                                    break;
-                                }
-                                if (t[2])
-                                    _.ops.pop();
-                                _.trys.pop();
-                                continue;
-                        }
-                        op = body.call(thisArg, _);
-                    }
-                    catch (e) {
-                        op = [6, e];
-                        y = 0;
-                    }
-                    finally {
-                        f = t = 0;
-                    }
-                if (op[0] & 5)
-                    throw op[1];
-                return { value: op[0] ? op[1] : void 0, done: true };
-            }
-        }
-        var __createBinding = Object.create ? (function (o, m, k, k2) {
-            if (k2 === undefined)
-                k2 = k;
-            Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-        }) : (function (o, m, k, k2) {
-            if (k2 === undefined)
-                k2 = k;
-            o[k2] = m[k];
-        });
-        function __exportStar(m, o) {
-            for (var p in m)
-                if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                    __createBinding(o, m, p);
-        }
-        function __values(o) {
-            var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-            if (m)
-                return m.call(o);
-            if (o && typeof o.length === "number")
-                return {
-                    next: function () {
-                        if (o && i >= o.length)
-                            o = void 0;
-                        return { value: o && o[i++], done: !o };
-                    }
-                };
-            throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-        }
-        function __read(o, n) {
-            var m = typeof Symbol === "function" && o[Symbol.iterator];
-            if (!m)
-                return o;
-            var i = m.call(o), r, ar = [], e;
-            try {
-                while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                    ar.push(r.value);
-            }
-            catch (error) {
-                e = { error: error };
-            }
-            finally {
-                try {
-                    if (r && !r.done && (m = i["return"]))
-                        m.call(i);
-                }
-                finally {
-                    if (e)
-                        throw e.error;
-                }
-            }
-            return ar;
-        }
-        /** @deprecated */
-        function __spread() {
-            for (var ar = [], i = 0; i < arguments.length; i++)
-                ar = ar.concat(__read(arguments[i]));
-            return ar;
-        }
-        /** @deprecated */
-        function __spreadArrays() {
-            for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-                s += arguments[i].length;
-            for (var r = Array(s), k = 0, i = 0; i < il; i++)
-                for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                    r[k] = a[j];
-            return r;
-        }
-        function __spreadArray(to, from, pack) {
-            if (pack || arguments.length === 2)
-                for (var i = 0, l = from.length, ar; i < l; i++) {
-                    if (ar || !(i in from)) {
-                        if (!ar)
-                            ar = Array.prototype.slice.call(from, 0, i);
-                        ar[i] = from[i];
-                    }
-                }
-            return to.concat(ar || Array.prototype.slice.call(from));
-        }
-        function __await(v) {
-            return this instanceof __await ? (this.v = v, this) : new __await(v);
-        }
-        function __asyncGenerator(thisArg, _arguments, generator) {
-            if (!Symbol.asyncIterator)
-                throw new TypeError("Symbol.asyncIterator is not defined.");
-            var g = generator.apply(thisArg, _arguments || []), i, q = [];
-            return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-            function verb(n) { if (g[n])
-                i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-            function resume(n, v) { try {
-                step(g[n](v));
-            }
-            catch (e) {
-                settle(q[0][3], e);
-            } }
-            function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-            function fulfill(value) { resume("next", value); }
-            function reject(value) { resume("throw", value); }
-            function settle(f, v) { if (f(v), q.shift(), q.length)
-                resume(q[0][0], q[0][1]); }
-        }
-        function __asyncDelegator(o) {
-            var i, p;
-            return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-            function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-        }
-        function __asyncValues(o) {
-            if (!Symbol.asyncIterator)
-                throw new TypeError("Symbol.asyncIterator is not defined.");
-            var m = o[Symbol.asyncIterator], i;
-            return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-            function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-            function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-        }
-        function __makeTemplateObject(cooked, raw) {
-            if (Object.defineProperty) {
-                Object.defineProperty(cooked, "raw", { value: raw });
-            }
-            else {
-                cooked.raw = raw;
-            }
-            return cooked;
-        }
-        ;
-        var __setModuleDefault = Object.create ? (function (o, v) {
-            Object.defineProperty(o, "default", { enumerable: true, value: v });
-        }) : function (o, v) {
-            o["default"] = v;
-        };
-        function __importStar(mod) {
-            if (mod && mod.__esModule)
-                return mod;
-            var result = {};
-            if (mod != null)
-                for (var k in mod)
-                    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                        __createBinding(result, mod, k);
-            __setModuleDefault(result, mod);
-            return result;
-        }
-        function __importDefault(mod) {
-            return (mod && mod.__esModule) ? mod : { default: mod };
-        }
-        function __classPrivateFieldGet(receiver, state, kind, f) {
-            if (kind === "a" && !f)
-                throw new TypeError("Private accessor was defined without a getter");
-            if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-                throw new TypeError("Cannot read private member from an object whose class did not declare it");
-            return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-        }
-        function __classPrivateFieldSet(receiver, state, value, kind, f) {
-            if (kind === "m")
-                throw new TypeError("Private method is not writable");
-            if (kind === "a" && !f)
-                throw new TypeError("Private accessor was defined without a setter");
-            if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-                throw new TypeError("Cannot write private member to an object whose class did not declare it");
-            return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-        }
-
-        var _SkyActionHubRecentLinksResolvePipe_instances, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved;
-        var RECENTLY_ACCESSED_LIMIT = 5;
-        function getRecentLinksSorted(recentLinks) {
-            if (recentLinks === 'loading') {
-                return 'loading';
-            }
-            if (!recentLinks || recentLinks.length === 0) {
-                return [];
-            }
-            return recentLinks
-                .slice(0)
-                .sort(function (a, b) {
-                var aTime = a.lastAccessed instanceof Date
-                    ? a.lastAccessed.toISOString()
-                    : a.lastAccessed;
-                var bTime = b.lastAccessed instanceof Date
-                    ? b.lastAccessed.toISOString()
-                    : b.lastAccessed;
-                if (aTime === bTime) {
-                    return 0;
-                }
-                return aTime > bTime ? -1 : 1;
-            })
-                .slice(0, RECENTLY_ACCESSED_LIMIT);
-        }
-        var SkyActionHubRecentLinksResolvePipe = /** @class */ (function () {
-            function SkyActionHubRecentLinksResolvePipe(changeDetector, recentlyAccessedSvc) {
-                this.changeDetector = changeDetector;
-                this.recentlyAccessedSvc = recentlyAccessedSvc;
-                _SkyActionHubRecentLinksResolvePipe_instances.add(this);
-                _SkyActionHubRecentLinksResolvePipe_currentRecentLinks.set(this, void 0);
-                _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved.set(this, []);
-                _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub.set(this, void 0);
-                _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe.set(this, new rxjs.Subject());
-            }
-            SkyActionHubRecentLinksResolvePipe.prototype.transform = function (recentLinks) {
-                if (recentLinks !== __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, "f")) {
-                    if (__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f")) {
-                        __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f").unsubscribe();
-                    }
-                    __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, recentLinks, "f");
-                    var getLinksArgs = recentLinks;
-                    if (getLinksArgs === null || getLinksArgs === void 0 ? void 0 : getLinksArgs.requestedRoutes) {
-                        __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes).call(this, getLinksArgs);
-                    }
-                    else {
-                        __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
-                    }
-                }
-                return __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, "f");
-            };
-            SkyActionHubRecentLinksResolvePipe.prototype.ngOnDestroy = function () {
-                __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").next();
-                __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").complete();
-            };
-            return SkyActionHubRecentLinksResolvePipe;
-        }());
-        _SkyActionHubRecentLinksResolvePipe_currentRecentLinks = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_instances = new WeakSet(), _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes = function _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes(args) {
-            var _this = this;
-            if (this.recentlyAccessedSvc) {
-                __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, 'loading');
-                __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, this.recentlyAccessedSvc
-                    .getLinks(args)
-                    .pipe(operators.takeUntil(__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f")))
-                    .subscribe(function (result) {
-                    __classPrivateFieldSet(_this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, undefined, "f");
-                    var recentLinks = result.links.map(function (item) { return ({
-                        label: item.label,
-                        lastAccessed: item.lastAccessed,
-                        permalink: {
-                            url: item.url,
-                        },
-                    }); });
-                    __classPrivateFieldGet(_this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(_this, recentLinks);
-                }), "f");
-            }
-            else {
-                __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, []);
-            }
-        }, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved = function _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved(recentLinksResolved) {
-            __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, getRecentLinksSorted(recentLinksResolved), "f");
-            this.changeDetector.markForCheck();
-        };
-        SkyActionHubRecentLinksResolvePipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubRecentLinksResolvePipe, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i4__namespace.SkyRecentlyAccessedService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-        SkyActionHubRecentLinksResolvePipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve", pure: false });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubRecentLinksResolvePipe, decorators: [{
-                    type: i0.Pipe,
-                    args: [{
-                            name: 'skyActionHubRecentLinksResolve',
-                            pure: false,
-                        }]
-                }], ctorParameters: function () {
-                return [{ type: i0__namespace.ChangeDetectorRef }, { type: i4__namespace.SkyRecentlyAccessedService, decorators: [{
-                                type: i0.Optional
-                            }] }];
-            } });
-
-        var SkyActionHubRelatedLinksSortPipe = /** @class */ (function () {
-            function SkyActionHubRelatedLinksSortPipe() {
-            }
-            SkyActionHubRelatedLinksSortPipe.prototype.transform = function (relatedLinks) {
-                if (relatedLinks === 'loading') {
-                    return 'loading';
-                }
-                if (!relatedLinks || relatedLinks.length === 0) {
-                    return [];
-                }
-                return relatedLinks.slice(0).sort(function (a, b) {
-                    var aLabel = a.label.trim().toUpperCase();
-                    var bLabel = b.label.trim().toUpperCase();
-                    if (aLabel === bLabel) {
-                        return 0;
-                    }
-                    return aLabel < bLabel ? -1 : 1;
-                });
-            };
-            return SkyActionHubRelatedLinksSortPipe;
-        }());
-        SkyActionHubRelatedLinksSortPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubRelatedLinksSortPipe, deps: [], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-        SkyActionHubRelatedLinksSortPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubRelatedLinksSortPipe, decorators: [{
-                    type: i0.Pipe,
-                    args: [{
-                            name: 'skyActionHubRelatedLinksSort',
-                        }]
-                }] });
-
-        /**
-         * Creates an action hub to direct user attention to important
-         * actions and provide quick access to common tasks.
-         */
-        var SkyActionHubComponent = /** @class */ (function () {
-            function SkyActionHubComponent() {
-                /**
-                 * Provides a list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
-                 */
-                this.needsAttention = [];
-                /**
-                 * Provides a list of recently accessed links, or `"loading"` to display a wait indicator.
-                 */
-                this.recentLinks = [];
-                /**
-                 * Provides a list of related links, or `"loading"` to display a wait indicator.
-                 */
-                this.relatedLinks = [];
-                /**
-                 * Specifies the page title.
-                 * @default ""
-                 */
-                this.title = '';
-            }
-            return SkyActionHubComponent;
-        }());
-        SkyActionHubComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", title: "title" }, ngImport: i0__namespace, template: "<ng-template #loadingTemplateRef>\n  <sky-wait [isWaiting]=\"true\"></sky-wait>\n</ng-template>\n<sky-fluid-grid>\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\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xl': 'modern'\n        }\"\n      >\n        <ng-content select=\"sky-action-hub-buttons\"></ng-content>\n      </div>\n\n      <div\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xxl': 'modern'\n        }\"\n      >\n        <ng-container\n          *ngIf=\"\n            needsAttention === 'loading';\n            then loadingTemplateRef;\n            else needsAttentionTemplateRef\n          \"\n        ></ng-container>\n        <ng-template #needsAttentionTemplateRef>\n          <sky-needs-attention [items]=\"needsAttention\"></sky-needs-attention>\n        </ng-template>\n      </div>\n\n      <div\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xxl': 'modern'\n        }\"\n      >\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-column>\n  </sky-row>\n</sky-fluid-grid>\n", components: [{ type: i2__namespace.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }, { type: i1__namespace.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i1__namespace.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i1__namespace.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { type: SkyLinkListComponent, selector: "sky-link-list", inputs: ["links", "title"] }], directives: [{ type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyActionHubRelatedLinksSort": SkyActionHubRelatedLinksSortPipe, "skyLibResources": i6__namespace.SkyLibResourcesPipe, "skyActionHubRecentLinksResolve": SkyActionHubRecentLinksResolvePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-action-hub',
-                            template: "<ng-template #loadingTemplateRef>\n  <sky-wait [isWaiting]=\"true\"></sky-wait>\n</ng-template>\n<sky-fluid-grid>\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\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xl': 'modern'\n        }\"\n      >\n        <ng-content select=\"sky-action-hub-buttons\"></ng-content>\n      </div>\n\n      <div\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xxl': 'modern'\n        }\"\n      >\n        <ng-container\n          *ngIf=\"\n            needsAttention === 'loading';\n            then loadingTemplateRef;\n            else needsAttentionTemplateRef\n          \"\n        ></ng-container>\n        <ng-template #needsAttentionTemplateRef>\n          <sky-needs-attention [items]=\"needsAttention\"></sky-needs-attention>\n        </ng-template>\n      </div>\n\n      <div\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xxl': 'modern'\n        }\"\n      >\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-column>\n  </sky-row>\n</sky-fluid-grid>\n",
-                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        }]
-                }], propDecorators: { needsAttention: [{
-                        type: i0.Input
-                    }], parentLink: [{
-                        type: i0.Input
-                    }], recentLinks: [{
-                        type: i0.Input
-                    }], relatedLinks: [{
-                        type: i0.Input
-                    }], title: [{
-                        type: i0.Input
-                    }] } });
-
-        var SkyActionHubModule = /** @class */ (function () {
-            function SkyActionHubModule() {
-            }
-            return SkyActionHubModule;
-        }());
-        SkyActionHubModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyActionHubModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, declarations: [SkyActionHubButtonsComponent,
-                SkyActionHubComponent,
-                SkyActionHubContentComponent,
-                SkyActionHubRecentLinksResolvePipe,
-                SkyActionHubRelatedLinksSortPipe,
-                SkyNeedsAttentionComponent,
-                SkyLinkListComponent], imports: [i2$1.CommonModule,
-                SkyPagesResourcesModule,
-                router.RouterModule,
-                i1.SkyActionButtonModule,
-                i4.SkyAppLinkModule,
-                i1.SkyFluidGridModule,
-                i6.SkyI18nModule,
-                i2.SkyIconModule,
-                i2.SkyKeyInfoModule,
-                SkyPageHeaderModule,
-                i3.SkyThemeModule,
-                i2.SkyWaitModule,
-                i4.SkyHrefModule], exports: [SkyActionHubButtonsComponent,
-                SkyActionHubComponent,
-                SkyActionHubContentComponent] });
-        SkyActionHubModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, imports: [[
-                    i2$1.CommonModule,
-                    SkyPagesResourcesModule,
-                    router.RouterModule,
-                    i1.SkyActionButtonModule,
-                    i4.SkyAppLinkModule,
-                    i1.SkyFluidGridModule,
-                    i6.SkyI18nModule,
-                    i2.SkyIconModule,
-                    i2.SkyKeyInfoModule,
-                    SkyPageHeaderModule,
-                    i3.SkyThemeModule,
-                    i2.SkyWaitModule,
-                    i4.SkyHrefModule,
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            imports: [
-                                i2$1.CommonModule,
-                                SkyPagesResourcesModule,
-                                router.RouterModule,
-                                i1.SkyActionButtonModule,
-                                i4.SkyAppLinkModule,
-                                i1.SkyFluidGridModule,
-                                i6.SkyI18nModule,
-                                i2.SkyIconModule,
-                                i2.SkyKeyInfoModule,
-                                SkyPageHeaderModule,
-                                i3.SkyThemeModule,
-                                i2.SkyWaitModule,
-                                i4.SkyHrefModule,
-                            ],
-                            declarations: [
-                                SkyActionHubButtonsComponent,
-                                SkyActionHubComponent,
-                                SkyActionHubContentComponent,
-                                SkyActionHubRecentLinksResolvePipe,
-                                SkyActionHubRelatedLinksSortPipe,
-                                SkyNeedsAttentionComponent,
-                                SkyLinkListComponent,
-                            ],
-                            exports: [
-                                SkyActionHubButtonsComponent,
-                                SkyActionHubComponent,
-                                SkyActionHubContentComponent,
-                            ],
-                        }]
-                }] });
-
-        /**
-         * Generated bundle index. Do not edit.
-         */
-
-        exports.SkyActionHubModule = SkyActionHubModule;
-        exports.SkyPageHeaderModule = SkyPageHeaderModule;
-        exports["λ1"] = SkyActionHubComponent;
-        exports["λ2"] = SkyActionHubButtonsComponent;
-        exports["λ3"] = SkyActionHubContentComponent;
-        exports["λ4"] = SkyPageHeaderComponent;
-
-        Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-pages.umd.js.map