@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.
- package/esm2020/index.mjs +14 -0
- package/esm2020/lib/modules/action-hub/action-hub-buttons.component.mjs +20 -0
- package/esm2020/lib/modules/action-hub/action-hub-content.component.mjs +14 -0
- package/esm2020/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.mjs +100 -0
- package/esm2020/lib/modules/action-hub/action-hub-related-links-sort.pipe.mjs +29 -0
- package/esm2020/lib/modules/action-hub/action-hub.component.mjs +54 -0
- package/esm2020/lib/modules/action-hub/action-hub.module.mjs +92 -0
- package/esm2020/lib/modules/action-hub/types/action-hub-needs-attention.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/page-link.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/page-links-input.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/recent-link.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/recent-links-input.mjs +2 -0
- package/esm2020/lib/modules/action-hub/types/recent-links-resolved.mjs +2 -0
- package/esm2020/lib/modules/link-list/link-list.component.mjs +19 -0
- package/esm2020/lib/modules/needs-attention/needs-attention.component.mjs +22 -0
- package/esm2020/lib/modules/page-header/page-header.component.mjs +20 -0
- package/esm2020/lib/modules/page-header/page-header.module.mjs +41 -0
- package/esm2020/lib/modules/shared/sky-pages-resources.module.mjs +52 -0
- package/esm2020/skyux-pages.mjs +5 -0
- package/fesm2015/skyux-pages.mjs +416 -0
- package/fesm2015/skyux-pages.mjs.map +1 -0
- package/fesm2020/skyux-pages.mjs +414 -0
- package/fesm2020/skyux-pages.mjs.map +1 -0
- package/package.json +30 -14
- package/bundles/skyux-pages.umd.js +0 -809
- package/esm2015/index.js +0 -14
- package/esm2015/index.js.map +0 -1
- package/esm2015/lib/modules/action-hub/action-hub-buttons.component.js +0 -23
- package/esm2015/lib/modules/action-hub/action-hub-buttons.component.js.map +0 -1
- package/esm2015/lib/modules/action-hub/action-hub-content.component.js +0 -17
- package/esm2015/lib/modules/action-hub/action-hub-content.component.js.map +0 -1
- package/esm2015/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.js +0 -100
- package/esm2015/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.js.map +0 -1
- package/esm2015/lib/modules/action-hub/action-hub-related-links-sort.pipe.js +0 -29
- package/esm2015/lib/modules/action-hub/action-hub-related-links-sort.pipe.js.map +0 -1
- package/esm2015/lib/modules/action-hub/action-hub.component.js +0 -58
- package/esm2015/lib/modules/action-hub/action-hub.component.js.map +0 -1
- package/esm2015/lib/modules/action-hub/action-hub.module.js +0 -92
- package/esm2015/lib/modules/action-hub/action-hub.module.js.map +0 -1
- package/esm2015/lib/modules/action-hub/types/action-hub-needs-attention.js +0 -2
- package/esm2015/lib/modules/action-hub/types/action-hub-needs-attention.js.map +0 -1
- package/esm2015/lib/modules/action-hub/types/page-link.js +0 -2
- package/esm2015/lib/modules/action-hub/types/page-link.js.map +0 -1
- package/esm2015/lib/modules/action-hub/types/page-links-input.js +0 -2
- package/esm2015/lib/modules/action-hub/types/page-links-input.js.map +0 -1
- package/esm2015/lib/modules/action-hub/types/recent-link.js +0 -2
- package/esm2015/lib/modules/action-hub/types/recent-link.js.map +0 -1
- package/esm2015/lib/modules/action-hub/types/recent-links-input.js +0 -2
- package/esm2015/lib/modules/action-hub/types/recent-links-input.js.map +0 -1
- package/esm2015/lib/modules/action-hub/types/recent-links-resolved.js +0 -2
- package/esm2015/lib/modules/action-hub/types/recent-links-resolved.js.map +0 -1
- package/esm2015/lib/modules/link-list/link-list.component.js +0 -23
- package/esm2015/lib/modules/link-list/link-list.component.js.map +0 -1
- package/esm2015/lib/modules/needs-attention/needs-attention.component.js +0 -26
- package/esm2015/lib/modules/needs-attention/needs-attention.component.js.map +0 -1
- package/esm2015/lib/modules/page-header/page-header.component.js +0 -24
- package/esm2015/lib/modules/page-header/page-header.component.js.map +0 -1
- package/esm2015/lib/modules/page-header/page-header.module.js +0 -41
- package/esm2015/lib/modules/page-header/page-header.module.js.map +0 -1
- package/esm2015/lib/modules/shared/sky-pages-resources.module.js +0 -52
- package/esm2015/lib/modules/shared/sky-pages-resources.module.js.map +0 -1
- package/esm2015/skyux-pages.js +0 -5
- package/esm2015/skyux-pages.js.map +0 -1
- package/fesm2015/skyux-pages.js +0 -436
- package/fesm2015/skyux-pages.js.map +0 -1
package/esm2015/index.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export * from './lib/modules/action-hub/action-hub.module';
|
|
2
|
-
export * from './lib/modules/action-hub/types/action-hub-needs-attention';
|
|
3
|
-
export * from './lib/modules/action-hub/types/page-link';
|
|
4
|
-
export * from './lib/modules/action-hub/types/page-links-input';
|
|
5
|
-
export * from './lib/modules/action-hub/types/recent-link';
|
|
6
|
-
export * from './lib/modules/action-hub/types/recent-links-input';
|
|
7
|
-
export * from './lib/modules/page-header/page-header.module';
|
|
8
|
-
// Components and directives must be exported to support Angular's "partial" Ivy compiler.
|
|
9
|
-
// Obscure names are used to indicate types are not part of the public API.
|
|
10
|
-
export { SkyActionHubComponent as λ1 } from './lib/modules/action-hub/action-hub.component';
|
|
11
|
-
export { SkyActionHubButtonsComponent as λ2 } from './lib/modules/action-hub/action-hub-buttons.component';
|
|
12
|
-
export { SkyActionHubContentComponent as λ3 } from './lib/modules/action-hub/action-hub-content.component';
|
|
13
|
-
export { SkyPageHeaderComponent as λ4 } from './lib/modules/page-header/page-header.component';
|
|
14
|
-
//# sourceMappingURL=index.js.map
|
package/esm2015/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/pages/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2DAA2D,CAAC;AAC1E,cAAc,0CAA0C,CAAC;AACzD,cAAc,iDAAiD,CAAC;AAChE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mDAAmD,CAAC;AAClE,cAAc,8CAA8C,CAAC;AAE7D,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,qBAAqB,IAAI,EAAE,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,uDAAuD,CAAC;AAC3G,OAAO,EAAE,4BAA4B,IAAI,EAAE,EAAE,MAAM,uDAAuD,CAAC;AAC3G,OAAO,EAAE,sBAAsB,IAAI,EAAE,EAAE,MAAM,iDAAiD,CAAC","sourcesContent":["export * from './lib/modules/action-hub/action-hub.module';\nexport * from './lib/modules/action-hub/types/action-hub-needs-attention';\nexport * from './lib/modules/action-hub/types/page-link';\nexport * from './lib/modules/action-hub/types/page-links-input';\nexport * from './lib/modules/action-hub/types/recent-link';\nexport * from './lib/modules/action-hub/types/recent-links-input';\nexport * from './lib/modules/page-header/page-header.module';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyActionHubComponent as λ1 } from './lib/modules/action-hub/action-hub.component';\nexport { SkyActionHubButtonsComponent as λ2 } from './lib/modules/action-hub/action-hub-buttons.component';\nexport { SkyActionHubContentComponent as λ3 } from './lib/modules/action-hub/action-hub-content.component';\nexport { SkyPageHeaderComponent as λ4 } from './lib/modules/page-header/page-header.component';\n"]}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Displays buttons after the page title.
|
|
5
|
-
*
|
|
6
|
-
* Example:
|
|
7
|
-
*
|
|
8
|
-
* ```html
|
|
9
|
-
* <a class="sky-btn sky-btn-default" href="path/to/new">New</a>
|
|
10
|
-
* ```
|
|
11
|
-
*/
|
|
12
|
-
export class SkyActionHubButtonsComponent {
|
|
13
|
-
}
|
|
14
|
-
SkyActionHubButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
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" });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubButtonsComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{
|
|
19
|
-
selector: 'sky-action-hub-buttons',
|
|
20
|
-
templateUrl: 'action-hub-buttons.component.html',
|
|
21
|
-
}]
|
|
22
|
-
}] });
|
|
23
|
-
//# sourceMappingURL=action-hub-buttons.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action-hub-buttons.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-buttons.component.ts","../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-buttons.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;;;;;;;GAQG;AAKH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;8GAA5B,4BAA4B,8DCfzC,6BACA;4FDca,4BAA4B;kBAJxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,WAAW,EAAE,mCAAmC;iBACjD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Displays buttons after the page title.\n *\n * Example:\n *\n * ```html\n * <a class=\"sky-btn sky-btn-default\" href=\"path/to/new\">New</a>\n * ```\n */\n@Component({\n selector: 'sky-action-hub-buttons',\n templateUrl: 'action-hub-buttons.component.html',\n})\nexport class SkyActionHubButtonsComponent {}\n","<ng-content></ng-content>\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/**
|
|
4
|
-
* Displays additional content after the action items.
|
|
5
|
-
*/
|
|
6
|
-
export class SkyActionHubContentComponent {
|
|
7
|
-
}
|
|
8
|
-
SkyActionHubContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
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" });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubContentComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{
|
|
13
|
-
selector: 'sky-action-hub-content',
|
|
14
|
-
templateUrl: 'action-hub-content.component.html',
|
|
15
|
-
}]
|
|
16
|
-
}] });
|
|
17
|
-
//# sourceMappingURL=action-hub-content.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action-hub-content.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-content.component.ts","../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-content.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;AAE1C;;GAEG;AAKH,MAAM,OAAO,4BAA4B;;0HAA5B,4BAA4B;8GAA5B,4BAA4B,8DCTzC,6BACA;4FDQa,4BAA4B;kBAJxC,SAAS;mBAAC;oBACT,QAAQ,EAAE,wBAAwB;oBAClC,WAAW,EAAE,mCAAmC;iBACjD","sourcesContent":["import { Component } from '@angular/core';\n\n/**\n * Displays additional content after the action items.\n */\n@Component({\n selector: 'sky-action-hub-content',\n templateUrl: 'action-hub-content.component.html',\n})\nexport class SkyActionHubContentComponent {}\n","<ng-content></ng-content>\n"]}
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
var _SkyActionHubRecentLinksResolvePipe_instances, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { ChangeDetectorRef, Optional, Pipe, } from '@angular/core';
|
|
4
|
-
import { SkyRecentlyAccessedService, } from '@skyux/router';
|
|
5
|
-
import { Subject } from 'rxjs';
|
|
6
|
-
import { takeUntil } from 'rxjs/operators';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@skyux/router";
|
|
9
|
-
const RECENTLY_ACCESSED_LIMIT = 5;
|
|
10
|
-
function getRecentLinksSorted(recentLinks) {
|
|
11
|
-
if (recentLinks === 'loading') {
|
|
12
|
-
return 'loading';
|
|
13
|
-
}
|
|
14
|
-
if (!recentLinks || recentLinks.length === 0) {
|
|
15
|
-
return [];
|
|
16
|
-
}
|
|
17
|
-
return recentLinks
|
|
18
|
-
.slice(0)
|
|
19
|
-
.sort((a, b) => {
|
|
20
|
-
const aTime = a.lastAccessed instanceof Date
|
|
21
|
-
? a.lastAccessed.toISOString()
|
|
22
|
-
: a.lastAccessed;
|
|
23
|
-
const bTime = b.lastAccessed instanceof Date
|
|
24
|
-
? b.lastAccessed.toISOString()
|
|
25
|
-
: b.lastAccessed;
|
|
26
|
-
if (aTime === bTime) {
|
|
27
|
-
return 0;
|
|
28
|
-
}
|
|
29
|
-
return aTime > bTime ? -1 : 1;
|
|
30
|
-
})
|
|
31
|
-
.slice(0, RECENTLY_ACCESSED_LIMIT);
|
|
32
|
-
}
|
|
33
|
-
export class SkyActionHubRecentLinksResolvePipe {
|
|
34
|
-
constructor(changeDetector, recentlyAccessedSvc) {
|
|
35
|
-
this.changeDetector = changeDetector;
|
|
36
|
-
this.recentlyAccessedSvc = recentlyAccessedSvc;
|
|
37
|
-
_SkyActionHubRecentLinksResolvePipe_instances.add(this);
|
|
38
|
-
_SkyActionHubRecentLinksResolvePipe_currentRecentLinks.set(this, void 0);
|
|
39
|
-
_SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved.set(this, []);
|
|
40
|
-
_SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub.set(this, void 0);
|
|
41
|
-
_SkyActionHubRecentLinksResolvePipe_ngUnsubscribe.set(this, new Subject());
|
|
42
|
-
}
|
|
43
|
-
transform(recentLinks) {
|
|
44
|
-
if (recentLinks !== __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, "f")) {
|
|
45
|
-
if (__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f")) {
|
|
46
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f").unsubscribe();
|
|
47
|
-
}
|
|
48
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, recentLinks, "f");
|
|
49
|
-
const getLinksArgs = recentLinks;
|
|
50
|
-
if (getLinksArgs === null || getLinksArgs === void 0 ? void 0 : getLinksArgs.requestedRoutes) {
|
|
51
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes).call(this, getLinksArgs);
|
|
52
|
-
}
|
|
53
|
-
else {
|
|
54
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
return __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, "f");
|
|
58
|
-
}
|
|
59
|
-
ngOnDestroy() {
|
|
60
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").next();
|
|
61
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").complete();
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
_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) {
|
|
65
|
-
if (this.recentlyAccessedSvc) {
|
|
66
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, 'loading');
|
|
67
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, this.recentlyAccessedSvc
|
|
68
|
-
.getLinks(args)
|
|
69
|
-
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f")))
|
|
70
|
-
.subscribe((result) => {
|
|
71
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, undefined, "f");
|
|
72
|
-
const recentLinks = result.links.map((item) => ({
|
|
73
|
-
label: item.label,
|
|
74
|
-
lastAccessed: item.lastAccessed,
|
|
75
|
-
permalink: {
|
|
76
|
-
url: item.url,
|
|
77
|
-
},
|
|
78
|
-
}));
|
|
79
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
|
|
80
|
-
}), "f");
|
|
81
|
-
}
|
|
82
|
-
else {
|
|
83
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, []);
|
|
84
|
-
}
|
|
85
|
-
}, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved = function _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved(recentLinksResolved) {
|
|
86
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, getRecentLinksSorted(recentLinksResolved), "f");
|
|
87
|
-
this.changeDetector.markForCheck();
|
|
88
|
-
};
|
|
89
|
-
SkyActionHubRecentLinksResolvePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyRecentlyAccessedService, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
90
|
-
SkyActionHubRecentLinksResolvePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve", pure: false });
|
|
91
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, decorators: [{
|
|
92
|
-
type: Pipe,
|
|
93
|
-
args: [{
|
|
94
|
-
name: 'skyActionHubRecentLinksResolve',
|
|
95
|
-
pure: false,
|
|
96
|
-
}]
|
|
97
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyRecentlyAccessedService, decorators: [{
|
|
98
|
-
type: Optional
|
|
99
|
-
}] }]; } });
|
|
100
|
-
//# sourceMappingURL=action-hub-recent-links-resolve.pipe.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action-hub-recent-links-resolve.pipe.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.ts"],"names":[],"mappings":";;AAAA,OAAO,EACL,iBAAiB,EAEjB,QAAQ,EACR,IAAI,GAEL,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,0BAA0B,GAC3B,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,OAAO,EAAgB,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;;;AAM3C,MAAM,uBAAuB,GAAG,CAAC,CAAC;AAElC,SAAS,oBAAoB,CAC3B,WAAmC;IAEnC,IAAI,WAAW,KAAK,SAAS,EAAE;QAC7B,OAAO,SAAS,CAAC;KAClB;IACD,IAAI,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;QAC5C,OAAO,EAAE,CAAC;KACX;IACD,OAAO,WAAW;SACf,KAAK,CAAC,CAAC,CAAC;SACR,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QACb,MAAM,KAAK,GACT,CAAC,CAAC,YAAY,YAAY,IAAI;YAC5B,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE;YAC9B,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QACrB,MAAM,KAAK,GACT,CAAC,CAAC,YAAY,YAAY,IAAI;YAC5B,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE;YAC9B,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QACrB,IAAI,KAAK,KAAK,KAAK,EAAE;YACnB,OAAO,CAAC,CAAC;SACV;QACD,OAAO,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC,CAAC;SACD,KAAK,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC;AACvC,CAAC;AAMD,MAAM,OAAO,kCAAkC;IAW7C,YACU,cAAiC,EACrB,mBAAgD;QAD5D,mBAAc,GAAd,cAAc,CAAmB;QACrB,wBAAmB,GAAnB,mBAAmB,CAA6B;;QAVtE,yEAAyC;QAEzC,yEAAsD,EAAE,EAAC;QAEzD,0EAAmC;QAEnC,4DAAiB,IAAI,OAAO,EAAQ,EAAC;IAKlC,CAAC;IAEG,SAAS,CAAC,WAAgC;QAC/C,IAAI,WAAW,KAAK,uBAAA,IAAI,8DAAoB,EAAE;YAC5C,IAAI,uBAAA,IAAI,+DAAqB,EAAE;gBAC7B,uBAAA,IAAI,+DAAqB,CAAC,WAAW,EAAE,CAAC;aACzC;YAED,uBAAA,IAAI,0DAAuB,WAAW,MAAA,CAAC;YAEvC,MAAM,YAAY,GAAG,WAA8C,CAAC;YAEpE,IAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,eAAe,EAAE;gBACjC,uBAAA,IAAI,iHAAwB,MAA5B,IAAI,EAAyB,YAAY,CAAC,CAAC;aAC5C;iBAAM;gBACL,uBAAA,IAAI,oHAA2B,MAA/B,IAAI,EAA4B,WAAqC,CAAC,CAAC;aACxE;SACF;QAED,OAAO,uBAAA,IAAI,sEAA4B,CAAC;IAC1C,CAAC;IAEM,WAAW;QAChB,uBAAA,IAAI,yDAAe,CAAC,IAAI,EAAE,CAAC;QAC3B,uBAAA,IAAI,yDAAe,CAAC,QAAQ,EAAE,CAAC;IACjC,CAAC;;oeAEuB,IAAqC;IAC3D,IAAI,IAAI,CAAC,mBAAmB,EAAE;QAC5B,uBAAA,IAAI,oHAA2B,MAA/B,IAAI,EAA4B,SAAS,CAAC,CAAC;QAE3C,uBAAA,IAAI,2DAAwB,IAAI,CAAC,mBAAmB;aACjD,QAAQ,CAAC,IAAI,CAAC;aACd,IAAI,CAAC,SAAS,CAAC,uBAAA,IAAI,yDAAe,CAAC,CAAC;aACpC,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE;YACpB,uBAAA,IAAI,2DAAwB,SAAS,MAAA,CAAC;YAEtC,MAAM,WAAW,GAAoB,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBAC/D,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,SAAS,EAAE;oBACT,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CAAC,CAAC;YAEJ,uBAAA,IAAI,oHAA2B,MAA/B,IAAI,EAA4B,WAAW,CAAC,CAAC;QAC/C,CAAC,CAAC,MAAA,CAAC;KACN;SAAM;QACL,uBAAA,IAAI,oHAA2B,MAA/B,IAAI,EAA4B,EAAE,CAAC,CAAC;KACrC;AACH,CAAC,yIAGC,mBAA2C;IAE3C,uBAAA,IAAI,kEACF,oBAAoB,CAAC,mBAAmB,CAAC,MAAA,CAAC;IAE5C,IAAI,CAAC,cAAc,CAAC,YAAY,EAAE,CAAC;AACrC,CAAC;gIAzEU,kCAAkC;8HAAlC,kCAAkC;4FAAlC,kCAAkC;kBAJ9C,IAAI;mBAAC;oBACJ,IAAI,EAAE,gCAAgC;oBACtC,IAAI,EAAE,KAAK;iBACZ;;0BAcI,QAAQ","sourcesContent":["import {\n ChangeDetectorRef,\n OnDestroy,\n Optional,\n Pipe,\n PipeTransform,\n} from '@angular/core';\nimport {\n SkyRecentlyAccessedGetLinksArgs,\n SkyRecentlyAccessedService,\n} from '@skyux/router';\n\nimport { Subject, Subscription } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { SkyRecentLink } from './types/recent-link';\nimport { SkyRecentLinksInput } from './types/recent-links-input';\nimport { SkyRecentLinksResolved } from './types/recent-links-resolved';\n\nconst RECENTLY_ACCESSED_LIMIT = 5;\n\nfunction getRecentLinksSorted(\n recentLinks: SkyRecentLinksResolved\n): SkyRecentLinksResolved {\n if (recentLinks === 'loading') {\n return 'loading';\n }\n if (!recentLinks || recentLinks.length === 0) {\n return [];\n }\n return recentLinks\n .slice(0)\n .sort((a, b) => {\n const aTime =\n a.lastAccessed instanceof Date\n ? a.lastAccessed.toISOString()\n : a.lastAccessed;\n const bTime =\n b.lastAccessed instanceof Date\n ? b.lastAccessed.toISOString()\n : b.lastAccessed;\n if (aTime === bTime) {\n return 0;\n }\n return aTime > bTime ? -1 : 1;\n })\n .slice(0, RECENTLY_ACCESSED_LIMIT);\n}\n\n@Pipe({\n name: 'skyActionHubRecentLinksResolve',\n pure: false,\n})\nexport class SkyActionHubRecentLinksResolvePipe\n implements PipeTransform, OnDestroy\n{\n #currentRecentLinks: SkyRecentLinksInput;\n\n #currentRecentLinksResolved: SkyRecentLinksResolved = [];\n\n #recentlyAccessedSub: Subscription;\n\n #ngUnsubscribe = new Subject<void>();\n\n constructor(\n private changeDetector: ChangeDetectorRef,\n @Optional() private recentlyAccessedSvc?: SkyRecentlyAccessedService\n ) {}\n\n public transform(recentLinks: SkyRecentLinksInput): SkyRecentLinksResolved {\n if (recentLinks !== this.#currentRecentLinks) {\n if (this.#recentlyAccessedSub) {\n this.#recentlyAccessedSub.unsubscribe();\n }\n\n this.#currentRecentLinks = recentLinks;\n\n const getLinksArgs = recentLinks as SkyRecentlyAccessedGetLinksArgs;\n\n if (getLinksArgs?.requestedRoutes) {\n this.#resolveRequestedRoutes(getLinksArgs);\n } else {\n this.#updateRecentLinksResolved(recentLinks as SkyRecentLinksResolved);\n }\n }\n\n return this.#currentRecentLinksResolved;\n }\n\n public ngOnDestroy(): void {\n this.#ngUnsubscribe.next();\n this.#ngUnsubscribe.complete();\n }\n\n #resolveRequestedRoutes(args: SkyRecentlyAccessedGetLinksArgs): void {\n if (this.recentlyAccessedSvc) {\n this.#updateRecentLinksResolved('loading');\n\n this.#recentlyAccessedSub = this.recentlyAccessedSvc\n .getLinks(args)\n .pipe(takeUntil(this.#ngUnsubscribe))\n .subscribe((result) => {\n this.#recentlyAccessedSub = undefined;\n\n const recentLinks: SkyRecentLink[] = result.links.map((item) => ({\n label: item.label,\n lastAccessed: item.lastAccessed,\n permalink: {\n url: item.url,\n },\n }));\n\n this.#updateRecentLinksResolved(recentLinks);\n });\n } else {\n this.#updateRecentLinksResolved([]);\n }\n }\n\n #updateRecentLinksResolved(\n recentLinksResolved: SkyRecentLinksResolved\n ): void {\n this.#currentRecentLinksResolved =\n getRecentLinksSorted(recentLinksResolved);\n\n this.changeDetector.markForCheck();\n }\n}\n"]}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { Pipe } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class SkyActionHubRelatedLinksSortPipe {
|
|
4
|
-
transform(relatedLinks) {
|
|
5
|
-
if (relatedLinks === 'loading') {
|
|
6
|
-
return 'loading';
|
|
7
|
-
}
|
|
8
|
-
if (!relatedLinks || relatedLinks.length === 0) {
|
|
9
|
-
return [];
|
|
10
|
-
}
|
|
11
|
-
return relatedLinks.slice(0).sort((a, b) => {
|
|
12
|
-
const aLabel = a.label.trim().toUpperCase();
|
|
13
|
-
const bLabel = b.label.trim().toUpperCase();
|
|
14
|
-
if (aLabel === bLabel) {
|
|
15
|
-
return 0;
|
|
16
|
-
}
|
|
17
|
-
return aLabel < bLabel ? -1 : 1;
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
SkyActionHubRelatedLinksSortPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
22
|
-
SkyActionHubRelatedLinksSortPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" });
|
|
23
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubRelatedLinksSortPipe, decorators: [{
|
|
24
|
-
type: Pipe,
|
|
25
|
-
args: [{
|
|
26
|
-
name: 'skyActionHubRelatedLinksSort',
|
|
27
|
-
}]
|
|
28
|
-
}] });
|
|
29
|
-
//# sourceMappingURL=action-hub-related-links-sort.pipe.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action-hub-related-links-sort.pipe.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub-related-links-sort.pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,eAAe,CAAC;;AAOpD,MAAM,OAAO,gCAAgC;IACpC,SAAS,CAAC,YAA+B;QAC9C,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,OAAO,SAAS,CAAC;SAClB;QACD,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;YAC9C,OAAO,EAAE,CAAC;SACX;QACD,OAAO,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACzC,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;YAC5C,MAAM,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;YAC5C,IAAI,MAAM,KAAK,MAAM,EAAE;gBACrB,OAAO,CAAC,CAAC;aACV;YACD,OAAO,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC;;8HAhBU,gCAAgC;4HAAhC,gCAAgC;4FAAhC,gCAAgC;kBAH5C,IAAI;mBAAC;oBACJ,IAAI,EAAE,8BAA8B;iBACrC","sourcesContent":["import { Pipe, PipeTransform } from '@angular/core';\n\nimport { SkyPageLinksInput } from './types/page-links-input';\n\n@Pipe({\n name: 'skyActionHubRelatedLinksSort',\n})\nexport class SkyActionHubRelatedLinksSortPipe implements PipeTransform {\n public transform(relatedLinks: SkyPageLinksInput): SkyPageLinksInput {\n if (relatedLinks === 'loading') {\n return 'loading';\n }\n if (!relatedLinks || relatedLinks.length === 0) {\n return [];\n }\n return relatedLinks.slice(0).sort((a, b) => {\n const aLabel = a.label.trim().toUpperCase();\n const bLabel = b.label.trim().toUpperCase();\n if (aLabel === bLabel) {\n return 0;\n }\n return aLabel < bLabel ? -1 : 1;\n });\n }\n}\n"]}
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@skyux/indicators";
|
|
4
|
-
import * as i2 from "@skyux/layout";
|
|
5
|
-
import * as i3 from "../page-header/page-header.component";
|
|
6
|
-
import * as i4 from "../needs-attention/needs-attention.component";
|
|
7
|
-
import * as i5 from "../link-list/link-list.component";
|
|
8
|
-
import * as i6 from "@skyux/theme";
|
|
9
|
-
import * as i7 from "@angular/common";
|
|
10
|
-
import * as i8 from "./action-hub-related-links-sort.pipe";
|
|
11
|
-
import * as i9 from "@skyux/i18n";
|
|
12
|
-
import * as i10 from "./action-hub-recent-links-resolve.pipe";
|
|
13
|
-
/**
|
|
14
|
-
* Creates an action hub to direct user attention to important
|
|
15
|
-
* actions and provide quick access to common tasks.
|
|
16
|
-
*/
|
|
17
|
-
export class SkyActionHubComponent {
|
|
18
|
-
constructor() {
|
|
19
|
-
/**
|
|
20
|
-
* Provides a list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
|
|
21
|
-
*/
|
|
22
|
-
this.needsAttention = [];
|
|
23
|
-
/**
|
|
24
|
-
* Provides a list of recently accessed links, or `"loading"` to display a wait indicator.
|
|
25
|
-
*/
|
|
26
|
-
this.recentLinks = [];
|
|
27
|
-
/**
|
|
28
|
-
* Provides a list of related links, or `"loading"` to display a wait indicator.
|
|
29
|
-
*/
|
|
30
|
-
this.relatedLinks = [];
|
|
31
|
-
/**
|
|
32
|
-
* Specifies the page title.
|
|
33
|
-
* @default ""
|
|
34
|
-
*/
|
|
35
|
-
this.title = '';
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
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: i1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }, { type: i2.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { type: i2.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { type: i2.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { type: i3.SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { type: i4.SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { type: i5.SkyLinkListComponent, selector: "sky-link-list", inputs: ["links", "title"] }], directives: [{ type: i6.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyActionHubRelatedLinksSort": i8.SkyActionHubRelatedLinksSortPipe, "skyLibResources": i9.SkyLibResourcesPipe, "skyActionHubRecentLinksResolve": i10.SkyActionHubRecentLinksResolvePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
40
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
41
|
-
type: Component,
|
|
42
|
-
args: [{
|
|
43
|
-
selector: 'sky-action-hub',
|
|
44
|
-
templateUrl: './action-hub.component.html',
|
|
45
|
-
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
46
|
-
}]
|
|
47
|
-
}], propDecorators: { needsAttention: [{
|
|
48
|
-
type: Input
|
|
49
|
-
}], parentLink: [{
|
|
50
|
-
type: Input
|
|
51
|
-
}], recentLinks: [{
|
|
52
|
-
type: Input
|
|
53
|
-
}], relatedLinks: [{
|
|
54
|
-
type: Input
|
|
55
|
-
}], title: [{
|
|
56
|
-
type: Input
|
|
57
|
-
}] } });
|
|
58
|
-
//# sourceMappingURL=action-hub.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action-hub.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub.component.ts","../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;;;;;;;;;AAO1E;;;GAGG;AAMH,MAAM,OAAO,qBAAqB;IALlC;QAME;;WAEG;QAEI,mBAAc,GAA6C,EAAE,CAAC;QAQrE;;WAEG;QAEI,gBAAW,GAAwB,EAAE,CAAC;QAE7C;;WAEG;QAEI,iBAAY,GAAsB,EAAE,CAAC;QAE5C;;;WAGG;QAEI,UAAK,GAAG,EAAE,CAAC;KACnB;;mHA/BY,qBAAqB;uGAArB,qBAAqB,wMChBlC,q2DA8DA;4FD9Ca,qBAAqB;kBALjC,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,WAAW,EAAE,6BAA6B;oBAC1C,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAMQ,cAAc;sBADpB,KAAK;gBAOC,UAAU;sBADhB,KAAK;gBAOC,WAAW;sBADjB,KAAK;gBAOC,YAAY;sBADlB,KAAK;gBAQC,KAAK;sBADX,KAAK","sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n\nimport { SkyActionHubNeedsAttention } from './types/action-hub-needs-attention';\nimport { SkyPageLink } from './types/page-link';\nimport { SkyPageLinksInput } from './types/page-links-input';\nimport { SkyRecentLinksInput } from './types/recent-links-input';\n\n/**\n * Creates an action hub to direct user attention to important\n * actions and provide quick access to common tasks.\n */\n@Component({\n selector: 'sky-action-hub',\n templateUrl: './action-hub.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SkyActionHubComponent {\n /**\n * Provides a list of actions that users must perform based on business requirements or best practices, or `\"loading\"` to display a wait indicator.\n */\n @Input()\n public needsAttention: SkyActionHubNeedsAttention[] | 'loading' = [];\n\n /**\n * Links back to a parent page.\n */\n @Input()\n public parentLink: SkyPageLink;\n\n /**\n * Provides a list of recently accessed links, or `\"loading\"` to display a wait indicator.\n */\n @Input()\n public recentLinks: SkyRecentLinksInput = [];\n\n /**\n * Provides a list of related links, or `\"loading\"` to display a wait indicator.\n */\n @Input()\n public relatedLinks: SkyPageLinksInput = [];\n\n /**\n * Specifies the page title.\n * @default \"\"\n */\n @Input()\n public title = '';\n}\n","<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"]}
|
|
@@ -1,92 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { NgModule } from '@angular/core';
|
|
3
|
-
import { RouterModule } from '@angular/router';
|
|
4
|
-
import { SkyI18nModule } from '@skyux/i18n';
|
|
5
|
-
import { SkyIconModule, SkyKeyInfoModule, SkyWaitModule, } from '@skyux/indicators';
|
|
6
|
-
import { SkyActionButtonModule, SkyFluidGridModule } from '@skyux/layout';
|
|
7
|
-
import { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';
|
|
8
|
-
import { SkyThemeModule } from '@skyux/theme';
|
|
9
|
-
import { SkyLinkListComponent } from '../link-list/link-list.component';
|
|
10
|
-
import { SkyNeedsAttentionComponent } from '../needs-attention/needs-attention.component';
|
|
11
|
-
import { SkyPageHeaderModule } from '../page-header/page-header.module';
|
|
12
|
-
import { SkyPagesResourcesModule } from '../shared/sky-pages-resources.module';
|
|
13
|
-
import { SkyActionHubButtonsComponent } from './action-hub-buttons.component';
|
|
14
|
-
import { SkyActionHubContentComponent } from './action-hub-content.component';
|
|
15
|
-
import { SkyActionHubRecentLinksResolvePipe } from './action-hub-recent-links-resolve.pipe';
|
|
16
|
-
import { SkyActionHubRelatedLinksSortPipe } from './action-hub-related-links-sort.pipe';
|
|
17
|
-
import { SkyActionHubComponent } from './action-hub.component';
|
|
18
|
-
import * as i0 from "@angular/core";
|
|
19
|
-
export class SkyActionHubModule {
|
|
20
|
-
}
|
|
21
|
-
SkyActionHubModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
22
|
-
SkyActionHubModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubModule, declarations: [SkyActionHubButtonsComponent,
|
|
23
|
-
SkyActionHubComponent,
|
|
24
|
-
SkyActionHubContentComponent,
|
|
25
|
-
SkyActionHubRecentLinksResolvePipe,
|
|
26
|
-
SkyActionHubRelatedLinksSortPipe,
|
|
27
|
-
SkyNeedsAttentionComponent,
|
|
28
|
-
SkyLinkListComponent], imports: [CommonModule,
|
|
29
|
-
SkyPagesResourcesModule,
|
|
30
|
-
RouterModule,
|
|
31
|
-
SkyActionButtonModule,
|
|
32
|
-
SkyAppLinkModule,
|
|
33
|
-
SkyFluidGridModule,
|
|
34
|
-
SkyI18nModule,
|
|
35
|
-
SkyIconModule,
|
|
36
|
-
SkyKeyInfoModule,
|
|
37
|
-
SkyPageHeaderModule,
|
|
38
|
-
SkyThemeModule,
|
|
39
|
-
SkyWaitModule,
|
|
40
|
-
SkyHrefModule], exports: [SkyActionHubButtonsComponent,
|
|
41
|
-
SkyActionHubComponent,
|
|
42
|
-
SkyActionHubContentComponent] });
|
|
43
|
-
SkyActionHubModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubModule, imports: [[
|
|
44
|
-
CommonModule,
|
|
45
|
-
SkyPagesResourcesModule,
|
|
46
|
-
RouterModule,
|
|
47
|
-
SkyActionButtonModule,
|
|
48
|
-
SkyAppLinkModule,
|
|
49
|
-
SkyFluidGridModule,
|
|
50
|
-
SkyI18nModule,
|
|
51
|
-
SkyIconModule,
|
|
52
|
-
SkyKeyInfoModule,
|
|
53
|
-
SkyPageHeaderModule,
|
|
54
|
-
SkyThemeModule,
|
|
55
|
-
SkyWaitModule,
|
|
56
|
-
SkyHrefModule,
|
|
57
|
-
]] });
|
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyActionHubModule, decorators: [{
|
|
59
|
-
type: NgModule,
|
|
60
|
-
args: [{
|
|
61
|
-
imports: [
|
|
62
|
-
CommonModule,
|
|
63
|
-
SkyPagesResourcesModule,
|
|
64
|
-
RouterModule,
|
|
65
|
-
SkyActionButtonModule,
|
|
66
|
-
SkyAppLinkModule,
|
|
67
|
-
SkyFluidGridModule,
|
|
68
|
-
SkyI18nModule,
|
|
69
|
-
SkyIconModule,
|
|
70
|
-
SkyKeyInfoModule,
|
|
71
|
-
SkyPageHeaderModule,
|
|
72
|
-
SkyThemeModule,
|
|
73
|
-
SkyWaitModule,
|
|
74
|
-
SkyHrefModule,
|
|
75
|
-
],
|
|
76
|
-
declarations: [
|
|
77
|
-
SkyActionHubButtonsComponent,
|
|
78
|
-
SkyActionHubComponent,
|
|
79
|
-
SkyActionHubContentComponent,
|
|
80
|
-
SkyActionHubRecentLinksResolvePipe,
|
|
81
|
-
SkyActionHubRelatedLinksSortPipe,
|
|
82
|
-
SkyNeedsAttentionComponent,
|
|
83
|
-
SkyLinkListComponent,
|
|
84
|
-
],
|
|
85
|
-
exports: [
|
|
86
|
-
SkyActionHubButtonsComponent,
|
|
87
|
-
SkyActionHubComponent,
|
|
88
|
-
SkyActionHubContentComponent,
|
|
89
|
-
],
|
|
90
|
-
}]
|
|
91
|
-
}] });
|
|
92
|
-
//# sourceMappingURL=action-hub.module.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action-hub.module.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/action-hub/action-hub.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,aAAa,CAAC;AAC5C,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAC;AAC1F,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,gCAAgC,CAAC;AAC9E,OAAO,EAAE,kCAAkC,EAAE,MAAM,wCAAwC,CAAC;AAC5F,OAAO,EAAE,gCAAgC,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;;AAiC/D,MAAM,OAAO,kBAAkB;;gHAAlB,kBAAkB;iHAAlB,kBAAkB,iBAd3B,4BAA4B;QAC5B,qBAAqB;QACrB,4BAA4B;QAC5B,kCAAkC;QAClC,gCAAgC;QAChC,0BAA0B;QAC1B,oBAAoB,aArBpB,YAAY;QACZ,uBAAuB;QACvB,YAAY;QACZ,qBAAqB;QACrB,gBAAgB;QAChB,kBAAkB;QAClB,aAAa;QACb,aAAa;QACb,gBAAgB;QAChB,mBAAmB;QACnB,cAAc;QACd,aAAa;QACb,aAAa,aAYb,4BAA4B;QAC5B,qBAAqB;QACrB,4BAA4B;iHAGnB,kBAAkB,YA9BpB;YACP,YAAY;YACZ,uBAAuB;YACvB,YAAY;YACZ,qBAAqB;YACrB,gBAAgB;YAChB,kBAAkB;YAClB,aAAa;YACb,aAAa;YACb,gBAAgB;YAChB,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,aAAa;SACd;4FAgBU,kBAAkB;kBA/B9B,QAAQ;mBAAC;oBACR,OAAO,EAAE;wBACP,YAAY;wBACZ,uBAAuB;wBACvB,YAAY;wBACZ,qBAAqB;wBACrB,gBAAgB;wBAChB,kBAAkB;wBAClB,aAAa;wBACb,aAAa;wBACb,gBAAgB;wBAChB,mBAAmB;wBACnB,cAAc;wBACd,aAAa;wBACb,aAAa;qBACd;oBACD,YAAY,EAAE;wBACZ,4BAA4B;wBAC5B,qBAAqB;wBACrB,4BAA4B;wBAC5B,kCAAkC;wBAClC,gCAAgC;wBAChC,0BAA0B;wBAC1B,oBAAoB;qBACrB;oBACD,OAAO,EAAE;wBACP,4BAA4B;wBAC5B,qBAAqB;wBACrB,4BAA4B;qBAC7B;iBACF","sourcesContent":["import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { SkyI18nModule } from '@skyux/i18n';\nimport {\n SkyIconModule,\n SkyKeyInfoModule,\n SkyWaitModule,\n} from '@skyux/indicators';\nimport { SkyActionButtonModule, SkyFluidGridModule } from '@skyux/layout';\nimport { SkyAppLinkModule, SkyHrefModule } from '@skyux/router';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { SkyLinkListComponent } from '../link-list/link-list.component';\nimport { SkyNeedsAttentionComponent } from '../needs-attention/needs-attention.component';\nimport { SkyPageHeaderModule } from '../page-header/page-header.module';\nimport { SkyPagesResourcesModule } from '../shared/sky-pages-resources.module';\n\nimport { SkyActionHubButtonsComponent } from './action-hub-buttons.component';\nimport { SkyActionHubContentComponent } from './action-hub-content.component';\nimport { SkyActionHubRecentLinksResolvePipe } from './action-hub-recent-links-resolve.pipe';\nimport { SkyActionHubRelatedLinksSortPipe } from './action-hub-related-links-sort.pipe';\nimport { SkyActionHubComponent } from './action-hub.component';\n\n@NgModule({\n imports: [\n CommonModule,\n SkyPagesResourcesModule,\n RouterModule,\n SkyActionButtonModule,\n SkyAppLinkModule,\n SkyFluidGridModule,\n SkyI18nModule,\n SkyIconModule,\n SkyKeyInfoModule,\n SkyPageHeaderModule,\n SkyThemeModule,\n SkyWaitModule,\n SkyHrefModule,\n ],\n declarations: [\n SkyActionHubButtonsComponent,\n SkyActionHubComponent,\n SkyActionHubContentComponent,\n SkyActionHubRecentLinksResolvePipe,\n SkyActionHubRelatedLinksSortPipe,\n SkyNeedsAttentionComponent,\n SkyLinkListComponent,\n ],\n exports: [\n SkyActionHubButtonsComponent,\n SkyActionHubComponent,\n SkyActionHubContentComponent,\n ],\n})\nexport class SkyActionHubModule {}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"action-hub-needs-attention.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/pages/src/lib/modules/action-hub/types/action-hub-needs-attention.ts"],"names":[],"mappings":"","sourcesContent":["import { NavigationExtras } from '@angular/router';\n\n/**\n * Specifies action items that require attention and directs users to pages\n * where they can resolve them.\n */\nexport interface SkyActionHubNeedsAttention {\n /**\n * Specifies a bold title to display at the start of the action item.\n */\n title: string;\n /**\n * Specifies de-emphasized text to display after the title.\n */\n message?: string;\n /**\n * Specifies a link to resolve the action item.\n */\n permalink: {\n route?: {\n commands: any[];\n extras?: NavigationExtras;\n };\n url?: string;\n };\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"page-link.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/pages/src/lib/modules/action-hub/types/page-link.ts"],"names":[],"mappings":"","sourcesContent":["import { NavigationExtras } from '@angular/router';\n\n/**\n * Displays links to related information or recently accessed items.\n */\nexport interface SkyPageLink {\n /**\n * Specifies the link text.\n */\n label: string;\n /**\n * Specifies the link destination.\n */\n permalink: {\n route?: {\n commands: any[];\n extras?: NavigationExtras;\n };\n url?: string;\n };\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"page-links-input.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/pages/src/lib/modules/action-hub/types/page-links-input.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyPageLink } from './page-link';\n\nexport type SkyPageLinksInput = SkyPageLink[] | 'loading' | undefined;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"recent-link.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/pages/src/lib/modules/action-hub/types/recent-link.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyPageLink } from './page-link';\n\n/**\n * Link that also has a date field to sort by.\n *\n * @property lastAccessed Date Object or ISO-8601 string.\n */\nexport interface SkyRecentLink extends SkyPageLink {\n lastAccessed: Date | string;\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"recent-links-input.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/pages/src/lib/modules/action-hub/types/recent-links-input.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyRecentlyAccessedGetLinksArgs } from '@skyux/router';\n\nimport { SkyRecentLink } from './recent-link';\n\n/**\n * Recently accessed links to display in a link list component.\n */\nexport type SkyRecentLinksInput =\n | SkyRecentLink[]\n | 'loading'\n | SkyRecentlyAccessedGetLinksArgs\n | undefined;\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"recent-links-resolved.js","sourceRoot":"","sources":["../../../../../../../../../libs/components/pages/src/lib/modules/action-hub/types/recent-links-resolved.ts"],"names":[],"mappings":"","sourcesContent":["import { SkyRecentLink } from './recent-link';\n\nexport type SkyRecentLinksResolved = SkyRecentLink[] | 'loading' | undefined;\n"]}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@skyux/indicators";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "@skyux/theme";
|
|
6
|
-
import * as i4 from "@skyux/router";
|
|
7
|
-
export class SkyLinkListComponent {
|
|
8
|
-
}
|
|
9
|
-
SkyLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
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: i1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i4.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }] });
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyLinkListComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{
|
|
14
|
-
selector: 'sky-link-list',
|
|
15
|
-
templateUrl: './link-list.component.html',
|
|
16
|
-
styleUrls: ['./link-list.component.scss'],
|
|
17
|
-
}]
|
|
18
|
-
}], propDecorators: { links: [{
|
|
19
|
-
type: Input
|
|
20
|
-
}], title: [{
|
|
21
|
-
type: Input
|
|
22
|
-
}] } });
|
|
23
|
-
//# sourceMappingURL=link-list.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link-list.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/link-list/link-list.component.ts","../../../../../../../../libs/components/pages/src/lib/modules/link-list/link-list.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;;;AASjD,MAAM,OAAO,oBAAoB;;kHAApB,oBAAoB;sGAApB,oBAAoB,iGCTjC,2yDAoDA;4FD3Ca,oBAAoB;kBALhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,eAAe;oBACzB,WAAW,EAAE,4BAA4B;oBACzC,SAAS,EAAE,CAAC,4BAA4B,CAAC;iBAC1C;8BAGQ,KAAK;sBADX,KAAK;gBAIC,KAAK;sBADX,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyPageLinksInput } from '../action-hub/types/page-links-input';\n\n@Component({\n selector: 'sky-link-list',\n templateUrl: './link-list.component.html',\n styleUrls: ['./link-list.component.scss'],\n})\nexport class SkyLinkListComponent {\n @Input()\n public links: SkyPageLinksInput;\n\n @Input()\n public title: string;\n}\n","<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"]}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@skyux/layout";
|
|
4
|
-
import * as i2 from "@skyux/indicators";
|
|
5
|
-
import * as i3 from "@skyux/theme";
|
|
6
|
-
import * as i4 from "@angular/common";
|
|
7
|
-
import * as i5 from "@skyux/router";
|
|
8
|
-
import * as i6 from "@skyux/i18n";
|
|
9
|
-
export class SkyNeedsAttentionComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.gutterSize = 'large';
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
SkyNeedsAttentionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
-
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: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i5.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }], pipes: { "skyLibResources": i6.SkyLibResourcesPipe } });
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{
|
|
19
|
-
selector: 'sky-needs-attention',
|
|
20
|
-
templateUrl: './needs-attention.component.html',
|
|
21
|
-
styleUrls: ['./needs-attention.component.scss'],
|
|
22
|
-
}]
|
|
23
|
-
}], propDecorators: { items: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}] } });
|
|
26
|
-
//# sourceMappingURL=needs-attention.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"needs-attention.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/needs-attention/needs-attention.component.ts","../../../../../../../../libs/components/pages/src/lib/modules/needs-attention/needs-attention.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;;;;;AAUjD,MAAM,OAAO,0BAA0B;IALvC;QASkB,eAAU,GAA+B,OAAO,CAAC;KAClE;;wHALY,0BAA0B;4GAA1B,0BAA0B,uFCVvC,g4FAkFA;4FDxEa,0BAA0B;kBALtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,WAAW,EAAE,kCAAkC;oBAC/C,SAAS,EAAE,CAAC,kCAAkC,CAAC;iBAChD;8BAGQ,KAAK;sBADX,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\nimport { SkyFluidGridGutterSizeType } from '@skyux/layout';\n\nimport { SkyActionHubNeedsAttention } from '../action-hub/types/action-hub-needs-attention';\n\n@Component({\n selector: 'sky-needs-attention',\n templateUrl: './needs-attention.component.html',\n styleUrls: ['./needs-attention.component.scss'],\n})\nexport class SkyNeedsAttentionComponent {\n @Input()\n public items: SkyActionHubNeedsAttention[];\n\n public readonly gutterSize: SkyFluidGridGutterSizeType = 'large';\n}\n","<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"]}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@skyux/indicators";
|
|
4
|
-
import * as i2 from "@angular/common";
|
|
5
|
-
import * as i3 from "@skyux/router";
|
|
6
|
-
import * as i4 from "@skyux/theme";
|
|
7
|
-
let parentLink;
|
|
8
|
-
export class SkyPageHeaderComponent {
|
|
9
|
-
}
|
|
10
|
-
SkyPageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
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: i1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { type: i4.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }] });
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
|
|
13
|
-
type: Component,
|
|
14
|
-
args: [{
|
|
15
|
-
selector: 'sky-page-header',
|
|
16
|
-
templateUrl: './page-header.component.html',
|
|
17
|
-
styleUrls: ['./page-header.component.scss'],
|
|
18
|
-
}]
|
|
19
|
-
}], propDecorators: { parentLink: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}], pageTitle: [{
|
|
22
|
-
type: Input
|
|
23
|
-
}] } });
|
|
24
|
-
//# sourceMappingURL=page-header.component.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"page-header.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/pages/src/lib/modules/page-header/page-header.component.ts","../../../../../../../../libs/components/pages/src/lib/modules/page-header/page-header.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;;;;;;AAIjD,IAAI,UAAuB,CAAC;AAO5B,MAAM,OAAO,sBAAsB;;oHAAtB,sBAAsB;wGAAtB,sBAAsB,qHCXnC,m+CAuCA;4FD5Ba,sBAAsB;kBALlC,SAAS;mBAAC;oBACT,QAAQ,EAAE,iBAAiB;oBAC3B,WAAW,EAAE,8BAA8B;oBAC3C,SAAS,EAAE,CAAC,8BAA8B,CAAC;iBAC5C;8BAGQ,UAAU;sBADhB,KAAK;gBAIC,SAAS;sBADf,KAAK","sourcesContent":["import { Component, Input } from '@angular/core';\n\nimport { SkyPageLink } from '../action-hub/types/page-link';\n\nlet parentLink: SkyPageLink;\n\n@Component({\n selector: 'sky-page-header',\n templateUrl: './page-header.component.html',\n styleUrls: ['./page-header.component.scss'],\n})\nexport class SkyPageHeaderComponent {\n @Input()\n public parentLink?: typeof parentLink;\n\n @Input()\n public pageTitle!: string;\n}\n","<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"]}
|