@skyux/pages 5.0.1 → 5.5.0

package/README.md

@@ -1,5 +1,7 @@
-# @skyux/pages
+# pages
 
-[![npm](https://img.shields.io/npm/v/@skyux/pages.svg)](https://www.npmjs.com/package/@skyux/pages)
-![SKY UX CI](https://github.com/blackbaud/skyux-pages/workflows/SKY%20UX%20CI/badge.svg)
-[![coverage](https://codecov.io/gh/blackbaud/skyux-pages/branch/master/graphs/badge.svg?branch=master)](https://codecov.io/gh/blackbaud/skyux-pages/branch/master)
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test pages` to execute the unit tests.

package/bundles/skyux-pages.umd.js

@@ -35,9 +35,9 @@
             }
             return SkyLinkListComponent;
         }());
-        SkyLinkListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyLinkListComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyLinkListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: SkyLinkListComponent, decorators: [{
+        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',
@@ -56,9 +56,9 @@
             }
             return SkyNeedsAttentionComponent;
         }());
-        SkyNeedsAttentionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyNeedsAttentionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyNeedsAttentionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: SkyNeedsAttentionComponent, decorators: [{
+        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',
@@ -75,14 +75,14 @@
             }
             return SkyPageHeaderComponent;
         }());
-        SkyPageHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyPageHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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:-webkit-fit-content;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.13", ngImport: i0__namespace, type: SkyPageHeaderComponent, decorators: [{
+        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:-webkit-fit-content;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"],
+                            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
@@ -95,14 +95,14 @@
             }
             return SkyPageHeaderModule;
         }());
-        SkyPageHeaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageHeaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyPageHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [i2$1.CommonModule,
+        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.13", ngImport: i0__namespace, type: SkyPageHeaderModule, imports: [[
+        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,
@@ -110,7 +110,7 @@
                     i3.SkyThemeModule,
                     i4.SkyHrefModule,
                 ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyPageHeaderModule, decorators: [{
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
                             imports: [
@@ -140,9 +140,9 @@
             }
             return SkyActionHubButtonsComponent;
         }());
-        SkyActionHubButtonsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionHubButtonsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubButtonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: SkyActionHubButtonsComponent, decorators: [{
+        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',
@@ -158,9 +158,9 @@
             }
             return SkyActionHubContentComponent;
         }());
-        SkyActionHubContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionHubContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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.13", ngImport: i0__namespace, type: SkyActionHubContentComponent, decorators: [{
+        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',
@@ -175,19 +175,20 @@
         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.
+                 * 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.
+                 * 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.
+                 * Provides a list of related links, or `"loading"` to display a wait indicator.
                  */
                 this.relatedLinks = [];
                 /**
                  * Specifies the page title.
+                 * @default ""
                  */
                 this.title = '';
             }
@@ -232,9 +233,9 @@
             };
             return SkyActionHubComponent;
         }());
-        SkyActionHubComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionHubComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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]=\"getRelatedLinksSorted(relatedLinks)\"\n        [title]=\"'sky_action_hub_related_links' | skyLibResources\"\n      ></sky-link-list>\n      <sky-link-list\n        [links]=\"getRecentLinksSorted(recentLinks, 5)\"\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: { "skyLibResources": i6__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionHubComponent, decorators: [{
+        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]=\"getRelatedLinksSorted(relatedLinks)\"\n        [title]=\"'sky_action_hub_related_links' | skyLibResources\"\n      ></sky-link-list>\n      <sky-link-list\n        [links]=\"getRecentLinksSorted(recentLinks, 5)\"\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: { "skyLibResources": i6__namespace.SkyLibResourcesPipe }, 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',
@@ -285,16 +286,16 @@
             }
             return PagesResourcesModule;
         }());
-        PagesResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PagesResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        PagesResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PagesResourcesModule, exports: [i6.SkyI18nModule] });
-        PagesResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PagesResourcesModule, providers: [
+        PagesResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PagesResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        PagesResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PagesResourcesModule, exports: [i6.SkyI18nModule] });
+        PagesResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PagesResourcesModule, providers: [
                 {
                     provide: i6.SKY_LIB_RESOURCES_PROVIDERS,
                     useClass: PagesResourcesProvider,
                     multi: true,
                 },
             ], imports: [i6.SkyI18nModule] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: PagesResourcesModule, decorators: [{
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: PagesResourcesModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
                             exports: [i6.SkyI18nModule],
@@ -313,8 +314,8 @@
             }
             return SkyActionHubModule;
         }());
-        SkyActionHubModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionHubModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyActionHubModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionHubModule, declarations: [SkyActionHubButtonsComponent,
+        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,
                 SkyNeedsAttentionComponent,
@@ -333,7 +334,7 @@
                 i4.SkyHrefModule], exports: [SkyActionHubButtonsComponent,
                 SkyActionHubComponent,
                 SkyActionHubContentComponent] });
-        SkyActionHubModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionHubModule, imports: [[
+        SkyActionHubModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, imports: [[
                     i2$1.CommonModule,
                     PagesResourcesModule,
                     router.RouterModule,
@@ -348,7 +349,7 @@
                     i2.SkyWaitModule,
                     i4.SkyHrefModule,
                 ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0__namespace, type: SkyActionHubModule, decorators: [{
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
                             imports: [

package/documentation.json

@@ -29,6 +29,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -87,6 +89,8 @@
             "name": "NgModule",
             "type": {
               "type": "reference",
+              "qualifiedName": "NgModuleDecorator",
+              "package": "@angular/core",
               "name": "NgModule"
             },
             "arguments": {
@@ -148,6 +152,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -186,13 +192,15 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Provides a list of actions that users must perform based on business requirements or best practices, or `'loading'` to display a wait indicator."
+              "shortText": "Provides a list of actions that users must perform based on business requirements or best practices, or `\"loading\"` to display a wait indicator."
             },
             "decorators": [
               {
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -240,6 +248,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -267,13 +277,15 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Provides a list of recently accessed links, or `'loading'` to display a wait indicator."
+              "shortText": "Provides a list of recently accessed links, or `\"loading\"` to display a wait indicator."
             },
             "decorators": [
               {
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -314,13 +326,15 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Provides a list of related links, or `'loading'` to display a wait indicator."
+              "shortText": "Provides a list of related links, or `\"loading\"` to display a wait indicator."
             },
             "decorators": [
               {
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -361,13 +375,21 @@
               "isPublic": true
             },
             "comment": {
-              "shortText": "Specifies the page title."
+              "shortText": "Specifies the page title.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "\"\"\n"
+                }
+              ]
             },
             "decorators": [
               {
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -376,7 +398,7 @@
             "sources": [
               {
                 "fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
-                "line": 45,
+                "line": 46,
                 "character": 9
               }
             ],
@@ -397,7 +419,7 @@
             "sources": [
               {
                 "fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
-                "line": 47,
+                "line": 48,
                 "character": 9
               }
             ],
@@ -476,7 +498,7 @@
             "sources": [
               {
                 "fileName": "projects/pages/src/modules/action-hub/action-hub.component.ts",
-                "line": 76,
+                "line": 77,
                 "character": 9
               }
             ],
@@ -585,6 +607,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -646,6 +670,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -704,6 +730,8 @@
             "name": "Component",
             "type": {
               "type": "reference",
+              "qualifiedName": "ComponentDecorator",
+              "package": "@angular/core",
               "name": "Component"
             },
             "arguments": {
@@ -746,6 +774,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -777,6 +807,8 @@
                 "name": "Input",
                 "type": {
                   "type": "reference",
+                  "qualifiedName": "InputDecorator",
+                  "package": "@angular/core",
                   "name": "Input"
                 },
                 "arguments": {}
@@ -889,7 +921,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
+                        "fileName": "lib/modules/action-hub/types/action-hub-needs-attention.ts",
                         "line": 20,
                         "character": 4
                       }
@@ -911,7 +943,7 @@
                             "flags": {},
                             "sources": [
                               {
-                                "fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
+                                "fileName": "lib/modules/action-hub/types/action-hub-needs-attention.ts",
                                 "line": 21,
                                 "character": 6
                               }
@@ -934,13 +966,15 @@
                             },
                             "sources": [
                               {
-                                "fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
+                                "fileName": "lib/modules/action-hub/types/action-hub-needs-attention.ts",
                                 "line": 22,
                                 "character": 6
                               }
                             ],
                             "type": {
                               "type": "reference",
+                              "qualifiedName": "NavigationExtras",
+                              "package": "@angular/router",
                               "name": "NavigationExtras"
                             }
                           }
@@ -968,7 +1002,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/pages/src/modules/action-hub/types/action-hub-needs-attention.ts",
+                        "fileName": "lib/modules/action-hub/types/action-hub-needs-attention.ts",
                         "line": 24,
                         "character": 4
                       }
@@ -1099,7 +1133,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
+                        "fileName": "lib/modules/action-hub/types/page-link.ts",
                         "line": 15,
                         "character": 4
                       }
@@ -1121,7 +1155,7 @@
                             "flags": {},
                             "sources": [
                               {
-                                "fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
+                                "fileName": "lib/modules/action-hub/types/page-link.ts",
                                 "line": 16,
                                 "character": 6
                               }
@@ -1144,13 +1178,15 @@
                             },
                             "sources": [
                               {
-                                "fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
+                                "fileName": "lib/modules/action-hub/types/page-link.ts",
                                 "line": 17,
                                 "character": 6
                               }
                             ],
                             "type": {
                               "type": "reference",
+                              "qualifiedName": "NavigationExtras",
+                              "package": "@angular/router",
                               "name": "NavigationExtras"
                             }
                           }
@@ -1178,7 +1214,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
+                        "fileName": "lib/modules/action-hub/types/page-link.ts",
                         "line": 19,
                         "character": 4
                       }
@@ -1292,6 +1328,8 @@
                 },
                 {
                   "type": "reference",
+                  "qualifiedName": "Date",
+                  "package": "typescript",
                   "name": "Date"
                 }
               ]
