@skyux/pages 11.38.1 → 11.40.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 +1127 -1201
- package/esm2022/index.mjs +2 -1
- package/esm2022/lib/modules/action-hub/action-hub.component.mjs +3 -3
- package/esm2022/lib/modules/modal-link-list/modal-link-list.component.mjs +25 -18
- package/esm2022/lib/modules/page/page.module.mjs +19 -5
- package/fesm2022/skyux-pages.mjs +42 -23
- package/fesm2022/skyux-pages.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/lib/modules/modal-link-list/modal-link-list.component.d.ts +14 -6
- package/lib/modules/page/page.module.d.ts +8 -6
- package/package.json +9 -9
package/esm2022/index.mjs
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export { SkyActionHubModule } from './lib/modules/action-hub/action-hub.module';
|
|
2
2
|
export { SkyLinkListModule } from './lib/modules/link-list/link-list.module';
|
|
3
|
+
export { SkyModalLinkListModule } from './lib/modules/modal-link-list/modal-link-list.module';
|
|
3
4
|
export { SkyNeedsAttentionModule } from './lib/modules/needs-attention/needs-attention.module';
|
|
4
5
|
export { SkyPageHeaderModule } from './lib/modules/page-header/page-header.module';
|
|
5
6
|
export { SkyPageModule } from './lib/modules/page/page.module';
|
|
@@ -21,4 +22,4 @@ export { SkyPageHeaderComponent as λ4 } from './lib/modules/page-header/page-he
|
|
|
21
22
|
export { SkyPageContentComponent as λ7 } from './lib/modules/page/page-content.component';
|
|
22
23
|
export { SkyPageLinksComponent as λ12 } from './lib/modules/page/page-links.component';
|
|
23
24
|
export { SkyPageComponent as λ6 } from './lib/modules/page/page.component';
|
|
24
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBTWhGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBUS9GLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ25GLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUcvRCwwRkFBMEY7QUFDMUYsMkVBQTJFO0FBQzNFLE9BQU8sRUFBRSw0QkFBNEIsSUFBSSxFQUFFLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUMzRyxPQUFPLEVBQUUsNEJBQTRCLElBQUksRUFBRSxFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDM0csT0FBTyxFQUFFLHFCQUFxQixJQUFJLEVBQUUsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzVGLE9BQU8sRUFBRSxvQkFBb0IsSUFBSSxHQUFHLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUMxRixPQUFPLEVBQUUsd0JBQXdCLElBQUksR0FBRyxFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDbkcsT0FBTyxFQUFFLG9DQUFvQyxJQUFJLEdBQUcsRUFBRSxNQUFNLGlGQUFpRixDQUFDO0FBQzlJLE9BQU8sRUFBRSx5QkFBeUIsSUFBSSxFQUFFLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUMxRyxPQUFPLEVBQUUsMEJBQTBCLElBQUksR0FBRyxFQUFFLE1BQU0seURBQXlELENBQUM7QUFDNUcsT0FBTyxFQUFFLDZCQUE2QixJQUFJLEVBQUUsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQzlHLE9BQU8sRUFBRSw0QkFBNEIsSUFBSSxHQUFHLEVBQUUsTUFBTSx3REFBd0QsQ0FBQztBQUM3RyxPQUFPLEVBQUUsNEJBQTRCLElBQUksR0FBRyxFQUFFLE1BQU0sd0RBQXdELENBQUM7QUFDN0csT0FBTyxFQUFFLDZCQUE2QixJQUFJLEVBQUUsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQzlHLE9BQU8sRUFBRSxzQkFBc0IsSUFBSSxFQUFFLEVBQUUsTUFBTSxpREFBaUQsQ0FBQztBQUMvRixPQUFPLEVBQUUsdUJBQXVCLElBQUksRUFBRSxFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDMUYsT0FBTyxFQUFFLHFCQUFxQixJQUFJLEdBQUcsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSxnQkFBZ0IsSUFBSSxFQUFFLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IFNreUFjdGlvbkh1Yk1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi9hY3Rpb24taHViLm1vZHVsZSc7XG5leHBvcnQgeyBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbiB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9hY3Rpb24taHViLW5lZWRzLWF0dGVudGlvbic7XG5leHBvcnQge1xuICBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbkNsaWNrSGFuZGxlcixcbiAgU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25DbGlja0hhbmRsZXJBcmdzLFxufSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvYWN0aW9uLWh1Yi1uZWVkcy1hdHRlbnRpb24tY2xpY2staGFuZGxlcic7XG5leHBvcnQgeyBTa3lMaW5rTGlzdE1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvbGluay1saXN0L2xpbmstbGlzdC5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5TW9kYWxMaW5rTGlzdE1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5TmVlZHNBdHRlbnRpb25Nb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL25lZWRzLWF0dGVudGlvbi9uZWVkcy1hdHRlbnRpb24ubW9kdWxlJztcbmV4cG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uSW5wdXQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvYWN0aW9uLWh1Yi1uZWVkcy1hdHRlbnRpb24taW5wdXQnO1xuZXhwb3J0IHsgU2t5UGFnZUxpbmsgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1saW5rJztcbmV4cG9ydCB7IFNreVBhZ2VMaW5rc0lucHV0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGlua3MtaW5wdXQnO1xuZXhwb3J0IHsgU2t5UGFnZU1vZGFsTGluayB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmsnO1xuZXhwb3J0IHsgU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmtzLWlucHV0JztcbmV4cG9ydCB7IFNreVJlY2VudExpbmsgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvdHlwZXMvcmVjZW50LWxpbmsnO1xuZXhwb3J0IHsgU2t5UmVjZW50TGlua3NJbnB1dCB9IGZyb20gJy4vbGliL21vZHVsZXMvYWN0aW9uLWh1Yi90eXBlcy9yZWNlbnQtbGlua3MtaW5wdXQnO1xuZXhwb3J0IHsgU2t5UGFnZUhlYWRlck1vZHVsZSB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIubW9kdWxlJztcbmV4cG9ydCB7IFNreVBhZ2VNb2R1bGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5tb2R1bGUnO1xuZXhwb3J0IHsgU2t5UGFnZUxheW91dFR5cGUgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UvdHlwZXMvcGFnZS1sYXlvdXQtdHlwZSc7XG5cbi8vIENvbXBvbmVudHMgYW5kIGRpcmVjdGl2ZXMgbXVzdCBiZSBleHBvcnRlZCB0byBzdXBwb3J0IEFuZ3VsYXIncyBcInBhcnRpYWxcIiBJdnkgY29tcGlsZXIuXG4vLyBPYnNjdXJlIG5hbWVzIGFyZSB1c2VkIHRvIGluZGljYXRlIHR5cGVzIGFyZSBub3QgcGFydCBvZiB0aGUgcHVibGljIEFQSS5cbmV4cG9ydCB7IFNreUFjdGlvbkh1YkJ1dHRvbnNDb21wb25lbnQgYXMgzrsyIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24taHViL2FjdGlvbi1odWItYnV0dG9ucy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5QWN0aW9uSHViQ29udGVudENvbXBvbmVudCBhcyDOuzMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lBY3Rpb25IdWJDb21wb25lbnQgYXMgzrsxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9hY3Rpb24taHViL2FjdGlvbi1odWIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUxpbmtMaXN0Q29tcG9uZW50IGFzIM67MTMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL2xpbmstbGlzdC9saW5rLWxpc3QuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUxpbmtMaXN0SXRlbUNvbXBvbmVudCBhcyDOuzE0IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9saW5rLWxpc3QvbGluay1saXN0LWl0ZW0uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreUxpbmtMaXN0UmVjZW50bHlBY2Nlc3NlZENvbXBvbmVudCBhcyDOuzE1IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9saW5rLWxpc3QtcmVjZW50bHktYWNjZXNzZWQvbGluay1saXN0LXJlY2VudGx5LWFjY2Vzc2VkLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lNb2RhbExpbmtMaXN0Q29tcG9uZW50IGFzIM67NSB9IGZyb20gJy4vbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5TmVlZHNBdHRlbnRpb25Db21wb25lbnQgYXMgzrsxNiB9IGZyb20gJy4vbGliL21vZHVsZXMvbmVlZHMtYXR0ZW50aW9uL25lZWRzLWF0dGVudGlvbi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZUhlYWRlckFjdGlvbnNDb21wb25lbnQgYXMgzrs5IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci1hY3Rpb25zLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlSGVhZGVyQWxlcnRzQ29tcG9uZW50IGFzIM67MTEgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLWFsZXJ0cy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZUhlYWRlckF2YXRhckNvbXBvbmVudCBhcyDOuzEwIH0gZnJvbSAnLi9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci1hdmF0YXIuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVBhZ2VIZWFkZXJEZXRhaWxzQ29tcG9uZW50IGFzIM67OCB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXItZGV0YWlscy5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5UGFnZUhlYWRlckNvbXBvbmVudCBhcyDOuzQgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlQ29udGVudENvbXBvbmVudCBhcyDOuzcgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlTGlua3NDb21wb25lbnQgYXMgzrsxMiB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS9wYWdlLWxpbmtzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lQYWdlQ29tcG9uZW50IGFzIM67NiB9IGZyb20gJy4vbGliL21vZHVsZXMvcGFnZS9wYWdlLmNvbXBvbmVudCc7XG4iXX0=
|
|
@@ -49,11 +49,11 @@ export class SkyActionHubComponent {
|
|
|
49
49
|
}
|
|
50
50
|
#_needsAttention;
|
|
51
51
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [headingText]=\"'sky_action_hub_settings_links' | skyLibResources\"\n />\n </sky-page-links>\n</sky-page>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.SkyLinkListComponent, selector: "sky-link-list", inputs: ["headingText", "links"] }, { kind: "component", type: i2.SkyLinkListRecentlyAccessedComponent, selector: "sky-link-list-recently-accessed", inputs: ["recentLinks"] }, { kind: "component", type: i3.SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: ["links", "headingText"] }, { kind: "component", type: i4.SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { kind: "component", type: i5.SkyPageHeaderActionsComponent, selector: "sky-page-header-actions" }, { kind: "component", type: i6.SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { kind: "component", type: i7.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "component", type: i8.SkyPageComponent, selector: "sky-page", inputs: ["layout", "helpKey"] }, { kind: "component", type: i9.SkyPageContentComponent, selector: "sky-page-content" }, { kind: "component", type: i10.SkyPageLinksComponent, selector: "sky-page-links" }, { kind: "pipe", type: i11.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: i12.SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
53
53
|
}
|
|
54
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
55
55
|
type: Component,
|
|
56
|
-
args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [
|
|
56
|
+
args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [headingText]=\"'sky_action_hub_settings_links' | skyLibResources\"\n />\n </sky-page-links>\n</sky-page>\n", styles: [":host{display:block}\n"] }]
|
|
57
57
|
}], propDecorators: { needsAttention: [{
|
|
58
58
|
type: Input
|
|
59
59
|
}], parentLink: [{
|
|
@@ -67,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
67
67
|
}], title: [{
|
|
68
68
|
type: Input
|
|
69
69
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFTMUU7OztHQUdHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQTRCRTs7V0FFRztRQUVJLGdCQUFXLEdBQXdCLEVBQUUsQ0FBQztRQUU3Qzs7V0FFRztRQUVJLGlCQUFZLEdBQXNCLEVBQUUsQ0FBQztRQUU1Qzs7V0FFRztRQUVJLGtCQUFhLEdBQTJCLEVBQUUsQ0FBQztRQUVsRDs7O1dBR0c7UUFFSSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsd0JBQW1CLEdBQWlDLEVBQUUsQ0FBQztLQUcvRDtJQWpEQzs7T0FFRztJQUNILElBQ1csY0FBYyxDQUN2QixLQUFrRDtRQUVsRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUMvRCxDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQy9CLENBQUM7SUFtQ0QsZ0JBQWdCLENBQThDOytHQWpEbkQscUJBQXFCO21HQUFyQixxQkFBcUIsd09DbkJsQyw2bUNBZ0NBOzs0RkRiYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU07OEJBT3BDLGNBQWM7c0JBRHhCLEtBQUs7Z0JBZ0JDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBT0MsV0FBVztzQkFEakIsS0FBSztnQkFPQyxZQUFZO3NCQURsQixLQUFLO2dCQU9DLGFBQWE7c0JBRG5CLEtBQUs7Z0JBUUMsS0FBSztzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb24gfSBmcm9tICcuL3R5cGVzL2FjdGlvbi1odWItbmVlZHMtYXR0ZW50aW9uJztcbmltcG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uSW5wdXQgfSBmcm9tICcuL3R5cGVzL2FjdGlvbi1odWItbmVlZHMtYXR0ZW50aW9uLWlucHV0JztcbmltcG9ydCB7IFNreVBhZ2VMaW5rIH0gZnJvbSAnLi90eXBlcy9wYWdlLWxpbmsnO1xuaW1wb3J0IHsgU2t5UGFnZUxpbmtzSW5wdXQgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGlua3MtaW5wdXQnO1xuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB9IGZyb20gJy4vdHlwZXMvcGFnZS1tb2RhbC1saW5rcy1pbnB1dCc7XG5pbXBvcnQgeyBTa3lSZWNlbnRMaW5rc0lucHV0IH0gZnJvbSAnLi90eXBlcy9yZWNlbnQtbGlua3MtaW5wdXQnO1xuXG4vKipcbiAqIENyZWF0ZXMgYW4gYWN0aW9uIGh1YiB0byBkaXJlY3QgdXNlciBhdHRlbnRpb24gdG8gaW1wb3J0YW50XG4gKiBhY3Rpb25zIGFuZCBwcm92aWRlIHF1aWNrIGFjY2VzcyB0byBjb21tb24gdGFza3MuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24taHViJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1odWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24taHViLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBY3Rpb25IdWJDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIGxpc3Qgb2YgYWN0aW9ucyB0aGF0IHVzZXJzIG11c3QgcGVyZm9ybSBiYXNlZCBvbiBidXNpbmVzcyByZXF1aXJlbWVudHMgb3IgYmVzdCBwcmFjdGljZXMsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBuZWVkc0F0dGVudGlvbihcbiAgICB2YWx1ZTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25JbnB1dCB8IHVuZGVmaW5lZCxcbiAgKSB7XG4gICAgdGhpcy4jX25lZWRzQXR0ZW50aW9uID0gdmFsdWU7XG4gICAgdGhpcy5uZWVkc0F0dGVudGlvbkFycmF5ID0gQXJyYXkuaXNBcnJheSh2YWx1ZSkgPyB2YWx1ZSA6IFtdO1xuICB9XG5cbiAgcHVibGljIGdldCBuZWVkc0F0dGVudGlvbigpOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbklucHV0IHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy4jX25lZWRzQXR0ZW50aW9uO1xuICB9XG5cbiAgLyoqXG4gICAqIExpbmtzIGJhY2sgdG8gYSBwYXJlbnQgcGFnZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwYXJlbnRMaW5rOiBTa3lQYWdlTGluayB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIGxpc3Qgb2YgcmVjZW50bHkgYWNjZXNzZWQgbGlua3MsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHJlY2VudExpbmtzOiBTa3lSZWNlbnRMaW5rc0lucHV0ID0gW107XG5cbiAgLyoqXG4gICAqIFRoZSBsaXN0IG9mIHJlbGF0ZWQgbGlua3MsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHJlbGF0ZWRMaW5rczogU2t5UGFnZUxpbmtzSW5wdXQgPSBbXTtcblxuICAvKipcbiAgICogVGhlIGxpc3Qgb2Ygc2V0dGluZ3Mgd2l0aCBtb2RhbCBwYXJhbWV0ZXJzLCBvciBgXCJsb2FkaW5nXCJgIHRvIGRpc3BsYXkgYSB3YWl0IGluZGljYXRvci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXR0aW5nc0xpbmtzOiBTa3lQYWdlTW9kYWxMaW5rc0lucHV0ID0gW107XG5cbiAgLyoqXG4gICAqIFRoZSBwYWdlIHRpdGxlLlxuICAgKiBAZGVmYXVsdCBcIlwiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdGl0bGUgPSAnJztcblxuICBwdWJsaWMgbmVlZHNBdHRlbnRpb25BcnJheTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSA9IFtdO1xuXG4gICNfbmVlZHNBdHRlbnRpb246IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uSW5wdXQgfCB1bmRlZmluZWQ7XG59XG4iLCI8c2t5LXBhZ2UgbGF5b3V0PVwiYmxvY2tzXCI+XG4gIDxza3ktcGFnZS1oZWFkZXIgW3BhZ2VUaXRsZV09XCJ0aXRsZVwiIFtwYXJlbnRMaW5rXT1cInBhcmVudExpbmtcIj5cbiAgICA8c2t5LXBhZ2UtaGVhZGVyLWFjdGlvbnM+XG4gICAgICA8ZGl2IGNsYXNzPVwic2t5LW1hcmdpbi1zdGFja2VkLXNtXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24taHViLWJ1dHRvbnNcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9za3ktcGFnZS1oZWFkZXItYWN0aW9ucz5cbiAgPC9za3ktcGFnZS1oZWFkZXI+XG4gIDxza3ktcGFnZS1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJza3ktbWFyZ2luLXN0YWNrZWQteGxcIj5cbiAgICAgIDxza3ktd2FpdCBbaXNXYWl0aW5nXT1cIm5lZWRzQXR0ZW50aW9uID09PSAnbG9hZGluZydcIiAvPlxuICAgICAgQGlmIChuZWVkc0F0dGVudGlvbiAhPT0gJ2xvYWRpbmcnKSB7XG4gICAgICAgIDxza3ktbmVlZHMtYXR0ZW50aW9uIFtpdGVtc109XCJuZWVkc0F0dGVudGlvbkFycmF5XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJza3ktbWFyZ2luLXN0YWNrZWQteGxcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24taHViLWNvbnRlbnRcIiAvPlxuICAgIDwvZGl2PlxuICA8L3NreS1wYWdlLWNvbnRlbnQ+XG4gIDxza3ktcGFnZS1saW5rcz5cbiAgICA8c2t5LWxpbmstbGlzdFxuICAgICAgW2xpbmtzXT1cInJlbGF0ZWRMaW5rcyB8IHNreUFjdGlvbkh1YlJlbGF0ZWRMaW5rc1NvcnRcIlxuICAgICAgW2hlYWRpbmdUZXh0XT1cIidza3lfYWN0aW9uX2h1Yl9yZWxhdGVkX2xpbmtzJyB8IHNreUxpYlJlc291cmNlc1wiXG4gICAgLz5cbiAgICA8c2t5LWxpbmstbGlzdC1yZWNlbnRseS1hY2Nlc3NlZCBbcmVjZW50TGlua3NdPVwicmVjZW50TGlua3NcIiAvPlxuICAgIDxza3ktbW9kYWwtbGluay1saXN0XG4gICAgICBbbGlua3NdPVwic2V0dGluZ3NMaW5rc1wiXG4gICAgICBbaGVhZGluZ1RleHRdPVwiJ3NreV9hY3Rpb25faHViX3NldHRpbmdzX2xpbmtzJyB8IHNreUxpYlJlc291cmNlc1wiXG4gICAgLz5cbiAgPC9za3ktcGFnZS1saW5rcz5cbjwvc2t5LXBhZ2U+XG4iXX0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Component,
|
|
1
|
+
import { Component, computed, inject, input, isStandalone, } from '@angular/core';
|
|
2
2
|
import { SkyLogService } from '@skyux/core';
|
|
3
3
|
import { SkyModalLegacyService, SkyModalService } from '@skyux/modals';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
@@ -6,20 +6,31 @@ import * as i1 from "@angular/common";
|
|
|
6
6
|
import * as i2 from "@skyux/router";
|
|
7
7
|
import * as i3 from "@skyux/indicators";
|
|
8
8
|
import * as i4 from "../link-as/link-as.pipe";
|
|
9
|
+
/**
|
|
10
|
+
* A component that displays a list of links such as within a `<sky-page-links>` component.
|
|
11
|
+
*/
|
|
9
12
|
export class SkyModalLinkListComponent {
|
|
10
13
|
constructor() {
|
|
11
|
-
|
|
14
|
+
/**
|
|
15
|
+
* Option to pass links as an array of `SkyPageModalLink` objects or `'loading'` to display a loading indicator.
|
|
16
|
+
*/
|
|
17
|
+
this.links = input();
|
|
18
|
+
/**
|
|
19
|
+
* The text to display as the list's heading.
|
|
20
|
+
*/
|
|
21
|
+
this.headingText = input();
|
|
22
|
+
this.linksArray = computed(() => {
|
|
23
|
+
const links = this.links();
|
|
24
|
+
if (Array.isArray(links)) {
|
|
25
|
+
return links;
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
return [];
|
|
29
|
+
}
|
|
30
|
+
});
|
|
12
31
|
this.#logger = inject(SkyLogService, { optional: true });
|
|
13
32
|
this.#modalSvc = inject(SkyModalService);
|
|
14
33
|
}
|
|
15
|
-
set links(value) {
|
|
16
|
-
this.#_links = value;
|
|
17
|
-
this.linksArray = Array.isArray(value) ? value : [];
|
|
18
|
-
}
|
|
19
|
-
get links() {
|
|
20
|
-
return this.#_links;
|
|
21
|
-
}
|
|
22
|
-
#_links;
|
|
23
34
|
#logger;
|
|
24
35
|
#modalSvc;
|
|
25
36
|
openModal(link) {
|
|
@@ -36,14 +47,10 @@ export class SkyModalLinkListComponent {
|
|
|
36
47
|
}
|
|
37
48
|
}
|
|
38
49
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyModalLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: "links",
|
|
50
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links() === 'loading'\" />\n@if (links() === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (linksArray().length > 0) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray(); track link) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink && link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\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]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n } @else if (link.modal) {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"openModal(link)\"\n >\n {{ link.label }}\n </button>\n }\n </li>\n }\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">\n {{ headingText() }}\n </h2>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}ul.sky-link-list>li:has(>a[hidden]){display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i4.LinkAsPipe, name: "linkAs" }] }); }
|
|
40
51
|
}
|
|
41
52
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
|
|
42
53
|
type: Component,
|
|
43
|
-
args: [{ selector: 'sky-modal-link-list', template: "<sky-wait [isWaiting]=\"links === 'loading'\" />\n@if (links === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (linksArray.length > 0) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray; track link) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink && link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\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]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n } @else if (link.modal) {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"openModal(link)\"\n >\n {{ link.label }}\n </button>\n }\n </li>\n }\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">\n {{
|
|
44
|
-
}]
|
|
45
|
-
|
|
46
|
-
}], title: [{
|
|
47
|
-
type: Input
|
|
48
|
-
}] } });
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxlQUFlLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7OztBQVV2RSxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBbUJTLGVBQVUsR0FBdUIsRUFBRSxDQUFDO1FBSWxDLFlBQU8sR0FBRyxNQUFNLENBQUMsYUFBYSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDcEQsY0FBUyxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztLQXFCOUM7SUF2Q0MsSUFDVyxLQUFLLENBQUMsS0FBeUM7UUFDeEQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDO0lBQ3RCLENBQUM7SUFPRCxPQUFPLENBQXFDO0lBRW5DLE9BQU8sQ0FBNkM7SUFDcEQsU0FBUyxDQUEyQjtJQUV0QyxTQUFTLENBQUMsSUFBc0I7UUFDckMsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUV6QixJQUFJLEtBQUssRUFBRSxDQUFDO1lBQ1YsSUFDRSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsWUFBWSxxQkFBcUIsQ0FBQztnQkFDbEQsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxFQUM5QixDQUFDO2dCQUNELElBQUksQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUN0QixpREFBaUQsRUFDakQ7b0JBQ0UsdUJBQXVCLEVBQUUsQ0FBQztvQkFDMUIseUJBQXlCLEVBQUUsZ0lBQWdJO2lCQUM1SixDQUNGLENBQUM7WUFDSixDQUFDO1lBQ0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDckQsQ0FBQztJQUNILENBQUM7K0dBdkNVLHlCQUF5QjttR0FBekIseUJBQXlCLHVHQ1p0QywrOERBdURBOzs0RkQzQ2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHFCQUFxQjs4QkFNcEIsS0FBSztzQkFEZixLQUFLO2dCQVdDLEtBQUs7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIGluamVjdCwgaXNTdGFuZGFsb25lIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lMb2dTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuaW1wb3J0IHsgU2t5TW9kYWxMZWdhY3lTZXJ2aWNlLCBTa3lNb2RhbFNlcnZpY2UgfSBmcm9tICdAc2t5dXgvbW9kYWxzJztcblxuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGluayB9IGZyb20gJy4uL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1tb2RhbC1saW5rJztcbmltcG9ydCB7IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbW9kYWwtbGlua3MtaW5wdXQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktbW9kYWwtbGluay1saXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lNb2RhbExpbmtMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBsaW5rcyh2YWx1ZTogU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI19saW5rcyA9IHZhbHVlO1xuICAgIHRoaXMubGlua3NBcnJheSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbXTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGlua3MoKTogU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19saW5rcztcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0aXRsZTogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIHB1YmxpYyBsaW5rc0FycmF5OiBTa3lQYWdlTW9kYWxMaW5rW10gPSBbXTtcblxuICAjX2xpbmtzOiBTa3lQYWdlTW9kYWxMaW5rc0lucHV0IHwgdW5kZWZpbmVkO1xuXG4gIHJlYWRvbmx5ICNsb2dnZXIgPSBpbmplY3QoU2t5TG9nU2VydmljZSwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcbiAgcmVhZG9ubHkgI21vZGFsU3ZjID0gaW5qZWN0KFNreU1vZGFsU2VydmljZSk7XG5cbiAgcHVibGljIG9wZW5Nb2RhbChsaW5rOiBTa3lQYWdlTW9kYWxMaW5rKTogdm9pZCB7XG4gICAgY29uc3QgbW9kYWwgPSBsaW5rLm1vZGFsO1xuXG4gICAgaWYgKG1vZGFsKSB7XG4gICAgICBpZiAoXG4gICAgICAgICEodGhpcy4jbW9kYWxTdmMgaW5zdGFuY2VvZiBTa3lNb2RhbExlZ2FjeVNlcnZpY2UpICYmXG4gICAgICAgICFpc1N0YW5kYWxvbmUobW9kYWwuY29tcG9uZW50KVxuICAgICAgKSB7XG4gICAgICAgIHRoaXMuI2xvZ2dlcj8uZGVwcmVjYXRlZChcbiAgICAgICAgICAnU2t5UGFnZU1vZGFsTGluay5tb2RhbC5jb21wb25lbnQgbm90IHN0YW5kYWxvbmUnLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGRlcHJlY2F0aW9uTWFqb3JWZXJzaW9uOiA5LFxuICAgICAgICAgICAgcmVwbGFjZW1lbnRSZWNvbW1lbmRhdGlvbjogYFRoZSBTa3lQYWdlTW9kYWxMaW5rLm1vZGFsLmNvbXBvbmVudCBtdXN0IGJlIGEgc3RhbmRhbG9uZSBjb21wb25lbnQgaW4gb3JkZXIgdG8gcmVjZWl2ZSB0aGUgcmlnaHQgZGVwZW5kZW5jeSBpbmplY3RvciBjb250ZXh0LmAsXG4gICAgICAgICAgfSxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICAgIHRoaXMuI21vZGFsU3ZjLm9wZW4obW9kYWwuY29tcG9uZW50LCBtb2RhbC5jb25maWcpO1xuICAgIH1cbiAgfVxufVxuIiwiPHNreS13YWl0IFtpc1dhaXRpbmddPVwibGlua3MgPT09ICdsb2FkaW5nJ1wiIC8+XG5AaWYgKGxpbmtzID09PSAnbG9hZGluZycpIHtcbiAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkaW5nVGVtcGxhdGVSZWZcIiAvPlxufSBAZWxzZSB7XG4gIEBpZiAobGlua3NBcnJheS5sZW5ndGggPiAwKSB7XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkaW5nVGVtcGxhdGVSZWZcIiAvPlxuICAgIDx1bCBjbGFzcz1cInNreS1saW5rLWxpc3RcIj5cbiAgICAgIEBmb3IgKGxpbmsgb2YgbGlua3NBcnJheTsgdHJhY2sgbGluaykge1xuICAgICAgICA8bGk+XG4gICAgICAgICAgQGlmIChsaW5rIHwgbGlua0FzOiAnc2t5SHJlZicpIHtcbiAgICAgICAgICAgIDxhIGNsYXNzPVwic2t5LWxpbmstbGlzdC1pdGVtXCIgW3NreUhyZWZdPVwibGluay5wZXJtYWxpbms/LnVybFwiPlxuICAgICAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICAgfSBAZWxzZSBpZiAobGluayB8IGxpbmtBczogJ2hyZWYnKSB7XG4gICAgICAgICAgICA8YSBjbGFzcz1cInNreS1saW5rLWxpc3QtaXRlbVwiIFtocmVmXT1cImxpbmsucGVybWFsaW5rPy51cmxcIj5cbiAgICAgICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgIH0gQGVsc2UgaWYgKGxpbmsucGVybWFsaW5rICYmIGxpbmsucGVybWFsaW5rLnJvdXRlKSB7XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICBjbGFzcz1cInNreS1saW5rLWxpc3QtaXRlbVwiXG4gICAgICAgICAgICAgIFtza3lBcHBMaW5rXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmNvbW1hbmRzXCJcbiAgICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgICAgICBbcXVlcnlQYXJhbXNIYW5kbGluZ109XCJcbiAgICAgICAgICAgICAgICBsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zSGFuZGxpbmdcbiAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgW2ZyYWdtZW50XT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cIlxuICAgICAgICAgICAgICAgIGxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXG4gICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgIFtyZXBsYWNlVXJsXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucmVwbGFjZVVybFwiXG4gICAgICAgICAgICAgIFtzdGF0ZV09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnN0YXRlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgIH0gQGVsc2UgaWYgKGxpbmsubW9kYWwpIHtcbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgY2xhc3M9XCJza3ktYnRuIHNreS1idG4tbGluay1pbmxpbmUgc2t5LWxpbmstbGlzdC1pdGVtXCJcbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJvcGVuTW9kYWwobGluaylcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvbGk+XG4gICAgICB9XG4gICAgPC91bD5cbiAgfVxufVxuXG48bmctdGVtcGxhdGUgI2hlYWRpbmdUZW1wbGF0ZVJlZj5cbiAgPGgyIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy00XCI+XG4gICAge3sgdGl0bGUgfX1cbiAgPC9oMj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
54
|
+
args: [{ selector: 'sky-modal-link-list', template: "<sky-wait [isWaiting]=\"links() === 'loading'\" />\n@if (links() === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (linksArray().length > 0) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray(); track link) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink && link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\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]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n } @else if (link.modal) {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"openModal(link)\"\n >\n {{ link.label }}\n </button>\n }\n </li>\n }\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">\n {{ headingText() }}\n </h2>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}ul.sky-link-list>li:has(>a[hidden]){display:none}\n"] }]
|
|
55
|
+
}] });
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxRQUFRLEVBQ1IsTUFBTSxFQUNOLEtBQUssRUFDTCxZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUM1QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFLdkU7O0dBRUc7QUFNSCxNQUFNLE9BQU8seUJBQXlCO0lBTHRDO1FBTUU7O1dBRUc7UUFDYSxVQUFLLEdBQUcsS0FBSyxFQUEwQixDQUFDO1FBRXhEOztXQUVHO1FBQ2EsZ0JBQVcsR0FBRyxLQUFLLEVBQVUsQ0FBQztRQUUzQixlQUFVLEdBQUcsUUFBUSxDQUFxQixHQUFHLEVBQUU7WUFDaEUsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQzNCLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO2dCQUN6QixPQUFPLEtBQUssQ0FBQztZQUNmLENBQUM7aUJBQU0sQ0FBQztnQkFDTixPQUFPLEVBQUUsQ0FBQztZQUNaLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUVNLFlBQU8sR0FBRyxNQUFNLENBQUMsYUFBYSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDcEQsY0FBUyxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztLQXFCOUM7SUF0QlUsT0FBTyxDQUE2QztJQUNwRCxTQUFTLENBQTJCO0lBRW5DLFNBQVMsQ0FBQyxJQUFzQjtRQUN4QyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBRXpCLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixJQUNFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxZQUFZLHFCQUFxQixDQUFDO2dCQUNsRCxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLEVBQzlCLENBQUM7Z0JBQ0QsSUFBSSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQ3RCLGlEQUFpRCxFQUNqRDtvQkFDRSx1QkFBdUIsRUFBRSxDQUFDO29CQUMxQix5QkFBeUIsRUFBRSxnSUFBZ0k7aUJBQzVKLENBQ0YsQ0FBQztZQUNKLENBQUM7WUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNyRCxDQUFDO0lBQ0gsQ0FBQzsrR0F6Q1UseUJBQXlCO21HQUF6Qix5QkFBeUIseVVDckJ0QywrOURBdURBOzs0RkRsQ2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgY29tcHV0ZWQsXG4gIGluamVjdCxcbiAgaW5wdXQsXG4gIGlzU3RhbmRhbG9uZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lMb2dTZXJ2aWNlIH0gZnJvbSAnQHNreXV4L2NvcmUnO1xuaW1wb3J0IHsgU2t5TW9kYWxMZWdhY3lTZXJ2aWNlLCBTa3lNb2RhbFNlcnZpY2UgfSBmcm9tICdAc2t5dXgvbW9kYWxzJztcblxuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGluayB9IGZyb20gJy4uL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1tb2RhbC1saW5rJztcbmltcG9ydCB7IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbW9kYWwtbGlua3MtaW5wdXQnO1xuXG4vKipcbiAqIEEgY29tcG9uZW50IHRoYXQgZGlzcGxheXMgYSBsaXN0IG9mIGxpbmtzIHN1Y2ggYXMgd2l0aGluIGEgYDxza3ktcGFnZS1saW5rcz5gIGNvbXBvbmVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LW1vZGFsLWxpbmstbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5TW9kYWxMaW5rTGlzdENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBPcHRpb24gdG8gcGFzcyBsaW5rcyBhcyBhbiBhcnJheSBvZiBgU2t5UGFnZU1vZGFsTGlua2Agb2JqZWN0cyBvciBgJ2xvYWRpbmcnYCB0byBkaXNwbGF5IGEgbG9hZGluZyBpbmRpY2F0b3IuXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgbGlua3MgPSBpbnB1dDxTa3lQYWdlTW9kYWxMaW5rc0lucHV0PigpO1xuXG4gIC8qKlxuICAgKiBUaGUgdGV4dCB0byBkaXNwbGF5IGFzIHRoZSBsaXN0J3MgaGVhZGluZy5cbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBoZWFkaW5nVGV4dCA9IGlucHV0PHN0cmluZz4oKTtcblxuICBwcm90ZWN0ZWQgcmVhZG9ubHkgbGlua3NBcnJheSA9IGNvbXB1dGVkPFNreVBhZ2VNb2RhbExpbmtbXT4oKCkgPT4ge1xuICAgIGNvbnN0IGxpbmtzID0gdGhpcy5saW5rcygpO1xuICAgIGlmIChBcnJheS5pc0FycmF5KGxpbmtzKSkge1xuICAgICAgcmV0dXJuIGxpbmtzO1xuICAgIH0gZWxzZSB7XG4gICAgICByZXR1cm4gW107XG4gICAgfVxuICB9KTtcblxuICByZWFkb25seSAjbG9nZ2VyID0gaW5qZWN0KFNreUxvZ1NlcnZpY2UsIHsgb3B0aW9uYWw6IHRydWUgfSk7XG4gIHJlYWRvbmx5ICNtb2RhbFN2YyA9IGluamVjdChTa3lNb2RhbFNlcnZpY2UpO1xuXG4gIHByb3RlY3RlZCBvcGVuTW9kYWwobGluazogU2t5UGFnZU1vZGFsTGluayk6IHZvaWQge1xuICAgIGNvbnN0IG1vZGFsID0gbGluay5tb2RhbDtcblxuICAgIGlmIChtb2RhbCkge1xuICAgICAgaWYgKFxuICAgICAgICAhKHRoaXMuI21vZGFsU3ZjIGluc3RhbmNlb2YgU2t5TW9kYWxMZWdhY3lTZXJ2aWNlKSAmJlxuICAgICAgICAhaXNTdGFuZGFsb25lKG1vZGFsLmNvbXBvbmVudClcbiAgICAgICkge1xuICAgICAgICB0aGlzLiNsb2dnZXI/LmRlcHJlY2F0ZWQoXG4gICAgICAgICAgJ1NreVBhZ2VNb2RhbExpbmsubW9kYWwuY29tcG9uZW50IG5vdCBzdGFuZGFsb25lJyxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBkZXByZWNhdGlvbk1ham9yVmVyc2lvbjogOSxcbiAgICAgICAgICAgIHJlcGxhY2VtZW50UmVjb21tZW5kYXRpb246IGBUaGUgU2t5UGFnZU1vZGFsTGluay5tb2RhbC5jb21wb25lbnQgbXVzdCBiZSBhIHN0YW5kYWxvbmUgY29tcG9uZW50IGluIG9yZGVyIHRvIHJlY2VpdmUgdGhlIHJpZ2h0IGRlcGVuZGVuY3kgaW5qZWN0b3IgY29udGV4dC5gLFxuICAgICAgICAgIH0sXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgICB0aGlzLiNtb2RhbFN2Yy5vcGVuKG1vZGFsLmNvbXBvbmVudCwgbW9kYWwuY29uZmlnKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxza3ktd2FpdCBbaXNXYWl0aW5nXT1cImxpbmtzKCkgPT09ICdsb2FkaW5nJ1wiIC8+XG5AaWYgKGxpbmtzKCkgPT09ICdsb2FkaW5nJykge1xuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRpbmdUZW1wbGF0ZVJlZlwiIC8+XG59IEBlbHNlIHtcbiAgQGlmIChsaW5rc0FycmF5KCkubGVuZ3RoID4gMCkge1xuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGluZ1RlbXBsYXRlUmVmXCIgLz5cbiAgICA8dWwgY2xhc3M9XCJza3ktbGluay1saXN0XCI+XG4gICAgICBAZm9yIChsaW5rIG9mIGxpbmtzQXJyYXkoKTsgdHJhY2sgbGluaykge1xuICAgICAgICA8bGk+XG4gICAgICAgICAgQGlmIChsaW5rIHwgbGlua0FzOiAnc2t5SHJlZicpIHtcbiAgICAgICAgICAgIDxhIGNsYXNzPVwic2t5LWxpbmstbGlzdC1pdGVtXCIgW3NreUhyZWZdPVwibGluay5wZXJtYWxpbms/LnVybFwiPlxuICAgICAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICAgfSBAZWxzZSBpZiAobGluayB8IGxpbmtBczogJ2hyZWYnKSB7XG4gICAgICAgICAgICA8YSBjbGFzcz1cInNreS1saW5rLWxpc3QtaXRlbVwiIFtocmVmXT1cImxpbmsucGVybWFsaW5rPy51cmxcIj5cbiAgICAgICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgIH0gQGVsc2UgaWYgKGxpbmsucGVybWFsaW5rICYmIGxpbmsucGVybWFsaW5rLnJvdXRlKSB7XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICBjbGFzcz1cInNreS1saW5rLWxpc3QtaXRlbVwiXG4gICAgICAgICAgICAgIFtza3lBcHBMaW5rXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmNvbW1hbmRzXCJcbiAgICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgICAgICBbcXVlcnlQYXJhbXNIYW5kbGluZ109XCJcbiAgICAgICAgICAgICAgICBsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zSGFuZGxpbmdcbiAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgW2ZyYWdtZW50XT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cIlxuICAgICAgICAgICAgICAgIGxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXG4gICAgICAgICAgICAgIFwiXG4gICAgICAgICAgICAgIFtyZXBsYWNlVXJsXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucmVwbGFjZVVybFwiXG4gICAgICAgICAgICAgIFtzdGF0ZV09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnN0YXRlXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgIH0gQGVsc2UgaWYgKGxpbmsubW9kYWwpIHtcbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgY2xhc3M9XCJza3ktYnRuIHNreS1idG4tbGluay1pbmxpbmUgc2t5LWxpbmstbGlzdC1pdGVtXCJcbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJvcGVuTW9kYWwobGluaylcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICB9XG4gICAgICAgIDwvbGk+XG4gICAgICB9XG4gICAgPC91bD5cbiAgfVxufVxuXG48bmctdGVtcGxhdGUgI2hlYWRpbmdUZW1wbGF0ZVJlZj5cbiAgPGgyIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy00XCI+XG4gICAge3sgaGVhZGluZ1RleHQoKSB9fVxuICA8L2gyPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -2,6 +2,8 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { SkyLinkListRecentlyAccessedComponent } from '../link-list-recently-accessed/link-list-recently-accessed.component';
|
|
3
3
|
import { SkyLinkListItemComponent } from '../link-list/link-list-item.component';
|
|
4
4
|
import { SkyLinkListComponent } from '../link-list/link-list.component';
|
|
5
|
+
import { SkyLinkListModule } from '../link-list/link-list.module';
|
|
6
|
+
import { SkyModalLinkListModule } from '../modal-link-list/modal-link-list.module';
|
|
5
7
|
import { SkyPageHeaderModule } from '../page-header/page-header.module';
|
|
6
8
|
import { SkyPageContentComponent } from './page-content.component';
|
|
7
9
|
import { SkyPageLinksComponent } from './page-links.component';
|
|
@@ -9,33 +11,45 @@ import { SkyPageComponent } from './page.component';
|
|
|
9
11
|
import * as i0 from "@angular/core";
|
|
10
12
|
export class SkyPageModule {
|
|
11
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
12
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent, SkyPageContentComponent], imports: [
|
|
14
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent, SkyPageContentComponent], imports: [SkyLinkListModule,
|
|
15
|
+
SkyPageLinksComponent,
|
|
13
16
|
SkyLinkListComponent,
|
|
14
17
|
SkyLinkListItemComponent,
|
|
15
|
-
SkyLinkListRecentlyAccessedComponent
|
|
18
|
+
SkyLinkListRecentlyAccessedComponent,
|
|
19
|
+
SkyModalLinkListModule], exports: [SkyLinkListComponent,
|
|
16
20
|
SkyLinkListItemComponent,
|
|
17
21
|
SkyLinkListRecentlyAccessedComponent,
|
|
22
|
+
SkyLinkListModule,
|
|
23
|
+
SkyModalLinkListModule,
|
|
18
24
|
SkyPageComponent,
|
|
19
25
|
SkyPageHeaderModule,
|
|
20
26
|
SkyPageContentComponent,
|
|
21
27
|
SkyPageLinksComponent] }); }
|
|
22
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, imports: [
|
|
23
|
-
|
|
28
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, imports: [SkyLinkListModule,
|
|
29
|
+
SkyLinkListComponent,
|
|
30
|
+
SkyLinkListRecentlyAccessedComponent,
|
|
31
|
+
SkyModalLinkListModule, SkyLinkListModule,
|
|
32
|
+
SkyModalLinkListModule,
|
|
33
|
+
SkyPageHeaderModule] }); }
|
|
24
34
|
}
|
|
25
35
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, decorators: [{
|
|
26
36
|
type: NgModule,
|
|
27
37
|
args: [{
|
|
28
38
|
declarations: [SkyPageComponent, SkyPageContentComponent],
|
|
29
39
|
imports: [
|
|
40
|
+
SkyLinkListModule,
|
|
30
41
|
SkyPageLinksComponent,
|
|
31
42
|
SkyLinkListComponent,
|
|
32
43
|
SkyLinkListItemComponent,
|
|
33
44
|
SkyLinkListRecentlyAccessedComponent,
|
|
45
|
+
SkyModalLinkListModule,
|
|
34
46
|
],
|
|
35
47
|
exports: [
|
|
36
48
|
SkyLinkListComponent,
|
|
37
49
|
SkyLinkListItemComponent,
|
|
38
50
|
SkyLinkListRecentlyAccessedComponent,
|
|
51
|
+
SkyLinkListModule,
|
|
52
|
+
SkyModalLinkListModule,
|
|
39
53
|
SkyPageComponent,
|
|
40
54
|
SkyPageHeaderModule,
|
|
41
55
|
SkyPageContentComponent,
|
|
@@ -43,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
43
57
|
],
|
|
44
58
|
}]
|
|
45
59
|
}] });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsb0NBQW9DLEVBQUUsTUFBTSxzRUFBc0UsQ0FBQztBQUM1SCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNqRixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN4RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNuRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUF3QnBELE1BQU0sT0FBTyxhQUFhOytHQUFiLGFBQWE7Z0hBQWIsYUFBYSxpQkFyQlQsZ0JBQWdCLEVBQUUsdUJBQXVCLGFBRXRELGlCQUFpQjtZQUNqQixxQkFBcUI7WUFDckIsb0JBQW9CO1lBQ3BCLHdCQUF3QjtZQUN4QixvQ0FBb0M7WUFDcEMsc0JBQXNCLGFBR3RCLG9CQUFvQjtZQUNwQix3QkFBd0I7WUFDeEIsb0NBQW9DO1lBQ3BDLGlCQUFpQjtZQUNqQixzQkFBc0I7WUFDdEIsZ0JBQWdCO1lBQ2hCLG1CQUFtQjtZQUNuQix1QkFBdUI7WUFDdkIscUJBQXFCO2dIQUdaLGFBQWEsWUFuQnRCLGlCQUFpQjtZQUVqQixvQkFBb0I7WUFFcEIsb0NBQW9DO1lBQ3BDLHNCQUFzQixFQU10QixpQkFBaUI7WUFDakIsc0JBQXNCO1lBRXRCLG1CQUFtQjs7NEZBS1YsYUFBYTtrQkF0QnpCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsdUJBQXVCLENBQUM7b0JBQ3pELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHFCQUFxQjt3QkFDckIsb0JBQW9CO3dCQUNwQix3QkFBd0I7d0JBQ3hCLG9DQUFvQzt3QkFDcEMsc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQix3QkFBd0I7d0JBQ3hCLG9DQUFvQzt3QkFDcEMsaUJBQWlCO3dCQUNqQixzQkFBc0I7d0JBQ3RCLGdCQUFnQjt3QkFDaEIsbUJBQW1CO3dCQUNuQix1QkFBdUI7d0JBQ3ZCLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lMaW5rTGlzdFJlY2VudGx5QWNjZXNzZWRDb21wb25lbnQgfSBmcm9tICcuLi9saW5rLWxpc3QtcmVjZW50bHktYWNjZXNzZWQvbGluay1saXN0LXJlY2VudGx5LWFjY2Vzc2VkLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lMaW5rTGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9saW5rLWxpc3QvbGluay1saXN0LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IFNreUxpbmtMaXN0Q29tcG9uZW50IH0gZnJvbSAnLi4vbGluay1saXN0L2xpbmstbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5TGlua0xpc3RNb2R1bGUgfSBmcm9tICcuLi9saW5rLWxpc3QvbGluay1saXN0Lm1vZHVsZSc7XG5pbXBvcnQgeyBTa3lNb2RhbExpbmtMaXN0TW9kdWxlIH0gZnJvbSAnLi4vbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgU2t5UGFnZUhlYWRlck1vZHVsZSB9IGZyb20gJy4uL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLm1vZHVsZSc7XG5cbmltcG9ydCB7IFNreVBhZ2VDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9wYWdlLWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7IFNreVBhZ2VMaW5rc0NvbXBvbmVudCB9IGZyb20gJy4vcGFnZS1saW5rcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5UGFnZUNvbXBvbmVudCB9IGZyb20gJy4vcGFnZS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtTa3lQYWdlQ29tcG9uZW50LCBTa3lQYWdlQ29udGVudENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBTa3lMaW5rTGlzdE1vZHVsZSxcbiAgICBTa3lQYWdlTGlua3NDb21wb25lbnQsXG4gICAgU2t5TGlua0xpc3RDb21wb25lbnQsXG4gICAgU2t5TGlua0xpc3RJdGVtQ29tcG9uZW50LFxuICAgIFNreUxpbmtMaXN0UmVjZW50bHlBY2Nlc3NlZENvbXBvbmVudCxcbiAgICBTa3lNb2RhbExpbmtMaXN0TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5TGlua0xpc3RDb21wb25lbnQsXG4gICAgU2t5TGlua0xpc3RJdGVtQ29tcG9uZW50LFxuICAgIFNreUxpbmtMaXN0UmVjZW50bHlBY2Nlc3NlZENvbXBvbmVudCxcbiAgICBTa3lMaW5rTGlzdE1vZHVsZSxcbiAgICBTa3lNb2RhbExpbmtMaXN0TW9kdWxlLFxuICAgIFNreVBhZ2VDb21wb25lbnQsXG4gICAgU2t5UGFnZUhlYWRlck1vZHVsZSxcbiAgICBTa3lQYWdlQ29udGVudENvbXBvbmVudCxcbiAgICBTa3lQYWdlTGlua3NDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVBhZ2VNb2R1bGUge31cbiJdfQ==
|
package/fesm2022/skyux-pages.mjs
CHANGED
|
@@ -315,20 +315,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
315
315
|
}]
|
|
316
316
|
}] });
|
|
317
317
|
|
|
318
|
+
/**
|
|
319
|
+
* A component that displays a list of links such as within a `<sky-page-links>` component.
|
|
320
|
+
*/
|
|
318
321
|
class SkyModalLinkListComponent {
|
|
319
322
|
constructor() {
|
|
320
|
-
|
|
323
|
+
/**
|
|
324
|
+
* Option to pass links as an array of `SkyPageModalLink` objects or `'loading'` to display a loading indicator.
|
|
325
|
+
*/
|
|
326
|
+
this.links = input();
|
|
327
|
+
/**
|
|
328
|
+
* The text to display as the list's heading.
|
|
329
|
+
*/
|
|
330
|
+
this.headingText = input();
|
|
331
|
+
this.linksArray = computed(() => {
|
|
332
|
+
const links = this.links();
|
|
333
|
+
if (Array.isArray(links)) {
|
|
334
|
+
return links;
|
|
335
|
+
}
|
|
336
|
+
else {
|
|
337
|
+
return [];
|
|
338
|
+
}
|
|
339
|
+
});
|
|
321
340
|
this.#logger = inject(SkyLogService, { optional: true });
|
|
322
341
|
this.#modalSvc = inject(SkyModalService);
|
|
323
342
|
}
|
|
324
|
-
set links(value) {
|
|
325
|
-
this.#_links = value;
|
|
326
|
-
this.linksArray = Array.isArray(value) ? value : [];
|
|
327
|
-
}
|
|
328
|
-
get links() {
|
|
329
|
-
return this.#_links;
|
|
330
|
-
}
|
|
331
|
-
#_links;
|
|
332
343
|
#logger;
|
|
333
344
|
#modalSvc;
|
|
334
345
|
openModal(link) {
|
|
@@ -345,16 +356,12 @@ class SkyModalLinkListComponent {
|
|
|
345
356
|
}
|
|
346
357
|
}
|
|
347
358
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyModalLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
348
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: "links",
|
|
359
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: { classPropertyName: "links", publicName: "links", isSignal: true, isRequired: false, transformFunction: null }, headingText: { classPropertyName: "headingText", publicName: "headingText", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links() === 'loading'\" />\n@if (links() === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (linksArray().length > 0) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray(); track link) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink && link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\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]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n } @else if (link.modal) {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"openModal(link)\"\n >\n {{ link.label }}\n </button>\n }\n </li>\n }\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">\n {{ headingText() }}\n </h2>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}ul.sky-link-list>li:has(>a[hidden]){display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: LinkAsPipe, name: "linkAs" }] }); }
|
|
349
360
|
}
|
|
350
361
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
|
|
351
362
|
type: Component,
|
|
352
|
-
args: [{ selector: 'sky-modal-link-list', template: "<sky-wait [isWaiting]=\"links === 'loading'\" />\n@if (links === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (linksArray.length > 0) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray; track link) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink && link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\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]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n } @else if (link.modal) {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"openModal(link)\"\n >\n {{ link.label }}\n </button>\n }\n </li>\n }\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">\n {{
|
|
353
|
-
}]
|
|
354
|
-
type: Input
|
|
355
|
-
}], title: [{
|
|
356
|
-
type: Input
|
|
357
|
-
}] } });
|
|
363
|
+
args: [{ selector: 'sky-modal-link-list', template: "<sky-wait [isWaiting]=\"links() === 'loading'\" />\n@if (links() === 'loading') {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n} @else {\n @if (linksArray().length > 0) {\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\" />\n <ul class=\"sky-link-list\">\n @for (link of linksArray(); track link) {\n <li>\n @if (link | linkAs: 'skyHref') {\n <a class=\"sky-link-list-item\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link | linkAs: 'href') {\n <a class=\"sky-link-list-item\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n } @else if (link.permalink && link.permalink.route) {\n <a\n class=\"sky-link-list-item\"\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]=\"\n link.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n } @else if (link.modal) {\n <button\n class=\"sky-btn sky-btn-link-inline sky-link-list-item\"\n type=\"button\"\n (click)=\"openModal(link)\"\n >\n {{ link.label }}\n </button>\n }\n </li>\n }\n </ul>\n }\n}\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4\">\n {{ headingText() }}\n </h2>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}ul.sky-link-list>li:has(>a[hidden]){display:none}\n"] }]
|
|
364
|
+
}] });
|
|
358
365
|
|
|
359
366
|
class SkyModalLinkListModule {
|
|
360
367
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyModalLinkListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
@@ -748,33 +755,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
748
755
|
|
|
749
756
|
class SkyPageModule {
|
|
750
757
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
751
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent, SkyPageContentComponent], imports: [
|
|
758
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, declarations: [SkyPageComponent, SkyPageContentComponent], imports: [SkyLinkListModule,
|
|
759
|
+
SkyPageLinksComponent,
|
|
752
760
|
SkyLinkListComponent,
|
|
753
761
|
SkyLinkListItemComponent,
|
|
754
|
-
SkyLinkListRecentlyAccessedComponent
|
|
762
|
+
SkyLinkListRecentlyAccessedComponent,
|
|
763
|
+
SkyModalLinkListModule], exports: [SkyLinkListComponent,
|
|
755
764
|
SkyLinkListItemComponent,
|
|
756
765
|
SkyLinkListRecentlyAccessedComponent,
|
|
766
|
+
SkyLinkListModule,
|
|
767
|
+
SkyModalLinkListModule,
|
|
757
768
|
SkyPageComponent,
|
|
758
769
|
SkyPageHeaderModule,
|
|
759
770
|
SkyPageContentComponent,
|
|
760
771
|
SkyPageLinksComponent] }); }
|
|
761
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, imports: [
|
|
762
|
-
|
|
772
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, imports: [SkyLinkListModule,
|
|
773
|
+
SkyLinkListComponent,
|
|
774
|
+
SkyLinkListRecentlyAccessedComponent,
|
|
775
|
+
SkyModalLinkListModule, SkyLinkListModule,
|
|
776
|
+
SkyModalLinkListModule,
|
|
777
|
+
SkyPageHeaderModule] }); }
|
|
763
778
|
}
|
|
764
779
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageModule, decorators: [{
|
|
765
780
|
type: NgModule,
|
|
766
781
|
args: [{
|
|
767
782
|
declarations: [SkyPageComponent, SkyPageContentComponent],
|
|
768
783
|
imports: [
|
|
784
|
+
SkyLinkListModule,
|
|
769
785
|
SkyPageLinksComponent,
|
|
770
786
|
SkyLinkListComponent,
|
|
771
787
|
SkyLinkListItemComponent,
|
|
772
788
|
SkyLinkListRecentlyAccessedComponent,
|
|
789
|
+
SkyModalLinkListModule,
|
|
773
790
|
],
|
|
774
791
|
exports: [
|
|
775
792
|
SkyLinkListComponent,
|
|
776
793
|
SkyLinkListItemComponent,
|
|
777
794
|
SkyLinkListRecentlyAccessedComponent,
|
|
795
|
+
SkyLinkListModule,
|
|
796
|
+
SkyModalLinkListModule,
|
|
778
797
|
SkyPageComponent,
|
|
779
798
|
SkyPageHeaderModule,
|
|
780
799
|
SkyPageContentComponent,
|
|
@@ -875,11 +894,11 @@ class SkyActionHubComponent {
|
|
|
875
894
|
}
|
|
876
895
|
#_needsAttention;
|
|
877
896
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
878
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [
|
|
897
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [headingText]=\"'sky_action_hub_settings_links' | skyLibResources\"\n />\n </sky-page-links>\n</sky-page>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: SkyLinkListComponent, selector: "sky-link-list", inputs: ["headingText", "links"] }, { kind: "component", type: SkyLinkListRecentlyAccessedComponent, selector: "sky-link-list-recently-accessed", inputs: ["recentLinks"] }, { kind: "component", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: ["links", "headingText"] }, { kind: "component", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { kind: "component", type: SkyPageHeaderActionsComponent, selector: "sky-page-header-actions" }, { kind: "component", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "component", type: SkyPageComponent, selector: "sky-page", inputs: ["layout", "helpKey"] }, { kind: "component", type: SkyPageContentComponent, selector: "sky-page-content" }, { kind: "component", type: SkyPageLinksComponent, selector: "sky-page-links" }, { kind: "pipe", type: i1.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
879
898
|
}
|
|
880
899
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
881
900
|
type: Component,
|
|
882
|
-
args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [
|
|
901
|
+
args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [headingText]=\"'sky_action_hub_settings_links' | skyLibResources\"\n />\n </sky-page-links>\n</sky-page>\n", styles: [":host{display:block}\n"] }]
|
|
883
902
|
}], propDecorators: { needsAttention: [{
|
|
884
903
|
type: Input
|
|
885
904
|
}], parentLink: [{
|
|
@@ -957,5 +976,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
957
976
|
* Generated bundle index. Do not edit.
|
|
958
977
|
*/
|
|
959
978
|
|
|
960
|
-
export { SkyActionHubModule, SkyLinkListModule, SkyNeedsAttentionModule, SkyPageHeaderModule, SkyPageModule, SkyActionHubComponent as λ1, SkyPageHeaderAvatarComponent as λ10, SkyPageHeaderAlertsComponent as λ11, SkyPageLinksComponent as λ12, SkyLinkListComponent as λ13, SkyLinkListItemComponent as λ14, SkyLinkListRecentlyAccessedComponent as λ15, SkyNeedsAttentionComponent as λ16, SkyActionHubButtonsComponent as λ2, SkyActionHubContentComponent as λ3, SkyPageHeaderComponent as λ4, SkyModalLinkListComponent as λ5, SkyPageComponent as λ6, SkyPageContentComponent as λ7, SkyPageHeaderDetailsComponent as λ8, SkyPageHeaderActionsComponent as λ9 };
|
|
979
|
+
export { SkyActionHubModule, SkyLinkListModule, SkyModalLinkListModule, SkyNeedsAttentionModule, SkyPageHeaderModule, SkyPageModule, SkyActionHubComponent as λ1, SkyPageHeaderAvatarComponent as λ10, SkyPageHeaderAlertsComponent as λ11, SkyPageLinksComponent as λ12, SkyLinkListComponent as λ13, SkyLinkListItemComponent as λ14, SkyLinkListRecentlyAccessedComponent as λ15, SkyNeedsAttentionComponent as λ16, SkyActionHubButtonsComponent as λ2, SkyActionHubContentComponent as λ3, SkyPageHeaderComponent as λ4, SkyModalLinkListComponent as λ5, SkyPageComponent as λ6, SkyPageContentComponent as λ7, SkyPageHeaderDetailsComponent as λ8, SkyPageHeaderActionsComponent as λ9 };
|
|
961
980
|
//# sourceMappingURL=skyux-pages.mjs.map
|