@skyux/pages 5.7.2 → 6.0.0-beta.2

package/bundles/skyux-pages.umd.js

@@ -1,399 +0,0 @@
-(function (global, factory) {
-        typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/router'), require('@skyux/i18n'), require('@skyux/indicators'), require('@skyux/layout'), require('@skyux/router'), require('@skyux/theme')) :
-        typeof define === 'function' && define.amd ? define('@skyux/pages', ['exports', '@angular/common', '@angular/core', '@angular/router', '@skyux/i18n', '@skyux/indicators', '@skyux/layout', '@skyux/router', '@skyux/theme'], factory) :
-        (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.pages = {}), global.ng.common, global.ng.core, global.ng.router, global.i6, global.i2, global.i1, global.i4, global.i3));
-})(this, (function (exports, i2$1, i0, router, i6, i2, i1, i4, i3) { 'use strict';
-
-        function _interopNamespace(e) {
-                if (e && e.__esModule) return e;
-                var n = Object.create(null);
-                if (e) {
-                        Object.keys(e).forEach(function (k) {
-                                if (k !== 'default') {
-                                        var d = Object.getOwnPropertyDescriptor(e, k);
-                                        Object.defineProperty(n, k, d.get ? d : {
-                                                enumerable: true,
-                                                get: function () { return e[k]; }
-                                        });
-                                }
-                        });
-                }
-                n["default"] = e;
-                return Object.freeze(n);
-        }
-
-        var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-        var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-        var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-        var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-        var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-        var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-        var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-
-        var SkyLinkListComponent = /** @class */ (function () {
-            function SkyLinkListComponent() {
-            }
-            return SkyLinkListComponent;
-        }());
-        SkyLinkListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLinkListComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyLinkListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyLinkListComponent, selector: "sky-link-list", inputs: { links: "links", title: "title" }, ngImport: i0__namespace, template: "<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4 sky-margin-stacked-sm\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <sky-wait [isWaiting]=\"true\"></sky-wait>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"links?.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul\n      class=\"sky-link-list\"\n      [skyThemeClass]=\"{\n        'sky-margin-stacked-separate': 'default',\n        'sky-margin-stacked-xl': 'modern'\n      }\"\n    >\n      <li\n        *ngFor=\"let link of links\"\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-default': 'default',\n          'sky-margin-stacked-sm': 'modern'\n        }\"\n      >\n        <a *ngIf=\"link.permalink.url\" [skyHref]=\"link.permalink.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n", styles: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}\n"], components: [{ type: i2__namespace.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4__namespace.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLinkListComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-link-list',
-                            template: "<ng-container\n  *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n  <h2 class=\"sky-font-heading-4 sky-margin-stacked-sm\">\n    {{ title }}\n  </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n  <sky-wait [isWaiting]=\"true\"></sky-wait>\n  <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n  <ng-container *ngIf=\"links?.length > 0\">\n    <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n    <ul\n      class=\"sky-link-list\"\n      [skyThemeClass]=\"{\n        'sky-margin-stacked-separate': 'default',\n        'sky-margin-stacked-xl': 'modern'\n      }\"\n    >\n      <li\n        *ngFor=\"let link of links\"\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-default': 'default',\n          'sky-margin-stacked-sm': 'modern'\n        }\"\n      >\n        <a *ngIf=\"link.permalink.url\" [skyHref]=\"link.permalink.url\">\n          {{ link.label }}\n        </a>\n        <a\n          *ngIf=\"link.permalink.route\"\n          [skyAppLink]=\"link.permalink.route.commands\"\n          [queryParams]=\"link.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            link.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"link.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n          [state]=\"link.permalink.route.extras?.state\"\n        >\n          {{ link.label }}\n        </a>\n      </li>\n    </ul>\n  </ng-container>\n</ng-template>\n",
-                            styles: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}\n"],
-                        }]
-                }], propDecorators: { links: [{
-                        type: i0.Input
-                    }], title: [{
-                        type: i0.Input
-                    }] } });
-
-        var SkyNeedsAttentionComponent = /** @class */ (function () {
-            function SkyNeedsAttentionComponent() {
-                this.gutterSize = 'large';
-            }
-            return SkyNeedsAttentionComponent;
-        }());
-        SkyNeedsAttentionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNeedsAttentionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyNeedsAttentionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: { items: "items" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-needs-attention-container\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large sky-shadow': 'default',\n    'sky-box sky-elevation-1-bordered sky-padding-even-xl': 'modern'\n  }\"\n>\n  <h2 class=\"sky-font-heading-4\">\n    {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n  </h2>\n  <sky-fluid-grid [gutterSize]=\"gutterSize\" [disableMargin]=\"true\">\n    <sky-row>\n      <sky-column *ngIf=\"items?.length === 0\" [screenXSmall]=\"12\">\n        {{ 'sky_action_hub_needs_attention_empty' | skyLibResources }}\n      </sky-column>\n      <sky-column\n        *ngFor=\"let item of items; let isLast = last\"\n        [screenSmall]=\"items.length > 6 ? 6 : 12\"\n        [screenXSmall]=\"12\"\n      >\n        <ng-template #link>\n          <sky-icon\n            *skyThemeIf=\"'default'\"\n            class=\"sky-needs-attention-item-icon\"\n            icon=\"chevron-right\"\n          ></sky-icon>\n          <sky-icon\n            *skyThemeIf=\"'modern'\"\n            class=\"sky-needs-attention-item-icon\"\n            icon=\"chevron-right\"\n            iconType=\"skyux\"\n          ></sky-icon>\n          <sky-key-info\n            layout=\"horizontal\"\n            class=\"sky-needs-attention-item-key-info\"\n          >\n            <sky-key-info-label>{{ item.message }}</sky-key-info-label>\n            <sky-key-info-value\n              [skyThemeClass]=\"{\n                'sky-emphasized': 'default',\n                'sky-font-display-4': 'modern'\n              }\"\n            >\n              {{ item.title }}\n            </sky-key-info-value>\n          </sky-key-info>\n        </ng-template>\n        <a\n          *ngIf=\"item.permalink.route\"\n          [skyAppLink]=\"item.permalink.route.commands\"\n          [queryParams]=\"item.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            item.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"item.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"item.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"item.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"item.permalink.route.extras?.replaceUrl\"\n          [state]=\"item.permalink.route.extras?.state\"\n          class=\"\n            sky-needs-attention-item\n            sky-padding-vertical-lg\n            sky-border-bottom-row\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n        <a\n          *ngIf=\"item.permalink.url\"\n          [skyHref]=\"item.permalink.url\"\n          class=\"\n            sky-needs-attention-item\n            sky-padding-vertical-lg\n            sky-border-bottom-row\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n      </sky-column>\n    </sky-row>\n  </sky-fluid-grid>\n</div>\n", styles: [".sky-needs-attention-container{background-color:#fff}.sky-needs-attention-item{display:flex;flex-wrap:nowrap;align-items:center}.sky-needs-attention-item-icon{color:#686c73}.sky-needs-attention-item-key-info{flex-grow:1}.sky-needs-attention-item-icon{order:1}.sky-needs-attention-item sky-key-info-value{color:#0974a1}.sky-needs-attention-item:hover sky-key-info-value,.sky-needs-attention-item:hover sky-key-info-label{text-decoration:underline}.sky-needs-attention-item:focus{outline:none}.sky-needs-attention-item:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}sky-column:last-child>a{border-bottom:none}\n"], components: [{ type: i1__namespace.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i1__namespace.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i1__namespace.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i2__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2__namespace.λ8, selector: "sky-key-info", inputs: ["layout"] }, { type: i2__namespace.λ6, selector: "sky-key-info-label" }, { type: i2__namespace.λ7, selector: "sky-key-info-value" }], directives: [{ type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i4__namespace.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i2__namespace$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }], pipes: { "skyLibResources": i6__namespace.SkyLibResourcesPipe } });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyNeedsAttentionComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-needs-attention',
-                            template: "<div\n  class=\"sky-needs-attention-container\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large sky-shadow': 'default',\n    'sky-box sky-elevation-1-bordered sky-padding-even-xl': 'modern'\n  }\"\n>\n  <h2 class=\"sky-font-heading-4\">\n    {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n  </h2>\n  <sky-fluid-grid [gutterSize]=\"gutterSize\" [disableMargin]=\"true\">\n    <sky-row>\n      <sky-column *ngIf=\"items?.length === 0\" [screenXSmall]=\"12\">\n        {{ 'sky_action_hub_needs_attention_empty' | skyLibResources }}\n      </sky-column>\n      <sky-column\n        *ngFor=\"let item of items; let isLast = last\"\n        [screenSmall]=\"items.length > 6 ? 6 : 12\"\n        [screenXSmall]=\"12\"\n      >\n        <ng-template #link>\n          <sky-icon\n            *skyThemeIf=\"'default'\"\n            class=\"sky-needs-attention-item-icon\"\n            icon=\"chevron-right\"\n          ></sky-icon>\n          <sky-icon\n            *skyThemeIf=\"'modern'\"\n            class=\"sky-needs-attention-item-icon\"\n            icon=\"chevron-right\"\n            iconType=\"skyux\"\n          ></sky-icon>\n          <sky-key-info\n            layout=\"horizontal\"\n            class=\"sky-needs-attention-item-key-info\"\n          >\n            <sky-key-info-label>{{ item.message }}</sky-key-info-label>\n            <sky-key-info-value\n              [skyThemeClass]=\"{\n                'sky-emphasized': 'default',\n                'sky-font-display-4': 'modern'\n              }\"\n            >\n              {{ item.title }}\n            </sky-key-info-value>\n          </sky-key-info>\n        </ng-template>\n        <a\n          *ngIf=\"item.permalink.route\"\n          [skyAppLink]=\"item.permalink.route.commands\"\n          [queryParams]=\"item.permalink.route.extras?.queryParams\"\n          [queryParamsHandling]=\"\n            item.permalink.route.extras?.queryParamsHandling\n          \"\n          [fragment]=\"item.permalink.route.extras?.fragment\"\n          [preserveFragment]=\"item.permalink.route.extras?.preserveFragment\"\n          [skipLocationChange]=\"item.permalink.route.extras?.skipLocationChange\"\n          [replaceUrl]=\"item.permalink.route.extras?.replaceUrl\"\n          [state]=\"item.permalink.route.extras?.state\"\n          class=\"\n            sky-needs-attention-item\n            sky-padding-vertical-lg\n            sky-border-bottom-row\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n        <a\n          *ngIf=\"item.permalink.url\"\n          [skyHref]=\"item.permalink.url\"\n          class=\"\n            sky-needs-attention-item\n            sky-padding-vertical-lg\n            sky-border-bottom-row\n          \"\n        >\n          <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n        </a>\n      </sky-column>\n    </sky-row>\n  </sky-fluid-grid>\n</div>\n",
-                            styles: [".sky-needs-attention-container{background-color:#fff}.sky-needs-attention-item{display:flex;flex-wrap:nowrap;align-items:center}.sky-needs-attention-item-icon{color:#686c73}.sky-needs-attention-item-key-info{flex-grow:1}.sky-needs-attention-item-icon{order:1}.sky-needs-attention-item sky-key-info-value{color:#0974a1}.sky-needs-attention-item:hover sky-key-info-value,.sky-needs-attention-item:hover sky-key-info-label{text-decoration:underline}.sky-needs-attention-item:focus{outline:none}.sky-needs-attention-item:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}sky-column:last-child>a{border-bottom:none}\n"],
-                        }]
-                }], propDecorators: { items: [{
-                        type: i0.Input
-                    }] } });
-
-        var parentLink;
-        var SkyPageHeaderComponent = /** @class */ (function () {
-            function SkyPageHeaderComponent() {
-            }
-            return SkyPageHeaderComponent;
-        }());
-        SkyPageHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyPageHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0__namespace, template: "<h1 class=\"sky-page-header\">\n  <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n    <a\n      *ngIf=\"parentLink.permalink?.url\"\n      [skyHref]=\"parentLink.permalink.url\"\n      class=\"sky-font-heading-1 sky-page-header-parent-link\"\n      >{{ parentLink.label }}</a\n    >\n    <a\n      *ngIf=\"parentLink.permalink?.route\"\n      [skyAppLink]=\"parentLink.permalink.route.commands\"\n      [queryParams]=\"parentLink.permalink.route.extras?.queryParams\"\n      [queryParamsHandling]=\"\n        parentLink.permalink.route.extras?.queryParamsHandling\n      \"\n      [fragment]=\"parentLink.permalink.route.extras?.fragment\"\n      [preserveFragment]=\"parentLink.permalink.route.extras?.preserveFragment\"\n      [skipLocationChange]=\"\n        parentLink.permalink.route.extras?.skipLocationChange\n      \"\n      [replaceUrl]=\"parentLink.permalink.route.extras?.replaceUrl\"\n      [state]=\"parentLink.permalink.route.extras?.state\"\n      class=\"sky-font-heading-1 sky-page-header-parent-link\"\n      >{{ parentLink.label }}</a\n    >\n    <span class=\"sky-page-header-chevron\">\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-right\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </span>\n  </span>\n  <wbr *ngIf=\"parentLink\" />\n  <span class=\"sky-page-header-page-title sky-font-heading-1\">\n    {{ pageTitle }}\n  </span>\n</h1>\n", styles: [".sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], components: [{ type: i2__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4__namespace.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-page-header',
-                            template: "<h1 class=\"sky-page-header\">\n  <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n    <a\n      *ngIf=\"parentLink.permalink?.url\"\n      [skyHref]=\"parentLink.permalink.url\"\n      class=\"sky-font-heading-1 sky-page-header-parent-link\"\n      >{{ parentLink.label }}</a\n    >\n    <a\n      *ngIf=\"parentLink.permalink?.route\"\n      [skyAppLink]=\"parentLink.permalink.route.commands\"\n      [queryParams]=\"parentLink.permalink.route.extras?.queryParams\"\n      [queryParamsHandling]=\"\n        parentLink.permalink.route.extras?.queryParamsHandling\n      \"\n      [fragment]=\"parentLink.permalink.route.extras?.fragment\"\n      [preserveFragment]=\"parentLink.permalink.route.extras?.preserveFragment\"\n      [skipLocationChange]=\"\n        parentLink.permalink.route.extras?.skipLocationChange\n      \"\n      [replaceUrl]=\"parentLink.permalink.route.extras?.replaceUrl\"\n      [state]=\"parentLink.permalink.route.extras?.state\"\n      class=\"sky-font-heading-1 sky-page-header-parent-link\"\n      >{{ parentLink.label }}</a\n    >\n    <span class=\"sky-page-header-chevron\">\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-right\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </span>\n  </span>\n  <wbr *ngIf=\"parentLink\" />\n  <span class=\"sky-page-header-page-title sky-font-heading-1\">\n    {{ pageTitle }}\n  </span>\n</h1>\n",
-                            styles: [".sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"],
-                        }]
-                }], propDecorators: { parentLink: [{
-                        type: i0.Input
-                    }], pageTitle: [{
-                        type: i0.Input
-                    }] } });
-
-        var SkyPageHeaderModule = /** @class */ (function () {
-            function SkyPageHeaderModule() {
-            }
-            return SkyPageHeaderModule;
-        }());
-        SkyPageHeaderModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyPageHeaderModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [i2$1.CommonModule,
-                router.RouterModule,
-                i4.SkyAppLinkModule,
-                i2.SkyIconModule,
-                i3.SkyThemeModule,
-                i4.SkyHrefModule], exports: [SkyPageHeaderComponent] });
-        SkyPageHeaderModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, imports: [[
-                    i2$1.CommonModule,
-                    router.RouterModule,
-                    i4.SkyAppLinkModule,
-                    i2.SkyIconModule,
-                    i3.SkyThemeModule,
-                    i4.SkyHrefModule,
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageHeaderModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            imports: [
-                                i2$1.CommonModule,
-                                router.RouterModule,
-                                i4.SkyAppLinkModule,
-                                i2.SkyIconModule,
-                                i3.SkyThemeModule,
-                                i4.SkyHrefModule,
-                            ],
-                            declarations: [SkyPageHeaderComponent],
-                            exports: [SkyPageHeaderComponent],
-                        }]
-                }] });
-
-        /**
-         * NOTICE: DO NOT MODIFY THIS FILE!
-         * The contents of this file were automatically generated by
-         * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-pages' schematic.
-         * To update this file, simply rerun the command.
-         */
-        var RESOURCES = {
-            'EN-US': {
-                sky_action_hub_related_links: { message: 'Related Links' },
-                sky_action_hub_recent_links: { message: 'Recently Accessed' },
-                sky_action_hub_needs_attention: { message: 'Needs Attention' },
-                sky_action_hub_needs_attention_empty: {
-                    message: 'No issues currently need attention',
-                },
-            },
-        };
-        var SkyPagesResourcesProvider = /** @class */ (function () {
-            function SkyPagesResourcesProvider() {
-            }
-            SkyPagesResourcesProvider.prototype.getString = function (localeInfo, name) {
-                return i6.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-            };
-            return SkyPagesResourcesProvider;
-        }());
-        /**
-         * Import into any component library module that needs to use resource strings.
-         */
-        var SkyPagesResourcesModule = /** @class */ (function () {
-            function SkyPagesResourcesModule() {
-            }
-            return SkyPagesResourcesModule;
-        }());
-        SkyPagesResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagesResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyPagesResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagesResourcesModule, exports: [i6.SkyI18nModule] });
-        SkyPagesResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagesResourcesModule, providers: [
-                {
-                    provide: i6.SKY_LIB_RESOURCES_PROVIDERS,
-                    useClass: SkyPagesResourcesProvider,
-                    multi: true,
-                },
-            ], imports: [i6.SkyI18nModule] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagesResourcesModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            exports: [i6.SkyI18nModule],
-                            providers: [
-                                {
-                                    provide: i6.SKY_LIB_RESOURCES_PROVIDERS,
-                                    useClass: SkyPagesResourcesProvider,
-                                    multi: true,
-                                },
-                            ],
-                        }]
-                }] });
-
-        /**
-         * Displays buttons after the page title.
-         *
-         * Example:
-         *
-         * ```html
-         * <a class="sky-btn sky-btn-default" href="path/to/new">New</a>
-         * ```
-         */
-        var SkyActionHubButtonsComponent = /** @class */ (function () {
-            function SkyActionHubButtonsComponent() {
-            }
-            return SkyActionHubButtonsComponent;
-        }());
-        SkyActionHubButtonsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubButtonsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubButtonsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubButtonsComponent, selector: "sky-action-hub-buttons", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubButtonsComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-action-hub-buttons',
-                            template: "<ng-content></ng-content>\n",
-                        }]
-                }] });
-
-        /**
-         * Displays additional content after the action items.
-         */
-        var SkyActionHubContentComponent = /** @class */ (function () {
-            function SkyActionHubContentComponent() {
-            }
-            return SkyActionHubContentComponent;
-        }());
-        SkyActionHubContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubContentComponent, selector: "sky-action-hub-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubContentComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-action-hub-content',
-                            template: "<ng-content></ng-content>\n",
-                        }]
-                }] });
-
-        /**
-         * Creates an action hub to direct user attention to important
-         * actions and provide quick access to common tasks.
-         */
-        var SkyActionHubComponent = /** @class */ (function () {
-            function SkyActionHubComponent() {
-                /**
-                 * Provides a list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
-                 */
-                this.needsAttention = [];
-                /**
-                 * Provides a list of recently accessed links, or `"loading"` to display a wait indicator.
-                 */
-                this.recentLinks = [];
-                /**
-                 * Provides a list of related links, or `"loading"` to display a wait indicator.
-                 */
-                this.relatedLinks = [];
-                /**
-                 * Specifies the page title.
-                 * @default ""
-                 */
-                this.title = '';
-            }
-            SkyActionHubComponent.prototype.getRecentLinksSorted = function (recentLinks, limit) {
-                if (recentLinks === 'loading') {
-                    return 'loading';
-                }
-                if (!recentLinks || recentLinks.length === 0) {
-                    return [];
-                }
-                return recentLinks
-                    .slice(0)
-                    .sort(function (a, b) {
-                    var aTime = a.lastAccessed instanceof Date
-                        ? a.lastAccessed.toISOString()
-                        : a.lastAccessed;
-                    var bTime = b.lastAccessed instanceof Date
-                        ? b.lastAccessed.toISOString()
-                        : b.lastAccessed;
-                    if (aTime === bTime) {
-                        return 0;
-                    }
-                    return aTime > bTime ? -1 : 1;
-                })
-                    .slice(0, limit);
-            };
-            SkyActionHubComponent.prototype.getRelatedLinksSorted = function (relatedLinks) {
-                if (relatedLinks === 'loading') {
-                    return 'loading';
-                }
-                if (!relatedLinks || relatedLinks.length === 0) {
-                    return [];
-                }
-                return relatedLinks.slice(0).sort(function (a, b) {
-                    var aLabel = a.label.trim().toUpperCase();
-                    var bLabel = b.label.trim().toUpperCase();
-                    if (aLabel === bLabel) {
-                        return 0;
-                    }
-                    return aLabel < bLabel ? -1 : 1;
-                });
-            };
-            return SkyActionHubComponent;
-        }());
-        SkyActionHubComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyActionHubComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", title: "title" }, ngImport: i0__namespace, template: "<ng-template #loadingTemplateRef>\n  <sky-wait [isWaiting]=\"true\"></sky-wait>\n</ng-template>\n<sky-fluid-grid>\n  <sky-row>\n    <sky-column>\n      <sky-page-header\n        [pageTitle]=\"title\"\n        [parentLink]=\"parentLink\"\n      ></sky-page-header>\n    </sky-column>\n  </sky-row>\n  <sky-row>\n    <sky-column screenLarge=\"9\" screenXSmall=\"12\">\n      <div\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xl': 'modern'\n        }\"\n      >\n        <ng-content select=\"sky-action-hub-buttons\"></ng-content>\n      </div>\n\n      <div\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xxl': 'modern'\n        }\"\n      >\n        <ng-container\n          *ngIf=\"\n            needsAttention === 'loading';\n            then loadingTemplateRef;\n            else needsAttentionTemplateRef\n          \"\n        ></ng-container>\n        <ng-template #needsAttentionTemplateRef>\n          <sky-needs-attention [items]=\"needsAttention\"></sky-needs-attention>\n        </ng-template>\n      </div>\n\n      <div\n        [skyThemeClass]=\"{\n          'sky-margin-stacked-separate': 'default',\n          'sky-margin-stacked-xxl': 'modern'\n        }\"\n      >\n        <ng-content select=\"sky-action-hub-content\"></ng-content>\n      </div>\n    </sky-column>\n    <sky-column screenLarge=\"3\" screenXSmall=\"12\">\n      <sky-link-list\n        [links]=\"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',
-                            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",
-                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        }]
-                }], propDecorators: { needsAttention: [{
-                        type: i0.Input
-                    }], parentLink: [{
-                        type: i0.Input
-                    }], recentLinks: [{
-                        type: i0.Input
-                    }], relatedLinks: [{
-                        type: i0.Input
-                    }], title: [{
-                        type: i0.Input
-                    }] } });
-
-        var SkyActionHubModule = /** @class */ (function () {
-            function SkyActionHubModule() {
-            }
-            return SkyActionHubModule;
-        }());
-        SkyActionHubModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyActionHubModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, declarations: [SkyActionHubButtonsComponent,
-                SkyActionHubComponent,
-                SkyActionHubContentComponent,
-                SkyNeedsAttentionComponent,
-                SkyLinkListComponent], imports: [i2$1.CommonModule,
-                SkyPagesResourcesModule,
-                router.RouterModule,
-                i1.SkyActionButtonModule,
-                i4.SkyAppLinkModule,
-                i1.SkyFluidGridModule,
-                i6.SkyI18nModule,
-                i2.SkyIconModule,
-                i2.SkyKeyInfoModule,
-                SkyPageHeaderModule,
-                i3.SkyThemeModule,
-                i2.SkyWaitModule,
-                i4.SkyHrefModule], exports: [SkyActionHubButtonsComponent,
-                SkyActionHubComponent,
-                SkyActionHubContentComponent] });
-        SkyActionHubModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, imports: [[
-                    i2$1.CommonModule,
-                    SkyPagesResourcesModule,
-                    router.RouterModule,
-                    i1.SkyActionButtonModule,
-                    i4.SkyAppLinkModule,
-                    i1.SkyFluidGridModule,
-                    i6.SkyI18nModule,
-                    i2.SkyIconModule,
-                    i2.SkyKeyInfoModule,
-                    SkyPageHeaderModule,
-                    i3.SkyThemeModule,
-                    i2.SkyWaitModule,
-                    i4.SkyHrefModule,
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionHubModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            imports: [
-                                i2$1.CommonModule,
-                                SkyPagesResourcesModule,
-                                router.RouterModule,
-                                i1.SkyActionButtonModule,
-                                i4.SkyAppLinkModule,
-                                i1.SkyFluidGridModule,
-                                i6.SkyI18nModule,
-                                i2.SkyIconModule,
-                                i2.SkyKeyInfoModule,
-                                SkyPageHeaderModule,
-                                i3.SkyThemeModule,
-                                i2.SkyWaitModule,
-                                i4.SkyHrefModule,
-                            ],
-                            declarations: [
-                                SkyActionHubButtonsComponent,
-                                SkyActionHubComponent,
-                                SkyActionHubContentComponent,
-                                SkyNeedsAttentionComponent,
-                                SkyLinkListComponent,
-                            ],
-                            exports: [
-                                SkyActionHubButtonsComponent,
-                                SkyActionHubComponent,
-                                SkyActionHubContentComponent,
-                            ],
-                        }]
-                }] });
-
-        /**
-         * Generated bundle index. Do not edit.
-         */
-
-        exports.SkyActionHubModule = SkyActionHubModule;
-        exports.SkyPageHeaderModule = SkyPageHeaderModule;
-        exports["λ1"] = SkyActionHubComponent;
-        exports["λ2"] = SkyActionHubButtonsComponent;
-        exports["λ3"] = SkyActionHubContentComponent;
-        exports["λ4"] = SkyPageHeaderComponent;
-
-        Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-pages.umd.js.map

