@skyux/pages 5.9.4 → 6.0.0-beta.10

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.
Files changed (65) hide show
  1. package/esm2020/index.mjs +14 -0
  2. package/esm2020/lib/modules/action-hub/action-hub-buttons.component.mjs +20 -0
  3. package/esm2020/lib/modules/action-hub/action-hub-content.component.mjs +14 -0
  4. package/esm2020/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.mjs +100 -0
  5. package/esm2020/lib/modules/action-hub/action-hub-related-links-sort.pipe.mjs +29 -0
  6. package/esm2020/lib/modules/action-hub/action-hub.component.mjs +54 -0
  7. package/esm2020/lib/modules/action-hub/action-hub.module.mjs +92 -0
  8. package/esm2020/lib/modules/action-hub/types/action-hub-needs-attention.mjs +2 -0
  9. package/esm2020/lib/modules/action-hub/types/page-link.mjs +2 -0
  10. package/esm2020/lib/modules/action-hub/types/page-links-input.mjs +2 -0
  11. package/esm2020/lib/modules/action-hub/types/recent-link.mjs +2 -0
  12. package/esm2020/lib/modules/action-hub/types/recent-links-input.mjs +2 -0
  13. package/esm2020/lib/modules/action-hub/types/recent-links-resolved.mjs +2 -0
  14. package/esm2020/lib/modules/link-list/link-list.component.mjs +19 -0
  15. package/esm2020/lib/modules/needs-attention/needs-attention.component.mjs +22 -0
  16. package/esm2020/lib/modules/page-header/page-header.component.mjs +20 -0
  17. package/esm2020/lib/modules/page-header/page-header.module.mjs +41 -0
  18. package/esm2020/lib/modules/shared/sky-pages-resources.module.mjs +52 -0
  19. package/esm2020/skyux-pages.mjs +5 -0
  20. package/fesm2015/skyux-pages.mjs +416 -0
  21. package/fesm2015/skyux-pages.mjs.map +1 -0
  22. package/fesm2020/skyux-pages.mjs +414 -0
  23. package/fesm2020/skyux-pages.mjs.map +1 -0
  24. package/package.json +30 -14
  25. package/bundles/skyux-pages.umd.js +0 -809
  26. package/esm2015/index.js +0 -14
  27. package/esm2015/index.js.map +0 -1
  28. package/esm2015/lib/modules/action-hub/action-hub-buttons.component.js +0 -23
  29. package/esm2015/lib/modules/action-hub/action-hub-buttons.component.js.map +0 -1
  30. package/esm2015/lib/modules/action-hub/action-hub-content.component.js +0 -17
  31. package/esm2015/lib/modules/action-hub/action-hub-content.component.js.map +0 -1
  32. package/esm2015/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.js +0 -100
  33. package/esm2015/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.js.map +0 -1
  34. package/esm2015/lib/modules/action-hub/action-hub-related-links-sort.pipe.js +0 -29
  35. package/esm2015/lib/modules/action-hub/action-hub-related-links-sort.pipe.js.map +0 -1
  36. package/esm2015/lib/modules/action-hub/action-hub.component.js +0 -58
  37. package/esm2015/lib/modules/action-hub/action-hub.component.js.map +0 -1
  38. package/esm2015/lib/modules/action-hub/action-hub.module.js +0 -92
  39. package/esm2015/lib/modules/action-hub/action-hub.module.js.map +0 -1
  40. package/esm2015/lib/modules/action-hub/types/action-hub-needs-attention.js +0 -2
  41. package/esm2015/lib/modules/action-hub/types/action-hub-needs-attention.js.map +0 -1
  42. package/esm2015/lib/modules/action-hub/types/page-link.js +0 -2
  43. package/esm2015/lib/modules/action-hub/types/page-link.js.map +0 -1
  44. package/esm2015/lib/modules/action-hub/types/page-links-input.js +0 -2
  45. package/esm2015/lib/modules/action-hub/types/page-links-input.js.map +0 -1
  46. package/esm2015/lib/modules/action-hub/types/recent-link.js +0 -2
  47. package/esm2015/lib/modules/action-hub/types/recent-link.js.map +0 -1
  48. package/esm2015/lib/modules/action-hub/types/recent-links-input.js +0 -2
  49. package/esm2015/lib/modules/action-hub/types/recent-links-input.js.map +0 -1
  50. package/esm2015/lib/modules/action-hub/types/recent-links-resolved.js +0 -2
  51. package/esm2015/lib/modules/action-hub/types/recent-links-resolved.js.map +0 -1
  52. package/esm2015/lib/modules/link-list/link-list.component.js +0 -23
  53. package/esm2015/lib/modules/link-list/link-list.component.js.map +0 -1
  54. package/esm2015/lib/modules/needs-attention/needs-attention.component.js +0 -26
  55. package/esm2015/lib/modules/needs-attention/needs-attention.component.js.map +0 -1
  56. package/esm2015/lib/modules/page-header/page-header.component.js +0 -24
  57. package/esm2015/lib/modules/page-header/page-header.component.js.map +0 -1
  58. package/esm2015/lib/modules/page-header/page-header.module.js +0 -41
  59. package/esm2015/lib/modules/page-header/page-header.module.js.map +0 -1
  60. package/esm2015/lib/modules/shared/sky-pages-resources.module.js +0 -52
  61. package/esm2015/lib/modules/shared/sky-pages-resources.module.js.map +0 -1
  62. package/esm2015/skyux-pages.js +0 -5
  63. package/esm2015/skyux-pages.js.map +0 -1
  64. package/fesm2015/skyux-pages.js +0 -436
  65. package/fesm2015/skyux-pages.js.map +0 -1
