@skyux/pages 6.6.0 → 6.7.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 +683 -109
- package/esm2020/index.mjs +4 -1
- package/esm2020/lib/modules/action-hub/action-hub-related-links-sort.pipe.mjs +1 -1
- package/esm2020/lib/modules/action-hub/action-hub.component.mjs +15 -8
- package/esm2020/lib/modules/action-hub/action-hub.module.mjs +5 -2
- package/esm2020/lib/modules/action-hub/types/page-link-interface.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/page-link.mjs +1 -1
- package/esm2020/lib/modules/action-hub/types/page-modal-link.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/page-modal-links-input.mjs +2 -0
- package/esm2020/lib/modules/modal-link-list/modal-link-list.component.mjs +26 -0
- package/esm2020/lib/modules/shared/sky-pages-resources.module.mjs +2 -1
- package/fesm2015/skyux-pages.mjs +35 -6
- package/fesm2015/skyux-pages.mjs.map +1 -1
- package/fesm2020/skyux-pages.mjs +35 -6
- package/fesm2020/skyux-pages.mjs.map +1 -1
- package/index.d.ts +3 -0
- package/lib/modules/action-hub/action-hub-related-links-sort.pipe.d.ts +2 -2
- package/lib/modules/action-hub/action-hub.component.d.ts +6 -1
- package/lib/modules/action-hub/action-hub.module.d.ts +11 -10
- package/lib/modules/action-hub/types/page-link-interface.d.ts +9 -0
- package/lib/modules/action-hub/types/page-link.d.ts +2 -5
- package/lib/modules/action-hub/types/page-modal-link.d.ts +25 -0
- package/lib/modules/action-hub/types/page-modal-links-input.d.ts +2 -0
- package/lib/modules/modal-link-list/modal-link-list.component.d.ts +13 -0
- package/package.json +7 -6
package/esm2020/index.mjs
CHANGED
|
@@ -2,6 +2,8 @@ export * from './lib/modules/action-hub/action-hub.module';
|
|
|
2
2
|
export * from './lib/modules/action-hub/types/action-hub-needs-attention';
|
|
3
3
|
export * from './lib/modules/action-hub/types/page-link';
|
|
4
4
|
export * from './lib/modules/action-hub/types/page-links-input';
|
|
5
|
+
export * from './lib/modules/action-hub/types/page-modal-link';
|
|
6
|
+
export * from './lib/modules/action-hub/types/page-modal-links-input';
|
|
5
7
|
export * from './lib/modules/action-hub/types/recent-link';
|
|
6
8
|
export * from './lib/modules/action-hub/types/recent-links-input';
|
|
7
9
|
export * from './lib/modules/page-header/page-header.module';
|
|
@@ -11,4 +13,5 @@ export { SkyActionHubComponent as λ1 } from './lib/modules/action-hub/action-hu
|
|
|
11
13
|
export { SkyActionHubButtonsComponent as λ2 } from './lib/modules/action-hub/action-hub-buttons.component';
|
|
12
14
|
export { SkyActionHubContentComponent as λ3 } from './lib/modules/action-hub/action-hub-content.component';
|
|
13
15
|
export { SkyPageHeaderComponent as λ4 } from './lib/modules/page-header/page-header.component';
|
|
14
|
-
|
|
16
|
+
export { SkyModalLinkListComponent as λ5 } from './lib/modules/modal-link-list/modal-link-list.component';
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLDBDQUEwQyxDQUFDO0FBQ3pELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLHVEQUF1RCxDQUFDO0FBQ3RFLGNBQWMsNENBQTRDLENBQUM7QUFDM0QsY0FBYyxtREFBbUQsQ0FBQztBQUNsRSxjQUFjLDhDQUE4QyxDQUFDO0FBRTdELDBGQUEwRjtBQUMxRiwyRUFBMkU7QUFDM0UsT0FBTyxFQUFFLHFCQUFxQixJQUFJLEVBQUUsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSw0QkFBNEIsSUFBSSxFQUFFLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsNEJBQTRCLElBQUksRUFBRSxFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDM0csT0FBTyxFQUFFLHNCQUFzQixJQUFJLEVBQUUsRUFBRSxNQUFNLGlEQUFpRCxDQUFDO0FBQy9GLE9BQU8sRUFBRSx5QkFBeUIsSUFBSSxFQUFFLEVBQUUsTUFBTSx5REFBeUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi9hY3Rpb24taHViLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvYWN0aW9uLWh1Yi1uZWVkcy1hdHRlbnRpb24nO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGluayc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1saW5rcy1pbnB1dCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1tb2RhbC1saW5rJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmtzLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9yZWNlbnQtbGluayc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcmVjZW50LWxpbmtzLWlucHV0JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIubW9kdWxlJztcblxuLy8gQ29tcG9uZW50cyBhbmQgZGlyZWN0aXZlcyBtdXN0IGJlIGV4cG9ydGVkIHRvIHN1cHBvcnQgQW5ndWxhcidzIFwicGFydGlhbFwiIEl2eSBjb21waWxlci5cbi8vIE9ic2N1cmUgbmFtZXMgYXJlIHVzZWQgdG8gaW5kaWNhdGUgdHlwZXMgYXJlIG5vdCBwYXJ0IG9mIHRoZSBwdWJsaWMgQVBJLlxuZXhwb3J0IHsgU2t5QWN0aW9uSHViQ29tcG9uZW50IGFzIM67MSB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi9hY3Rpb24taHViLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lBY3Rpb25IdWJCdXR0b25zQ29tcG9uZW50IGFzIM67MiB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi9hY3Rpb24taHViLWJ1dHRvbnMuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUFjdGlvbkh1YkNvbnRlbnRDb21wb25lbnQgYXMgzrszIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24taHViL2FjdGlvbi1odWItY29udGVudC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZUhlYWRlckNvbXBvbmVudCBhcyDOuzQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lNb2RhbExpbmtMaXN0Q29tcG9uZW50IGFzIM67NSB9IGZyb20gJy4vbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQnO1xuIl19
|
|
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
26
26
|
name: 'skyActionHubRelatedLinksSort',
|
|
27
27
|
}]
|
|
28
28
|
}] });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi1yZWxhdGVkLWxpbmtzLXNvcnQucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWh1Yi9hY3Rpb24taHViLXJlbGF0ZWQtbGlua3Mtc29ydC5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQU9wRCxNQUFNLE9BQU8sZ0NBQWdDO0lBQ3BDLFNBQVMsQ0FDZCxZQUF1QztRQUV2QyxJQUFJLFlBQVksS0FBSyxTQUFTLEVBQUU7WUFDOUIsT0FBTyxTQUFTLENBQUM7U0FDbEI7UUFDRCxJQUFJLENBQUMsWUFBWSxJQUFJLFlBQVksQ0FBQyxNQUFNLEtBQUssQ0FBQyxFQUFFO1lBQzlDLE9BQU8sRUFBRSxDQUFDO1NBQ1g7UUFDRCxPQUFPLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFO1lBQ3pDLE1BQU0sTUFBTSxHQUFHLENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDNUMsTUFBTSxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztZQUM1QyxJQUFJLE1BQU0sS0FBSyxNQUFNLEVBQUU7Z0JBQ3JCLE9BQU8sQ0FBQyxDQUFDO2FBQ1Y7WUFDRCxPQUFPLE1BQU0sR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDbEMsQ0FBQyxDQUFNLENBQUM7SUFDVixDQUFDOzs2SEFsQlUsZ0NBQWdDOzJIQUFoQyxnQ0FBZ0M7MkZBQWhDLGdDQUFnQztrQkFINUMsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsOEJBQThCO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5UGFnZUxpbmtJbnRlcmZhY2UgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGluay1pbnRlcmZhY2UnO1xuXG5AUGlwZSh7XG4gIG5hbWU6ICdza3lBY3Rpb25IdWJSZWxhdGVkTGlua3NTb3J0Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uSHViUmVsYXRlZExpbmtzU29ydFBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcbiAgcHVibGljIHRyYW5zZm9ybTxUIGV4dGVuZHMgQXJyYXk8U2t5UGFnZUxpbmtJbnRlcmZhY2U+PihcbiAgICByZWxhdGVkTGlua3M6IFQgfCAnbG9hZGluZycgfCB1bmRlZmluZWRcbiAgKTogVCB8ICdsb2FkaW5nJyB8IFtdIHtcbiAgICBpZiAocmVsYXRlZExpbmtzID09PSAnbG9hZGluZycpIHtcbiAgICAgIHJldHVybiAnbG9hZGluZyc7XG4gICAgfVxuICAgIGlmICghcmVsYXRlZExpbmtzIHx8IHJlbGF0ZWRMaW5rcy5sZW5ndGggPT09IDApIHtcbiAgICAgIHJldHVybiBbXTtcbiAgICB9XG4gICAgcmV0dXJuIHJlbGF0ZWRMaW5rcy5zbGljZSgwKS5zb3J0KChhLCBiKSA9PiB7XG4gICAgICBjb25zdCBhTGFiZWwgPSBhLmxhYmVsLnRyaW0oKS50b1VwcGVyQ2FzZSgpO1xuICAgICAgY29uc3QgYkxhYmVsID0gYi5sYWJlbC50cmltKCkudG9VcHBlckNhc2UoKTtcbiAgICAgIGlmIChhTGFiZWwgPT09IGJMYWJlbCkge1xuICAgICAgICByZXR1cm4gMDtcbiAgICAgIH1cbiAgICAgIHJldHVybiBhTGFiZWwgPCBiTGFiZWwgPyAtMSA6IDE7XG4gICAgfSkgYXMgVDtcbiAgfVxufVxuIl19
|
|
@@ -5,11 +5,12 @@ import * as i2 from "@skyux/layout";
|
|
|
5
5
|
import * as i3 from "../page-header/page-header.component";
|
|
6
6
|
import * as i4 from "../needs-attention/needs-attention.component";
|
|
7
7
|
import * as i5 from "../link-list/link-list.component";
|
|
8
|
-
import * as i6 from "
|
|
9
|
-
import * as i7 from "@
|
|
10
|
-
import * as i8 from "
|
|
11
|
-
import * as i9 from "
|
|
12
|
-
import * as i10 from "
|
|
8
|
+
import * as i6 from "../modal-link-list/modal-link-list.component";
|
|
9
|
+
import * as i7 from "@skyux/theme";
|
|
10
|
+
import * as i8 from "@angular/common";
|
|
11
|
+
import * as i9 from "./action-hub-related-links-sort.pipe";
|
|
12
|
+
import * as i10 from "@skyux/i18n";
|
|
13
|
+
import * as i11 from "./action-hub-recent-links-resolve.pipe";
|
|
13
14
|
/**
|
|
14
15
|
* Creates an action hub to direct user attention to important
|
|
15
16
|
* actions and provide quick access to common tasks.
|
|
@@ -28,6 +29,10 @@ export class SkyActionHubComponent {
|
|
|
28
29
|
* Provides a list of related links, or `"loading"` to display a wait indicator.
|
|
29
30
|
*/
|
|
30
31
|
this.relatedLinks = [];
|
|
32
|
+
/**
|
|
33
|
+
* Provides a list of settings with modal parameters, or `"loading"` to display a wait indicator.
|
|
34
|
+
*/
|
|
35
|
+
this.settingsLinks = [];
|
|
31
36
|
/**
|
|
32
37
|
* Specifies the page title.
|
|
33
38
|
* @default ""
|
|
@@ -36,10 +41,10 @@ export class SkyActionHubComponent {
|
|
|
36
41
|
}
|
|
37
42
|
}
|
|
38
43
|
SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
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: i1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }, { type: i2.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i2.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i3.SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { type: i4.SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { type: i5.SkyLinkListComponent, selector: "sky-link-list", inputs: ["links", "title"] }], directives: [{ type:
|
|
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 [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-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 });
|
|
40
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
41
46
|
type: Component,
|
|
42
|
-
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" }]
|
|
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 [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-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" }]
|
|
43
48
|
}], propDecorators: { needsAttention: [{
|
|
44
49
|
type: Input
|
|
45
50
|
}], parentLink: [{
|
|
@@ -48,7 +53,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
48
53
|
type: Input
|
|
49
54
|
}], relatedLinks: [{
|
|
50
55
|
type: Input
|
|
56
|
+
}], settingsLinks: [{
|
|
57
|
+
type: Input
|
|
51
58
|
}], title: [{
|
|
52
59
|
type: Input
|
|
53
60
|
}] } });
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7OztBQVExRTs7O0dBR0c7QUFNSCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBTUU7O1dBRUc7UUFFSSxtQkFBYyxHQUE2QyxFQUFFLENBQUM7UUFRckU7O1dBRUc7UUFFSSxnQkFBVyxHQUF3QixFQUFFLENBQUM7UUFFN0M7O1dBRUc7UUFFSSxpQkFBWSxHQUFzQixFQUFFLENBQUM7UUFFNUM7O1dBRUc7UUFFSSxrQkFBYSxHQUEyQixFQUFFLENBQUM7UUFFbEQ7OztXQUdHO1FBRUksVUFBSyxHQUFHLEVBQUUsQ0FBQztLQUNuQjs7a0hBckNZLHFCQUFxQjtzR0FBckIscUJBQXFCLHdPQ2pCbEMsMGdFQWtFQTsyRkRqRGEscUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGdCQUFnQixtQkFFVCx1QkFBdUIsQ0FBQyxNQUFNOzhCQU94QyxjQUFjO3NCQURwQixLQUFLO2dCQU9DLFVBQVU7c0JBRGhCLEtBQUs7Z0JBT0MsV0FBVztzQkFEakIsS0FBSztnQkFPQyxZQUFZO3NCQURsQixLQUFLO2dCQU9DLGFBQWE7c0JBRG5CLEtBQUs7Z0JBUUMsS0FBSztzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb24gfSBmcm9tICcuL3R5cGVzL2FjdGlvbi1odWItbmVlZHMtYXR0ZW50aW9uJztcbmltcG9ydCB7IFNreVBhZ2VMaW5rIH0gZnJvbSAnLi90eXBlcy9wYWdlLWxpbmsnO1xuaW1wb3J0IHsgU2t5UGFnZUxpbmtzSW5wdXQgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGlua3MtaW5wdXQnO1xuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB9IGZyb20gJy4vdHlwZXMvcGFnZS1tb2RhbC1saW5rcy1pbnB1dCc7XG5pbXBvcnQgeyBTa3lSZWNlbnRMaW5rc0lucHV0IH0gZnJvbSAnLi90eXBlcy9yZWNlbnQtbGlua3MtaW5wdXQnO1xuXG4vKipcbiAqIENyZWF0ZXMgYW4gYWN0aW9uIGh1YiB0byBkaXJlY3QgdXNlciBhdHRlbnRpb24gdG8gaW1wb3J0YW50XG4gKiBhY3Rpb25zIGFuZCBwcm92aWRlIHF1aWNrIGFjY2VzcyB0byBjb21tb24gdGFza3MuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24taHViJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1odWIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uSHViQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFByb3ZpZGVzIGEgbGlzdCBvZiBhY3Rpb25zIHRoYXQgdXNlcnMgbXVzdCBwZXJmb3JtIGJhc2VkIG9uIGJ1c2luZXNzIHJlcXVpcmVtZW50cyBvciBiZXN0IHByYWN0aWNlcywgb3IgYFwibG9hZGluZ1wiYCB0byBkaXNwbGF5IGEgd2FpdCBpbmRpY2F0b3IuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgbmVlZHNBdHRlbnRpb246IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uW10gfCAnbG9hZGluZycgPSBbXTtcblxuICAvKipcbiAgICogTGlua3MgYmFjayB0byBhIHBhcmVudCBwYWdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBhcmVudExpbms6IFNreVBhZ2VMaW5rO1xuXG4gIC8qKlxuICAgKiBQcm92aWRlcyBhIGxpc3Qgb2YgcmVjZW50bHkgYWNjZXNzZWQgbGlua3MsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHJlY2VudExpbmtzOiBTa3lSZWNlbnRMaW5rc0lucHV0ID0gW107XG5cbiAgLyoqXG4gICAqIFByb3ZpZGVzIGEgbGlzdCBvZiByZWxhdGVkIGxpbmtzLCBvciBgXCJsb2FkaW5nXCJgIHRvIGRpc3BsYXkgYSB3YWl0IGluZGljYXRvci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyByZWxhdGVkTGlua3M6IFNreVBhZ2VMaW5rc0lucHV0ID0gW107XG5cbiAgLyoqXG4gICAqIFByb3ZpZGVzIGEgbGlzdCBvZiBzZXR0aW5ncyB3aXRoIG1vZGFsIHBhcmFtZXRlcnMsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldHRpbmdzTGlua3M6IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgPSBbXTtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBwYWdlIHRpdGxlLlxuICAgKiBAZGVmYXVsdCBcIlwiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdGl0bGUgPSAnJztcbn1cbiIsIjxuZy10ZW1wbGF0ZSAjbG9hZGluZ1RlbXBsYXRlUmVmPlxuICA8c2t5LXdhaXQgW2lzV2FpdGluZ109XCJ0cnVlXCI+PC9za3ktd2FpdD5cbjwvbmctdGVtcGxhdGU+XG48c2t5LWZsdWlkLWdyaWQ+XG4gIDxza3ktcm93PlxuICAgIDxza3ktY29sdW1uPlxuICAgICAgPHNreS1wYWdlLWhlYWRlclxuICAgICAgICBbcGFnZVRpdGxlXT1cInRpdGxlXCJcbiAgICAgICAgW3BhcmVudExpbmtdPVwicGFyZW50TGlua1wiXG4gICAgICA+PC9za3ktcGFnZS1oZWFkZXI+XG4gICAgPC9za3ktY29sdW1uPlxuICA8L3NreS1yb3c+XG4gIDxza3ktcm93PlxuICAgIDxza3ktY29sdW1uIHNjcmVlbkxhcmdlPVwiOVwiIHNjcmVlblhTbWFsbD1cIjEyXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgICAnc2t5LW1hcmdpbi1zdGFja2VkLXNlcGFyYXRlJzogJ2RlZmF1bHQnLFxuICAgICAgICAgICdza3ktbWFyZ2luLXN0YWNrZWQteGwnOiAnbW9kZXJuJ1xuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWFjdGlvbi1odWItYnV0dG9uc1wiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2XG4gICAgICAgIFtza3lUaGVtZUNsYXNzXT1cIntcbiAgICAgICAgICAnc2t5LW1hcmdpbi1zdGFja2VkLXNlcGFyYXRlJzogJ2RlZmF1bHQnLFxuICAgICAgICAgICdza3ktbWFyZ2luLXN0YWNrZWQteHhsJzogJ21vZGVybidcbiAgICAgICAgfVwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgICAgbmVlZHNBdHRlbnRpb24gPT09ICdsb2FkaW5nJztcbiAgICAgICAgICAgIHRoZW4gbG9hZGluZ1RlbXBsYXRlUmVmO1xuICAgICAgICAgICAgZWxzZSBuZWVkc0F0dGVudGlvblRlbXBsYXRlUmVmXG4gICAgICAgICAgXCJcbiAgICAgICAgPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8bmctdGVtcGxhdGUgI25lZWRzQXR0ZW50aW9uVGVtcGxhdGVSZWY+XG4gICAgICAgICAgPHNreS1uZWVkcy1hdHRlbnRpb24gW2l0ZW1zXT1cIm5lZWRzQXR0ZW50aW9uXCI+PC9za3ktbmVlZHMtYXR0ZW50aW9uPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDxkaXZcbiAgICAgICAgW3NreVRoZW1lQ2xhc3NdPVwie1xuICAgICAgICAgICdza3ktbWFyZ2luLXN0YWNrZWQtc2VwYXJhdGUnOiAnZGVmYXVsdCcsXG4gICAgICAgICAgJ3NreS1tYXJnaW4tc3RhY2tlZC14eGwnOiAnbW9kZXJuJ1xuICAgICAgICB9XCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LWFjdGlvbi1odWItY29udGVudFwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvc2t5LWNvbHVtbj5cbiAgICA8c2t5LWNvbHVtbiBzY3JlZW5MYXJnZT1cIjNcIiBzY3JlZW5YU21hbGw9XCIxMlwiPlxuICAgICAgPHNreS1saW5rLWxpc3RcbiAgICAgICAgW2xpbmtzXT1cInJlbGF0ZWRMaW5rcyB8IHNreUFjdGlvbkh1YlJlbGF0ZWRMaW5rc1NvcnRcIlxuICAgICAgICBbdGl0bGVdPVwiJ3NreV9hY3Rpb25faHViX3JlbGF0ZWRfbGlua3MnIHwgc2t5TGliUmVzb3VyY2VzXCJcbiAgICAgID48L3NreS1saW5rLWxpc3Q+XG4gICAgICA8c2t5LWxpbmstbGlzdFxuICAgICAgICBbbGlua3NdPVwicmVjZW50TGlua3MgfCBza3lBY3Rpb25IdWJSZWNlbnRMaW5rc1Jlc29sdmVcIlxuICAgICAgICBbdGl0bGVdPVwiJ3NreV9hY3Rpb25faHViX3JlY2VudF9saW5rcycgfCBza3lMaWJSZXNvdXJjZXNcIlxuICAgICAgPjwvc2t5LWxpbmstbGlzdD5cbiAgICAgIDxza3ktbW9kYWwtbGluay1saXN0XG4gICAgICAgIFtsaW5rc109XCJzZXR0aW5nc0xpbmtzXCJcbiAgICAgICAgW3RpdGxlXT1cIidza3lfYWN0aW9uX2h1Yl9zZXR0aW5nc19saW5rcycgfCBza3lMaWJSZXNvdXJjZXNcIlxuICAgICAgPjwvc2t5LW1vZGFsLWxpbmstbGlzdD5cbiAgICA8L3NreS1jb2x1bW4+XG4gIDwvc2t5LXJvdz5cbjwvc2t5LWZsdWlkLWdyaWQ+XG4iXX0=
|
|
@@ -7,6 +7,7 @@ import { SkyActionButtonModule, SkyFluidGridModule } from '@skyux/layout';
|
|
|
7
7
|
import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
|
|
8
8
|
import { SkyThemeModule } from '@skyux/theme';
|
|
9
9
|
import { SkyLinkListComponent } from '../link-list/link-list.component';
|
|
10
|
+
import { SkyModalLinkListComponent } from '../modal-link-list/modal-link-list.component';
|
|
10
11
|
import { SkyNeedsAttentionComponent } from '../needs-attention/needs-attention.component';
|
|
11
12
|
import { SkyPageHeaderModule } from '../page-header/page-header.module';
|
|
12
13
|
import { SkyPagesResourcesModule } from '../shared/sky-pages-resources.module';
|
|
@@ -25,7 +26,8 @@ SkyActionHubModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", vers
|
|
|
25
26
|
SkyActionHubRecentLinksResolvePipe,
|
|
26
27
|
SkyActionHubRelatedLinksSortPipe,
|
|
27
28
|
SkyNeedsAttentionComponent,
|
|
28
|
-
SkyLinkListComponent
|
|
29
|
+
SkyLinkListComponent,
|
|
30
|
+
SkyModalLinkListComponent], imports: [CommonModule,
|
|
29
31
|
SkyPagesResourcesModule,
|
|
30
32
|
RouterModule,
|
|
31
33
|
SkyActionButtonModule,
|
|
@@ -81,6 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
81
83
|
SkyActionHubRelatedLinksSortPipe,
|
|
82
84
|
SkyNeedsAttentionComponent,
|
|
83
85
|
SkyLinkListComponent,
|
|
86
|
+
SkyModalLinkListComponent,
|
|
84
87
|
],
|
|
85
88
|
exports: [
|
|
86
89
|
SkyActionHubButtonsComponent,
|
|
@@ -89,4 +92,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
89
92
|
],
|
|
90
93
|
}]
|
|
91
94
|
}] });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFDNUMsT0FBTyxFQUNMLGFBQWEsRUFDYixnQkFBZ0IsRUFDaEIsYUFBYSxHQUNkLE1BQU0sbUJBQW1CLENBQUM7QUFDM0IsT0FBTyxFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxhQUFhLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUU5QyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUN6RixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQztBQUMxRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUUvRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM1RixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN4RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFrQy9ELE1BQU0sT0FBTyxrQkFBa0I7OytHQUFsQixrQkFBa0I7Z0hBQWxCLGtCQUFrQixpQkFmM0IsNEJBQTRCO1FBQzVCLHFCQUFxQjtRQUNyQiw0QkFBNEI7UUFDNUIsa0NBQWtDO1FBQ2xDLGdDQUFnQztRQUNoQywwQkFBMEI7UUFDMUIsb0JBQW9CO1FBQ3BCLHlCQUF5QixhQXRCekIsWUFBWTtRQUNaLHVCQUF1QjtRQUN2QixZQUFZO1FBQ1oscUJBQXFCO1FBQ3JCLGdCQUFnQjtRQUNoQixrQkFBa0I7UUFDbEIsYUFBYTtRQUNiLGFBQWE7UUFDYixnQkFBZ0I7UUFDaEIsbUJBQW1CO1FBQ25CLGNBQWM7UUFDZCxhQUFhO1FBQ2IsYUFBYSxhQWFiLDRCQUE0QjtRQUM1QixxQkFBcUI7UUFDckIsNEJBQTRCO2dIQUduQixrQkFBa0IsWUEvQnBCO1lBQ1AsWUFBWTtZQUNaLHVCQUF1QjtZQUN2QixZQUFZO1lBQ1oscUJBQXFCO1lBQ3JCLGdCQUFnQjtZQUNoQixrQkFBa0I7WUFDbEIsYUFBYTtZQUNiLGFBQWE7WUFDYixnQkFBZ0I7WUFDaEIsbUJBQW1CO1lBQ25CLGNBQWM7WUFDZCxhQUFhO1lBQ2IsYUFBYTtTQUNkOzJGQWlCVSxrQkFBa0I7a0JBaEM5QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLHVCQUF1Qjt3QkFDdkIsWUFBWTt3QkFDWixxQkFBcUI7d0JBQ3JCLGdCQUFnQjt3QkFDaEIsa0JBQWtCO3dCQUNsQixhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsZ0JBQWdCO3dCQUNoQixtQkFBbUI7d0JBQ25CLGNBQWM7d0JBQ2QsYUFBYTt3QkFDYixhQUFhO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWiw0QkFBNEI7d0JBQzVCLHFCQUFxQjt3QkFDckIsNEJBQTRCO3dCQUM1QixrQ0FBa0M7d0JBQ2xDLGdDQUFnQzt3QkFDaEMsMEJBQTBCO3dCQUMxQixvQkFBb0I7d0JBQ3BCLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDRCQUE0Qjt3QkFDNUIscUJBQXFCO3dCQUNyQiw0QkFBNEI7cUJBQzdCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgU2t5STE4bk1vZHVsZSB9IGZyb20gJ0Bza3l1eC9pMThuJztcbmltcG9ydCB7XG4gIFNreUljb25Nb2R1bGUsXG4gIFNreUtleUluZm9Nb2R1bGUsXG4gIFNreVdhaXRNb2R1bGUsXG59IGZyb20gJ0Bza3l1eC9pbmRpY2F0b3JzJztcbmltcG9ydCB7IFNreUFjdGlvbkJ1dHRvbk1vZHVsZSwgU2t5Rmx1aWRHcmlkTW9kdWxlIH0gZnJvbSAnQHNreXV4L2xheW91dCc7XG5pbXBvcnQgeyBTa3lBcHBMaW5rTW9kdWxlLCBTa3lIcmVmTW9kdWxlIH0gZnJvbSAnQHNreXV4L3JvdXRlcic7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZSB9IGZyb20gJ0Bza3l1eC90aGVtZSc7XG5cbmltcG9ydCB7IFNreUxpbmtMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi4vbGluay1saXN0L2xpbmstbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5TW9kYWxMaW5rTGlzdENvbXBvbmVudCB9IGZyb20gJy4uL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IFNreU5lZWRzQXR0ZW50aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vbmVlZHMtYXR0ZW50aW9uL25lZWRzLWF0dGVudGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5UGFnZUhlYWRlck1vZHVsZSB9IGZyb20gJy4uL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLm1vZHVsZSc7XG5pbXBvcnQgeyBTa3lQYWdlc1Jlc291cmNlc01vZHVsZSB9IGZyb20gJy4uL3NoYXJlZC9za3ktcGFnZXMtcmVzb3VyY2VzLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkh1YkJ1dHRvbnNDb21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1odWItYnV0dG9ucy5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5QWN0aW9uSHViQ29udGVudENvbXBvbmVudCB9IGZyb20gJy4vYWN0aW9uLWh1Yi1jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lBY3Rpb25IdWJSZWNlbnRMaW5rc1Jlc29sdmVQaXBlIH0gZnJvbSAnLi9hY3Rpb24taHViLXJlY2VudC1saW5rcy1yZXNvbHZlLnBpcGUnO1xuaW1wb3J0IHsgU2t5QWN0aW9uSHViUmVsYXRlZExpbmtzU29ydFBpcGUgfSBmcm9tICcuL2FjdGlvbi1odWItcmVsYXRlZC1saW5rcy1zb3J0LnBpcGUnO1xuaW1wb3J0IHsgU2t5QWN0aW9uSHViQ29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24taHViLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5UGFnZXNSZXNvdXJjZXNNb2R1bGUsXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIFNreUFjdGlvbkJ1dHRvbk1vZHVsZSxcbiAgICBTa3lBcHBMaW5rTW9kdWxlLFxuICAgIFNreUZsdWlkR3JpZE1vZHVsZSxcbiAgICBTa3lJMThuTW9kdWxlLFxuICAgIFNreUljb25Nb2R1bGUsXG4gICAgU2t5S2V5SW5mb01vZHVsZSxcbiAgICBTa3lQYWdlSGVhZGVyTW9kdWxlLFxuICAgIFNreVRoZW1lTW9kdWxlLFxuICAgIFNreVdhaXRNb2R1bGUsXG4gICAgU2t5SHJlZk1vZHVsZSxcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2t5QWN0aW9uSHViQnV0dG9uc0NvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25IdWJDb21wb25lbnQsXG4gICAgU2t5QWN0aW9uSHViQ29udGVudENvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25IdWJSZWNlbnRMaW5rc1Jlc29sdmVQaXBlLFxuICAgIFNreUFjdGlvbkh1YlJlbGF0ZWRMaW5rc1NvcnRQaXBlLFxuICAgIFNreU5lZWRzQXR0ZW50aW9uQ29tcG9uZW50LFxuICAgIFNreUxpbmtMaXN0Q29tcG9uZW50LFxuICAgIFNreU1vZGFsTGlua0xpc3RDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTa3lBY3Rpb25IdWJCdXR0b25zQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkh1YkNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25IdWJDb250ZW50Q29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBY3Rpb25IdWJNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1saW5rLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9wYWdlLWxpbmstaW50ZXJmYWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEBpbnRlcm5hbFxuICovXG5leHBvcnQgaW50ZXJmYWNlIFNreVBhZ2VMaW5rSW50ZXJmYWNlIHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbGluayB0ZXh0LlxuICAgKi9cbiAgbGFiZWw6IHN0cmluZztcbn1cbiJdfQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1saW5rLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGluay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmF2aWdhdGlvbkV4dHJhcyB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbmltcG9ydCB7IFNreVBhZ2VMaW5rSW50ZXJmYWNlIH0gZnJvbSAnLi9wYWdlLWxpbmstaW50ZXJmYWNlJztcblxuLyoqXG4gKiBEaXNwbGF5cyBsaW5rcyB0byByZWxhdGVkIGluZm9ybWF0aW9uIG9yIHJlY2VudGx5IGFjY2Vzc2VkIGl0ZW1zLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFNreVBhZ2VMaW5rIGV4dGVuZHMgU2t5UGFnZUxpbmtJbnRlcmZhY2Uge1xuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBsaW5rIGRlc3RpbmF0aW9uLlxuICAgKi9cbiAgcGVybWFsaW5rOiB7XG4gICAgcm91dGU/OiB7XG4gICAgICBjb21tYW5kczogYW55W107XG4gICAgICBleHRyYXM/OiBOYXZpZ2F0aW9uRXh0cmFzO1xuICAgIH07XG4gICAgdXJsPzogc3RyaW5nO1xuICB9O1xufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1tb2RhbC1saW5rLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbW9kYWwtbGluay50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmF2aWdhdGlvbkV4dHJhcyB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBTa3lNb2RhbENvbmZpZ3VyYXRpb25JbnRlcmZhY2UgfSBmcm9tICdAc2t5dXgvbW9kYWxzJztcblxuaW1wb3J0IHsgU2t5UGFnZUxpbmtJbnRlcmZhY2UgfSBmcm9tICcuL3BhZ2UtbGluay1pbnRlcmZhY2UnO1xuXG4vKipcbiAqIERpc3BsYXlzIGxpbmtzIHRvIHJlbGF0ZWQgaW5mb3JtYXRpb24gb3IgcmVjZW50bHkgYWNjZXNzZWQgaXRlbXMuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgU2t5UGFnZU1vZGFsTGluayBleHRlbmRzIFNreVBhZ2VMaW5rSW50ZXJmYWNlIHtcbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgbGluayBkZXN0aW5hdGlvbi5cbiAgICovXG4gIHBlcm1hbGluaz86IHtcbiAgICByb3V0ZT86IHtcbiAgICAgIGNvbW1hbmRzOiBhbnlbXTtcbiAgICAgIGV4dHJhcz86IE5hdmlnYXRpb25FeHRyYXM7XG4gICAgfTtcbiAgICB1cmw/OiBzdHJpbmc7XG4gIH07XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG1vZGFsIHBhcmFtZXRlcnMuXG4gICAqL1xuICBtb2RhbD86IHtcbiAgICBjb21wb25lbnQ6IGFueTtcbiAgICBjb25maWc/OiBTa3lNb2RhbENvbmZpZ3VyYXRpb25JbnRlcmZhY2U7XG4gIH07XG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1tb2RhbC1saW5rcy1pbnB1dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmtzLWlucHV0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTa3lQYWdlTW9kYWxMaW5rIH0gZnJvbSAnLi9wYWdlLW1vZGFsLWxpbmsnO1xuXG5leHBvcnQgdHlwZSBTa3lQYWdlTW9kYWxMaW5rc0lucHV0ID0gU2t5UGFnZU1vZGFsTGlua1tdIHwgJ2xvYWRpbmcnIHwgdW5kZWZpbmVkO1xuIl19
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import { SkyModalService } from '@skyux/modals';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@skyux/modals";
|
|
5
|
+
import * as i2 from "@skyux/indicators";
|
|
6
|
+
import * as i3 from "@angular/common";
|
|
7
|
+
import * as i4 from "@skyux/router";
|
|
8
|
+
export class SkyModalLinkListComponent {
|
|
9
|
+
constructor(modalService) {
|
|
10
|
+
this.modalService = modalService;
|
|
11
|
+
}
|
|
12
|
+
openModal(link) {
|
|
13
|
+
this.modalService.open(link.modal.component, link.modal.config);
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
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=\"links?.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 links\" 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
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
|
|
19
|
+
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=\"links?.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 links\" 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
|
+
}], ctorParameters: function () { return [{ type: i1.SkyModalService }]; }, propDecorators: { links: [{
|
|
22
|
+
type: Input
|
|
23
|
+
}], title: [{
|
|
24
|
+
type: Input
|
|
25
|
+
}] } });
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVWhELE1BQU0sT0FBTyx5QkFBeUI7SUFPcEMsWUFBb0IsWUFBNkI7UUFBN0IsaUJBQVksR0FBWixZQUFZLENBQWlCO0lBQUcsQ0FBQztJQUU5QyxTQUFTLENBQUMsSUFBc0I7UUFDckMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNsRSxDQUFDOztzSEFYVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix1R0NYdEMsKzBEQW1EQTsyRkR4Q2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHFCQUFxQjtzR0FNeEIsS0FBSztzQkFEWCxLQUFLO2dCQUlDLEtBQUs7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreU1vZGFsU2VydmljZSB9IGZyb20gJ0Bza3l1eC9tb2RhbHMnO1xuXG5pbXBvcnQgeyBTa3lQYWdlTW9kYWxMaW5rIH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmsnO1xuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB9IGZyb20gJy4uL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1tb2RhbC1saW5rcy1pbnB1dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1tb2RhbC1saW5rLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreU1vZGFsTGlua0xpc3RDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgbGlua3M6IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQ7XG5cbiAgQElucHV0KClcbiAgcHVibGljIHRpdGxlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBtb2RhbFNlcnZpY2U6IFNreU1vZGFsU2VydmljZSkge31cblxuICBwdWJsaWMgb3Blbk1vZGFsKGxpbms6IFNreVBhZ2VNb2RhbExpbmspOiB2b2lkIHtcbiAgICB0aGlzLm1vZGFsU2VydmljZS5vcGVuKGxpbmsubW9kYWwuY29tcG9uZW50LCBsaW5rLm1vZGFsLmNvbmZpZyk7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXJcbiAgKm5nSWY9XCJsaW5rcyA9PT0gJ2xvYWRpbmcnOyB0aGVuIGxvYWRpbmdUZW1wbGF0ZVJlZjsgZWxzZSBsaW5rc1RlbXBsYXRlUmVmXCJcbj48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNoZWFkaW5nVGVtcGxhdGVSZWY+XG4gIDxoMiBjbGFzcz1cInNreS1mb250LWhlYWRpbmctNCBza3ktbWFyZ2luLXN0YWNrZWQtc21cIj5cbiAgICB7eyB0aXRsZSB9fVxuICA8L2gyPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjbG9hZGluZ1RlbXBsYXRlUmVmPlxuICA8c2t5LXdhaXQgW2lzV2FpdGluZ109XCJ0cnVlXCI+PC9za3ktd2FpdD5cbiAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkaW5nVGVtcGxhdGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG48bmctdGVtcGxhdGUgI2xpbmtzVGVtcGxhdGVSZWY+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJsaW5rcz8ubGVuZ3RoID4gMFwiPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGluZ1RlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG4gICAgPHVsIGNsYXNzPVwic2t5LWxpbmstbGlzdCBza3ktbWFyZ2luLXN0YWNrZWQteGxcIj5cbiAgICAgIDxsaSAqbmdGb3I9XCJsZXQgbGluayBvZiBsaW5rc1wiIGNsYXNzPVwic2t5LW1hcmdpbi1zdGFja2VkLXNtXCI+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nSWY9XCJsaW5rLnBlcm1hbGluayAmJiBsaW5rLnBlcm1hbGluay51cmxcIlxuICAgICAgICAgIFtza3lIcmVmXT1cImxpbmsucGVybWFsaW5rLnVybFwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgIDwvYT5cbiAgICAgICAgPGFcbiAgICAgICAgICAqbmdJZj1cImxpbmsucGVybWFsaW5rICYmIGxpbmsucGVybWFsaW5rLnJvdXRlXCJcbiAgICAgICAgICBbc2t5QXBwTGlua109XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5jb21tYW5kc1wiXG4gICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cIlxuICAgICAgICAgICAgbGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXG4gICAgICAgICAgXCJcbiAgICAgICAgICBbZnJhZ21lbnRdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5mcmFnbWVudFwiXG4gICAgICAgICAgW3ByZXNlcnZlRnJhZ21lbnRdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5wcmVzZXJ2ZUZyYWdtZW50XCJcbiAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgICBbcmVwbGFjZVVybF09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnJlcGxhY2VVcmxcIlxuICAgICAgICAgIFtzdGF0ZV09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnN0YXRlXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IGxpbmsubGFiZWwgfX1cbiAgICAgICAgPC9hPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgKm5nSWY9XCJsaW5rLm1vZGFsXCJcbiAgICAgICAgICAoY2xpY2spPVwib3Blbk1vZGFsKGxpbmspXCJcbiAgICAgICAgICBjbGFzcz1cInNreS1idG4gc2t5LWJ0bi1saW5rXCJcbiAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IGxpbmsubGFiZWwgfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -11,6 +11,7 @@ const RESOURCES = {
|
|
|
11
11
|
'EN-US': {
|
|
12
12
|
sky_action_hub_related_links: { message: 'Related Links' },
|
|
13
13
|
sky_action_hub_recent_links: { message: 'Recently Accessed' },
|
|
14
|
+
sky_action_hub_settings_links: { message: 'Settings' },
|
|
14
15
|
sky_action_hub_needs_attention: { message: 'Needs Attention' },
|
|
15
16
|
sky_action_hub_needs_attention_empty: {
|
|
16
17
|
message: 'No issues currently need attention',
|
|
@@ -49,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
49
50
|
],
|
|
50
51
|
}]
|
|
51
52
|
}] });
|
|
52
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LXBhZ2VzLXJlc291cmNlcy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3NoYXJlZC9za3ktcGFnZXMtcmVzb3VyY2VzLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7R0FLRztBQUNILE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUNMLDJCQUEyQixFQUUzQixhQUFhLEVBR2IscUJBQXFCLEdBQ3RCLE1BQU0sYUFBYSxDQUFDOztBQUVyQixNQUFNLFNBQVMsR0FBMEM7SUFDdkQsT0FBTyxFQUFFO1FBQ1AsNEJBQTRCLEVBQUUsRUFBRSxPQUFPLEVBQUUsZUFBZSxFQUFFO1FBQzFELDJCQUEyQixFQUFFLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFO1FBQzdELDZCQUE2QixFQUFFLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRTtRQUN0RCw4QkFBOEIsRUFBRSxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRTtRQUM5RCxvQ0FBb0MsRUFBRTtZQUNwQyxPQUFPLEVBQUUsb0NBQW9DO1NBQzlDO0tBQ0Y7Q0FDRixDQUFDO0FBRUYsTUFBTSxPQUFPLHlCQUF5QjtJQUM3QixTQUFTLENBQ2QsVUFBNEIsRUFDNUIsSUFBWTtRQUVaLE9BQU8scUJBQXFCLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztDQUNGO0FBRUQ7O0dBRUc7QUFXSCxNQUFNLE9BQU8sdUJBQXVCOztvSEFBdkIsdUJBQXVCO3FIQUF2Qix1QkFBdUIsWUFUeEIsYUFBYTtxSEFTWix1QkFBdUIsYUFSdkI7UUFDVDtZQUNFLE9BQU8sRUFBRSwyQkFBMkI7WUFDcEMsUUFBUSxFQUFFLHlCQUF5QjtZQUNuQyxLQUFLLEVBQUUsSUFBSTtTQUNaO0tBQ0YsWUFQUyxhQUFhOzJGQVNaLHVCQUF1QjtrQkFWbkMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsMkJBQTJCOzRCQUNwQyxRQUFRLEVBQUUseUJBQXlCOzRCQUNuQyxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogTk9USUNFOiBETyBOT1QgTU9ESUZZIFRISVMgRklMRSFcbiAqIFRoZSBjb250ZW50cyBvZiB0aGlzIGZpbGUgd2VyZSBhdXRvbWF0aWNhbGx5IGdlbmVyYXRlZCBieVxuICogdGhlICduZyBnZW5lcmF0ZSBAc2t5dXgvaTE4bjpsaWItcmVzb3VyY2VzLW1vZHVsZSBsaWIvbW9kdWxlcy9zaGFyZWQvc2t5LXBhZ2VzJyBzY2hlbWF0aWMuXG4gKiBUbyB1cGRhdGUgdGhpcyBmaWxlLCBzaW1wbHkgcmVydW4gdGhlIGNvbW1hbmQuXG4gKi9cbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlMsXG4gIFNreUFwcExvY2FsZUluZm8sXG4gIFNreUkxOG5Nb2R1bGUsXG4gIFNreUxpYlJlc291cmNlcyxcbiAgU2t5TGliUmVzb3VyY2VzUHJvdmlkZXIsXG4gIGdldExpYlN0cmluZ0ZvckxvY2FsZSxcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5jb25zdCBSRVNPVVJDRVM6IHsgW2xvY2FsZTogc3RyaW5nXTogU2t5TGliUmVzb3VyY2VzIH0gPSB7XG4gICdFTi1VUyc6IHtcbiAgICBza3lfYWN0aW9uX2h1Yl9yZWxhdGVkX2xpbmtzOiB7IG1lc3NhZ2U6ICdSZWxhdGVkIExpbmtzJyB9LFxuICAgIHNreV9hY3Rpb25faHViX3JlY2VudF9saW5rczogeyBtZXNzYWdlOiAnUmVjZW50bHkgQWNjZXNzZWQnIH0sXG4gICAgc2t5X2FjdGlvbl9odWJfc2V0dGluZ3NfbGlua3M6IHsgbWVzc2FnZTogJ1NldHRpbmdzJyB9LFxuICAgIHNreV9hY3Rpb25faHViX25lZWRzX2F0dGVudGlvbjogeyBtZXNzYWdlOiAnTmVlZHMgQXR0ZW50aW9uJyB9LFxuICAgIHNreV9hY3Rpb25faHViX25lZWRzX2F0dGVudGlvbl9lbXB0eToge1xuICAgICAgbWVzc2FnZTogJ05vIGlzc3VlcyBjdXJyZW50bHkgbmVlZCBhdHRlbnRpb24nLFxuICAgIH0sXG4gIH0sXG59O1xuXG5leHBvcnQgY2xhc3MgU2t5UGFnZXNSZXNvdXJjZXNQcm92aWRlciBpbXBsZW1lbnRzIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyIHtcbiAgcHVibGljIGdldFN0cmluZyhcbiAgICBsb2NhbGVJbmZvOiBTa3lBcHBMb2NhbGVJbmZvLFxuICAgIG5hbWU6IHN0cmluZ1xuICApOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiBnZXRMaWJTdHJpbmdGb3JMb2NhbGUoUkVTT1VSQ0VTLCBsb2NhbGVJbmZvLmxvY2FsZSwgbmFtZSk7XG4gIH1cbn1cblxuLyoqXG4gKiBJbXBvcnQgaW50byBhbnkgY29tcG9uZW50IGxpYnJhcnkgbW9kdWxlIHRoYXQgbmVlZHMgdG8gdXNlIHJlc291cmNlIHN0cmluZ3MuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGV4cG9ydHM6IFtTa3lJMThuTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogU0tZX0xJQl9SRVNPVVJDRVNfUFJPVklERVJTLFxuICAgICAgdXNlQ2xhc3M6IFNreVBhZ2VzUmVzb3VyY2VzUHJvdmlkZXIsXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlc1Jlc291cmNlc01vZHVsZSB7fVxuIl19
|
package/fesm2015/skyux-pages.mjs
CHANGED
|
@@ -7,12 +7,13 @@ import * as i6 from '@skyux/i18n';
|
|
|
7
7
|
import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
|
|
8
8
|
import * as i2 from '@skyux/indicators';
|
|
9
9
|
import { SkyIconModule, SkyKeyInfoModule, SkyWaitModule } from '@skyux/indicators';
|
|
10
|
-
import * as i1 from '@skyux/layout';
|
|
10
|
+
import * as i1$1 from '@skyux/layout';
|
|
11
11
|
import { SkyActionButtonModule, SkyFluidGridModule } from '@skyux/layout';
|
|
12
12
|
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 * as i1 from '@skyux/modals';
|
|
16
17
|
import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
|
|
17
18
|
import { Subject } from 'rxjs';
|
|
18
19
|
import { takeUntil } from 'rxjs/operators';
|
|
@@ -30,13 +31,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
30
31
|
type: Input
|
|
31
32
|
}] } });
|
|
32
33
|
|
|
34
|
+
class SkyModalLinkListComponent {
|
|
35
|
+
constructor(modalService) {
|
|
36
|
+
this.modalService = modalService;
|
|
37
|
+
}
|
|
38
|
+
openModal(link) {
|
|
39
|
+
this.modalService.open(link.modal.component, link.modal.config);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
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=\"links?.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 links\" 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
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
|
|
45
|
+
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=\"links?.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 links\" 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
|
+
}], ctorParameters: function () { return [{ type: i1.SkyModalService }]; }, propDecorators: { links: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], title: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}] } });
|
|
52
|
+
|
|
33
53
|
class SkyNeedsAttentionComponent {
|
|
34
54
|
constructor() {
|
|
35
55
|
this.gutterSize = 'large';
|
|
36
56
|
}
|
|
37
57
|
}
|
|
38
58
|
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"], outputs: ["skyHrefChange"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe } });
|
|
59
|
+
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$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: 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"], outputs: ["skyHrefChange"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe } });
|
|
40
60
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
|
|
41
61
|
type: Component,
|
|
42
62
|
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"] }]
|
|
@@ -101,6 +121,7 @@ const RESOURCES = {
|
|
|
101
121
|
'EN-US': {
|
|
102
122
|
sky_action_hub_related_links: { message: 'Related Links' },
|
|
103
123
|
sky_action_hub_recent_links: { message: 'Recently Accessed' },
|
|
124
|
+
sky_action_hub_settings_links: { message: 'Settings' },
|
|
104
125
|
sky_action_hub_needs_attention: { message: 'Needs Attention' },
|
|
105
126
|
sky_action_hub_needs_attention_empty: {
|
|
106
127
|
message: 'No issues currently need attention',
|
|
@@ -310,6 +331,10 @@ class SkyActionHubComponent {
|
|
|
310
331
|
* Provides a list of related links, or `"loading"` to display a wait indicator.
|
|
311
332
|
*/
|
|
312
333
|
this.relatedLinks = [];
|
|
334
|
+
/**
|
|
335
|
+
* Provides a list of settings with modal parameters, or `"loading"` to display a wait indicator.
|
|
336
|
+
*/
|
|
337
|
+
this.settingsLinks = [];
|
|
313
338
|
/**
|
|
314
339
|
* Specifies the page title.
|
|
315
340
|
* @default ""
|
|
@@ -318,10 +343,10 @@ class SkyActionHubComponent {
|
|
|
318
343
|
}
|
|
319
344
|
}
|
|
320
345
|
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 });
|
|
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 [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-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 });
|
|
322
347
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
323
348
|
type: Component,
|
|
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" }]
|
|
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 [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-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" }]
|
|
325
350
|
}], propDecorators: { needsAttention: [{
|
|
326
351
|
type: Input
|
|
327
352
|
}], parentLink: [{
|
|
@@ -330,6 +355,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
330
355
|
type: Input
|
|
331
356
|
}], relatedLinks: [{
|
|
332
357
|
type: Input
|
|
358
|
+
}], settingsLinks: [{
|
|
359
|
+
type: Input
|
|
333
360
|
}], title: [{
|
|
334
361
|
type: Input
|
|
335
362
|
}] } });
|
|
@@ -343,7 +370,8 @@ SkyActionHubModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", vers
|
|
|
343
370
|
SkyActionHubRecentLinksResolvePipe,
|
|
344
371
|
SkyActionHubRelatedLinksSortPipe,
|
|
345
372
|
SkyNeedsAttentionComponent,
|
|
346
|
-
SkyLinkListComponent
|
|
373
|
+
SkyLinkListComponent,
|
|
374
|
+
SkyModalLinkListComponent], imports: [CommonModule,
|
|
347
375
|
SkyPagesResourcesModule,
|
|
348
376
|
RouterModule,
|
|
349
377
|
SkyActionButtonModule,
|
|
@@ -399,6 +427,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
399
427
|
SkyActionHubRelatedLinksSortPipe,
|
|
400
428
|
SkyNeedsAttentionComponent,
|
|
401
429
|
SkyLinkListComponent,
|
|
430
|
+
SkyModalLinkListComponent,
|
|
402
431
|
],
|
|
403
432
|
exports: [
|
|
404
433
|
SkyActionHubButtonsComponent,
|
|
@@ -412,5 +441,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
412
441
|
* Generated bundle index. Do not edit.
|
|
413
442
|
*/
|
|
414
443
|
|
|
415
|
-
export { SkyActionHubModule, SkyPageHeaderModule, SkyActionHubComponent as λ1, SkyActionHubButtonsComponent as λ2, SkyActionHubContentComponent as λ3, SkyPageHeaderComponent as λ4 };
|
|
444
|
+
export { SkyActionHubModule, SkyPageHeaderModule, SkyActionHubComponent as λ1, SkyActionHubButtonsComponent as λ2, SkyActionHubContentComponent as λ3, SkyPageHeaderComponent as λ4, SkyModalLinkListComponent as λ5 };
|
|
416
445
|
//# sourceMappingURL=skyux-pages.mjs.map
|