package/esm2015/index.js

@@ -1,12 +0,0 @@
-export * from './lib/modules/action-hub/action-hub.module';
-export * from './lib/modules/action-hub/types/action-hub-needs-attention';
-export * from './lib/modules/action-hub/types/page-link';
-export * from './lib/modules/action-hub/types/recent-link';
-export * from './lib/modules/page-header/page-header.module';
-// Components and directives must be exported to support Angular's "partial" Ivy compiler.
-// Obscure names are used to indicate types are not part of the public API.
-export { SkyActionHubComponent as λ1 } from './lib/modules/action-hub/action-hub.component';
-export { SkyActionHubButtonsComponent as λ2 } from './lib/modules/action-hub/action-hub-buttons.component';
-export { SkyActionHubContentComponent as λ3 } from './lib/modules/action-hub/action-hub-content.component';
-export { SkyPageHeaderComponent as λ4 } from './lib/modules/page-header/page-header.component';
-//# sourceMappingURL=index.js.map

package/esm2015/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/pages/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,0CAA0C,CAAC;AACzD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAE7D,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,uDAAuD,CAAC;AAC3G,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,uDAAuD,CAAC;AAC3G,OAAO,EAAE,sBAAsB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC","sourcesContent":["export * from './lib/modules/action-hub/action-hub.module';\nexport * from './lib/modules/action-hub/types/action-hub-needs-attention';\nexport * from './lib/modules/action-hub/types/page-link';\nexport * from './lib/modules/action-hub/types/recent-link';\nexport * from './lib/modules/page-header/page-header.module';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyActionHubComponent as λ1 } from './lib/modules/action-hub/action-hub.component';\nexport { SkyActionHubButtonsComponent as λ2 } from './lib/modules/action-hub/action-hub-buttons.component';\nexport { SkyActionHubContentComponent as λ3 } from './lib/modules/action-hub/action-hub-content.component';\nexport { SkyPageHeaderComponent as λ4 } from './lib/modules/page-header/page-header.component';\n"]}

