@skyux/pages 6.11.2 → 6.14.0
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 +315 -191
- package/esm2020/lib/modules/action-hub/action-hub.component.mjs +18 -7
- package/esm2020/lib/modules/action-hub/types/action-hub-needs-attention-input.mjs +2 -0
- package/esm2020/lib/modules/link-list/link-list.component.mjs +17 -3
- package/esm2020/lib/modules/modal-link-list/modal-link-list.component.mjs +15 -3
- package/fesm2015/skyux-pages.mjs +45 -11
- package/fesm2015/skyux-pages.mjs.map +1 -1
- package/fesm2020/skyux-pages.mjs +45 -11
- package/fesm2020/skyux-pages.mjs.map +1 -1
- package/lib/modules/action-hub/action-hub.component.d.ts +5 -1
- package/lib/modules/action-hub/types/action-hub-needs-attention-input.d.ts +5 -0
- package/lib/modules/link-list/link-list.component.d.ts +5 -1
- package/lib/modules/modal-link-list/modal-link-list.component.d.ts +4 -1
- package/package.json +7 -7
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyActionHubComponent__needsAttention;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
import * as i1 from "@skyux/indicators";
|
|
@@ -17,10 +19,6 @@ import * as i11 from "./action-hub-recent-links-resolve.pipe";
|
|
|
17
19
|
*/
|
|
18
20
|
export class SkyActionHubComponent {
|
|
19
21
|
constructor() {
|
|
20
|
-
/**
|
|
21
|
-
* Provides a list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
|
|
22
|
-
*/
|
|
23
|
-
this.needsAttention = [];
|
|
24
22
|
/**
|
|
25
23
|
* Provides a list of recently accessed links, or `"loading"` to display a wait indicator.
|
|
26
24
|
*/
|
|
@@ -38,13 +36,26 @@ export class SkyActionHubComponent {
|
|
|
38
36
|
* @default ""
|
|
39
37
|
*/
|
|
40
38
|
this.title = '';
|
|
39
|
+
this.needsAttentionArray = [];
|
|
40
|
+
_SkyActionHubComponent__needsAttention.set(this, void 0);
|
|
41
|
+
}
|
|
42
|
+
/**
|
|
43
|
+
* Provides a list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
|
|
44
|
+
*/
|
|
45
|
+
set needsAttention(value) {
|
|
46
|
+
__classPrivateFieldSet(this, _SkyActionHubComponent__needsAttention, value, "f");
|
|
47
|
+
this.needsAttentionArray = Array.isArray(value) ? value : [];
|
|
48
|
+
}
|
|
49
|
+
get needsAttention() {
|
|
50
|
+
return __classPrivateFieldGet(this, _SkyActionHubComponent__needsAttention, "f");
|
|
41
51
|
}
|
|
42
52
|
}
|
|
53
|
+
_SkyActionHubComponent__needsAttention = new WeakMap();
|
|
43
54
|
SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
44
|
-
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", settingsLinks: "settingsLinks", 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
|
|
55
|
+
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", settingsLinks: "settingsLinks", 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\n [items]=\"needsAttentionArray\"\n ></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-modal-link-list\n [links]=\"settingsLinks\"\n [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n ></sky-modal-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"] }, { type: i6.SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: ["links", "title"] }], directives: [{ type: i7.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyActionHubRelatedLinksSort": i9.SkyActionHubRelatedLinksSortPipe, "skyLibResources": i10.SkyLibResourcesPipe, "skyActionHubRecentLinksResolve": i11.SkyActionHubRecentLinksResolvePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
45
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
46
57
|
type: Component,
|
|
47
|
-
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
|
|
58
|
+
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\n [items]=\"needsAttentionArray\"\n ></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-modal-link-list\n [links]=\"settingsLinks\"\n [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n ></sky-modal-link-list>\n </sky-column>\n </sky-row>\n</sky-fluid-grid>\n" }]
|
|
48
59
|
}], propDecorators: { needsAttention: [{
|
|
49
60
|
type: Input
|
|
50
61
|
}], parentLink: [{
|
|
@@ -58,4 +69,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
58
69
|
}], title: [{
|
|
59
70
|
type: Input
|
|
60
71
|
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7O0FBUzFFOzs7R0FHRztBQU1ILE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUEyQkU7O1dBRUc7UUFFSSxnQkFBVyxHQUF3QixFQUFFLENBQUM7UUFFN0M7O1dBRUc7UUFFSSxpQkFBWSxHQUFzQixFQUFFLENBQUM7UUFFNUM7O1dBRUc7UUFFSSxrQkFBYSxHQUEyQixFQUFFLENBQUM7UUFFbEQ7OztXQUdHO1FBRUksVUFBSyxHQUFHLEVBQUUsQ0FBQztRQUVYLHdCQUFtQixHQUFpQyxFQUFFLENBQUM7UUFFOUQseURBQThEO0tBQy9EO0lBakRDOztPQUVHO0lBQ0gsSUFDVyxjQUFjLENBQ3ZCLEtBQWtEO1FBRWxELHVCQUFBLElBQUksMENBQW9CLEtBQUssTUFBQSxDQUFDO1FBQzlCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUMvRCxDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sdUJBQUEsSUFBSSw4Q0FBaUIsQ0FBQztJQUMvQixDQUFDOzs7a0hBZFUscUJBQXFCO3NHQUFyQixxQkFBcUIsd09DbEJsQyxnakVBb0VBOzJGRGxEYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUVULHVCQUF1QixDQUFDLE1BQU07OEJBT3BDLGNBQWM7c0JBRHhCLEtBQUs7Z0JBZ0JDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBT0MsV0FBVztzQkFEakIsS0FBSztnQkFPQyxZQUFZO3NCQURsQixLQUFLO2dCQU9DLGFBQWE7c0JBRG5CLEtBQUs7Z0JBUUMsS0FBSztzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb24gfSBmcm9tICcuL3R5cGVzL2FjdGlvbi1odWItbmVlZHMtYXR0ZW50aW9uJztcbmltcG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uSW5wdXQgfSBmcm9tICcuL3R5cGVzL2FjdGlvbi1odWItbmVlZHMtYXR0ZW50aW9uLWlucHV0JztcbmltcG9ydCB7IFNreVBhZ2VMaW5rIH0gZnJvbSAnLi90eXBlcy9wYWdlLWxpbmsnO1xuaW1wb3J0IHsgU2t5UGFnZUxpbmtzSW5wdXQgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGlua3MtaW5wdXQnO1xuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB9IGZyb20gJy4vdHlwZXMvcGFnZS1tb2RhbC1saW5rcy1pbnB1dCc7XG5pbXBvcnQgeyBTa3lSZWNlbnRMaW5rc0lucHV0IH0gZnJvbSAnLi90eXBlcy9yZWNlbnQtbGlua3MtaW5wdXQnO1xuXG4vKipcbiAqIENyZWF0ZXMgYW4gYWN0aW9uIGh1YiB0byBkaXJlY3QgdXNlciBhdHRlbnRpb24gdG8gaW1wb3J0YW50XG4gKiBhY3Rpb25zIGFuZCBwcm92aWRlIHF1aWNrIGFjY2VzcyB0byBjb21tb24gdGFza3MuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24taHViJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1odWIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uSHViQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFByb3ZpZGVzIGEgbGlzdCBvZiBhY3Rpb25zIHRoYXQgdXNlcnMgbXVzdCBwZXJmb3JtIGJhc2VkIG9uIGJ1c2luZXNzIHJlcXVpcmVtZW50cyBvciBiZXN0IHByYWN0aWNlcywgb3IgYFwibG9hZGluZ1wiYCB0byBkaXNwbGF5IGEgd2FpdCBpbmRpY2F0b3IuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IG5lZWRzQXR0ZW50aW9uKFxuICAgIHZhbHVlOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbklucHV0IHwgdW5kZWZpbmVkXG4gICkge1xuICAgIHRoaXMuI19uZWVkc0F0dGVudGlvbiA9IHZhbHVlO1xuICAgIHRoaXMubmVlZHNBdHRlbnRpb25BcnJheSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbXTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbmVlZHNBdHRlbnRpb24oKTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25JbnB1dCB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19uZWVkc0F0dGVudGlvbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBMaW5rcyBiYWNrIHRvIGEgcGFyZW50IHBhZ2UuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGFyZW50TGluazogU2t5UGFnZUxpbms7XG5cbiAgLyoqXG4gICAqIFByb3ZpZGVzIGEgbGlzdCBvZiByZWNlbnRseSBhY2Nlc3NlZCBsaW5rcywgb3IgYFwibG9hZGluZ1wiYCB0byBkaXNwbGF5IGEgd2FpdCBpbmRpY2F0b3IuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcmVjZW50TGlua3M6IFNreVJlY2VudExpbmtzSW5wdXQgPSBbXTtcblxuICAvKipcbiAgICogUHJvdmlkZXMgYSBsaXN0IG9mIHJlbGF0ZWQgbGlua3MsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHJlbGF0ZWRMaW5rczogU2t5UGFnZUxpbmtzSW5wdXQgPSBbXTtcblxuICAvKipcbiAgICogUHJvdmlkZXMgYSBsaXN0IG9mIHNldHRpbmdzIHdpdGggbW9kYWwgcGFyYW1ldGVycywgb3IgYFwibG9hZGluZ1wiYCB0byBkaXNwbGF5IGEgd2FpdCBpbmRpY2F0b3IuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0dGluZ3NMaW5rczogU2t5UGFnZU1vZGFsTGlua3NJbnB1dCA9IFtdO1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIHBhZ2UgdGl0bGUuXG4gICAqIEBkZWZhdWx0IFwiXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0aXRsZSA9ICcnO1xuXG4gIHB1YmxpYyBuZWVkc0F0dGVudGlvbkFycmF5OiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbltdID0gW107XG5cbiAgI19uZWVkc0F0dGVudGlvbjogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25JbnB1dCB8IHVuZGVmaW5lZDtcbn1cbiIsIjxuZy10ZW1wbGF0ZSAjbG9hZGluZ1RlbXBsYXRlUmVmPlxuICA8c2t5LXdhaXQgW2lzV2FpdGluZ109XCJ0cnVlXCI+PC9za3ktd2FpdD5cbjwvbmctdGVtcGxhdGU+XG48c2t5LWZsdWlkLWdyaWQ+XG4gIDxza3ktcm93PlxuICAgIDxza3ktY29sdW1uPlxuICAgICAgPHNreS1wYWdlLWhlYWRlclxuICAgICAgICBbcGFnZVRpdGxlXT1cInRpdGxlXCJcbiAgICAgICAgW3BhcmVudExpbmtdPVwicGFyZW50TGlua1wiXG4gICAgICA+PC9za3ktcGFnZS1oZWFkZXI+XG4gICAgPC9za3ktY29sdW1uPlxuICA8L3NreS1yb3c+XG4gIDxza3ktcm93PlxuICAgIDxza3ktY29sdW1uIFtzY3JlZW5MYXJnZV09XCI5XCIgW3NjcmVlblhTbWFsbF09XCIxMlwiPlxuICAgICAgPGRpdlxuICAgICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICAgJ3NreS1tYXJnaW4tc3RhY2tlZC1zZXBhcmF0ZSc6ICdkZWZhdWx0JyxcbiAgICAgICAgICAnc2t5LW1hcmdpbi1zdGFja2VkLXhsJzogJ21vZGVybidcbiAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24taHViLWJ1dHRvbnNcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdlxuICAgICAgICBbc2t5VGhlbWVDbGFzc109XCJ7XG4gICAgICAgICAgJ3NreS1tYXJnaW4tc3RhY2tlZC1zZXBhcmF0ZSc6ICdkZWZhdWx0JyxcbiAgICAgICAgICAnc2t5LW1hcmdpbi1zdGFja2VkLXh4bCc6ICdtb2Rlcm4nXG4gICAgICAgIH1cIlxuICAgICAgPlxuICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgKm5nSWY9XCJcbiAgICAgICAgICAgIG5lZWRzQXR0ZW50aW9uID09PSAnbG9hZGluZyc7XG4gICAgICAgICAgICB0aGVuIGxvYWRpbmdUZW1wbGF0ZVJlZjtcbiAgICAgICAgICAgIGVsc2UgbmVlZHNBdHRlbnRpb25UZW1wbGF0ZVJlZlxuICAgICAgICAgIFwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPG5nLXRlbXBsYXRlICNuZWVkc0F0dGVudGlvblRlbXBsYXRlUmVmPlxuICAgICAgICAgIDxza3ktbmVlZHMtYXR0ZW50aW9uXG4gICAgICAgICAgICBbaXRlbXNdPVwibmVlZHNBdHRlbnRpb25BcnJheVwiXG4gICAgICAgICAgPjwvc2t5LW5lZWRzLWF0dGVudGlvbj5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2XG4gICAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgICAnc2t5LW1hcmdpbi1zdGFja2VkLXNlcGFyYXRlJzogJ2RlZmF1bHQnLFxuICAgICAgICAgICdza3ktbWFyZ2luLXN0YWNrZWQteHhsJzogJ21vZGVybidcbiAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24taHViLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L3NreS1jb2x1bW4+XG4gICAgPHNreS1jb2x1bW4gW3NjcmVlbkxhcmdlXT1cIjNcIiBbc2NyZWVuWFNtYWxsXT1cIjEyXCI+XG4gICAgICA8c2t5LWxpbmstbGlzdFxuICAgICAgICBbbGlua3NdPVwicmVsYXRlZExpbmtzIHwgc2t5QWN0aW9uSHViUmVsYXRlZExpbmtzU29ydFwiXG4gICAgICAgIFt0aXRsZV09XCInc2t5X2FjdGlvbl9odWJfcmVsYXRlZF9saW5rcycgfCBza3lMaWJSZXNvdXJjZXNcIlxuICAgICAgPjwvc2t5LWxpbmstbGlzdD5cbiAgICAgIDxza3ktbGluay1saXN0XG4gICAgICAgIFtsaW5rc109XCJyZWNlbnRMaW5rcyB8IHNreUFjdGlvbkh1YlJlY2VudExpbmtzUmVzb2x2ZVwiXG4gICAgICAgIFt0aXRsZV09XCInc2t5X2FjdGlvbl9odWJfcmVjZW50X2xpbmtzJyB8IHNreUxpYlJlc291cmNlc1wiXG4gICAgICA+PC9za3ktbGluay1saXN0PlxuICAgICAgPHNreS1tb2RhbC1saW5rLWxpc3RcbiAgICAgICAgW2xpbmtzXT1cInNldHRpbmdzTGlua3NcIlxuICAgICAgICBbdGl0bGVdPVwiJ3NreV9hY3Rpb25faHViX3NldHRpbmdzX2xpbmtzJyB8IHNreUxpYlJlc291cmNlc1wiXG4gICAgICA+PC9za3ktbW9kYWwtbGluay1saXN0PlxuICAgIDwvc2t5LWNvbHVtbj5cbiAgPC9za3ktcm93PlxuPC9za3ktZmx1aWQtZ3JpZD5cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi1uZWVkcy1hdHRlbnRpb24taW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvYWN0aW9uLWh1Yi1uZWVkcy1hdHRlbnRpb24taW5wdXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uIH0gZnJvbSAnLi9hY3Rpb24taHViLW5lZWRzLWF0dGVudGlvbic7XG5cbi8qKlxuICogQSBsaXN0IG9mIGFjdGlvbnMgdGhhdCB1c2VycyBtdXN0IHBlcmZvcm0gYmFzZWQgb24gYnVzaW5lc3MgcmVxdWlyZW1lbnRzIG9yIGJlc3QgcHJhY3RpY2VzLlxuICovXG5leHBvcnQgdHlwZSBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbklucHV0ID1cbiAgfCBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbltdXG4gIHwgJ2xvYWRpbmcnO1xuIl19
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyLinkListComponent__links;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { Component, Input } from '@angular/core';
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
import * as i1 from "@skyux/indicators";
|
|
@@ -5,15 +7,27 @@ import * as i2 from "@angular/common";
|
|
|
5
7
|
import * as i3 from "@skyux/theme";
|
|
6
8
|
import * as i4 from "@skyux/router";
|
|
7
9
|
export class SkyLinkListComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
this.linksArray = [];
|
|
12
|
+
_SkyLinkListComponent__links.set(this, void 0);
|
|
13
|
+
}
|
|
14
|
+
set links(value) {
|
|
15
|
+
__classPrivateFieldSet(this, _SkyLinkListComponent__links, value, "f");
|
|
16
|
+
this.linksArray = Array.isArray(value) ? value : [];
|
|
17
|
+
}
|
|
18
|
+
get links() {
|
|
19
|
+
return __classPrivateFieldGet(this, _SkyLinkListComponent__links, "f");
|
|
20
|
+
}
|
|
8
21
|
}
|
|
22
|
+
_SkyLinkListComponent__links = new WeakMap();
|
|
9
23
|
SkyLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
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=\"
|
|
24
|
+
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=\"linksArray.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 linksArray\"\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: i1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
|
|
11
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLinkListComponent, decorators: [{
|
|
12
26
|
type: Component,
|
|
13
|
-
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=\"
|
|
27
|
+
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=\"linksArray.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 linksArray\"\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"] }]
|
|
14
28
|
}], propDecorators: { links: [{
|
|
15
29
|
type: Input
|
|
16
30
|
}], title: [{
|
|
17
31
|
type: Input
|
|
18
32
|
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbGluay1saXN0L2xpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2xpbmstbGlzdC9saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVWpELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFtQlMsZUFBVSxHQUFrQixFQUFFLENBQUM7UUFFdEMsK0NBQXVDO0tBQ3hDO0lBaEJDLElBQ1csS0FBSyxDQUFDLEtBQW9DO1FBQ25ELHVCQUFBLElBQUksZ0NBQVcsS0FBSyxNQUFBLENBQUM7UUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyx1QkFBQSxJQUFJLG9DQUFRLENBQUM7SUFDdEIsQ0FBQzs7O2lIQVRVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLGlHQ1ZqQyxvekRBb0RBOzJGRDFDYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsZUFBZTs4QkFNZCxLQUFLO3NCQURmLEtBQUs7Z0JBV0MsS0FBSztzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lQYWdlTGluayB9IGZyb20gJy4uL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1saW5rJztcbmltcG9ydCB7IFNreVBhZ2VMaW5rc0lucHV0IH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9wYWdlLWxpbmtzLWlucHV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWxpbmstbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9saW5rLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5TGlua0xpc3RDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGxpbmtzKHZhbHVlOiBTa3lQYWdlTGlua3NJbnB1dCB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI19saW5rcyA9IHZhbHVlO1xuICAgIHRoaXMubGlua3NBcnJheSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbXTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGlua3MoKTogU2t5UGFnZUxpbmtzSW5wdXQgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLiNfbGlua3M7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgdGl0bGU6IHN0cmluZztcblxuICBwdWJsaWMgbGlua3NBcnJheTogU2t5UGFnZUxpbmtbXSA9IFtdO1xuXG4gICNfbGlua3M6IFNreVBhZ2VMaW5rc0lucHV0IHwgdW5kZWZpbmVkO1xufVxuIiwiPG5nLWNvbnRhaW5lclxuICAqbmdJZj1cImxpbmtzID09PSAnbG9hZGluZyc7IHRoZW4gbG9hZGluZ1RlbXBsYXRlUmVmOyBlbHNlIGxpbmtzVGVtcGxhdGVSZWZcIlxuPjwvbmctY29udGFpbmVyPlxuXG48bmctdGVtcGxhdGUgI2hlYWRpbmdUZW1wbGF0ZVJlZj5cbiAgPGgyIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy00IHNreS1tYXJnaW4tc3RhY2tlZC1zbVwiPlxuICAgIHt7IHRpdGxlIH19XG4gIDwvaDI+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNsb2FkaW5nVGVtcGxhdGVSZWY+XG4gIDxza3ktd2FpdCBbaXNXYWl0aW5nXT1cInRydWVcIj48L3NreS13YWl0PlxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRpbmdUZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjbGlua3NUZW1wbGF0ZVJlZj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxpbmtzQXJyYXkubGVuZ3RoID4gMFwiPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGluZ1RlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG4gICAgPHVsXG4gICAgICBjbGFzcz1cInNreS1saW5rLWxpc3RcIlxuICAgICAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICAgICAnc2t5LW1hcmdpbi1zdGFja2VkLXNlcGFyYXRlJzogJ2RlZmF1bHQnLFxuICAgICAgICAnc2t5LW1hcmdpbi1zdGFja2VkLXhsJzogJ21vZGVybidcbiAgICAgIH1cIlxuICAgID5cbiAgICAgIDxsaVxuICAgICAgICAqbmdGb3I9XCJsZXQgbGluayBvZiBsaW5rc0FycmF5XCJcbiAgICAgICAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICAgICAgICdza3ktbWFyZ2luLXN0YWNrZWQtZGVmYXVsdCc6ICdkZWZhdWx0JyxcbiAgICAgICAgICAnc2t5LW1hcmdpbi1zdGFja2VkLXNtJzogJ21vZGVybidcbiAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIDxhICpuZ0lmPVwibGluay5wZXJtYWxpbmsudXJsXCIgW3NreUhyZWZdPVwibGluay5wZXJtYWxpbmsudXJsXCI+XG4gICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICA8L2E+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nSWY9XCJsaW5rLnBlcm1hbGluay5yb3V0ZVwiXG4gICAgICAgICAgW3NreUFwcExpbmtdPVwibGluay5wZXJtYWxpbmsucm91dGUuY29tbWFuZHNcIlxuICAgICAgICAgIFtxdWVyeVBhcmFtc109XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgICBbcXVlcnlQYXJhbXNIYW5kbGluZ109XCJcbiAgICAgICAgICAgIGxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNIYW5kbGluZ1xuICAgICAgICAgIFwiXG4gICAgICAgICAgW2ZyYWdtZW50XT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICAgIFtwcmVzZXJ2ZUZyYWdtZW50XT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucHJlc2VydmVGcmFnbWVudFwiXG4gICAgICAgICAgW3NraXBMb2NhdGlvbkNoYW5nZV09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnNraXBMb2NhdGlvbkNoYW5nZVwiXG4gICAgICAgICAgW3JlcGxhY2VVcmxdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5yZXBsYWNlVXJsXCJcbiAgICAgICAgICBbc3RhdGVdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5zdGF0ZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgIDwvYT5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
var _SkyModalLinkListComponent__links;
|
|
2
|
+
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
1
3
|
import { Component, Input } from '@angular/core';
|
|
2
4
|
import { SkyModalService } from '@skyux/modals';
|
|
3
5
|
import * as i0 from "@angular/core";
|
|
@@ -8,19 +10,29 @@ import * as i4 from "@skyux/router";
|
|
|
8
10
|
export class SkyModalLinkListComponent {
|
|
9
11
|
constructor(modalService) {
|
|
10
12
|
this.modalService = modalService;
|
|
13
|
+
this.linksArray = [];
|
|
14
|
+
_SkyModalLinkListComponent__links.set(this, void 0);
|
|
15
|
+
}
|
|
16
|
+
set links(value) {
|
|
17
|
+
__classPrivateFieldSet(this, _SkyModalLinkListComponent__links, value, "f");
|
|
18
|
+
this.linksArray = Array.isArray(value) ? value : [];
|
|
19
|
+
}
|
|
20
|
+
get links() {
|
|
21
|
+
return __classPrivateFieldGet(this, _SkyModalLinkListComponent__links, "f");
|
|
11
22
|
}
|
|
12
23
|
openModal(link) {
|
|
13
24
|
this.modalService.open(link.modal.component, link.modal.config);
|
|
14
25
|
}
|
|
15
26
|
}
|
|
27
|
+
_SkyModalLinkListComponent__links = new WeakMap();
|
|
16
28
|
SkyModalLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyModalLinkListComponent, deps: [{ token: i1.SkyModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
-
SkyModalLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyModalLinkListComponent, selector: "sky-modal-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=\"
|
|
29
|
+
SkyModalLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyModalLinkListComponent, selector: "sky-modal-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=\"linksArray.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul class=\"sky-link-list sky-margin-stacked-xl\">\n <li *ngFor=\"let link of linksArray\" class=\"sky-margin-stacked-sm\">\n <a\n *ngIf=\"link.permalink && link.permalink.url\"\n [skyHref]=\"link.permalink.url\"\n >\n {{ link.label }}\n </a>\n <a\n *ngIf=\"link.permalink && 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 <button\n *ngIf=\"link.modal\"\n (click)=\"openModal(link)\"\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n >\n {{ link.label }}\n </button>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n", styles: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}.sky-link-list button{padding:0}\n"], components: [{ type: i2.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
|
|
18
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
|
|
19
31
|
type: Component,
|
|
20
|
-
args: [{ selector: 'sky-modal-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=\"
|
|
32
|
+
args: [{ selector: 'sky-modal-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=\"linksArray.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul class=\"sky-link-list sky-margin-stacked-xl\">\n <li *ngFor=\"let link of linksArray\" class=\"sky-margin-stacked-sm\">\n <a\n *ngIf=\"link.permalink && link.permalink.url\"\n [skyHref]=\"link.permalink.url\"\n >\n {{ link.label }}\n </a>\n <a\n *ngIf=\"link.permalink && 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 <button\n *ngIf=\"link.modal\"\n (click)=\"openModal(link)\"\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n >\n {{ link.label }}\n </button>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n", styles: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}.sky-link-list button{padding:0}\n"] }]
|
|
21
33
|
}], ctorParameters: function () { return [{ type: i1.SkyModalService }]; }, propDecorators: { links: [{
|
|
22
34
|
type: Input
|
|
23
35
|
}], title: [{
|
|
24
36
|
type: Input
|
|
25
37
|
}] } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
38
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFVaEQsTUFBTSxPQUFPLHlCQUF5QjtJQWtCcEMsWUFBb0IsWUFBNkI7UUFBN0IsaUJBQVksR0FBWixZQUFZLENBQWlCO1FBSjFDLGVBQVUsR0FBdUIsRUFBRSxDQUFDO1FBRTNDLG9EQUE0QztJQUVRLENBQUM7SUFqQnJELElBQ1csS0FBSyxDQUFDLEtBQXlDO1FBQ3hELHVCQUFBLElBQUkscUNBQVcsS0FBSyxNQUFBLENBQUM7UUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyx1QkFBQSxJQUFJLHlDQUFRLENBQUM7SUFDdEIsQ0FBQztJQVdNLFNBQVMsQ0FBQyxJQUFzQjtRQUNyQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ2xFLENBQUM7OztzSEF0QlUseUJBQXlCOzBHQUF6Qix5QkFBeUIsdUdDWHRDLHcxREFtREE7MkZEeENhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSxxQkFBcUI7c0dBTXBCLEtBQUs7c0JBRGYsS0FBSztnQkFXQyxLQUFLO3NCQURYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lNb2RhbFNlcnZpY2UgfSBmcm9tICdAc2t5dXgvbW9kYWxzJztcblxuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGluayB9IGZyb20gJy4uL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1tb2RhbC1saW5rJztcbmltcG9ydCB7IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbW9kYWwtbGlua3MtaW5wdXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktbW9kYWwtbGluay1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lNb2RhbExpbmtMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBsaW5rcyh2YWx1ZTogU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI19saW5rcyA9IHZhbHVlO1xuICAgIHRoaXMubGlua3NBcnJheSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbXTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGlua3MoKTogU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19saW5rcztcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0aXRsZTogc3RyaW5nO1xuXG4gIHB1YmxpYyBsaW5rc0FycmF5OiBTa3lQYWdlTW9kYWxMaW5rW10gPSBbXTtcblxuICAjX2xpbmtzOiBTa3lQYWdlTW9kYWxMaW5rc0lucHV0IHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgbW9kYWxTZXJ2aWNlOiBTa3lNb2RhbFNlcnZpY2UpIHt9XG5cbiAgcHVibGljIG9wZW5Nb2RhbChsaW5rOiBTa3lQYWdlTW9kYWxMaW5rKTogdm9pZCB7XG4gICAgdGhpcy5tb2RhbFNlcnZpY2Uub3BlbihsaW5rLm1vZGFsLmNvbXBvbmVudCwgbGluay5tb2RhbC5jb25maWcpO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyXG4gICpuZ0lmPVwibGlua3MgPT09ICdsb2FkaW5nJzsgdGhlbiBsb2FkaW5nVGVtcGxhdGVSZWY7IGVsc2UgbGlua3NUZW1wbGF0ZVJlZlwiXG4+PC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjaGVhZGluZ1RlbXBsYXRlUmVmPlxuICA8aDIgY2xhc3M9XCJza3ktZm9udC1oZWFkaW5nLTQgc2t5LW1hcmdpbi1zdGFja2VkLXNtXCI+XG4gICAge3sgdGl0bGUgfX1cbiAgPC9oMj5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2xvYWRpbmdUZW1wbGF0ZVJlZj5cbiAgPHNreS13YWl0IFtpc1dhaXRpbmddPVwidHJ1ZVwiPjwvc2t5LXdhaXQ+XG4gIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGluZ1RlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNsaW5rc1RlbXBsYXRlUmVmPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibGlua3NBcnJheS5sZW5ndGggPiAwXCI+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkaW5nVGVtcGxhdGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8dWwgY2xhc3M9XCJza3ktbGluay1saXN0IHNreS1tYXJnaW4tc3RhY2tlZC14bFwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBsaW5rIG9mIGxpbmtzQXJyYXlcIiBjbGFzcz1cInNreS1tYXJnaW4tc3RhY2tlZC1zbVwiPlxuICAgICAgICA8YVxuICAgICAgICAgICpuZ0lmPVwibGluay5wZXJtYWxpbmsgJiYgbGluay5wZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICBbc2t5SHJlZl09XCJsaW5rLnBlcm1hbGluay51cmxcIlxuICAgICAgICA+XG4gICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICA8L2E+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nSWY9XCJsaW5rLnBlcm1hbGluayAmJiBsaW5rLnBlcm1hbGluay5yb3V0ZVwiXG4gICAgICAgICAgW3NreUFwcExpbmtdPVwibGluay5wZXJtYWxpbmsucm91dGUuY29tbWFuZHNcIlxuICAgICAgICAgIFtxdWVyeVBhcmFtc109XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgICBbcXVlcnlQYXJhbXNIYW5kbGluZ109XCJcbiAgICAgICAgICAgIGxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNIYW5kbGluZ1xuICAgICAgICAgIFwiXG4gICAgICAgICAgW2ZyYWdtZW50XT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICAgIFtwcmVzZXJ2ZUZyYWdtZW50XT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucHJlc2VydmVGcmFnbWVudFwiXG4gICAgICAgICAgW3NraXBMb2NhdGlvbkNoYW5nZV09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnNraXBMb2NhdGlvbkNoYW5nZVwiXG4gICAgICAgICAgW3JlcGxhY2VVcmxdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5yZXBsYWNlVXJsXCJcbiAgICAgICAgICBbc3RhdGVdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5zdGF0ZVwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgIDwvYT5cbiAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICpuZ0lmPVwibGluay5tb2RhbFwiXG4gICAgICAgICAgKGNsaWNrKT1cIm9wZW5Nb2RhbChsaW5rKVwiXG4gICAgICAgICAgY2xhc3M9XCJza3ktYnRuIHNreS1idG4tbGlua1wiXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
package/fesm2015/skyux-pages.mjs
CHANGED
|
@@ -13,37 +13,61 @@ 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 { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
|
|
16
17
|
import * as i1 from '@skyux/modals';
|
|
17
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
|
|
18
18
|
import { Subject } from 'rxjs';
|
|
19
19
|
import { takeUntil } from 'rxjs/operators';
|
|
20
20
|
|
|
21
|
+
var _SkyLinkListComponent__links;
|
|
21
22
|
class SkyLinkListComponent {
|
|
23
|
+
constructor() {
|
|
24
|
+
this.linksArray = [];
|
|
25
|
+
_SkyLinkListComponent__links.set(this, void 0);
|
|
26
|
+
}
|
|
27
|
+
set links(value) {
|
|
28
|
+
__classPrivateFieldSet(this, _SkyLinkListComponent__links, value, "f");
|
|
29
|
+
this.linksArray = Array.isArray(value) ? value : [];
|
|
30
|
+
}
|
|
31
|
+
get links() {
|
|
32
|
+
return __classPrivateFieldGet(this, _SkyLinkListComponent__links, "f");
|
|
33
|
+
}
|
|
22
34
|
}
|
|
35
|
+
_SkyLinkListComponent__links = new WeakMap();
|
|
23
36
|
SkyLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
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=\"
|
|
37
|
+
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=\"linksArray.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 linksArray\"\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"], outputs: ["skyHrefChange"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
|
|
25
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyLinkListComponent, decorators: [{
|
|
26
39
|
type: Component,
|
|
27
|
-
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=\"
|
|
40
|
+
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=\"linksArray.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 linksArray\"\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"] }]
|
|
28
41
|
}], propDecorators: { links: [{
|
|
29
42
|
type: Input
|
|
30
43
|
}], title: [{
|
|
31
44
|
type: Input
|
|
32
45
|
}] } });
|
|
33
46
|
|
|
47
|
+
var _SkyModalLinkListComponent__links;
|
|
34
48
|
class SkyModalLinkListComponent {
|
|
35
49
|
constructor(modalService) {
|
|
36
50
|
this.modalService = modalService;
|
|
51
|
+
this.linksArray = [];
|
|
52
|
+
_SkyModalLinkListComponent__links.set(this, void 0);
|
|
53
|
+
}
|
|
54
|
+
set links(value) {
|
|
55
|
+
__classPrivateFieldSet(this, _SkyModalLinkListComponent__links, value, "f");
|
|
56
|
+
this.linksArray = Array.isArray(value) ? value : [];
|
|
57
|
+
}
|
|
58
|
+
get links() {
|
|
59
|
+
return __classPrivateFieldGet(this, _SkyModalLinkListComponent__links, "f");
|
|
37
60
|
}
|
|
38
61
|
openModal(link) {
|
|
39
62
|
this.modalService.open(link.modal.component, link.modal.config);
|
|
40
63
|
}
|
|
41
64
|
}
|
|
65
|
+
_SkyModalLinkListComponent__links = new WeakMap();
|
|
42
66
|
SkyModalLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyModalLinkListComponent, deps: [{ token: i1.SkyModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
43
|
-
SkyModalLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyModalLinkListComponent, selector: "sky-modal-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=\"
|
|
67
|
+
SkyModalLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: SkyModalLinkListComponent, selector: "sky-modal-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=\"linksArray.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul class=\"sky-link-list sky-margin-stacked-xl\">\n <li *ngFor=\"let link of linksArray\" class=\"sky-margin-stacked-sm\">\n <a\n *ngIf=\"link.permalink && link.permalink.url\"\n [skyHref]=\"link.permalink.url\"\n >\n {{ link.label }}\n </a>\n <a\n *ngIf=\"link.permalink && 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 <button\n *ngIf=\"link.modal\"\n (click)=\"openModal(link)\"\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n >\n {{ link.label }}\n </button>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n", styles: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}.sky-link-list button{padding: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: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
|
|
44
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
|
|
45
69
|
type: Component,
|
|
46
|
-
args: [{ selector: 'sky-modal-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=\"
|
|
70
|
+
args: [{ selector: 'sky-modal-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=\"linksArray.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul class=\"sky-link-list sky-margin-stacked-xl\">\n <li *ngFor=\"let link of linksArray\" class=\"sky-margin-stacked-sm\">\n <a\n *ngIf=\"link.permalink && link.permalink.url\"\n [skyHref]=\"link.permalink.url\"\n >\n {{ link.label }}\n </a>\n <a\n *ngIf=\"link.permalink && 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 <button\n *ngIf=\"link.modal\"\n (click)=\"openModal(link)\"\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n >\n {{ link.label }}\n </button>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n", styles: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}.sky-link-list button{padding:0}\n"] }]
|
|
47
71
|
}], ctorParameters: function () { return [{ type: i1.SkyModalService }]; }, propDecorators: { links: [{
|
|
48
72
|
type: Input
|
|
49
73
|
}], title: [{
|
|
@@ -313,16 +337,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
313
337
|
}]
|
|
314
338
|
}] });
|
|
315
339
|
|
|
340
|
+
var _SkyActionHubComponent__needsAttention;
|
|
316
341
|
/**
|
|
317
342
|
* Creates an action hub to direct user attention to important
|
|
318
343
|
* actions and provide quick access to common tasks.
|
|
319
344
|
*/
|
|
320
345
|
class SkyActionHubComponent {
|
|
321
346
|
constructor() {
|
|
322
|
-
/**
|
|
323
|
-
* Provides a list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
|
|
324
|
-
*/
|
|
325
|
-
this.needsAttention = [];
|
|
326
347
|
/**
|
|
327
348
|
* Provides a list of recently accessed links, or `"loading"` to display a wait indicator.
|
|
328
349
|
*/
|
|
@@ -340,13 +361,26 @@ class SkyActionHubComponent {
|
|
|
340
361
|
* @default ""
|
|
341
362
|
*/
|
|
342
363
|
this.title = '';
|
|
364
|
+
this.needsAttentionArray = [];
|
|
365
|
+
_SkyActionHubComponent__needsAttention.set(this, void 0);
|
|
366
|
+
}
|
|
367
|
+
/**
|
|
368
|
+
* Provides a list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
|
|
369
|
+
*/
|
|
370
|
+
set needsAttention(value) {
|
|
371
|
+
__classPrivateFieldSet(this, _SkyActionHubComponent__needsAttention, value, "f");
|
|
372
|
+
this.needsAttentionArray = Array.isArray(value) ? value : [];
|
|
373
|
+
}
|
|
374
|
+
get needsAttention() {
|
|
375
|
+
return __classPrivateFieldGet(this, _SkyActionHubComponent__needsAttention, "f");
|
|
343
376
|
}
|
|
344
377
|
}
|
|
378
|
+
_SkyActionHubComponent__needsAttention = new WeakMap();
|
|
345
379
|
SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
346
|
-
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", settingsLinks: "settingsLinks", 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
|
|
380
|
+
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", settingsLinks: "settingsLinks", 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\n [items]=\"needsAttentionArray\"\n ></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-modal-link-list\n [links]=\"settingsLinks\"\n [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n ></sky-modal-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$1.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i1$1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i1$1.λ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"] }, { type: SkyModalLinkListComponent, selector: "sky-modal-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 });
|
|
347
381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
348
382
|
type: Component,
|
|
349
|
-
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
|
|
383
|
+
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\n [items]=\"needsAttentionArray\"\n ></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-modal-link-list\n [links]=\"settingsLinks\"\n [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n ></sky-modal-link-list>\n </sky-column>\n </sky-row>\n</sky-fluid-grid>\n" }]
|
|
350
384
|
}], propDecorators: { needsAttention: [{
|
|
351
385
|
type: Input
|
|
352
386
|
}], parentLink: [{
|