@skyux/pages 5.9.4 → 6.0.0-beta.10

package/esm2020/lib/modules/page-header/page-header.module.mjs

@@ -0,0 +1,41 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { SkyIconModule } from '@skyux/indicators';
+import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
+import { SkyThemeModule } from '@skyux/theme';
+import { SkyPageHeaderComponent } from './page-header.component';
+import * as i0 from "@angular/core";
+export class SkyPageHeaderModule {
+}
+SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [CommonModule,
+        RouterModule,
+        SkyAppLinkModule,
+        SkyIconModule,
+        SkyThemeModule,
+        SkyHrefModule], exports: [SkyPageHeaderComponent] });
+SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, imports: [[
+            CommonModule,
+            RouterModule,
+            SkyAppLinkModule,
+            SkyIconModule,
+            SkyThemeModule,
+            SkyHrefModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        SkyAppLinkModule,
+                        SkyIconModule,
+                        SkyThemeModule,
+                        SkyHrefModule,
+                    ],
+                    declarations: [SkyPageHeaderComponent],
+                    exports: [SkyPageHeaderComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsYUFBYSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFFOUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7O0FBY2pFLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFIZixzQkFBc0IsYUFQbkMsWUFBWTtRQUNaLFlBQVk7UUFDWixnQkFBZ0I7UUFDaEIsYUFBYTtRQUNiLGNBQWM7UUFDZCxhQUFhLGFBR0wsc0JBQXNCO2lIQUVyQixtQkFBbUIsWUFYckI7WUFDUCxZQUFZO1lBQ1osWUFBWTtZQUNaLGdCQUFnQjtZQUNoQixhQUFhO1lBQ2IsY0FBYztZQUNkLGFBQWE7U0FDZDsyRkFJVSxtQkFBbUI7a0JBWi9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixnQkFBZ0I7d0JBQ2hCLGFBQWE7d0JBQ2IsY0FBYzt3QkFDZCxhQUFhO3FCQUNkO29CQUNELFlBQVksRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUN0QyxPQUFPLEVBQUUsQ0FBQyxzQkFBc0IsQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBTa3lJY29uTW9kdWxlIH0gZnJvbSAnQHNreXV4L2luZGljYXRvcnMnO1xuaW1wb3J0IHsgU2t5QXBwTGlua01vZHVsZSwgU2t5SHJlZk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9yb3V0ZXInO1xuaW1wb3J0IHsgU2t5VGhlbWVNb2R1bGUgfSBmcm9tICdAc2t5dXgvdGhlbWUnO1xuXG5pbXBvcnQgeyBTa3lQYWdlSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBTa3lBcHBMaW5rTW9kdWxlLFxuICAgIFNreUljb25Nb2R1bGUsXG4gICAgU2t5VGhlbWVNb2R1bGUsXG4gICAgU2t5SHJlZk1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbU2t5UGFnZUhlYWRlckNvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtTa3lQYWdlSGVhZGVyQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZUhlYWRlck1vZHVsZSB7fVxuIl19

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

@@ -0,0 +1,52 @@
+/**
+ * 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.
+ */
+import { NgModule } from '@angular/core';
+import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
+import * as i0 from "@angular/core";
+const 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',
+        },
+    },
+};
+export class SkyPagesResourcesProvider {
+    getString(localeInfo, name) {
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+    }
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+export class SkyPagesResourcesModule {
+}
+SkyPagesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyPagesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, exports: [SkyI18nModule] });
+SkyPagesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyPagesResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyPagesResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LXBhZ2VzLXJlc291cmNlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3NoYXJlZC9za3ktcGFnZXMtcmVzb3VyY2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUNILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUNMLDJCQUEyQixFQUUzQixhQUFhLEVBR2IscUJBQXFCLEdBQ3RCLE1BQU0sYUFBYSxDQUFDOztBQUVyQixNQUFNLFNBQVMsR0FBMEM7SUFDdkQsT0FBTyxFQUFFO1FBQ1AsNEJBQTRCLEVBQUUsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFO1FBQzFELDJCQUEyQixFQUFFLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFO1FBQzdELDhCQUE4QixFQUFFLEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFO1FBQzlELG9DQUFvQyxFQUFFO1lBQ3BDLE9BQU8sRUFBRSxvQ0FBb0M7U0FDOUM7S0FDRjtDQUNGLENBQUM7QUFFRixNQUFNLE9BQU8seUJBQXlCO0lBQzdCLFNBQVMsQ0FDZCxVQUE0QixFQUM1QixJQUFZO1FBRVosT0FBTyxxQkFBcUIsQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsQ0FBQztJQUNuRSxDQUFDO0NBQ0Y7QUFFRDs7R0FFRztBQVdILE1BQU0sT0FBTyx1QkFBdUI7O29IQUF2Qix1QkFBdUI7cUhBQXZCLHVCQUF1QixZQVR4QixhQUFhO3FIQVNaLHVCQUF1QixhQVJ2QjtRQUNUO1lBQ0UsT0FBTyxFQUFFLDJCQUEyQjtZQUNwQyxRQUFRLEVBQUUseUJBQXlCO1lBQ25DLEtBQUssRUFBRSxJQUFJO1NBQ1o7S0FDRixZQVBTLGFBQWE7MkZBU1osdUJBQXVCO2tCQVZuQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLGFBQWEsQ0FBQztvQkFDeEIsU0FBUyxFQUFFO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSwyQkFBMkI7NEJBQ3BDLFFBQVEsRUFBRSx5QkFBeUI7NEJBQ25DLEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBOT1RJQ0U6IERPIE5PVCBNT0RJRlkgVEhJUyBGSUxFIVxuICogVGhlIGNvbnRlbnRzIG9mIHRoaXMgZmlsZSB3ZXJlIGF1dG9tYXRpY2FsbHkgZ2VuZXJhdGVkIGJ5XG4gKiB0aGUgJ25nIGdlbmVyYXRlIEBza3l1eC9pMThuOmxpYi1yZXNvdXJjZXMtbW9kdWxlIGxpYi9tb2R1bGVzL3NoYXJlZC9za3ktcGFnZXMnIHNjaGVtYXRpYy5cbiAqIFRvIHVwZGF0ZSB0aGlzIGZpbGUsIHNpbXBseSByZXJ1biB0aGUgY29tbWFuZC5cbiAqL1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNLWV9MSUJfUkVTT1VSQ0VTX1BST1ZJREVSUyxcbiAgU2t5QXBwTG9jYWxlSW5mbyxcbiAgU2t5STE4bk1vZHVsZSxcbiAgU2t5TGliUmVzb3VyY2VzLFxuICBTa3lMaWJSZXNvdXJjZXNQcm92aWRlcixcbiAgZ2V0TGliU3RyaW5nRm9yTG9jYWxlLFxufSBmcm9tICdAc2t5dXgvaTE4bic7XG5cbmNvbnN0IFJFU09VUkNFUzogeyBbbG9jYWxlOiBzdHJpbmddOiBTa3lMaWJSZXNvdXJjZXMgfSA9IHtcbiAgJ0VOLVVTJzoge1xuICAgIHNreV9hY3Rpb25faHViX3JlbGF0ZWRfbGlua3M6IHsgbWVzc2FnZTogJ1JlbGF0ZWQgTGlua3MnIH0sXG4gICAgc2t5X2FjdGlvbl9odWJfcmVjZW50X2xpbmtzOiB7IG1lc3NhZ2U6ICdSZWNlbnRseSBBY2Nlc3NlZCcgfSxcbiAgICBza3lfYWN0aW9uX2h1Yl9uZWVkc19hdHRlbnRpb246IHsgbWVzc2FnZTogJ05lZWRzIEF0dGVudGlvbicgfSxcbiAgICBza3lfYWN0aW9uX2h1Yl9uZWVkc19hdHRlbnRpb25fZW1wdHk6IHtcbiAgICAgIG1lc3NhZ2U6ICdObyBpc3N1ZXMgY3VycmVudGx5IG5lZWQgYXR0ZW50aW9uJyxcbiAgICB9LFxuICB9LFxufTtcblxuZXhwb3J0IGNsYXNzIFNreVBhZ2VzUmVzb3VyY2VzUHJvdmlkZXIgaW1wbGVtZW50cyBTa3lMaWJSZXNvdXJjZXNQcm92aWRlciB7XG4gIHB1YmxpYyBnZXRTdHJpbmcoXG4gICAgbG9jYWxlSW5mbzogU2t5QXBwTG9jYWxlSW5mbyxcbiAgICBuYW1lOiBzdHJpbmdcbiAgKTogc3RyaW5nIHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gZ2V0TGliU3RyaW5nRm9yTG9jYWxlKFJFU09VUkNFUywgbG9jYWxlSW5mby5sb2NhbGUsIG5hbWUpO1xuICB9XG59XG5cbi8qKlxuICogSW1wb3J0IGludG8gYW55IGNvbXBvbmVudCBsaWJyYXJ5IG1vZHVsZSB0aGF0IG5lZWRzIHRvIHVzZSByZXNvdXJjZSBzdHJpbmdzLlxuICovXG5ATmdNb2R1bGUoe1xuICBleHBvcnRzOiBbU2t5STE4bk1vZHVsZV0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IFNLWV9MSUJfUkVTT1VSQ0VTX1BST1ZJREVSUyxcbiAgICAgIHVzZUNsYXNzOiBTa3lQYWdlc1Jlc291cmNlc1Byb3ZpZGVyLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZXNSZXNvdXJjZXNNb2R1bGUge31cbiJdfQ==