package/esm2015/lib/modules/action-hub/action-hub-buttons.component.js

@@ -1,23 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Displays buttons after the page title.
- *
- * Example:
- *
- * ```html
- * <a class="sky-btn sky-btn-default" href="path/to/new">New</a>
- * ```
- */
-export class SkyActionHubButtonsComponent {
-}
-SkyActionHubButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyActionHubButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubButtonsComponent, selector: "sky-action-hub-buttons", ngImport: i0, template: "<ng-content></ng-content>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubButtonsComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-action-hub-buttons',
-                    templateUrl: 'action-hub-buttons.component.html',
-                }]
-        }] });
-//# sourceMappingURL=action-hub-buttons.component.js.map

package/esm2015/lib/modules/action-hub/action-hub-buttons.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-hub-buttons.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-buttons.component.ts","../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-buttons.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;;;;;;GAQG;AAKH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;8GAA5B,4BAA4B,8DCfzC,6BACA;4FDca,4BAA4B;kBAJxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,WAAW,EAAE,mCAAmC;iBACjD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Displays buttons after the page title.\n *\n * Example:\n *\n * ```html\n * <a class=\"sky-btn sky-btn-default\" href=\"path/to/new\">New</a>\n * ```\n */\n@Component({\n  selector: 'sky-action-hub-buttons',\n  templateUrl: 'action-hub-buttons.component.html',\n})\nexport class SkyActionHubButtonsComponent {}\n","<ng-content></ng-content>\n"]}