@@ -1,41 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { NgModule } from '@angular/core';
3
- import { RouterModule } from '@angular/router';
4
- import { SkyIconModule } from '@skyux/indicators';
5
- import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
6
- import { SkyThemeModule } from '@skyux/theme';
7
- import { SkyPageHeaderComponent } from './page-header.component';
8
- import * as i0 from "@angular/core";
9
- export class SkyPageHeaderModule {
10
- }
11
- SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
12
- SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [CommonModule,
13
- RouterModule,
14
- SkyAppLinkModule,
15
- SkyIconModule,
16
- SkyThemeModule,
17
- SkyHrefModule], exports: [SkyPageHeaderComponent] });
18
- SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderModule, imports: [[
19
- CommonModule,
20
- RouterModule,
21
- SkyAppLinkModule,
22
- SkyIconModule,
23
- SkyThemeModule,
24
- SkyHrefModule,
25
- ]] });
26
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderModule, decorators: [{
27
- type: NgModule,
28
- args: [{
29
- imports: [
30
- CommonModule,
31
- RouterModule,
32
- SkyAppLinkModule,
33
- SkyIconModule,
34
- SkyThemeModule,
35
- SkyHrefModule,
36
- ],
37
- declarations: [SkyPageHeaderComponent],
38
- exports: [SkyPageHeaderComponent],
39
- }]
40
- }] });
41
- //# sourceMappingURL=page-header.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"page-header.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/page-header/page-header.module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;;AAcjE,MAAM,OAAO,mBAAmB;;iHAAnB,mBAAmB;kHAAnB,mBAAmB,iBAHf,sBAAsB,aAPnC,YAAY;QACZ,YAAY;QACZ,gBAAgB;QAChB,aAAa;QACb,cAAc;QACd,aAAa,aAGL,sBAAsB;kHAErB,mBAAmB,YAXrB;YACP,YAAY;YACZ,YAAY;YACZ,gBAAgB;YAChB,aAAa;YACb,cAAc;YACd,aAAa;SACd;4FAIU,mBAAmB;kBAZ/B,QAAQ;mBAAC;oBACR,OAAO,EAAE;wBACP,YAAY;wBACZ,YAAY;wBACZ,gBAAgB;wBAChB,aAAa;wBACb,cAAc;wBACd,aAAa;qBACd;oBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;iBAClC","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SkyIconModule } from '@skyux/indicators';\nimport { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyPageHeaderComponent } from './page-header.component';\n\n@NgModule({\n imports: [\n CommonModule,\n RouterModule,\n SkyAppLinkModule,\n SkyIconModule,\n SkyThemeModule,\n SkyHrefModule,\n ],\n declarations: [SkyPageHeaderComponent],\n exports: [SkyPageHeaderComponent],\n})\nexport class SkyPageHeaderModule {}\n"]}
@@ -1,52 +0,0 @@
1
- /**
2
- * NOTICE: DO NOT MODIFY THIS FILE!
3
- * The contents of this file were automatically generated by
4
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-pages' schematic.
5
- * To update this file, simply rerun the command.
6
- */
7
- import { NgModule } from '@angular/core';
8
- import { SKY_LIB_RESOURCES_PROVIDERS, SkyI18nModule, getLibStringForLocale, } from '@skyux/i18n';
9
- import * as i0 from "@angular/core";
10
- const RESOURCES = {
11
- 'EN-US': {
12
- sky_action_hub_related_links: { message: 'Related Links' },
13
- sky_action_hub_recent_links: { message: 'Recently Accessed' },
14
- sky_action_hub_needs_attention: { message: 'Needs Attention' },
15
- sky_action_hub_needs_attention_empty: {
16
- message: 'No issues currently need attention',
17
- },
18
- },
19
- };
20
- export class SkyPagesResourcesProvider {
21
- getString(localeInfo, name) {
22
- return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
23
- }
24
- }
25
- /**
26
- * Import into any component library module that needs to use resource strings.
27
- */
28
- export class SkyPagesResourcesModule {
29
- }
30
- SkyPagesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
31
- SkyPagesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagesResourcesModule, exports: [SkyI18nModule] });
32
- SkyPagesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagesResourcesModule, providers: [
33
- {
34
- provide: SKY_LIB_RESOURCES_PROVIDERS,
35
- useClass: SkyPagesResourcesProvider,
36
- multi: true,
37
- },
38
- ], imports: [SkyI18nModule] });
39
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagesResourcesModule, decorators: [{
40
- type: NgModule,
41
- args: [{
42
- exports: [SkyI18nModule],
43
- providers: [
44
- {
45
- provide: SKY_LIB_RESOURCES_PROVIDERS,
46
- useClass: SkyPagesResourcesProvider,
47
- multi: true,
48
- },
49
- ],
50
- }]
51
- }] });
52
- //# sourceMappingURL=sky-pages-resources.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"sky-pages-resources.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/shared/sky-pages-resources.module.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EACL,2BAA2B,EAE3B,aAAa,EAGb,qBAAqB,GACtB,MAAM,aAAa,CAAC;;AAErB,MAAM,SAAS,GAA0C;IACvD,OAAO,EAAE;QACP,4BAA4B,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;QAC1D,2BAA2B,EAAE,EAAE,OAAO,EAAE,mBAAmB,EAAE;QAC7D,8BAA8B,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE;QAC9D,oCAAoC,EAAE;YACpC,OAAO,EAAE,oCAAoC;SAC9C;KACF;CACF,CAAC;AAEF,MAAM,OAAO,yBAAyB;IAC7B,SAAS,CACd,UAA4B,EAC5B,IAAY;QAEZ,OAAO,qBAAqB,CAAC,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IACnE,CAAC;CACF;AAED;;GAEG;AAWH,MAAM,OAAO,uBAAuB;;qHAAvB,uBAAuB;sHAAvB,uBAAuB,YATxB,aAAa;sHASZ,uBAAuB,aARvB;QACT;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,yBAAyB;YACnC,KAAK,EAAE,IAAI;SACZ;KACF,YAPS,aAAa;4FASZ,uBAAuB;kBAVnC,QAAQ;mBAAC;oBACR,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,SAAS,EAAE;wBACT;4BACE,OAAO,EAAE,2BAA2B;4BACpC,QAAQ,EAAE,yBAAyB;4BACnC,KAAK,EAAE,IAAI;yBACZ;qBACF;iBACF","sourcesContent":["/**\n * NOTICE: DO NOT MODIFY THIS FILE!\n * The contents of this file were automatically generated by\n * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-pages' schematic.\n * To update this file, simply rerun the command.\n */\nimport { NgModule } from '@angular/core';\nimport {\n SKY_LIB_RESOURCES_PROVIDERS,\n SkyAppLocaleInfo,\n SkyI18nModule,\n SkyLibResources,\n SkyLibResourcesProvider,\n getLibStringForLocale,\n} from '@skyux/i18n';\n\nconst RESOURCES: { [locale: string]: SkyLibResources } = {\n 'EN-US': {\n sky_action_hub_related_links: { message: 'Related Links' },\n sky_action_hub_recent_links: { message: 'Recently Accessed' },\n sky_action_hub_needs_attention: { message: 'Needs Attention' },\n sky_action_hub_needs_attention_empty: {\n message: 'No issues currently need attention',\n },\n },\n};\n\nexport class SkyPagesResourcesProvider implements SkyLibResourcesProvider {\n public getString(\n localeInfo: SkyAppLocaleInfo,\n name: string\n ): string | undefined {\n return getLibStringForLocale(RESOURCES, localeInfo.locale, name);\n }\n}\n\n/**\n * Import into any component library module that needs to use resource strings.\n */\n@NgModule({\n exports: [SkyI18nModule],\n providers: [\n {\n provide: SKY_LIB_RESOURCES_PROVIDERS,\n useClass: SkyPagesResourcesProvider,\n multi: true,\n },\n ],\n})\nexport class SkyPagesResourcesModule {}\n"]}
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './index';
5
- //# sourceMappingURL=skyux-pages.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"skyux-pages.js","sourceRoot":"","sources":["../../../../../libs/components/pages/src/skyux-pages.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}
@@ -1,436 +0,0 @@
1
- import * as i2$1 from '@angular/common';
2
- import { CommonModule } from '@angular/common';
3
- import * as i0 from '@angular/core';
4
- import { Component, Input, NgModule, Pipe, Optional, ChangeDetectionStrategy } from '@angular/core';
5
- import { RouterModule } from '@angular/router';
6
- import * as i6 from '@skyux/i18n';
7
- import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
8
- import * as i2 from '@skyux/indicators';
9
- import { SkyIconModule, SkyKeyInfoModule, SkyWaitModule } from '@skyux/indicators';
10
- import * as i1 from '@skyux/layout';
11
- import { SkyActionButtonModule, SkyFluidGridModule } from '@skyux/layout';
12
- import * as i4 from '@skyux/router';
13
- import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
14
- import * as i3 from '@skyux/theme';
15
- import { SkyThemeModule } from '@skyux/theme';
16
- import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
17
- import { Subject } from 'rxjs';
18
- import { takeUntil } from 'rxjs/operators';
19
-
20
- class SkyLinkListComponent {
21
- }
22
- SkyLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
23
- SkyLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyLinkListComponent, selector: "sky-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<ng-container\n *ngIf=\"links === 'loading'; then loadingTemplateRef; else linksTemplateRef\"\n></ng-container>\n\n<ng-template #headingTemplateRef>\n <h2 class=\"sky-font-heading-4 sky-margin-stacked-sm\">\n {{ title }}\n </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n <sky-wait [isWaiting]=\"true\"></sky-wait>\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n <ng-container *ngIf=\"links?.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul\n class=\"sky-link-list\"\n [skyThemeClass]=\"{\n 'sky-margin-stacked-separate': 'default',\n 'sky-margin-stacked-xl': 'modern'\n }\"\n >\n <li\n *ngFor=\"let link of links\"\n [skyThemeClass]=\"{\n 'sky-margin-stacked-default': 'default',\n 'sky-margin-stacked-sm': 'modern'\n }\"\n >\n <a *ngIf=\"link.permalink.url\" [skyHref]=\"link.permalink.url\">\n {{ link.label }}\n </a>\n <a\n *ngIf=\"link.permalink.route\"\n [skyAppLink]=\"link.permalink.route.commands\"\n [queryParams]=\"link.permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"\n link.permalink.route.extras?.queryParamsHandling\n \"\n [fragment]=\"link.permalink.route.extras?.fragment\"\n [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n", styles: [".sky-link-list{list-style:none;margin-left:0;padding-left:0}\n"], components: [{ type: i2.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
24
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLinkListComponent, decorators: [{
25
- type: Component,
26
- args: [{
27
- selector: 'sky-link-list',
28
- templateUrl: './link-list.component.html',
29
- styleUrls: ['./link-list.component.scss'],
30
- }]
31
- }], propDecorators: { links: [{
32
- type: Input
33
- }], title: [{
34
- type: Input
35
- }] } });
36
-
37
- class SkyNeedsAttentionComponent {
38
- constructor() {
39
- this.gutterSize = 'large';
40
- }
41
- }
42
- SkyNeedsAttentionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
43
- SkyNeedsAttentionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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=\"\n sky-needs-attention-item\n sky-padding-vertical-lg\n sky-border-bottom-row\n \"\n >\n <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n </a>\n <a\n *ngIf=\"item.permalink.url\"\n [skyHref]=\"item.permalink.url\"\n class=\"\n sky-needs-attention-item\n sky-padding-vertical-lg\n sky-border-bottom-row\n \"\n >\n <ng-container *ngTemplateOutlet=\"link\"></ng-container>\n </a>\n </sky-column>\n </sky-row>\n </sky-fluid-grid>\n</div>\n", styles: [".sky-needs-attention-container{background-color:#fff}.sky-needs-attention-item{display:flex;flex-wrap:nowrap;align-items:center}.sky-needs-attention-item-icon{color:#686c73}.sky-needs-attention-item-key-info{flex-grow:1}.sky-needs-attention-item-icon{order:1}.sky-needs-attention-item sky-key-info-value{color:#0974a1}.sky-needs-attention-item:hover sky-key-info-value,.sky-needs-attention-item:hover sky-key-info-label{text-decoration:underline}.sky-needs-attention-item:focus{outline:none}.sky-needs-attention-item:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}sky-column:last-child>a{border-bottom:none}\n"], components: [{ type: i1.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i1.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i1.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i2.λ8, selector: "sky-key-info", inputs: ["layout"] }, { type: i2.λ6, selector: "sky-key-info-label" }, { type: i2.λ7, selector: "sky-key-info-value" }], directives: [{ type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe } });
44
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
45
- type: Component,
46
- args: [{
47
- selector: 'sky-needs-attention',
48
- templateUrl: './needs-attention.component.html',
49
- styleUrls: ['./needs-attention.component.scss'],
50
- }]
51
- }], propDecorators: { items: [{
52
- type: Input
53
- }] } });
54
-
55
- let parentLink;
56
- class SkyPageHeaderComponent {
57
- }
58
- SkyPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
59
- SkyPageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0, template: "<h1 class=\"sky-page-header\">\n <span *ngIf=\"parentLink\" class=\"sky-page-header-parent-link-wrapper\">\n <a\n *ngIf=\"parentLink.permalink?.url\"\n [skyHref]=\"parentLink.permalink.url\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <a\n *ngIf=\"parentLink.permalink?.route\"\n [skyAppLink]=\"parentLink.permalink.route.commands\"\n [queryParams]=\"parentLink.permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"\n parentLink.permalink.route.extras?.queryParamsHandling\n \"\n [fragment]=\"parentLink.permalink.route.extras?.fragment\"\n [preserveFragment]=\"parentLink.permalink.route.extras?.preserveFragment\"\n [skipLocationChange]=\"\n parentLink.permalink.route.extras?.skipLocationChange\n \"\n [replaceUrl]=\"parentLink.permalink.route.extras?.replaceUrl\"\n [state]=\"parentLink.permalink.route.extras?.state\"\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n >{{ parentLink.label }}</a\n >\n <span class=\"sky-page-header-chevron\">\n <sky-icon *skyThemeIf=\"'default'\" icon=\"chevron-right\"></sky-icon>\n <sky-icon\n *skyThemeIf=\"'modern'\"\n icon=\"chevron-right\"\n iconType=\"skyux\"\n ></sky-icon>\n </span>\n </span>\n <wbr *ngIf=\"parentLink\" />\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n</h1>\n", styles: [".sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:-moz-fit-content;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], components: [{ type: i2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] });
60
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
61
- type: Component,
62
- args: [{
63
- selector: 'sky-page-header',
64
- templateUrl: './page-header.component.html',
65
- styleUrls: ['./page-header.component.scss'],
66
- }]
67
- }], propDecorators: { parentLink: [{
68
- type: Input
69
- }], pageTitle: [{
70
- type: Input
71
- }] } });
72
-
73
- class SkyPageHeaderModule {
74
- }
75
- SkyPageHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
76
- SkyPageHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderModule, declarations: [SkyPageHeaderComponent], imports: [CommonModule,
77
- RouterModule,
78
- SkyAppLinkModule,
79
- SkyIconModule,
80
- SkyThemeModule,
81
- SkyHrefModule], exports: [SkyPageHeaderComponent] });
82
- SkyPageHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderModule, imports: [[
83
- CommonModule,
84
- RouterModule,
85
- SkyAppLinkModule,
86
- SkyIconModule,
87
- SkyThemeModule,
88
- SkyHrefModule,
89
- ]] });
90
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderModule, decorators: [{
91
- type: NgModule,
92
- args: [{
93
- imports: [
94
- CommonModule,
95
- RouterModule,
96
- SkyAppLinkModule,
97
- SkyIconModule,
98
- SkyThemeModule,
99
- SkyHrefModule,
100
- ],
101
- declarations: [SkyPageHeaderComponent],
102
- exports: [SkyPageHeaderComponent],
103
- }]
104
- }] });
105
-
106
- /**
107
- * NOTICE: DO NOT MODIFY THIS FILE!
108
- * The contents of this file were automatically generated by
109
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-pages' schematic.
110
- * To update this file, simply rerun the command.
111
- */
112
- const RESOURCES = {
113
- 'EN-US': {
114
- sky_action_hub_related_links: { message: 'Related Links' },
115
- sky_action_hub_recent_links: { message: 'Recently Accessed' },
116
- sky_action_hub_needs_attention: { message: 'Needs Attention' },
117
- sky_action_hub_needs_attention_empty: {
118
- message: 'No issues currently need attention',
119
- },
120
- },
121
- };
122
- class SkyPagesResourcesProvider {
123
- getString(localeInfo, name) {
124
- return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
125
- }
126
- }
127
- /**
128
- * Import into any component library module that needs to use resource strings.
129
- */
130
- class SkyPagesResourcesModule {
131
- }
132
- SkyPagesResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagesResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
133
- SkyPagesResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagesResourcesModule, exports: [SkyI18nModule] });
134
- SkyPagesResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagesResourcesModule, providers: [
135
- {
136
- provide: SKY_LIB_RESOURCES_PROVIDERS,
137
- useClass: SkyPagesResourcesProvider,
138
- multi: true,
139
- },
140
- ], imports: [SkyI18nModule] });
141
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPagesResourcesModule, decorators: [{
142
- type: NgModule,
143
- args: [{
144
- exports: [SkyI18nModule],
145
- providers: [
146
- {
147
- provide: SKY_LIB_RESOURCES_PROVIDERS,
148
- useClass: SkyPagesResourcesProvider,
149
- multi: true,
150
- },
151
- ],
152
- }]
153
- }] });
154
-
155
- /**
156
- * Displays buttons after the page title.
157
- *
158
- * Example:
159
- *
160
- * ```html
161
- * <a class="sky-btn sky-btn-default" href="path/to/new">New</a>
162
- * ```
163
- */
164
- class SkyActionHubButtonsComponent {
165
- }
166
- SkyActionHubButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
167
- SkyActionHubButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubButtonsComponent, selector: "sky-action-hub-buttons", ngImport: i0, template: "<ng-content></ng-content>\n" });
168
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubButtonsComponent, decorators: [{
169
- type: Component,
170
- args: [{
171
- selector: 'sky-action-hub-buttons',
172
- templateUrl: 'action-hub-buttons.component.html',
173
- }]
174
- }] });
175
-
176
- /**
177
- * Displays additional content after the action items.
178
- */
179
- class SkyActionHubContentComponent {
180
- }
181
- SkyActionHubContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
182
- SkyActionHubContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubContentComponent, selector: "sky-action-hub-content", ngImport: i0, template: "<ng-content></ng-content>\n" });
183
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubContentComponent, decorators: [{
184
- type: Component,
185
- args: [{
186
- selector: 'sky-action-hub-content',
187
- templateUrl: 'action-hub-content.component.html',
188
- }]
189
- }] });
190
-
191
- var _SkyActionHubRecentLinksResolvePipe_instances, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved;
192
- const RECENTLY_ACCESSED_LIMIT = 5;
193
- function getRecentLinksSorted(recentLinks) {
194
- if (recentLinks === 'loading') {
195
- return 'loading';
196
- }
197
- if (!recentLinks || recentLinks.length === 0) {
198
- return [];
199
- }
200
- return recentLinks
201
- .slice(0)
202
- .sort((a, b) => {
203
- const aTime = a.lastAccessed instanceof Date
204
- ? a.lastAccessed.toISOString()
205
- : a.lastAccessed;
206
- const bTime = b.lastAccessed instanceof Date
207
- ? b.lastAccessed.toISOString()
208
- : b.lastAccessed;
209
- if (aTime === bTime) {
210
- return 0;
211
- }
212
- return aTime > bTime ? -1 : 1;
213
- })
214
- .slice(0, RECENTLY_ACCESSED_LIMIT);
215
- }
216
- class SkyActionHubRecentLinksResolvePipe {
217
- constructor(changeDetector, recentlyAccessedSvc) {
218
- this.changeDetector = changeDetector;
219
- this.recentlyAccessedSvc = recentlyAccessedSvc;
220
- _SkyActionHubRecentLinksResolvePipe_instances.add(this);
221
- _SkyActionHubRecentLinksResolvePipe_currentRecentLinks.set(this, void 0);
222
- _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved.set(this, []);
223
- _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub.set(this, void 0);
224
- _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe.set(this, new Subject());
225
- }
226
- transform(recentLinks) {
227
- if (recentLinks !== __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, "f")) {
228
- if (__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f")) {
229
- __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f").unsubscribe();
230
- }
231
- __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, recentLinks, "f");
232
- const getLinksArgs = recentLinks;
233
- if (getLinksArgs === null || getLinksArgs === void 0 ? void 0 : getLinksArgs.requestedRoutes) {
234
- __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes).call(this, getLinksArgs);
235
- }
236
- else {
237
- __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
238
- }
239
- }
240
- return __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, "f");
241
- }
242
- ngOnDestroy() {
243
- __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").next();
244
- __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").complete();
245
- }
246
- }
247
- _SkyActionHubRecentLinksResolvePipe_currentRecentLinks = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_instances = new WeakSet(), _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes = function _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes(args) {
248
- if (this.recentlyAccessedSvc) {
249
- __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, 'loading');
250
- __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, this.recentlyAccessedSvc
251
- .getLinks(args)
252
- .pipe(takeUntil(__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f")))
253
- .subscribe((result) => {
254
- __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, undefined, "f");
255
- const recentLinks = result.links.map((item) => ({
256
- label: item.label,
257
- lastAccessed: item.lastAccessed,
258
- permalink: {
259
- url: item.url,
260
- },
261
- }));
262
- __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
263
- }), "f");
264
- }
265
- else {
266
- __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, []);
267
- }
268
- }, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved = function _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved(recentLinksResolved) {
269
- __classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, getRecentLinksSorted(recentLinksResolved), "f");
270
- this.changeDetector.markForCheck();
271
- };
272
- SkyActionHubRecentLinksResolvePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i4.SkyRecentlyAccessedService, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
273
- SkyActionHubRecentLinksResolvePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve", pure: false });
274
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, decorators: [{
275
- type: Pipe,
276
- args: [{
277
- name: 'skyActionHubRecentLinksResolve',
278
- pure: false,
279
- }]
280
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i4.SkyRecentlyAccessedService, decorators: [{
281
- type: Optional
282
- }] }]; } });
283
-
284
- class SkyActionHubRelatedLinksSortPipe {
285
- transform(relatedLinks) {
286
- if (relatedLinks === 'loading') {
287
- return 'loading';
288
- }
289
- if (!relatedLinks || relatedLinks.length === 0) {
290
- return [];
291
- }
292
- return relatedLinks.slice(0).sort((a, b) => {
293
- const aLabel = a.label.trim().toUpperCase();
294
- const bLabel = b.label.trim().toUpperCase();
295
- if (aLabel === bLabel) {
296
- return 0;
297
- }
298
- return aLabel < bLabel ? -1 : 1;
299
- });
300
- }
301
- }
302
- SkyActionHubRelatedLinksSortPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
303
- SkyActionHubRelatedLinksSortPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" });
304
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, decorators: [{
305
- type: Pipe,
306
- args: [{
307
- name: 'skyActionHubRelatedLinksSort',
308
- }]
309
- }] });
310
-
311
- /**
312
- * Creates an action hub to direct user attention to important
313
- * actions and provide quick access to common tasks.
314
- */
315
- class SkyActionHubComponent {
316
- constructor() {
317
- /**
318
- * Provides a list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
319
- */
320
- this.needsAttention = [];
321
- /**
322
- * Provides a list of recently accessed links, or `"loading"` to display a wait indicator.
323
- */
324
- this.recentLinks = [];
325
- /**
326
- * Provides a list of related links, or `"loading"` to display a wait indicator.
327
- */
328
- this.relatedLinks = [];
329
- /**
330
- * Specifies the page title.
331
- * @default ""
332
- */
333
- this.title = '';
334
- }
335
- }
336
- SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
337
- SkyActionHubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", title: "title" }, ngImport: i0, template: "<ng-template #loadingTemplateRef>\n <sky-wait [isWaiting]=\"true\"></sky-wait>\n</ng-template>\n<sky-fluid-grid>\n <sky-row>\n <sky-column>\n <sky-page-header\n [pageTitle]=\"title\"\n [parentLink]=\"parentLink\"\n ></sky-page-header>\n </sky-column>\n </sky-row>\n <sky-row>\n <sky-column screenLarge=\"9\" screenXSmall=\"12\">\n <div\n [skyThemeClass]=\"{\n 'sky-margin-stacked-separate': 'default',\n 'sky-margin-stacked-xl': 'modern'\n }\"\n >\n <ng-content select=\"sky-action-hub-buttons\"></ng-content>\n </div>\n\n <div\n [skyThemeClass]=\"{\n 'sky-margin-stacked-separate': 'default',\n 'sky-margin-stacked-xxl': 'modern'\n }\"\n >\n <ng-container\n *ngIf=\"\n needsAttention === 'loading';\n then loadingTemplateRef;\n else needsAttentionTemplateRef\n \"\n ></ng-container>\n <ng-template #needsAttentionTemplateRef>\n <sky-needs-attention [items]=\"needsAttention\"></sky-needs-attention>\n </ng-template>\n </div>\n\n <div\n [skyThemeClass]=\"{\n 'sky-margin-stacked-separate': 'default',\n 'sky-margin-stacked-xxl': 'modern'\n }\"\n >\n <ng-content select=\"sky-action-hub-content\"></ng-content>\n </div>\n </sky-column>\n <sky-column screenLarge=\"3\" screenXSmall=\"12\">\n <sky-link-list\n [links]=\"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 });
338
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubComponent, decorators: [{
339
- type: Component,
340
- args: [{
341
- selector: 'sky-action-hub',
342
- templateUrl: './action-hub.component.html',
343
- changeDetection: ChangeDetectionStrategy.OnPush,
344
- }]
345
- }], propDecorators: { needsAttention: [{
346
- type: Input
347
- }], parentLink: [{
348
- type: Input
349
- }], recentLinks: [{
350
- type: Input
351
- }], relatedLinks: [{
352
- type: Input
353
- }], title: [{
354
- type: Input
355
- }] } });
356
-
357
- class SkyActionHubModule {
358
- }
359
- SkyActionHubModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
360
- SkyActionHubModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubModule, declarations: [SkyActionHubButtonsComponent,
361
- SkyActionHubComponent,
362
- SkyActionHubContentComponent,
363
- SkyActionHubRecentLinksResolvePipe,
364
- SkyActionHubRelatedLinksSortPipe,
365
- SkyNeedsAttentionComponent,
366
- SkyLinkListComponent], imports: [CommonModule,
367
- SkyPagesResourcesModule,
368
- RouterModule,
369
- SkyActionButtonModule,
370
- SkyAppLinkModule,
371
- SkyFluidGridModule,
372
- SkyI18nModule,
373
- SkyIconModule,
374
- SkyKeyInfoModule,
375
- SkyPageHeaderModule,
376
- SkyThemeModule,
377
- SkyWaitModule,
378
- SkyHrefModule], exports: [SkyActionHubButtonsComponent,
379
- SkyActionHubComponent,
380
- SkyActionHubContentComponent] });
381
- SkyActionHubModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubModule, imports: [[
382
- CommonModule,
383
- SkyPagesResourcesModule,
384
- RouterModule,
385
- SkyActionButtonModule,
386
- SkyAppLinkModule,
387
- SkyFluidGridModule,
388
- SkyI18nModule,
389
- SkyIconModule,
390
- SkyKeyInfoModule,
391
- SkyPageHeaderModule,
392
- SkyThemeModule,
393
- SkyWaitModule,
394
- SkyHrefModule,
395
- ]] });
396
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubModule, decorators: [{
397
- type: NgModule,
398
- args: [{
399
- imports: [
400
- CommonModule,
401
- SkyPagesResourcesModule,
402
- RouterModule,
403
- SkyActionButtonModule,
404
- SkyAppLinkModule,
405
- SkyFluidGridModule,
406
- SkyI18nModule,
407
- SkyIconModule,
408
- SkyKeyInfoModule,
409
- SkyPageHeaderModule,
410
- SkyThemeModule,
411
- SkyWaitModule,
412
- SkyHrefModule,
413
- ],
414
- declarations: [
415
- SkyActionHubButtonsComponent,
416
- SkyActionHubComponent,
417
- SkyActionHubContentComponent,
418
- SkyActionHubRecentLinksResolvePipe,
419
- SkyActionHubRelatedLinksSortPipe,
420
- SkyNeedsAttentionComponent,
421
- SkyLinkListComponent,
422
- ],
423
- exports: [
424
- SkyActionHubButtonsComponent,
425
- SkyActionHubComponent,
426
- SkyActionHubContentComponent,
427
- ],
428
- }]
429
- }] });
430
-
431
- /**
432
- * Generated bundle index. Do not edit.
433
- */
434
-
435
- export { SkyActionHubModule, SkyPageHeaderModule, SkyActionHubComponent as λ1, SkyActionHubButtonsComponent as λ2, SkyActionHubContentComponent as λ3, SkyPageHeaderComponent as λ4 };
436
- //# sourceMappingURL=skyux-pages.js.map