package/esm2020/skyux-pages.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5dXgtcGFnZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL3NreXV4LXBhZ2VzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxTQUFTLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vaW5kZXgnO1xuIl19

package/fesm2015/skyux-pages.mjs

@@ -0,0 +1,416 @@
+import * as i2$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule, Pipe, Optional, ChangeDetectionStrategy } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import * as i6 from '@skyux/i18n';
+import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
+import * as i2 from '@skyux/indicators';
+import { SkyIconModule, SkyKeyInfoModule, SkyWaitModule } from '@skyux/indicators';
+import * as i1 from '@skyux/layout';
+import { SkyActionButtonModule, SkyFluidGridModule } from '@skyux/layout';
+import * as i4 from '@skyux/router';
+import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
+import * as i3 from '@skyux/theme';
+import { SkyThemeModule } from '@skyux/theme';
+import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+class SkyLinkListComponent {
+}
+SkyLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyLinkListComponent, selector: "sky-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, 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.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLinkListComponent, decorators: [{
+            type: 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: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+class SkyNeedsAttentionComponent {
+    constructor() {
+        this.gutterSize = 'large';
+    }
+}
+SkyNeedsAttentionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyNeedsAttentionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: { items: "items" }, ngImport: i0, 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=\"sky-needs-attention-item sky-padding-vertical-lg sky-border-bottom-row\"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n        <a\n          *ngIf=\"item.permalink.url\"\n          [skyHref]=\"item.permalink.url\"\n          class=\"sky-needs-attention-item sky-padding-vertical-lg sky-border-bottom-row\"\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.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2.λ8, selector: "sky-key-info", inputs: ["layout"] }, { type: i2.λ6, selector: "sky-key-info-label" }, { type: i2.λ7, selector: "sky-key-info-value" }], directives: [{ type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
+            type: 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=\"sky-needs-attention-item sky-padding-vertical-lg sky-border-bottom-row\"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n        <a\n          *ngIf=\"item.permalink.url\"\n          [skyHref]=\"item.permalink.url\"\n          class=\"sky-needs-attention-item sky-padding-vertical-lg sky-border-bottom-row\"\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: Input
+            }] } });
+
+let parentLink;
+class SkyPageHeaderComponent {
+}
+SkyPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0, 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.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
+            type: 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: Input
+            }], pageTitle: [{
+                type: Input
+            }] } });
+
+class SkyPageHeaderModule {
+}
+SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [CommonModule,
+        RouterModule,
+        SkyAppLinkModule,
+        SkyIconModule,
+        SkyThemeModule,
+        SkyHrefModule], exports: [SkyPageHeaderComponent] });
+SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, imports: [[
+            CommonModule,
+            RouterModule,
+            SkyAppLinkModule,
+            SkyIconModule,
+            SkyThemeModule,
+            SkyHrefModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        SkyAppLinkModule,
+                        SkyIconModule,
+                        SkyThemeModule,
+                        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.
+ */
+const 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',
+        },
+    },
+};
+class SkyPagesResourcesProvider {
+    getString(localeInfo, name) {
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+    }
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+class SkyPagesResourcesModule {
+}
+SkyPagesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyPagesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, exports: [SkyI18nModule] });
+SkyPagesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyPagesResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: 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>
+ * ```
+ */
+class SkyActionHubButtonsComponent {
+}
+SkyActionHubButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyActionHubButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyActionHubButtonsComponent, selector: "sky-action-hub-buttons", ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubButtonsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-action-hub-buttons', template: "<ng-content></ng-content>\n" }]
+        }] });
+
+/**
+ * Displays additional content after the action items.
+ */
+class SkyActionHubContentComponent {
+}
+SkyActionHubContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyActionHubContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyActionHubContentComponent, selector: "sky-action-hub-content", ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-action-hub-content', template: "<ng-content></ng-content>\n" }]
+        }] });
+
+var _SkyActionHubRecentLinksResolvePipe_instances, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved;
+const RECENTLY_ACCESSED_LIMIT = 5;
+function getRecentLinksSorted(recentLinks) {
+    if (recentLinks === 'loading') {
+        return 'loading';
+    }
+    if (!recentLinks || recentLinks.length === 0) {
+        return [];
+    }
+    return recentLinks
+        .slice(0)
+        .sort((a, b) => {
+        const aTime = a.lastAccessed instanceof Date
+            ? a.lastAccessed.toISOString()
+            : a.lastAccessed;
+        const 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);
+}
+class SkyActionHubRecentLinksResolvePipe {
+    constructor(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 Subject());
+    }
+    transform(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");
+            const 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");
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").complete();
+    }
+}
+_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) {
+    if (this.recentlyAccessedSvc) {
+        __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, 'loading');
+        __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, this.recentlyAccessedSvc
+            .getLinks(args)
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f")))
+            .subscribe((result) => {
+            __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, undefined, "f");
+            const recentLinks = result.links.map((item) => ({
+                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.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i4.SkyRecentlyAccessedService, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
+SkyActionHubRecentLinksResolvePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve", pure: false });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'skyActionHubRecentLinksResolve',
+                    pure: false,
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ChangeDetectorRef }, { type: i4.SkyRecentlyAccessedService, decorators: [{
+                        type: Optional
+                    }] }];
+    } });
+
+class SkyActionHubRelatedLinksSortPipe {
+    transform(relatedLinks) {
+        if (relatedLinks === 'loading') {
+            return 'loading';
+        }
+        if (!relatedLinks || relatedLinks.length === 0) {
+            return [];
+        }
+        return relatedLinks.slice(0).sort((a, b) => {
+            const aLabel = a.label.trim().toUpperCase();
+            const bLabel = b.label.trim().toUpperCase();
+            if (aLabel === bLabel) {
+                return 0;
+            }
+            return aLabel < bLabel ? -1 : 1;
+        });
+    }
+}
+SkyActionHubRelatedLinksSortPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SkyActionHubRelatedLinksSortPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'skyActionHubRelatedLinksSort',
+                }]
+        }] });
+
+/**
+ * Creates an action hub to direct user attention to important
+ * actions and provide quick access to common tasks.
+ */
+class SkyActionHubComponent {
+    constructor() {
+        /**
+         * 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 = '';
+    }
+}
+SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyActionHubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", title: "title" }, ngImport: i0, 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.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }, { type: i1.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i1.λ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.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyActionHubRelatedLinksSort": SkyActionHubRelatedLinksSortPipe, "skyLibResources": i6.SkyLibResourcesPipe, "skyActionHubRecentLinksResolve": SkyActionHubRecentLinksResolvePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }], propDecorators: { needsAttention: [{
+                type: Input
+            }], parentLink: [{
+                type: Input
+            }], recentLinks: [{
+                type: Input
+            }], relatedLinks: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+class SkyActionHubModule {
+}
+SkyActionHubModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyActionHubModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubModule, declarations: [SkyActionHubButtonsComponent,
+        SkyActionHubComponent,
+        SkyActionHubContentComponent,
+        SkyActionHubRecentLinksResolvePipe,
+        SkyActionHubRelatedLinksSortPipe,
+        SkyNeedsAttentionComponent,
+        SkyLinkListComponent], imports: [CommonModule,
+        SkyPagesResourcesModule,
+        RouterModule,
+        SkyActionButtonModule,
+        SkyAppLinkModule,
+        SkyFluidGridModule,
+        SkyI18nModule,
+        SkyIconModule,
+        SkyKeyInfoModule,
+        SkyPageHeaderModule,
+        SkyThemeModule,
+        SkyWaitModule,
+        SkyHrefModule], exports: [SkyActionHubButtonsComponent,
+        SkyActionHubComponent,
+        SkyActionHubContentComponent] });
+SkyActionHubModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubModule, imports: [[
+            CommonModule,
+            SkyPagesResourcesModule,
+            RouterModule,
+            SkyActionButtonModule,
+            SkyAppLinkModule,
+            SkyFluidGridModule,
+            SkyI18nModule,
+            SkyIconModule,
+            SkyKeyInfoModule,
+            SkyPageHeaderModule,
+            SkyThemeModule,
+            SkyWaitModule,
+            SkyHrefModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SkyPagesResourcesModule,
+                        RouterModule,
+                        SkyActionButtonModule,
+                        SkyAppLinkModule,
+                        SkyFluidGridModule,
+                        SkyI18nModule,
+                        SkyIconModule,
+                        SkyKeyInfoModule,
+                        SkyPageHeaderModule,
+                        SkyThemeModule,
+                        SkyWaitModule,
+                        SkyHrefModule,
+                    ],
+                    declarations: [
+                        SkyActionHubButtonsComponent,
+                        SkyActionHubComponent,
+                        SkyActionHubContentComponent,
+                        SkyActionHubRecentLinksResolvePipe,
+                        SkyActionHubRelatedLinksSortPipe,
+                        SkyNeedsAttentionComponent,
+                        SkyLinkListComponent,
+                    ],
+                    exports: [
+                        SkyActionHubButtonsComponent,
+                        SkyActionHubComponent,
+                        SkyActionHubContentComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyActionHubModule, SkyPageHeaderModule, SkyActionHubComponent as λ1, SkyActionHubButtonsComponent as λ2, SkyActionHubContentComponent as λ3, SkyPageHeaderComponent as λ4 };
+//# sourceMappingURL=skyux-pages.mjs.map