package/esm2015/lib/modules/action-hub/action-hub-content.component.js

@@ -1,17 +0,0 @@
-import { Component } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Displays additional content after the action items.
- */
-export class SkyActionHubContentComponent {
-}
-SkyActionHubContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyActionHubContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubContentComponent, selector: "sky-action-hub-content", ngImport: i0, template: "<ng-content></ng-content>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-action-hub-content',
-                    templateUrl: 'action-hub-content.component.html',
-                }]
-        }] });
-//# sourceMappingURL=action-hub-content.component.js.map

package/esm2015/lib/modules/action-hub/action-hub-content.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-hub-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-content.component.ts","../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;8GAA5B,4BAA4B,8DCTzC,6BACA;4FDQa,4BAA4B;kBAJxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,WAAW,EAAE,mCAAmC;iBACjD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Displays additional content after the action items.\n */\n@Component({\n  selector: 'sky-action-hub-content',\n  templateUrl: 'action-hub-content.component.html',\n})\nexport class SkyActionHubContentComponent {}\n","<ng-content></ng-content>\n"]}

package/esm2015/lib/modules/action-hub/action-hub.component.js

@@ -1,95 +0,0 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@skyux/indicators";
-import * as i2 from "@skyux/layout";
-import * as i3 from "../page-header/page-header.component";
-import * as i4 from "../needs-attention/needs-attention.component";
-import * as i5 from "../link-list/link-list.component";
-import * as i6 from "@skyux/theme";
-import * as i7 from "@angular/common";
-import * as i8 from "@skyux/i18n";
-/**
- * Creates an action hub to direct user attention to important
- * actions and provide quick access to common tasks.
- */
-export 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 = '';
-    }
-    getRecentLinksSorted(recentLinks, limit) {
-        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, limit);
-    }
-    getRelatedLinksSorted(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;
-        });
-    }
-}
-SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyActionHubComponent.ɵcmp = i0.ɵɵ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, 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: i1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }, { type: i2.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i2.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i3.SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { type: i4.SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { type: i5.SkyLinkListComponent, selector: "sky-link-list", inputs: ["links", "title"] }], directives: [{ type: i6.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i8.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-action-hub',
-                    templateUrl: './action-hub.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }], propDecorators: { needsAttention: [{
-                type: Input
-            }], parentLink: [{
-                type: Input
-            }], recentLinks: [{
-                type: Input
-            }], relatedLinks: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=action-hub.component.js.map