@skyux/pages 6.0.0-beta.0 → 6.0.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +182 -274
- package/esm2020/index.mjs +3 -1
- package/esm2020/lib/modules/action-hub/action-hub-buttons.component.mjs +3 -3
- package/esm2020/lib/modules/action-hub/action-hub-content.component.mjs +3 -3
- package/esm2020/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.mjs +100 -0
- package/esm2020/lib/modules/action-hub/action-hub-related-links-sort.pipe.mjs +29 -0
- package/esm2020/lib/modules/action-hub/action-hub.component.mjs +8 -45
- package/esm2020/lib/modules/action-hub/action-hub.module.mjs +11 -5
- package/esm2020/lib/modules/action-hub/types/page-links-input.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/recent-links-input.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/recent-links-resolved.mjs +2 -0
- package/esm2020/lib/modules/link-list/link-list.component.mjs +4 -4
- package/esm2020/lib/modules/needs-attention/needs-attention.component.mjs +3 -3
- package/esm2020/lib/modules/page-header/page-header.component.mjs +3 -3
- package/esm2020/lib/modules/page-header/page-header.module.mjs +4 -4
- package/esm2020/lib/modules/shared/sky-pages-resources.module.mjs +4 -4
- package/fesm2015/skyux-pages.mjs +161 -71
- package/fesm2015/skyux-pages.mjs.map +1 -1
- package/fesm2020/skyux-pages.mjs +159 -71
- package/fesm2020/skyux-pages.mjs.map +1 -1
- package/index.d.ts +2 -0
- package/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.d.ts +15 -0
- package/lib/modules/action-hub/action-hub-related-links-sort.pipe.d.ts +8 -0
- package/lib/modules/action-hub/action-hub.component.d.ts +4 -5
- package/lib/modules/action-hub/action-hub.module.d.ts +14 -12
- package/lib/modules/action-hub/types/page-links-input.d.ts +2 -0
- package/lib/modules/action-hub/types/recent-links-input.d.ts +6 -0
- package/lib/modules/action-hub/types/recent-links-resolved.d.ts +2 -0
- package/lib/modules/link-list/link-list.component.d.ts +2 -2
- package/package.json +24 -21
|
@@ -8,14 +8,14 @@ import { SkyPageHeaderComponent } from './page-header.component';
|
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class SkyPageHeaderModule {
|
|
10
10
|
}
|
|
11
|
-
SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
12
|
-
SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
|
11
|
+
SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [CommonModule,
|
|
13
13
|
RouterModule,
|
|
14
14
|
SkyAppLinkModule,
|
|
15
15
|
SkyIconModule,
|
|
16
16
|
SkyThemeModule,
|
|
17
17
|
SkyHrefModule], exports: [SkyPageHeaderComponent] });
|
|
18
|
-
SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
|
18
|
+
SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, imports: [[
|
|
19
19
|
CommonModule,
|
|
20
20
|
RouterModule,
|
|
21
21
|
SkyAppLinkModule,
|
|
@@ -23,7 +23,7 @@ SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
|
|
|
23
23
|
SkyThemeModule,
|
|
24
24
|
SkyHrefModule,
|
|
25
25
|
]] });
|
|
26
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, decorators: [{
|
|
27
27
|
type: NgModule,
|
|
28
28
|
args: [{
|
|
29
29
|
imports: [
|
|
@@ -27,16 +27,16 @@ export class SkyPagesResourcesProvider {
|
|
|
27
27
|
*/
|
|
28
28
|
export class SkyPagesResourcesModule {
|
|
29
29
|
}
|
|
30
|
-
SkyPagesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
31
|
-
SkyPagesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
|
32
|
-
SkyPagesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
|
30
|
+
SkyPagesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
31
|
+
SkyPagesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, exports: [SkyI18nModule] });
|
|
32
|
+
SkyPagesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, providers: [
|
|
33
33
|
{
|
|
34
34
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
35
35
|
useClass: SkyPagesResourcesProvider,
|
|
36
36
|
multi: true,
|
|
37
37
|
},
|
|
38
38
|
], imports: [SkyI18nModule] });
|
|
39
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, decorators: [{
|
|
40
40
|
type: NgModule,
|
|
41
41
|
args: [{
|
|
42
42
|
exports: [SkyI18nModule],
|
package/fesm2015/skyux-pages.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as i2$1 from '@angular/common';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Component, Input, NgModule, ChangeDetectionStrategy } from '@angular/core';
|
|
4
|
+
import { Component, Input, NgModule, Pipe, Optional, ChangeDetectionStrategy } from '@angular/core';
|
|
5
5
|
import { RouterModule } from '@angular/router';
|
|
6
6
|
import * as i6 from '@skyux/i18n';
|
|
7
7
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
@@ -13,12 +13,15 @@ import * as i4 from '@skyux/router';
|
|
|
13
13
|
import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
|
|
14
14
|
import * as i3 from '@skyux/theme';
|
|
15
15
|
import { SkyThemeModule } from '@skyux/theme';
|
|
16
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
|
|
17
|
+
import { Subject } from 'rxjs';
|
|
18
|
+
import { takeUntil } from 'rxjs/operators';
|
|
16
19
|
|
|
17
20
|
class SkyLinkListComponent {
|
|
18
21
|
}
|
|
19
|
-
SkyLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
20
|
-
SkyLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
22
|
+
SkyLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
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"] }] });
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLinkListComponent, decorators: [{
|
|
22
25
|
type: Component,
|
|
23
26
|
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"] }]
|
|
24
27
|
}], propDecorators: { links: [{
|
|
@@ -32,9 +35,9 @@ class SkyNeedsAttentionComponent {
|
|
|
32
35
|
this.gutterSize = 'large';
|
|
33
36
|
}
|
|
34
37
|
}
|
|
35
|
-
SkyNeedsAttentionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
36
|
-
SkyNeedsAttentionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
38
|
+
SkyNeedsAttentionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
+
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 } });
|
|
40
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
|
|
38
41
|
type: Component,
|
|
39
42
|
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"] }]
|
|
40
43
|
}], propDecorators: { items: [{
|
|
@@ -44,9 +47,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
44
47
|
let parentLink;
|
|
45
48
|
class SkyPageHeaderComponent {
|
|
46
49
|
}
|
|
47
|
-
SkyPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
48
|
-
SkyPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
50
|
+
SkyPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
51
|
+
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"] }] });
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
|
|
50
53
|
type: Component,
|
|
51
54
|
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"] }]
|
|
52
55
|
}], propDecorators: { parentLink: [{
|
|
@@ -57,14 +60,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
57
60
|
|
|
58
61
|
class SkyPageHeaderModule {
|
|
59
62
|
}
|
|
60
|
-
SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
61
|
-
SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
|
63
|
+
SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
64
|
+
SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [CommonModule,
|
|
62
65
|
RouterModule,
|
|
63
66
|
SkyAppLinkModule,
|
|
64
67
|
SkyIconModule,
|
|
65
68
|
SkyThemeModule,
|
|
66
69
|
SkyHrefModule], exports: [SkyPageHeaderComponent] });
|
|
67
|
-
SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
|
70
|
+
SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, imports: [[
|
|
68
71
|
CommonModule,
|
|
69
72
|
RouterModule,
|
|
70
73
|
SkyAppLinkModule,
|
|
@@ -72,7 +75,7 @@ SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ver
|
|
|
72
75
|
SkyThemeModule,
|
|
73
76
|
SkyHrefModule,
|
|
74
77
|
]] });
|
|
75
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
78
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPageHeaderModule, decorators: [{
|
|
76
79
|
type: NgModule,
|
|
77
80
|
args: [{
|
|
78
81
|
imports: [
|
|
@@ -114,16 +117,16 @@ class SkyPagesResourcesProvider {
|
|
|
114
117
|
*/
|
|
115
118
|
class SkyPagesResourcesModule {
|
|
116
119
|
}
|
|
117
|
-
SkyPagesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
118
|
-
SkyPagesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
|
119
|
-
SkyPagesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
|
120
|
+
SkyPagesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
121
|
+
SkyPagesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, exports: [SkyI18nModule] });
|
|
122
|
+
SkyPagesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, providers: [
|
|
120
123
|
{
|
|
121
124
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
122
125
|
useClass: SkyPagesResourcesProvider,
|
|
123
126
|
multi: true,
|
|
124
127
|
},
|
|
125
128
|
], imports: [SkyI18nModule] });
|
|
126
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyPagesResourcesModule, decorators: [{
|
|
127
130
|
type: NgModule,
|
|
128
131
|
args: [{
|
|
129
132
|
exports: [SkyI18nModule],
|
|
@@ -148,9 +151,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
148
151
|
*/
|
|
149
152
|
class SkyActionHubButtonsComponent {
|
|
150
153
|
}
|
|
151
|
-
SkyActionHubButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
152
|
-
SkyActionHubButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
154
|
+
SkyActionHubButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
155
|
+
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" });
|
|
156
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubButtonsComponent, decorators: [{
|
|
154
157
|
type: Component,
|
|
155
158
|
args: [{ selector: 'sky-action-hub-buttons', template: "<ng-content></ng-content>\n" }]
|
|
156
159
|
}] });
|
|
@@ -160,13 +163,135 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
160
163
|
*/
|
|
161
164
|
class SkyActionHubContentComponent {
|
|
162
165
|
}
|
|
163
|
-
SkyActionHubContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
164
|
-
SkyActionHubContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
165
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
166
|
+
SkyActionHubContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
167
|
+
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" });
|
|
168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubContentComponent, decorators: [{
|
|
166
169
|
type: Component,
|
|
167
170
|
args: [{ selector: 'sky-action-hub-content', template: "<ng-content></ng-content>\n" }]
|
|
168
171
|
}] });
|
|
169
172
|
|
|
173
|
+
var _SkyActionHubRecentLinksResolvePipe_instances, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved;
|
|
174
|
+
const RECENTLY_ACCESSED_LIMIT = 5;
|
|
175
|
+
function getRecentLinksSorted(recentLinks) {
|
|
176
|
+
if (recentLinks === 'loading') {
|
|
177
|
+
return 'loading';
|
|
178
|
+
}
|
|
179
|
+
if (!recentLinks || recentLinks.length === 0) {
|
|
180
|
+
return [];
|
|
181
|
+
}
|
|
182
|
+
return recentLinks
|
|
183
|
+
.slice(0)
|
|
184
|
+
.sort((a, b) => {
|
|
185
|
+
const aTime = a.lastAccessed instanceof Date
|
|
186
|
+
? a.lastAccessed.toISOString()
|
|
187
|
+
: a.lastAccessed;
|
|
188
|
+
const bTime = b.lastAccessed instanceof Date
|
|
189
|
+
? b.lastAccessed.toISOString()
|
|
190
|
+
: b.lastAccessed;
|
|
191
|
+
if (aTime === bTime) {
|
|
192
|
+
return 0;
|
|
193
|
+
}
|
|
194
|
+
return aTime > bTime ? -1 : 1;
|
|
195
|
+
})
|
|
196
|
+
.slice(0, RECENTLY_ACCESSED_LIMIT);
|
|
197
|
+
}
|
|
198
|
+
class SkyActionHubRecentLinksResolvePipe {
|
|
199
|
+
constructor(changeDetector, recentlyAccessedSvc) {
|
|
200
|
+
this.changeDetector = changeDetector;
|
|
201
|
+
this.recentlyAccessedSvc = recentlyAccessedSvc;
|
|
202
|
+
_SkyActionHubRecentLinksResolvePipe_instances.add(this);
|
|
203
|
+
_SkyActionHubRecentLinksResolvePipe_currentRecentLinks.set(this, void 0);
|
|
204
|
+
_SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved.set(this, []);
|
|
205
|
+
_SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub.set(this, void 0);
|
|
206
|
+
_SkyActionHubRecentLinksResolvePipe_ngUnsubscribe.set(this, new Subject());
|
|
207
|
+
}
|
|
208
|
+
transform(recentLinks) {
|
|
209
|
+
if (recentLinks !== __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, "f")) {
|
|
210
|
+
if (__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f")) {
|
|
211
|
+
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f").unsubscribe();
|
|
212
|
+
}
|
|
213
|
+
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, recentLinks, "f");
|
|
214
|
+
const getLinksArgs = recentLinks;
|
|
215
|
+
if (getLinksArgs === null || getLinksArgs === void 0 ? void 0 : getLinksArgs.requestedRoutes) {
|
|
216
|
+
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes).call(this, getLinksArgs);
|
|
217
|
+
}
|
|
218
|
+
else {
|
|
219
|
+
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
return __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, "f");
|
|
223
|
+
}
|
|
224
|
+
ngOnDestroy() {
|
|
225
|
+
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").next();
|
|
226
|
+
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").complete();
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
_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) {
|
|
230
|
+
if (this.recentlyAccessedSvc) {
|
|
231
|
+
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, 'loading');
|
|
232
|
+
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, this.recentlyAccessedSvc
|
|
233
|
+
.getLinks(args)
|
|
234
|
+
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f")))
|
|
235
|
+
.subscribe((result) => {
|
|
236
|
+
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, undefined, "f");
|
|
237
|
+
const recentLinks = result.links.map((item) => ({
|
|
238
|
+
label: item.label,
|
|
239
|
+
lastAccessed: item.lastAccessed,
|
|
240
|
+
permalink: {
|
|
241
|
+
url: item.url,
|
|
242
|
+
},
|
|
243
|
+
}));
|
|
244
|
+
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
|
|
245
|
+
}), "f");
|
|
246
|
+
}
|
|
247
|
+
else {
|
|
248
|
+
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, []);
|
|
249
|
+
}
|
|
250
|
+
}, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved = function _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved(recentLinksResolved) {
|
|
251
|
+
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, getRecentLinksSorted(recentLinksResolved), "f");
|
|
252
|
+
this.changeDetector.markForCheck();
|
|
253
|
+
};
|
|
254
|
+
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 });
|
|
255
|
+
SkyActionHubRecentLinksResolvePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve", pure: false });
|
|
256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, decorators: [{
|
|
257
|
+
type: Pipe,
|
|
258
|
+
args: [{
|
|
259
|
+
name: 'skyActionHubRecentLinksResolve',
|
|
260
|
+
pure: false,
|
|
261
|
+
}]
|
|
262
|
+
}], ctorParameters: function () {
|
|
263
|
+
return [{ type: i0.ChangeDetectorRef }, { type: i4.SkyRecentlyAccessedService, decorators: [{
|
|
264
|
+
type: Optional
|
|
265
|
+
}] }];
|
|
266
|
+
} });
|
|
267
|
+
|
|
268
|
+
class SkyActionHubRelatedLinksSortPipe {
|
|
269
|
+
transform(relatedLinks) {
|
|
270
|
+
if (relatedLinks === 'loading') {
|
|
271
|
+
return 'loading';
|
|
272
|
+
}
|
|
273
|
+
if (!relatedLinks || relatedLinks.length === 0) {
|
|
274
|
+
return [];
|
|
275
|
+
}
|
|
276
|
+
return relatedLinks.slice(0).sort((a, b) => {
|
|
277
|
+
const aLabel = a.label.trim().toUpperCase();
|
|
278
|
+
const bLabel = b.label.trim().toUpperCase();
|
|
279
|
+
if (aLabel === bLabel) {
|
|
280
|
+
return 0;
|
|
281
|
+
}
|
|
282
|
+
return aLabel < bLabel ? -1 : 1;
|
|
283
|
+
});
|
|
284
|
+
}
|
|
285
|
+
}
|
|
286
|
+
SkyActionHubRelatedLinksSortPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
287
|
+
SkyActionHubRelatedLinksSortPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" });
|
|
288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, decorators: [{
|
|
289
|
+
type: Pipe,
|
|
290
|
+
args: [{
|
|
291
|
+
name: 'skyActionHubRelatedLinksSort',
|
|
292
|
+
}]
|
|
293
|
+
}] });
|
|
294
|
+
|
|
170
295
|
/**
|
|
171
296
|
* Creates an action hub to direct user attention to important
|
|
172
297
|
* actions and provide quick access to common tasks.
|
|
@@ -191,51 +316,12 @@ class SkyActionHubComponent {
|
|
|
191
316
|
*/
|
|
192
317
|
this.title = '';
|
|
193
318
|
}
|
|
194
|
-
getRecentLinksSorted(recentLinks, limit) {
|
|
195
|
-
if (recentLinks === 'loading') {
|
|
196
|
-
return 'loading';
|
|
197
|
-
}
|
|
198
|
-
if (!recentLinks || recentLinks.length === 0) {
|
|
199
|
-
return [];
|
|
200
|
-
}
|
|
201
|
-
return recentLinks
|
|
202
|
-
.slice(0)
|
|
203
|
-
.sort((a, b) => {
|
|
204
|
-
const aTime = a.lastAccessed instanceof Date
|
|
205
|
-
? a.lastAccessed.toISOString()
|
|
206
|
-
: a.lastAccessed;
|
|
207
|
-
const bTime = b.lastAccessed instanceof Date
|
|
208
|
-
? b.lastAccessed.toISOString()
|
|
209
|
-
: b.lastAccessed;
|
|
210
|
-
if (aTime === bTime) {
|
|
211
|
-
return 0;
|
|
212
|
-
}
|
|
213
|
-
return aTime > bTime ? -1 : 1;
|
|
214
|
-
})
|
|
215
|
-
.slice(0, limit);
|
|
216
|
-
}
|
|
217
|
-
getRelatedLinksSorted(relatedLinks) {
|
|
218
|
-
if (relatedLinks === 'loading') {
|
|
219
|
-
return 'loading';
|
|
220
|
-
}
|
|
221
|
-
if (!relatedLinks || relatedLinks.length === 0) {
|
|
222
|
-
return [];
|
|
223
|
-
}
|
|
224
|
-
return relatedLinks.slice(0).sort((a, b) => {
|
|
225
|
-
const aLabel = a.label.trim().toUpperCase();
|
|
226
|
-
const bLabel = b.label.trim().toUpperCase();
|
|
227
|
-
if (aLabel === bLabel) {
|
|
228
|
-
return 0;
|
|
229
|
-
}
|
|
230
|
-
return aLabel < bLabel ? -1 : 1;
|
|
231
|
-
});
|
|
232
|
-
}
|
|
233
319
|
}
|
|
234
|
-
SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
235
|
-
SkyActionHubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
|
236
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
320
|
+
SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
321
|
+
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 });
|
|
322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
237
323
|
type: Component,
|
|
238
|
-
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]=\"
|
|
324
|
+
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" }]
|
|
239
325
|
}], propDecorators: { needsAttention: [{
|
|
240
326
|
type: Input
|
|
241
327
|
}], parentLink: [{
|
|
@@ -250,10 +336,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
250
336
|
|
|
251
337
|
class SkyActionHubModule {
|
|
252
338
|
}
|
|
253
|
-
SkyActionHubModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
|
254
|
-
SkyActionHubModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
|
339
|
+
SkyActionHubModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
340
|
+
SkyActionHubModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubModule, declarations: [SkyActionHubButtonsComponent,
|
|
255
341
|
SkyActionHubComponent,
|
|
256
342
|
SkyActionHubContentComponent,
|
|
343
|
+
SkyActionHubRecentLinksResolvePipe,
|
|
344
|
+
SkyActionHubRelatedLinksSortPipe,
|
|
257
345
|
SkyNeedsAttentionComponent,
|
|
258
346
|
SkyLinkListComponent], imports: [CommonModule,
|
|
259
347
|
SkyPagesResourcesModule,
|
|
@@ -270,7 +358,7 @@ SkyActionHubModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", vers
|
|
|
270
358
|
SkyHrefModule], exports: [SkyActionHubButtonsComponent,
|
|
271
359
|
SkyActionHubComponent,
|
|
272
360
|
SkyActionHubContentComponent] });
|
|
273
|
-
SkyActionHubModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
|
361
|
+
SkyActionHubModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubModule, imports: [[
|
|
274
362
|
CommonModule,
|
|
275
363
|
SkyPagesResourcesModule,
|
|
276
364
|
RouterModule,
|
|
@@ -285,7 +373,7 @@ SkyActionHubModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
|
|
|
285
373
|
SkyWaitModule,
|
|
286
374
|
SkyHrefModule,
|
|
287
375
|
]] });
|
|
288
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
|
376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubModule, decorators: [{
|
|
289
377
|
type: NgModule,
|
|
290
378
|
args: [{
|
|
291
379
|
imports: [
|
|
@@ -307,6 +395,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImpor
|
|
|
307
395
|
SkyActionHubButtonsComponent,
|
|
308
396
|
SkyActionHubComponent,
|
|
309
397
|
SkyActionHubContentComponent,
|
|
398
|
+
SkyActionHubRecentLinksResolvePipe,
|
|
399
|
+
SkyActionHubRelatedLinksSortPipe,
|
|
310
400
|
SkyNeedsAttentionComponent,
|
|
311
401
|
SkyLinkListComponent,
|
|
312
402
|
],
|