@@ -1332,7 +1370,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
+                        "fileName": "lib/modules/action-hub/types/page-link.ts",
                         "line": 15,
                         "character": 4
                       }
@@ -1354,7 +1392,7 @@
                             "flags": {},
                             "sources": [
                               {
-                                "fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
+                                "fileName": "lib/modules/action-hub/types/page-link.ts",
                                 "line": 16,
                                 "character": 6
                               }
@@ -1377,13 +1415,15 @@
                             },
                             "sources": [
                               {
-                                "fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
+                                "fileName": "lib/modules/action-hub/types/page-link.ts",
                                 "line": 17,
                                 "character": 6
                               }
                             ],
                             "type": {
                               "type": "reference",
+                              "qualifiedName": "NavigationExtras",
+                              "package": "@angular/router",
                               "name": "NavigationExtras"
                             }
                           }
@@ -1411,7 +1451,7 @@
                     },
                     "sources": [
                       {
-                        "fileName": "projects/pages/src/modules/action-hub/types/page-link.ts",
+                        "fileName": "lib/modules/action-hub/types/page-link.ts",
                         "line": 19,
                         "character": 4
                       }
@@ -1493,18 +1533,13 @@
     ],
     "sources": [
       {
-        "fileName": "projects/pages/src/public-api.ts",
+        "fileName": "index.ts",
         "line": 1,
         "character": 0
       }
     ]
   },
   "codeExamples": [
-    {
-      "fileName": ".eslintrc.json",
-      "filePath": "/projects/pages/documentation/code-examples/.eslintrc.json",
-      "rawContents": "{\n  \"extends\": [\"../../.eslintrc.json\"],\n  \"overrides\": [\n    {\n      \"files\": [\"*.ts\"],\n      \"rules\": {\n        \"@angular-eslint/directive-selector\": [\n          \"error\",\n          {\n            \"type\": \"attribute\",\n            \"prefix\": \"app\",\n            \"style\": \"camelCase\"\n          }\n        ],\n        \"@angular-eslint/component-selector\": [\n          \"error\",\n          {\n            \"type\": \"element\",\n            \"prefix\": \"app\",\n            \"style\": \"kebab-case\"\n          }\n        ]\n      }\n    }\n  ]\n}\n"
-    },
     {
       "fileName": "action-hub-demo.component.html",
       "filePath": "/projects/pages/documentation/code-examples/action-hub/action-hub-demo.component.html",
@@ -1521,4 +1556,4 @@
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyActionHubModule } from '@skyux/pages';\n\nimport { ActionHubDemoComponent } from './action-hub-demo.component';\n\n@NgModule({\n  declarations: [ActionHubDemoComponent],\n  exports: [ActionHubDemoComponent],\n  imports: [CommonModule, SkyActionHubModule],\n})\nexport class ActionHubDemoModule {}\n"
     }
   ]
-}
+}