@skyux/pages 8.7.2 → 9.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +150 -150
- package/{esm2020 → esm2022}/lib/modules/action-hub/action-hub-buttons.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/action-hub/action-hub-content.component.mjs +4 -4
- package/esm2022/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.mjs +100 -0
- package/{esm2020 → esm2022}/lib/modules/action-hub/action-hub-related-links-sort.pipe.mjs +4 -4
- package/esm2022/lib/modules/action-hub/action-hub.component.mjs +68 -0
- package/{esm2020 → esm2022}/lib/modules/action-hub/action-hub.module.mjs +31 -31
- package/{esm2020 → esm2022}/lib/modules/link-as/link-as.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/modules/link-as/link-as.pipe.mjs +4 -4
- package/esm2022/lib/modules/link-list/link-list.component.mjs +30 -0
- package/{esm2020 → esm2022}/lib/modules/link-list/link-list.module.mjs +17 -17
- package/esm2022/lib/modules/modal-link-list/modal-link-list.component.mjs +39 -0
- package/{esm2020 → esm2022}/lib/modules/modal-link-list/modal-link-list.module.mjs +15 -15
- package/esm2022/lib/modules/needs-attention/needs-attention.component.mjs +36 -0
- package/{esm2020 → esm2022}/lib/modules/needs-attention/needs-attention.module.mjs +25 -25
- package/{esm2020 → esm2022}/lib/modules/page/page-content.component.mjs +4 -4
- package/esm2022/lib/modules/page/page-theme-adapter.service.mjs +40 -0
- package/esm2022/lib/modules/page/page.component.mjs +76 -0
- package/{esm2020 → esm2022}/lib/modules/page/page.module.mjs +5 -5
- package/{esm2020 → esm2022}/lib/modules/page-header/page-header-actions.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-header/page-header-alerts.component.mjs +4 -4
- package/esm2022/lib/modules/page-header/page-header-avatar.component.mjs +33 -0
- package/{esm2020 → esm2022}/lib/modules/page-header/page-header-details.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-header/page-header.component.mjs +4 -4
- package/{esm2020 → esm2022}/lib/modules/page-header/page-header.module.mjs +23 -23
- package/esm2022/lib/modules/shared/sky-pages-resources.module.mjs +53 -0
- package/esm2022/testing/page/page-harness.mjs +44 -0
- package/esm2022/testing/page-header/page-header-harness.mjs +37 -0
- package/{fesm2020 → fesm2022}/skyux-pages-testing.mjs +12 -18
- package/{fesm2020 → fesm2022}/skyux-pages-testing.mjs.map +1 -1
- package/fesm2022/skyux-pages.mjs +849 -0
- package/{fesm2020 → fesm2022}/skyux-pages.mjs.map +1 -1
- package/lib/modules/action-hub/action-hub.component.d.ts +1 -1
- package/lib/modules/link-list/link-list.component.d.ts +1 -1
- package/lib/modules/modal-link-list/modal-link-list.component.d.ts +1 -1
- package/lib/modules/needs-attention/needs-attention.component.d.ts +1 -1
- package/lib/modules/page/page.component.d.ts +1 -1
- package/lib/modules/page-header/page-header.component.d.ts +1 -1
- package/package.json +19 -27
- package/esm2020/lib/modules/action-hub/action-hub-recent-links-resolve.pipe.mjs +0 -101
- package/esm2020/lib/modules/action-hub/action-hub.component.mjs +0 -71
- package/esm2020/lib/modules/link-list/link-list.component.mjs +0 -33
- package/esm2020/lib/modules/modal-link-list/modal-link-list.component.mjs +0 -42
- package/esm2020/lib/modules/needs-attention/needs-attention.component.mjs +0 -41
- package/esm2020/lib/modules/page/page-theme-adapter.service.mjs +0 -43
- package/esm2020/lib/modules/page/page.component.mjs +0 -76
- package/esm2020/lib/modules/page-header/page-header-avatar.component.mjs +0 -36
- package/esm2020/lib/modules/shared/sky-pages-resources.module.mjs +0 -53
- package/esm2020/testing/page/page-harness.mjs +0 -44
- package/esm2020/testing/page-header/page-header-harness.mjs +0 -43
- package/fesm2015/skyux-pages-testing.mjs +0 -100
- package/fesm2015/skyux-pages-testing.mjs.map +0 -1
- package/fesm2015/skyux-pages.mjs +0 -867
- package/fesm2015/skyux-pages.mjs.map +0 -1
- package/fesm2020/skyux-pages.mjs +0 -863
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/action-hub-needs-attention-click-handler.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/action-hub-needs-attention-input.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/action-hub-needs-attention.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/page-link-interface.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/page-link.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/page-links-input.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/page-modal-link.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/page-modal-links-input.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/recent-link.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/recent-links-input.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/action-hub/types/recent-links-resolved.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/modules/page/types/page-layout-type.mjs +0 -0
- /package/{esm2020 → esm2022}/skyux-pages.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/page/page-harness-filters.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/page-header/page-header-harness-filters.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/public-api.mjs +0 -0
- /package/{esm2020 → esm2022}/testing/skyux-pages-testing.mjs +0 -0
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
var _SkyActionHubRecentLinksResolvePipe_instances, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, _SkyActionHubRecentLinksResolvePipe_changeDetector, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSvc, _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Optional, Pipe, } from '@angular/core';
|
|
4
|
-
import { Subject } from 'rxjs';
|
|
5
|
-
import { takeUntil } from 'rxjs/operators';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@skyux/router";
|
|
8
|
-
const RECENTLY_ACCESSED_LIMIT = 5;
|
|
9
|
-
function getRecentLinksSorted(recentLinks) {
|
|
10
|
-
if (recentLinks === 'loading') {
|
|
11
|
-
return 'loading';
|
|
12
|
-
}
|
|
13
|
-
if (!recentLinks || recentLinks.length === 0) {
|
|
14
|
-
return [];
|
|
15
|
-
}
|
|
16
|
-
return recentLinks
|
|
17
|
-
.slice(0)
|
|
18
|
-
.sort((a, b) => {
|
|
19
|
-
const aTime = a.lastAccessed instanceof Date
|
|
20
|
-
? a.lastAccessed.toISOString()
|
|
21
|
-
: a.lastAccessed;
|
|
22
|
-
const bTime = b.lastAccessed instanceof Date
|
|
23
|
-
? b.lastAccessed.toISOString()
|
|
24
|
-
: b.lastAccessed;
|
|
25
|
-
if (aTime === bTime) {
|
|
26
|
-
return 0;
|
|
27
|
-
}
|
|
28
|
-
return aTime > bTime ? -1 : 1;
|
|
29
|
-
})
|
|
30
|
-
.slice(0, RECENTLY_ACCESSED_LIMIT);
|
|
31
|
-
}
|
|
32
|
-
export class SkyActionHubRecentLinksResolvePipe {
|
|
33
|
-
constructor(changeDetector, recentlyAccessedSvc) {
|
|
34
|
-
_SkyActionHubRecentLinksResolvePipe_instances.add(this);
|
|
35
|
-
_SkyActionHubRecentLinksResolvePipe_currentRecentLinks.set(this, void 0);
|
|
36
|
-
_SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved.set(this, []);
|
|
37
|
-
_SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub.set(this, void 0);
|
|
38
|
-
_SkyActionHubRecentLinksResolvePipe_ngUnsubscribe.set(this, new Subject());
|
|
39
|
-
_SkyActionHubRecentLinksResolvePipe_changeDetector.set(this, void 0);
|
|
40
|
-
_SkyActionHubRecentLinksResolvePipe_recentlyAccessedSvc.set(this, void 0);
|
|
41
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_changeDetector, changeDetector, "f");
|
|
42
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSvc, recentlyAccessedSvc, "f");
|
|
43
|
-
}
|
|
44
|
-
transform(recentLinks) {
|
|
45
|
-
if (recentLinks !== __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, "f")) {
|
|
46
|
-
if (__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f")) {
|
|
47
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, "f").unsubscribe();
|
|
48
|
-
}
|
|
49
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinks, recentLinks, "f");
|
|
50
|
-
const getLinksArgs = recentLinks;
|
|
51
|
-
if (getLinksArgs?.requestedRoutes) {
|
|
52
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes).call(this, getLinksArgs);
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
return __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, "f");
|
|
59
|
-
}
|
|
60
|
-
ngOnDestroy() {
|
|
61
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").next();
|
|
62
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f").complete();
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
_SkyActionHubRecentLinksResolvePipe_currentRecentLinks = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_changeDetector = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSvc = new WeakMap(), _SkyActionHubRecentLinksResolvePipe_instances = new WeakSet(), _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes = function _SkyActionHubRecentLinksResolvePipe_resolveRequestedRoutes(args) {
|
|
66
|
-
if (__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSvc, "f")) {
|
|
67
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, 'loading');
|
|
68
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, __classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSvc, "f")
|
|
69
|
-
.getLinks(args)
|
|
70
|
-
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_ngUnsubscribe, "f")))
|
|
71
|
-
.subscribe((result) => {
|
|
72
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_recentlyAccessedSub, undefined, "f");
|
|
73
|
-
const recentLinks = result.links.map((item) => ({
|
|
74
|
-
label: item.label,
|
|
75
|
-
lastAccessed: item.lastAccessed,
|
|
76
|
-
permalink: {
|
|
77
|
-
url: item.url,
|
|
78
|
-
},
|
|
79
|
-
}));
|
|
80
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, recentLinks);
|
|
81
|
-
}), "f");
|
|
82
|
-
}
|
|
83
|
-
else {
|
|
84
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_instances, "m", _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved).call(this, []);
|
|
85
|
-
}
|
|
86
|
-
}, _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved = function _SkyActionHubRecentLinksResolvePipe_updateRecentLinksResolved(recentLinksResolved) {
|
|
87
|
-
__classPrivateFieldSet(this, _SkyActionHubRecentLinksResolvePipe_currentRecentLinksResolved, getRecentLinksSorted(recentLinksResolved), "f");
|
|
88
|
-
__classPrivateFieldGet(this, _SkyActionHubRecentLinksResolvePipe_changeDetector, "f").markForCheck();
|
|
89
|
-
};
|
|
90
|
-
SkyActionHubRecentLinksResolvePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyRecentlyAccessedService, optional: true }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
91
|
-
SkyActionHubRecentLinksResolvePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve", pure: false });
|
|
92
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionHubRecentLinksResolvePipe, decorators: [{
|
|
93
|
-
type: Pipe,
|
|
94
|
-
args: [{
|
|
95
|
-
name: 'skyActionHubRecentLinksResolve',
|
|
96
|
-
pure: false,
|
|
97
|
-
}]
|
|
98
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyRecentlyAccessedService, decorators: [{
|
|
99
|
-
type: Optional
|
|
100
|
-
}] }]; } });
|
|
101
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi1yZWNlbnQtbGlua3MtcmVzb2x2ZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9hY3Rpb24taHViL2FjdGlvbi1odWItcmVjZW50LWxpbmtzLXJlc29sdmUucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFHTCxRQUFRLEVBQ1IsSUFBSSxHQUVMLE1BQU0sZUFBZSxDQUFDO0FBTXZCLE9BQU8sRUFBRSxPQUFPLEVBQWdCLE1BQU0sTUFBTSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBTTNDLE1BQU0sdUJBQXVCLEdBQUcsQ0FBQyxDQUFDO0FBRWxDLFNBQVMsb0JBQW9CLENBQzNCLFdBQW1DO0lBRW5DLElBQUksV0FBVyxLQUFLLFNBQVMsRUFBRTtRQUM3QixPQUFPLFNBQVMsQ0FBQztLQUNsQjtJQUNELElBQUksQ0FBQyxXQUFXLElBQUksV0FBVyxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7UUFDNUMsT0FBTyxFQUFFLENBQUM7S0FDWDtJQUNELE9BQU8sV0FBVztTQUNmLEtBQUssQ0FBQyxDQUFDLENBQUM7U0FDUixJQUFJLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEVBQUU7UUFDYixNQUFNLEtBQUssR0FDVCxDQUFDLENBQUMsWUFBWSxZQUFZLElBQUk7WUFDNUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFO1lBQzlCLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDO1FBQ3JCLE1BQU0sS0FBSyxHQUNULENBQUMsQ0FBQyxZQUFZLFlBQVksSUFBSTtZQUM1QixDQUFDLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxXQUFXLEVBQUU7WUFDOUIsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUM7UUFDckIsSUFBSSxLQUFLLEtBQUssS0FBSyxFQUFFO1lBQ25CLE9BQU8sQ0FBQyxDQUFDO1NBQ1Y7UUFDRCxPQUFPLEtBQUssR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDaEMsQ0FBQyxDQUFDO1NBQ0QsS0FBSyxDQUFDLENBQUMsRUFBRSx1QkFBdUIsQ0FBQyxDQUFDO0FBQ3ZDLENBQUM7QUFNRCxNQUFNLE9BQU8sa0NBQWtDO0lBYzdDLFlBQ0UsY0FBaUMsRUFDckIsbUJBQWdEOztRQWI5RCx5RUFBeUM7UUFFekMseUVBQXNELEVBQUUsRUFBQztRQUV6RCwwRUFBK0M7UUFFL0MsNERBQWlCLElBQUksT0FBTyxFQUFRLEVBQUM7UUFFckMscUVBQW1DO1FBQ25DLDBFQUE2RDtRQU0zRCx1QkFBQSxJQUFJLHNEQUFtQixjQUFjLE1BQUEsQ0FBQztRQUN0Qyx1QkFBQSxJQUFJLDJEQUF3QixtQkFBbUIsTUFBQSxDQUFDO0lBQ2xELENBQUM7SUFFTSxTQUFTLENBQUMsV0FBZ0M7UUFDL0MsSUFBSSxXQUFXLEtBQUssdUJBQUEsSUFBSSw4REFBb0IsRUFBRTtZQUM1QyxJQUFJLHVCQUFBLElBQUksK0RBQXFCLEVBQUU7Z0JBQzdCLHVCQUFBLElBQUksK0RBQXFCLENBQUMsV0FBVyxFQUFFLENBQUM7YUFDekM7WUFFRCx1QkFBQSxJQUFJLDBEQUF1QixXQUFXLE1BQUEsQ0FBQztZQUV2QyxNQUFNLFlBQVksR0FBRyxXQUE4QyxDQUFDO1lBRXBFLElBQUksWUFBWSxFQUFFLGVBQWUsRUFBRTtnQkFDakMsdUJBQUEsSUFBSSxpSEFBd0IsTUFBNUIsSUFBSSxFQUF5QixZQUFZLENBQUMsQ0FBQzthQUM1QztpQkFBTTtnQkFDTCx1QkFBQSxJQUFJLG9IQUEyQixNQUEvQixJQUFJLEVBQTRCLFdBQXFDLENBQUMsQ0FBQzthQUN4RTtTQUNGO1FBRUQsT0FBTyx1QkFBQSxJQUFJLHNFQUE0QixDQUFDO0lBQzFDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLHVCQUFBLElBQUkseURBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQix1QkFBQSxJQUFJLHlEQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDakMsQ0FBQzs7aW5CQUV1QixJQUFxQztJQUMzRCxJQUFJLHVCQUFBLElBQUksK0RBQXFCLEVBQUU7UUFDN0IsdUJBQUEsSUFBSSxvSEFBMkIsTUFBL0IsSUFBSSxFQUE0QixTQUFTLENBQUMsQ0FBQztRQUUzQyx1QkFBQSxJQUFJLDJEQUF3Qix1QkFBQSxJQUFJLCtEQUFxQjthQUNsRCxRQUFRLENBQUMsSUFBSSxDQUFDO2FBQ2QsSUFBSSxDQUFDLFNBQVMsQ0FBQyx1QkFBQSxJQUFJLHlEQUFlLENBQUMsQ0FBQzthQUNwQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNwQix1QkFBQSxJQUFJLDJEQUF3QixTQUFTLE1BQUEsQ0FBQztZQUV0QyxNQUFNLFdBQVcsR0FBb0IsTUFBTSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBQy9ELEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSztnQkFDakIsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZO2dCQUMvQixTQUFTLEVBQUU7b0JBQ1QsR0FBRyxFQUFFLElBQUksQ0FBQyxHQUFHO2lCQUNkO2FBQ0YsQ0FBQyxDQUFDLENBQUM7WUFFSix1QkFBQSxJQUFJLG9IQUEyQixNQUEvQixJQUFJLEVBQTRCLFdBQVcsQ0FBQyxDQUFDO1FBQy9DLENBQUMsQ0FBQyxNQUFBLENBQUM7S0FDTjtTQUFNO1FBQ0wsdUJBQUEsSUFBSSxvSEFBMkIsTUFBL0IsSUFBSSxFQUE0QixFQUFFLENBQUMsQ0FBQztLQUNyQztBQUNILENBQUMseUlBR0MsbUJBQTJDO0lBRTNDLHVCQUFBLElBQUksa0VBQ0Ysb0JBQW9CLENBQUMsbUJBQW1CLENBQUMsTUFBQSxDQUFDO0lBRTVDLHVCQUFBLElBQUksMERBQWdCLENBQUMsWUFBWSxFQUFFLENBQUM7QUFDdEMsQ0FBQzsrSEEvRVUsa0NBQWtDOzZIQUFsQyxrQ0FBa0M7MkZBQWxDLGtDQUFrQztrQkFKOUMsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsZ0NBQWdDO29CQUN0QyxJQUFJLEVBQUUsS0FBSztpQkFDWjs7MEJBaUJJLFFBQVEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgT25EZXN0cm95LFxuICBPcHRpb25hbCxcbiAgUGlwZSxcbiAgUGlwZVRyYW5zZm9ybSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTa3lSZWNlbnRseUFjY2Vzc2VkR2V0TGlua3NBcmdzLFxuICBTa3lSZWNlbnRseUFjY2Vzc2VkU2VydmljZSxcbn0gZnJvbSAnQHNreXV4L3JvdXRlcic7XG5cbmltcG9ydCB7IFN1YmplY3QsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lSZWNlbnRMaW5rIH0gZnJvbSAnLi90eXBlcy9yZWNlbnQtbGluayc7XG5pbXBvcnQgeyBTa3lSZWNlbnRMaW5rc0lucHV0IH0gZnJvbSAnLi90eXBlcy9yZWNlbnQtbGlua3MtaW5wdXQnO1xuaW1wb3J0IHsgU2t5UmVjZW50TGlua3NSZXNvbHZlZCB9IGZyb20gJy4vdHlwZXMvcmVjZW50LWxpbmtzLXJlc29sdmVkJztcblxuY29uc3QgUkVDRU5UTFlfQUNDRVNTRURfTElNSVQgPSA1O1xuXG5mdW5jdGlvbiBnZXRSZWNlbnRMaW5rc1NvcnRlZChcbiAgcmVjZW50TGlua3M6IFNreVJlY2VudExpbmtzUmVzb2x2ZWRcbik6IFNreVJlY2VudExpbmtzUmVzb2x2ZWQge1xuICBpZiAocmVjZW50TGlua3MgPT09ICdsb2FkaW5nJykge1xuICAgIHJldHVybiAnbG9hZGluZyc7XG4gIH1cbiAgaWYgKCFyZWNlbnRMaW5rcyB8fCByZWNlbnRMaW5rcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gW107XG4gIH1cbiAgcmV0dXJuIHJlY2VudExpbmtzXG4gICAgLnNsaWNlKDApXG4gICAgLnNvcnQoKGEsIGIpID0+IHtcbiAgICAgIGNvbnN0IGFUaW1lID1cbiAgICAgICAgYS5sYXN0QWNjZXNzZWQgaW5zdGFuY2VvZiBEYXRlXG4gICAgICAgICAgPyBhLmxhc3RBY2Nlc3NlZC50b0lTT1N0cmluZygpXG4gICAgICAgICAgOiBhLmxhc3RBY2Nlc3NlZDtcbiAgICAgIGNvbnN0IGJUaW1lID1cbiAgICAgICAgYi5sYXN0QWNjZXNzZWQgaW5zdGFuY2VvZiBEYXRlXG4gICAgICAgICAgPyBiLmxhc3RBY2Nlc3NlZC50b0lTT1N0cmluZygpXG4gICAgICAgICAgOiBiLmxhc3RBY2Nlc3NlZDtcbiAgICAgIGlmIChhVGltZSA9PT0gYlRpbWUpIHtcbiAgICAgICAgcmV0dXJuIDA7XG4gICAgICB9XG4gICAgICByZXR1cm4gYVRpbWUgPiBiVGltZSA/IC0xIDogMTtcbiAgICB9KVxuICAgIC5zbGljZSgwLCBSRUNFTlRMWV9BQ0NFU1NFRF9MSU1JVCk7XG59XG5cbkBQaXBlKHtcbiAgbmFtZTogJ3NreUFjdGlvbkh1YlJlY2VudExpbmtzUmVzb2x2ZScsXG4gIHB1cmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBY3Rpb25IdWJSZWNlbnRMaW5rc1Jlc29sdmVQaXBlXG4gIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSwgT25EZXN0cm95XG57XG4gICNjdXJyZW50UmVjZW50TGlua3M6IFNreVJlY2VudExpbmtzSW5wdXQ7XG5cbiAgI2N1cnJlbnRSZWNlbnRMaW5rc1Jlc29sdmVkOiBTa3lSZWNlbnRMaW5rc1Jlc29sdmVkID0gW107XG5cbiAgI3JlY2VudGx5QWNjZXNzZWRTdWI6IFN1YnNjcmlwdGlvbiB8IHVuZGVmaW5lZDtcblxuICAjbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgI2NoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZjtcbiAgI3JlY2VudGx5QWNjZXNzZWRTdmM6IFNreVJlY2VudGx5QWNjZXNzZWRTZXJ2aWNlIHwgdW5kZWZpbmVkO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBAT3B0aW9uYWwoKSByZWNlbnRseUFjY2Vzc2VkU3ZjPzogU2t5UmVjZW50bHlBY2Nlc3NlZFNlcnZpY2VcbiAgKSB7XG4gICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IgPSBjaGFuZ2VEZXRlY3RvcjtcbiAgICB0aGlzLiNyZWNlbnRseUFjY2Vzc2VkU3ZjID0gcmVjZW50bHlBY2Nlc3NlZFN2YztcbiAgfVxuXG4gIHB1YmxpYyB0cmFuc2Zvcm0ocmVjZW50TGlua3M6IFNreVJlY2VudExpbmtzSW5wdXQpOiBTa3lSZWNlbnRMaW5rc1Jlc29sdmVkIHtcbiAgICBpZiAocmVjZW50TGlua3MgIT09IHRoaXMuI2N1cnJlbnRSZWNlbnRMaW5rcykge1xuICAgICAgaWYgKHRoaXMuI3JlY2VudGx5QWNjZXNzZWRTdWIpIHtcbiAgICAgICAgdGhpcy4jcmVjZW50bHlBY2Nlc3NlZFN1Yi51bnN1YnNjcmliZSgpO1xuICAgICAgfVxuXG4gICAgICB0aGlzLiNjdXJyZW50UmVjZW50TGlua3MgPSByZWNlbnRMaW5rcztcblxuICAgICAgY29uc3QgZ2V0TGlua3NBcmdzID0gcmVjZW50TGlua3MgYXMgU2t5UmVjZW50bHlBY2Nlc3NlZEdldExpbmtzQXJncztcblxuICAgICAgaWYgKGdldExpbmtzQXJncz8ucmVxdWVzdGVkUm91dGVzKSB7XG4gICAgICAgIHRoaXMuI3Jlc29sdmVSZXF1ZXN0ZWRSb3V0ZXMoZ2V0TGlua3NBcmdzKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuI3VwZGF0ZVJlY2VudExpbmtzUmVzb2x2ZWQocmVjZW50TGlua3MgYXMgU2t5UmVjZW50TGlua3NSZXNvbHZlZCk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMuI2N1cnJlbnRSZWNlbnRMaW5rc1Jlc29sdmVkO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI25nVW5zdWJzY3JpYmUubmV4dCgpO1xuICAgIHRoaXMuI25nVW5zdWJzY3JpYmUuY29tcGxldGUoKTtcbiAgfVxuXG4gICNyZXNvbHZlUmVxdWVzdGVkUm91dGVzKGFyZ3M6IFNreVJlY2VudGx5QWNjZXNzZWRHZXRMaW5rc0FyZ3MpOiB2b2lkIHtcbiAgICBpZiAodGhpcy4jcmVjZW50bHlBY2Nlc3NlZFN2Yykge1xuICAgICAgdGhpcy4jdXBkYXRlUmVjZW50TGlua3NSZXNvbHZlZCgnbG9hZGluZycpO1xuXG4gICAgICB0aGlzLiNyZWNlbnRseUFjY2Vzc2VkU3ViID0gdGhpcy4jcmVjZW50bHlBY2Nlc3NlZFN2Y1xuICAgICAgICAuZ2V0TGlua3MoYXJncylcbiAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuI25nVW5zdWJzY3JpYmUpKVxuICAgICAgICAuc3Vic2NyaWJlKChyZXN1bHQpID0+IHtcbiAgICAgICAgICB0aGlzLiNyZWNlbnRseUFjY2Vzc2VkU3ViID0gdW5kZWZpbmVkO1xuXG4gICAgICAgICAgY29uc3QgcmVjZW50TGlua3M6IFNreVJlY2VudExpbmtbXSA9IHJlc3VsdC5saW5rcy5tYXAoKGl0ZW0pID0+ICh7XG4gICAgICAgICAgICBsYWJlbDogaXRlbS5sYWJlbCxcbiAgICAgICAgICAgIGxhc3RBY2Nlc3NlZDogaXRlbS5sYXN0QWNjZXNzZWQsXG4gICAgICAgICAgICBwZXJtYWxpbms6IHtcbiAgICAgICAgICAgICAgdXJsOiBpdGVtLnVybCxcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgfSkpO1xuXG4gICAgICAgICAgdGhpcy4jdXBkYXRlUmVjZW50TGlua3NSZXNvbHZlZChyZWNlbnRMaW5rcyk7XG4gICAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLiN1cGRhdGVSZWNlbnRMaW5rc1Jlc29sdmVkKFtdKTtcbiAgICB9XG4gIH1cblxuICAjdXBkYXRlUmVjZW50TGlua3NSZXNvbHZlZChcbiAgICByZWNlbnRMaW5rc1Jlc29sdmVkOiBTa3lSZWNlbnRMaW5rc1Jlc29sdmVkXG4gICk6IHZvaWQge1xuICAgIHRoaXMuI2N1cnJlbnRSZWNlbnRMaW5rc1Jlc29sdmVkID1cbiAgICAgIGdldFJlY2VudExpbmtzU29ydGVkKHJlY2VudExpbmtzUmVzb2x2ZWQpO1xuXG4gICAgdGhpcy4jY2hhbmdlRGV0ZWN0b3IubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
var _SkyActionHubComponent__needsAttention;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "@skyux/layout";
|
|
7
|
-
import * as i3 from "../link-list/link-list.component";
|
|
8
|
-
import * as i4 from "../modal-link-list/modal-link-list.component";
|
|
9
|
-
import * as i5 from "../needs-attention/needs-attention.component";
|
|
10
|
-
import * as i6 from "../page-header/page-header.component";
|
|
11
|
-
import * as i7 from "@skyux/indicators";
|
|
12
|
-
import * as i8 from "@skyux/i18n";
|
|
13
|
-
import * as i9 from "./action-hub-recent-links-resolve.pipe";
|
|
14
|
-
import * as i10 from "./action-hub-related-links-sort.pipe";
|
|
15
|
-
/**
|
|
16
|
-
* Creates an action hub to direct user attention to important
|
|
17
|
-
* actions and provide quick access to common tasks.
|
|
18
|
-
*/
|
|
19
|
-
export class SkyActionHubComponent {
|
|
20
|
-
constructor() {
|
|
21
|
-
/**
|
|
22
|
-
* The list of recently accessed links, or `"loading"` to display a wait indicator.
|
|
23
|
-
*/
|
|
24
|
-
this.recentLinks = [];
|
|
25
|
-
/**
|
|
26
|
-
* The list of related links, or `"loading"` to display a wait indicator.
|
|
27
|
-
*/
|
|
28
|
-
this.relatedLinks = [];
|
|
29
|
-
/**
|
|
30
|
-
* The list of settings with modal parameters, or `"loading"` to display a wait indicator.
|
|
31
|
-
*/
|
|
32
|
-
this.settingsLinks = [];
|
|
33
|
-
/**
|
|
34
|
-
* The page title.
|
|
35
|
-
* @default ""
|
|
36
|
-
*/
|
|
37
|
-
this.title = '';
|
|
38
|
-
this.needsAttentionArray = [];
|
|
39
|
-
_SkyActionHubComponent__needsAttention.set(this, void 0);
|
|
40
|
-
}
|
|
41
|
-
/**
|
|
42
|
-
* The list of actions that users must perform based on business requirements or best practices, or `"loading"` to display a wait indicator.
|
|
43
|
-
*/
|
|
44
|
-
set needsAttention(value) {
|
|
45
|
-
__classPrivateFieldSet(this, _SkyActionHubComponent__needsAttention, value, "f");
|
|
46
|
-
this.needsAttentionArray = Array.isArray(value) ? value : [];
|
|
47
|
-
}
|
|
48
|
-
get needsAttention() {
|
|
49
|
-
return __classPrivateFieldGet(this, _SkyActionHubComponent__needsAttention, "f");
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
_SkyActionHubComponent__needsAttention = new WeakMap();
|
|
53
|
-
SkyActionHubComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54
|
-
SkyActionHubComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-fluid-grid [disableMargin]=\"true\">\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 class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-buttons\"></ng-content>\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\"></sky-wait>\n <sky-needs-attention\n *ngIf=\"needsAttention !== 'loading'\"\n [items]=\"needsAttentionArray\"\n ></sky-needs-attention>\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\"></ng-content>\n </div>\n </sky-column>\n <sky-column [screenLarge]=\"3\" [screenXSmall]=\"12\">\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [title]=\"'sky_action_hub_related_links' | skyLibResources\"\n ></sky-link-list>\n <sky-link-list\n [links]=\"recentLinks | skyActionHubRecentLinksResolve\"\n [title]=\"'sky_action_hub_recent_links' | skyLibResources\"\n ></sky-link-list>\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n ></sky-modal-link-list>\n </sky-column>\n </sky-row>\n</sky-fluid-grid>\n", styles: [":host{--sky-compat-page-header-margin-top-and-bottom: 0;display:block;margin:var(--sky-padding-even-xl)}[aria-busy=true]{display:block;min-height:60px;margin-bottom:var(--sky-margin-stacked-xl)}sky-page-header{margin:0 0 var(--sky-margin-stacked-lg) 0}.sky-margin-stacked-xl:empty{margin-bottom:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.λ23, selector: "sky-row", inputs: ["reverseColumnOrder"] }, { kind: "component", type: i2.λ24, selector: "sky-column", inputs: ["screenXSmall", "screenSmall", "screenMedium", "screenLarge"] }, { kind: "component", type: i2.λ22, selector: "sky-fluid-grid", inputs: ["disableMargin", "gutterSize"] }, { kind: "component", type: i3.SkyLinkListComponent, selector: "sky-link-list", inputs: ["links", "title"] }, { kind: "component", type: i4.SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: ["links", "title"] }, { kind: "component", type: i5.SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { kind: "component", type: i6.SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { kind: "component", type: i7.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i8.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: i9.SkyActionHubRecentLinksResolvePipe, name: "skyActionHubRecentLinksResolve" }, { kind: "pipe", type: i10.SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
56
|
-
type: Component,
|
|
57
|
-
args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-fluid-grid [disableMargin]=\"true\">\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 class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-buttons\"></ng-content>\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\"></sky-wait>\n <sky-needs-attention\n *ngIf=\"needsAttention !== 'loading'\"\n [items]=\"needsAttentionArray\"\n ></sky-needs-attention>\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\"></ng-content>\n </div>\n </sky-column>\n <sky-column [screenLarge]=\"3\" [screenXSmall]=\"12\">\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [title]=\"'sky_action_hub_related_links' | skyLibResources\"\n ></sky-link-list>\n <sky-link-list\n [links]=\"recentLinks | skyActionHubRecentLinksResolve\"\n [title]=\"'sky_action_hub_recent_links' | skyLibResources\"\n ></sky-link-list>\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n ></sky-modal-link-list>\n </sky-column>\n </sky-row>\n</sky-fluid-grid>\n", styles: [":host{--sky-compat-page-header-margin-top-and-bottom: 0;display:block;margin:var(--sky-padding-even-xl)}[aria-busy=true]{display:block;min-height:60px;margin-bottom:var(--sky-margin-stacked-xl)}sky-page-header{margin:0 0 var(--sky-margin-stacked-lg) 0}.sky-margin-stacked-xl:empty{margin-bottom:0}\n"] }]
|
|
58
|
-
}], propDecorators: { needsAttention: [{
|
|
59
|
-
type: Input
|
|
60
|
-
}], parentLink: [{
|
|
61
|
-
type: Input
|
|
62
|
-
}], recentLinks: [{
|
|
63
|
-
type: Input
|
|
64
|
-
}], relatedLinks: [{
|
|
65
|
-
type: Input
|
|
66
|
-
}], settingsLinks: [{
|
|
67
|
-
type: Input
|
|
68
|
-
}], title: [{
|
|
69
|
-
type: Input
|
|
70
|
-
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7QUFTMUU7OztHQUdHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQTRCRTs7V0FFRztRQUVJLGdCQUFXLEdBQXdCLEVBQUUsQ0FBQztRQUU3Qzs7V0FFRztRQUVJLGlCQUFZLEdBQXNCLEVBQUUsQ0FBQztRQUU1Qzs7V0FFRztRQUVJLGtCQUFhLEdBQTJCLEVBQUUsQ0FBQztRQUVsRDs7O1dBR0c7UUFFSSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsd0JBQW1CLEdBQWlDLEVBQUUsQ0FBQztRQUU5RCx5REFBOEQ7S0FDL0Q7SUFqREM7O09BRUc7SUFDSCxJQUNXLGNBQWMsQ0FDdkIsS0FBa0Q7UUFFbEQsdUJBQUEsSUFBSSwwQ0FBb0IsS0FBSyxNQUFBLENBQUM7UUFDOUIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQy9ELENBQUM7SUFFRCxJQUFXLGNBQWM7UUFDdkIsT0FBTyx1QkFBQSxJQUFJLDhDQUFpQixDQUFDO0lBQy9CLENBQUM7OztrSEFkVSxxQkFBcUI7c0dBQXJCLHFCQUFxQix3T0NuQmxDLHcrQ0EyQ0E7MkZEeEJhLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxnQkFBZ0IsbUJBR1QsdUJBQXVCLENBQUMsTUFBTTs4QkFPcEMsY0FBYztzQkFEeEIsS0FBSztnQkFnQkMsVUFBVTtzQkFEaEIsS0FBSztnQkFPQyxXQUFXO3NCQURqQixLQUFLO2dCQU9DLFlBQVk7c0JBRGxCLEtBQUs7Z0JBT0MsYUFBYTtzQkFEbkIsS0FBSztnQkFRQyxLQUFLO3NCQURYLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbiB9IGZyb20gJy4vdHlwZXMvYWN0aW9uLWh1Yi1uZWVkcy1hdHRlbnRpb24nO1xuaW1wb3J0IHsgU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25JbnB1dCB9IGZyb20gJy4vdHlwZXMvYWN0aW9uLWh1Yi1uZWVkcy1hdHRlbnRpb24taW5wdXQnO1xuaW1wb3J0IHsgU2t5UGFnZUxpbmsgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGluayc7XG5pbXBvcnQgeyBTa3lQYWdlTGlua3NJbnB1dCB9IGZyb20gJy4vdHlwZXMvcGFnZS1saW5rcy1pbnB1dCc7XG5pbXBvcnQgeyBTa3lQYWdlTW9kYWxMaW5rc0lucHV0IH0gZnJvbSAnLi90eXBlcy9wYWdlLW1vZGFsLWxpbmtzLWlucHV0JztcbmltcG9ydCB7IFNreVJlY2VudExpbmtzSW5wdXQgfSBmcm9tICcuL3R5cGVzL3JlY2VudC1saW5rcy1pbnB1dCc7XG5cbi8qKlxuICogQ3JlYXRlcyBhbiBhY3Rpb24gaHViIHRvIGRpcmVjdCB1c2VyIGF0dGVudGlvbiB0byBpbXBvcnRhbnRcbiAqIGFjdGlvbnMgYW5kIHByb3ZpZGUgcXVpY2sgYWNjZXNzIHRvIGNvbW1vbiB0YXNrcy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWFjdGlvbi1odWInLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aW9uLWh1Yi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjdGlvbi1odWIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNreUFjdGlvbkh1YkNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBUaGUgbGlzdCBvZiBhY3Rpb25zIHRoYXQgdXNlcnMgbXVzdCBwZXJmb3JtIGJhc2VkIG9uIGJ1c2luZXNzIHJlcXVpcmVtZW50cyBvciBiZXN0IHByYWN0aWNlcywgb3IgYFwibG9hZGluZ1wiYCB0byBkaXNwbGF5IGEgd2FpdCBpbmRpY2F0b3IuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IG5lZWRzQXR0ZW50aW9uKFxuICAgIHZhbHVlOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbklucHV0IHwgdW5kZWZpbmVkXG4gICkge1xuICAgIHRoaXMuI19uZWVkc0F0dGVudGlvbiA9IHZhbHVlO1xuICAgIHRoaXMubmVlZHNBdHRlbnRpb25BcnJheSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbXTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbmVlZHNBdHRlbnRpb24oKTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25JbnB1dCB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI19uZWVkc0F0dGVudGlvbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBMaW5rcyBiYWNrIHRvIGEgcGFyZW50IHBhZ2UuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGFyZW50TGluazogU2t5UGFnZUxpbmsgfCB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBsaXN0IG9mIHJlY2VudGx5IGFjY2Vzc2VkIGxpbmtzLCBvciBgXCJsb2FkaW5nXCJgIHRvIGRpc3BsYXkgYSB3YWl0IGluZGljYXRvci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyByZWNlbnRMaW5rczogU2t5UmVjZW50TGlua3NJbnB1dCA9IFtdO1xuXG4gIC8qKlxuICAgKiBUaGUgbGlzdCBvZiByZWxhdGVkIGxpbmtzLCBvciBgXCJsb2FkaW5nXCJgIHRvIGRpc3BsYXkgYSB3YWl0IGluZGljYXRvci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyByZWxhdGVkTGlua3M6IFNreVBhZ2VMaW5rc0lucHV0ID0gW107XG5cbiAgLyoqXG4gICAqIFRoZSBsaXN0IG9mIHNldHRpbmdzIHdpdGggbW9kYWwgcGFyYW1ldGVycywgb3IgYFwibG9hZGluZ1wiYCB0byBkaXNwbGF5IGEgd2FpdCBpbmRpY2F0b3IuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0dGluZ3NMaW5rczogU2t5UGFnZU1vZGFsTGlua3NJbnB1dCA9IFtdO1xuXG4gIC8qKlxuICAgKiBUaGUgcGFnZSB0aXRsZS5cbiAgICogQGRlZmF1bHQgXCJcIlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHRpdGxlID0gJyc7XG5cbiAgcHVibGljIG5lZWRzQXR0ZW50aW9uQXJyYXk6IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uW10gPSBbXTtcblxuICAjX25lZWRzQXR0ZW50aW9uOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbklucHV0IHwgdW5kZWZpbmVkO1xufVxuIiwiPHNreS1mbHVpZC1ncmlkIFtkaXNhYmxlTWFyZ2luXT1cInRydWVcIj5cbiAgPHNreS1yb3c+XG4gICAgPHNreS1jb2x1bW4+XG4gICAgICA8c2t5LXBhZ2UtaGVhZGVyXG4gICAgICAgIFtwYWdlVGl0bGVdPVwidGl0bGVcIlxuICAgICAgICBbcGFyZW50TGlua109XCJwYXJlbnRMaW5rXCJcbiAgICAgID48L3NreS1wYWdlLWhlYWRlcj5cbiAgICA8L3NreS1jb2x1bW4+XG4gIDwvc2t5LXJvdz5cbiAgPHNreS1yb3c+XG4gICAgPHNreS1jb2x1bW4gW3NjcmVlbkxhcmdlXT1cIjlcIiBbc2NyZWVuWFNtYWxsXT1cIjEyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwic2t5LW1hcmdpbi1zdGFja2VkLXhsXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24taHViLWJ1dHRvbnNcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cblxuICAgICAgPGRpdiBjbGFzcz1cInNreS1tYXJnaW4tc3RhY2tlZC14bFwiPlxuICAgICAgICA8c2t5LXdhaXQgW2lzV2FpdGluZ109XCJuZWVkc0F0dGVudGlvbiA9PT0gJ2xvYWRpbmcnXCI+PC9za3ktd2FpdD5cbiAgICAgICAgPHNreS1uZWVkcy1hdHRlbnRpb25cbiAgICAgICAgICAqbmdJZj1cIm5lZWRzQXR0ZW50aW9uICE9PSAnbG9hZGluZydcIlxuICAgICAgICAgIFtpdGVtc109XCJuZWVkc0F0dGVudGlvbkFycmF5XCJcbiAgICAgICAgPjwvc2t5LW5lZWRzLWF0dGVudGlvbj5cbiAgICAgIDwvZGl2PlxuXG4gICAgICA8ZGl2IGNsYXNzPVwic2t5LW1hcmdpbi1zdGFja2VkLXhsXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24taHViLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L3NreS1jb2x1bW4+XG4gICAgPHNreS1jb2x1bW4gW3NjcmVlbkxhcmdlXT1cIjNcIiBbc2NyZWVuWFNtYWxsXT1cIjEyXCI+XG4gICAgICA8c2t5LWxpbmstbGlzdFxuICAgICAgICBbbGlua3NdPVwicmVsYXRlZExpbmtzIHwgc2t5QWN0aW9uSHViUmVsYXRlZExpbmtzU29ydFwiXG4gICAgICAgIFt0aXRsZV09XCInc2t5X2FjdGlvbl9odWJfcmVsYXRlZF9saW5rcycgfCBza3lMaWJSZXNvdXJjZXNcIlxuICAgICAgPjwvc2t5LWxpbmstbGlzdD5cbiAgICAgIDxza3ktbGluay1saXN0XG4gICAgICAgIFtsaW5rc109XCJyZWNlbnRMaW5rcyB8IHNreUFjdGlvbkh1YlJlY2VudExpbmtzUmVzb2x2ZVwiXG4gICAgICAgIFt0aXRsZV09XCInc2t5X2FjdGlvbl9odWJfcmVjZW50X2xpbmtzJyB8IHNreUxpYlJlc291cmNlc1wiXG4gICAgICA+PC9za3ktbGluay1saXN0PlxuICAgICAgPHNreS1tb2RhbC1saW5rLWxpc3RcbiAgICAgICAgW2xpbmtzXT1cInNldHRpbmdzTGlua3NcIlxuICAgICAgICBbdGl0bGVdPVwiJ3NreV9hY3Rpb25faHViX3NldHRpbmdzX2xpbmtzJyB8IHNreUxpYlJlc291cmNlc1wiXG4gICAgICA+PC9za3ktbW9kYWwtbGluay1saXN0PlxuICAgIDwvc2t5LWNvbHVtbj5cbiAgPC9za3ktcm93PlxuPC9za3ktZmx1aWQtZ3JpZD5cbiJdfQ==
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
var _SkyLinkListComponent__links;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Component, Input } from '@angular/core';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/common";
|
|
6
|
-
import * as i2 from "@skyux/router";
|
|
7
|
-
import * as i3 from "@skyux/indicators";
|
|
8
|
-
import * as i4 from "../link-as/link-as.pipe";
|
|
9
|
-
export class SkyLinkListComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.linksArray = [];
|
|
12
|
-
_SkyLinkListComponent__links.set(this, void 0);
|
|
13
|
-
}
|
|
14
|
-
set links(value) {
|
|
15
|
-
__classPrivateFieldSet(this, _SkyLinkListComponent__links, value, "f");
|
|
16
|
-
this.linksArray = Array.isArray(value) ? value : [];
|
|
17
|
-
}
|
|
18
|
-
get links() {
|
|
19
|
-
return __classPrivateFieldGet(this, _SkyLinkListComponent__links, "f");
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
_SkyLinkListComponent__links = new WeakMap();
|
|
23
|
-
SkyLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLinkListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
SkyLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyLinkListComponent, selector: "sky-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\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\">\n {{ title }}\n </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n <ng-container *ngIf=\"linksArray.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul class=\"sky-link-list\">\n <li *ngFor=\"let link of linksArray\">\n <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink.url\">\n {{ link.label }}\n </a>\n <a *ngIf=\"link | linkAs : 'href'\" [href]=\"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: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i3.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i4.LinkAsPipe, name: "linkAs" }] });
|
|
25
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLinkListComponent, decorators: [{
|
|
26
|
-
type: Component,
|
|
27
|
-
args: [{ selector: 'sky-link-list', template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\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\">\n {{ title }}\n </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n <ng-container *ngIf=\"linksArray.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul class=\"sky-link-list\">\n <li *ngFor=\"let link of linksArray\">\n <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink.url\">\n {{ link.label }}\n </a>\n <a *ngIf=\"link | linkAs : 'href'\" [href]=\"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: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"] }]
|
|
28
|
-
}], propDecorators: { links: [{
|
|
29
|
-
type: Input
|
|
30
|
-
}], title: [{
|
|
31
|
-
type: Input
|
|
32
|
-
}] } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbGluay1saXN0L2xpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2xpbmstbGlzdC9saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVWpELE1BQU0sT0FBTyxvQkFBb0I7SUFMakM7UUFtQlMsZUFBVSxHQUFrQixFQUFFLENBQUM7UUFFdEMsK0NBQXVDO0tBQ3hDO0lBaEJDLElBQ1csS0FBSyxDQUFDLEtBQW9DO1FBQ25ELHVCQUFBLElBQUksZ0NBQVcsS0FBSyxNQUFBLENBQUM7UUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyx1QkFBQSxJQUFJLG9DQUFRLENBQUM7SUFDdEIsQ0FBQzs7O2lIQVRVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLGlHQ1ZqQywybkRBMkNBOzJGRGpDYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsZUFBZTs4QkFNZCxLQUFLO3NCQURmLEtBQUs7Z0JBV0MsS0FBSztzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lQYWdlTGluayB9IGZyb20gJy4uL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1saW5rJztcbmltcG9ydCB7IFNreVBhZ2VMaW5rc0lucHV0IH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9wYWdlLWxpbmtzLWlucHV0JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LWxpbmstbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9saW5rLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5TGlua0xpc3RDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGxpbmtzKHZhbHVlOiBTa3lQYWdlTGlua3NJbnB1dCB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI19saW5rcyA9IHZhbHVlO1xuICAgIHRoaXMubGlua3NBcnJheSA9IEFycmF5LmlzQXJyYXkodmFsdWUpID8gdmFsdWUgOiBbXTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgbGlua3MoKTogU2t5UGFnZUxpbmtzSW5wdXQgfCB1bmRlZmluZWQge1xuICAgIHJldHVybiB0aGlzLiNfbGlua3M7XG4gIH1cblxuICBASW5wdXQoKVxuICBwdWJsaWMgdGl0bGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICBwdWJsaWMgbGlua3NBcnJheTogU2t5UGFnZUxpbmtbXSA9IFtdO1xuXG4gICNfbGlua3M6IFNreVBhZ2VMaW5rc0lucHV0IHwgdW5kZWZpbmVkO1xufVxuIiwiPHNreS13YWl0IFtpc1dhaXRpbmddPVwibGlua3MgPT09ICdsb2FkaW5nJ1wiPjwvc2t5LXdhaXQ+XG48bmctY29udGFpbmVyXG4gICpuZ0lmPVwibGlua3MgPT09ICdsb2FkaW5nJzsgdGhlbiBsb2FkaW5nVGVtcGxhdGVSZWY7IGVsc2UgbGlua3NUZW1wbGF0ZVJlZlwiXG4+PC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjaGVhZGluZ1RlbXBsYXRlUmVmPlxuICA8aDIgY2xhc3M9XCJza3ktZm9udC1oZWFkaW5nLTRcIj5cbiAgICB7eyB0aXRsZSB9fVxuICA8L2gyPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjbG9hZGluZ1RlbXBsYXRlUmVmPlxuICA8bmctY29udGFpbmVyIFtuZ1RlbXBsYXRlT3V0bGV0XT1cImhlYWRpbmdUZW1wbGF0ZVJlZlwiPjwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbjxuZy10ZW1wbGF0ZSAjbGlua3NUZW1wbGF0ZVJlZj5cbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImxpbmtzQXJyYXkubGVuZ3RoID4gMFwiPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGluZ1RlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG4gICAgPHVsIGNsYXNzPVwic2t5LWxpbmstbGlzdFwiPlxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBsaW5rIG9mIGxpbmtzQXJyYXlcIj5cbiAgICAgICAgPGEgKm5nSWY9XCJsaW5rIHwgbGlua0FzIDogJ3NreUhyZWYnXCIgW3NreUhyZWZdPVwibGluay5wZXJtYWxpbmsudXJsXCI+XG4gICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICA8L2E+XG4gICAgICAgIDxhICpuZ0lmPVwibGluayB8IGxpbmtBcyA6ICdocmVmJ1wiIFtocmVmXT1cImxpbmsucGVybWFsaW5rLnVybFwiPlxuICAgICAgICAgIHt7IGxpbmsubGFiZWwgfX1cbiAgICAgICAgPC9hPlxuICAgICAgICA8YVxuICAgICAgICAgICpuZ0lmPVwibGluay5wZXJtYWxpbmsucm91dGVcIlxuICAgICAgICAgIFtza3lBcHBMaW5rXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmNvbW1hbmRzXCJcbiAgICAgICAgICBbcXVlcnlQYXJhbXNdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc1wiXG4gICAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwiXG4gICAgICAgICAgICBsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zSGFuZGxpbmdcbiAgICAgICAgICBcIlxuICAgICAgICAgIFtmcmFnbWVudF09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LmZyYWdtZW50XCJcbiAgICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICAgIFtza2lwTG9jYXRpb25DaGFuZ2VdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5za2lwTG9jYXRpb25DaGFuZ2VcIlxuICAgICAgICAgIFtyZXBsYWNlVXJsXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucmVwbGFjZVVybFwiXG4gICAgICAgICAgW3N0YXRlXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uc3RhdGVcIlxuICAgICAgICA+XG4gICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICA8L2E+XG4gICAgICA8L2xpPlxuICAgIDwvdWw+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
var _SkyModalLinkListComponent__links, _SkyModalLinkListComponent_modalService;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Component, Input } from '@angular/core';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@skyux/modals";
|
|
6
|
-
import * as i2 from "@angular/common";
|
|
7
|
-
import * as i3 from "@skyux/router";
|
|
8
|
-
import * as i4 from "@skyux/indicators";
|
|
9
|
-
import * as i5 from "../link-as/link-as.pipe";
|
|
10
|
-
export class SkyModalLinkListComponent {
|
|
11
|
-
set links(value) {
|
|
12
|
-
__classPrivateFieldSet(this, _SkyModalLinkListComponent__links, value, "f");
|
|
13
|
-
this.linksArray = Array.isArray(value) ? value : [];
|
|
14
|
-
}
|
|
15
|
-
get links() {
|
|
16
|
-
return __classPrivateFieldGet(this, _SkyModalLinkListComponent__links, "f");
|
|
17
|
-
}
|
|
18
|
-
constructor(modalService) {
|
|
19
|
-
this.linksArray = [];
|
|
20
|
-
_SkyModalLinkListComponent__links.set(this, void 0);
|
|
21
|
-
_SkyModalLinkListComponent_modalService.set(this, void 0);
|
|
22
|
-
__classPrivateFieldSet(this, _SkyModalLinkListComponent_modalService, modalService, "f");
|
|
23
|
-
}
|
|
24
|
-
openModal(link) {
|
|
25
|
-
const modal = link.modal;
|
|
26
|
-
if (modal) {
|
|
27
|
-
__classPrivateFieldGet(this, _SkyModalLinkListComponent_modalService, "f").open(modal.component, modal.config);
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
_SkyModalLinkListComponent__links = new WeakMap(), _SkyModalLinkListComponent_modalService = new WeakMap();
|
|
32
|
-
SkyModalLinkListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalLinkListComponent, deps: [{ token: i1.SkyModalService }], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
SkyModalLinkListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: { links: "links", title: "title" }, ngImport: i0, template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\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\">\n {{ title }}\n </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n <ng-container *ngIf=\"linksArray.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul class=\"sky-link-list\">\n <li *ngFor=\"let link of linksArray\">\n <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n <a\n *ngIf=\"link.permalink && link.permalink.route\"\n [skyAppLink]=\"link.permalink.route.commands\"\n [queryParams]=\"link.permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"\n link.permalink.route.extras?.queryParamsHandling\n \"\n [fragment]=\"link.permalink.route.extras?.fragment\"\n [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n <button\n *ngIf=\"link.modal\"\n (click)=\"openModal(link)\"\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n >\n {{ link.label }}\n </button>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "directive", type: i3.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i4.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "pipe", type: i5.LinkAsPipe, name: "linkAs" }] });
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyModalLinkListComponent, decorators: [{
|
|
35
|
-
type: Component,
|
|
36
|
-
args: [{ selector: 'sky-modal-link-list', template: "<sky-wait [isWaiting]=\"links === 'loading'\"></sky-wait>\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\">\n {{ title }}\n </h2>\n</ng-template>\n<ng-template #loadingTemplateRef>\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n</ng-template>\n<ng-template #linksTemplateRef>\n <ng-container *ngIf=\"linksArray.length > 0\">\n <ng-container [ngTemplateOutlet]=\"headingTemplateRef\"></ng-container>\n <ul class=\"sky-link-list\">\n <li *ngFor=\"let link of linksArray\">\n <a *ngIf=\"link | linkAs : 'skyHref'\" [skyHref]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n <a *ngIf=\"link | linkAs : 'href'\" [href]=\"link.permalink?.url\">\n {{ link.label }}\n </a>\n <a\n *ngIf=\"link.permalink && link.permalink.route\"\n [skyAppLink]=\"link.permalink.route.commands\"\n [queryParams]=\"link.permalink.route.extras?.queryParams\"\n [queryParamsHandling]=\"\n link.permalink.route.extras?.queryParamsHandling\n \"\n [fragment]=\"link.permalink.route.extras?.fragment\"\n [preserveFragment]=\"link.permalink.route.extras?.preserveFragment\"\n [skipLocationChange]=\"link.permalink.route.extras?.skipLocationChange\"\n [replaceUrl]=\"link.permalink.route.extras?.replaceUrl\"\n [state]=\"link.permalink.route.extras?.state\"\n >\n {{ link.label }}\n </a>\n <button\n *ngIf=\"link.modal\"\n (click)=\"openModal(link)\"\n class=\"sky-btn sky-btn-link-inline\"\n type=\"button\"\n >\n {{ link.label }}\n </button>\n </li>\n </ul>\n </ng-container>\n</ng-template>\n", styles: ["ul.sky-link-list{list-style:none;margin:0 0 var(--sky-margin-stacked-xl) 0;padding-left:0}h2,li{margin:0 0 var(--sky-margin-stacked-sm) 0}\n"] }]
|
|
37
|
-
}], ctorParameters: function () { return [{ type: i1.SkyModalService }]; }, propDecorators: { links: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}], title: [{
|
|
40
|
-
type: Input
|
|
41
|
-
}] } });
|
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL21vZGFsLWxpbmstbGlzdC9tb2RhbC1saW5rLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVdqRCxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLElBQ1csS0FBSyxDQUFDLEtBQXlDO1FBQ3hELHVCQUFBLElBQUkscUNBQVcsS0FBSyxNQUFBLENBQUM7UUFDckIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUN0RCxDQUFDO0lBRUQsSUFBVyxLQUFLO1FBQ2QsT0FBTyx1QkFBQSxJQUFJLHlDQUFRLENBQUM7SUFDdEIsQ0FBQztJQVdELFlBQVksWUFBNkI7UUFObEMsZUFBVSxHQUF1QixFQUFFLENBQUM7UUFFM0Msb0RBQTRDO1FBRTVDLDBEQUErQjtRQUc3Qix1QkFBQSxJQUFJLDJDQUFpQixZQUFZLE1BQUEsQ0FBQztJQUNwQyxDQUFDO0lBRU0sU0FBUyxDQUFDLElBQXNCO1FBQ3JDLE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFFekIsSUFBSSxLQUFLLEVBQUU7WUFDVCx1QkFBQSxJQUFJLCtDQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1NBQ3hEO0lBQ0gsQ0FBQzs7O3NIQTlCVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix1R0NYdEMsNjJEQW1EQTsyRkR4Q2EseUJBQXlCO2tCQUxyQyxTQUFTOytCQUNFLHFCQUFxQjtzR0FNcEIsS0FBSztzQkFEZixLQUFLO2dCQVdDLEtBQUs7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreU1vZGFsU2VydmljZSB9IGZyb20gJ0Bza3l1eC9tb2RhbHMnO1xuXG5pbXBvcnQgeyBTa3lQYWdlTW9kYWxMaW5rIH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9wYWdlLW1vZGFsLWxpbmsnO1xuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB9IGZyb20gJy4uL2FjdGlvbi1odWIvdHlwZXMvcGFnZS1tb2RhbC1saW5rcy1pbnB1dCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1tb2RhbC1saW5rLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtbGluay1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreU1vZGFsTGlua0xpc3RDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGxpbmtzKHZhbHVlOiBTa3lQYWdlTW9kYWxMaW5rc0lucHV0IHwgdW5kZWZpbmVkKSB7XG4gICAgdGhpcy4jX2xpbmtzID0gdmFsdWU7XG4gICAgdGhpcy5saW5rc0FycmF5ID0gQXJyYXkuaXNBcnJheSh2YWx1ZSkgPyB2YWx1ZSA6IFtdO1xuICB9XG5cbiAgcHVibGljIGdldCBsaW5rcygpOiBTa3lQYWdlTW9kYWxMaW5rc0lucHV0IHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy4jX2xpbmtzO1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHRpdGxlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgcHVibGljIGxpbmtzQXJyYXk6IFNreVBhZ2VNb2RhbExpbmtbXSA9IFtdO1xuXG4gICNfbGlua3M6IFNreVBhZ2VNb2RhbExpbmtzSW5wdXQgfCB1bmRlZmluZWQ7XG5cbiAgI21vZGFsU2VydmljZTogU2t5TW9kYWxTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKG1vZGFsU2VydmljZTogU2t5TW9kYWxTZXJ2aWNlKSB7XG4gICAgdGhpcy4jbW9kYWxTZXJ2aWNlID0gbW9kYWxTZXJ2aWNlO1xuICB9XG5cbiAgcHVibGljIG9wZW5Nb2RhbChsaW5rOiBTa3lQYWdlTW9kYWxMaW5rKTogdm9pZCB7XG4gICAgY29uc3QgbW9kYWwgPSBsaW5rLm1vZGFsO1xuXG4gICAgaWYgKG1vZGFsKSB7XG4gICAgICB0aGlzLiNtb2RhbFNlcnZpY2Uub3Blbihtb2RhbC5jb21wb25lbnQsIG1vZGFsLmNvbmZpZyk7XG4gICAgfVxuICB9XG59XG4iLCI8c2t5LXdhaXQgW2lzV2FpdGluZ109XCJsaW5rcyA9PT0gJ2xvYWRpbmcnXCI+PC9za3ktd2FpdD5cbjxuZy1jb250YWluZXJcbiAgKm5nSWY9XCJsaW5rcyA9PT0gJ2xvYWRpbmcnOyB0aGVuIGxvYWRpbmdUZW1wbGF0ZVJlZjsgZWxzZSBsaW5rc1RlbXBsYXRlUmVmXCJcbj48L25nLWNvbnRhaW5lcj5cblxuPG5nLXRlbXBsYXRlICNoZWFkaW5nVGVtcGxhdGVSZWY+XG4gIDxoMiBjbGFzcz1cInNreS1mb250LWhlYWRpbmctNFwiPlxuICAgIHt7IHRpdGxlIH19XG4gIDwvaDI+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNsb2FkaW5nVGVtcGxhdGVSZWY+XG4gIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiaGVhZGluZ1RlbXBsYXRlUmVmXCI+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNsaW5rc1RlbXBsYXRlUmVmPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibGlua3NBcnJheS5sZW5ndGggPiAwXCI+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJoZWFkaW5nVGVtcGxhdGVSZWZcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8dWwgY2xhc3M9XCJza3ktbGluay1saXN0XCI+XG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGxpbmsgb2YgbGlua3NBcnJheVwiPlxuICAgICAgICA8YSAqbmdJZj1cImxpbmsgfCBsaW5rQXMgOiAnc2t5SHJlZidcIiBbc2t5SHJlZl09XCJsaW5rLnBlcm1hbGluaz8udXJsXCI+XG4gICAgICAgICAge3sgbGluay5sYWJlbCB9fVxuICAgICAgICA8L2E+XG4gICAgICAgIDxhICpuZ0lmPVwibGluayB8IGxpbmtBcyA6ICdocmVmJ1wiIFtocmVmXT1cImxpbmsucGVybWFsaW5rPy51cmxcIj5cbiAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgIDwvYT5cbiAgICAgICAgPGFcbiAgICAgICAgICAqbmdJZj1cImxpbmsucGVybWFsaW5rICYmIGxpbmsucGVybWFsaW5rLnJvdXRlXCJcbiAgICAgICAgICBbc2t5QXBwTGlua109XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5jb21tYW5kc1wiXG4gICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cIlxuICAgICAgICAgICAgbGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXG4gICAgICAgICAgXCJcbiAgICAgICAgICBbZnJhZ21lbnRdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5mcmFnbWVudFwiXG4gICAgICAgICAgW3ByZXNlcnZlRnJhZ21lbnRdPVwibGluay5wZXJtYWxpbmsucm91dGUuZXh0cmFzPy5wcmVzZXJ2ZUZyYWdtZW50XCJcbiAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cImxpbmsucGVybWFsaW5rLnJvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgICBbcmVwbGFjZVVybF09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnJlcGxhY2VVcmxcIlxuICAgICAgICAgIFtzdGF0ZV09XCJsaW5rLnBlcm1hbGluay5yb3V0ZS5leHRyYXM/LnN0YXRlXCJcbiAgICAgICAgPlxuICAgICAgICAgIHt7IGxpbmsubGFiZWwgfX1cbiAgICAgICAgPC9hPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgKm5nSWY9XCJsaW5rLm1vZGFsXCJcbiAgICAgICAgICAoY2xpY2spPVwib3Blbk1vZGFsKGxpbmspXCJcbiAgICAgICAgICBjbGFzcz1cInNreS1idG4gc2t5LWJ0bi1saW5rLWlubGluZVwiXG4gICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgID5cbiAgICAgICAgICB7eyBsaW5rLmxhYmVsIH19XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9saT5cbiAgICA8L3VsPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
var _SkyNeedsAttentionComponent_items, _SkyNeedsAttentionComponent_logService;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Component, Input, inject } from '@angular/core';
|
|
4
|
-
import { SkyLogService } from '@skyux/core';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "@angular/common";
|
|
7
|
-
import * as i2 from "@skyux/router";
|
|
8
|
-
import * as i3 from "@skyux/layout";
|
|
9
|
-
import * as i4 from "@skyux/indicators";
|
|
10
|
-
import * as i5 from "@skyux/theme";
|
|
11
|
-
import * as i6 from "@skyux/i18n";
|
|
12
|
-
import * as i7 from "../link-as/link-as.pipe";
|
|
13
|
-
export class SkyNeedsAttentionComponent {
|
|
14
|
-
constructor() {
|
|
15
|
-
_SkyNeedsAttentionComponent_items.set(this, void 0);
|
|
16
|
-
_SkyNeedsAttentionComponent_logService.set(this, inject(SkyLogService));
|
|
17
|
-
}
|
|
18
|
-
set items(value) {
|
|
19
|
-
__classPrivateFieldSet(this, _SkyNeedsAttentionComponent_items, value, "f");
|
|
20
|
-
if (value?.some((c) => c.message)) {
|
|
21
|
-
__classPrivateFieldGet(this, _SkyNeedsAttentionComponent_logService, "f").deprecated(`SkyActionHubNeedsAttention.message`, {
|
|
22
|
-
deprecationMajorVersion: 7,
|
|
23
|
-
replacementRecommendation: 'Use `title` instead.',
|
|
24
|
-
moreInfoUrl: 'https://developer.blackbaud.com/skyux/components/action-hub?docs-active-tab=development#interface-skyactionhubneedsattention',
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
get items() {
|
|
29
|
-
return __classPrivateFieldGet(this, _SkyNeedsAttentionComponent_items, "f");
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
_SkyNeedsAttentionComponent_items = new WeakMap(), _SkyNeedsAttentionComponent_logService = new WeakMap();
|
|
33
|
-
SkyNeedsAttentionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNeedsAttentionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
34
|
-
SkyNeedsAttentionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: { items: "items" }, ngImport: i0, template: "<ng-template #itemsTemplate>\n <ul>\n <li\n *ngFor=\"let item of items; let isLast = last\"\n class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n [ngClass]=\"{\n 'sky-border-bottom-row': !isLast\n }\"\n >\n <a\n *ngIf=\"\n (item | linkAs : 'skyAppLink') &&\n item.permalink?.route as permalinkRoute\n \"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n [fragment]=\"permalinkRoute.extras?.fragment\"\n [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n [state]=\"permalinkRoute.extras?.state\"\n class=\"sky-needs-attention-item\"\n >{{ item.title }} {{ item.message }}</a\n >\n <ng-container *ngIf=\"item.permalink as permalink\">\n <a\n *ngIf=\"item | linkAs : 'skyHref'\"\n [skyHref]=\"permalink.url\"\n class=\"sky-needs-attention-item\"\n >{{ item.title }} {{ item.message }}</a\n >\n <a\n *ngIf=\"item | linkAs : 'href'\"\n [href]=\"permalink.url\"\n class=\"sky-needs-attention-item\"\n >{{ item.title }} {{ item.message }}</a\n >\n </ng-container>\n <button\n *ngIf=\"item | linkAs : 'button'\"\n class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"item?.click({item})\"\n >\n {{ item.title }} {{ item.message }}\n </button>\n <sky-icon\n *skyThemeIf=\"'default'\"\n class=\"sky-needs-attention-item-icon\"\n icon=\"caret-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 </li>\n </ul>\n</ng-template>\n\n<sky-box>\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">\n {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n </h2>\n </sky-box-header>\n <sky-box-content>\n <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n 'sky_action_hub_needs_attention_empty' | skyLibResources\n }}</ng-container>\n </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i3.λ41, selector: "sky-box", inputs: ["ariaLabel", "ariaLabelledBy", "ariaRole"] }, { kind: "component", type: i3.λ42, selector: "sky-box-header" }, { kind: "component", type: i3.λ43, selector: "sky-box-content" }, { kind: "directive", type: i2.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"], outputs: ["skyHrefChange"] }, { kind: "component", type: i4.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i5.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i6.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: i7.LinkAsPipe, name: "linkAs" }] });
|
|
35
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNeedsAttentionComponent, decorators: [{
|
|
36
|
-
type: Component,
|
|
37
|
-
args: [{ selector: 'sky-needs-attention', template: "<ng-template #itemsTemplate>\n <ul>\n <li\n *ngFor=\"let item of items; let isLast = last\"\n class=\"sky-needs-attention-item-wrapper sky-font-emphasized\"\n [ngClass]=\"{\n 'sky-border-bottom-row': !isLast\n }\"\n >\n <a\n *ngIf=\"\n (item | linkAs : 'skyAppLink') &&\n item.permalink?.route as permalinkRoute\n \"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"permalinkRoute.extras?.queryParamsHandling\"\n [fragment]=\"permalinkRoute.extras?.fragment\"\n [preserveFragment]=\"permalinkRoute.extras?.preserveFragment\"\n [skipLocationChange]=\"permalinkRoute.extras?.skipLocationChange\"\n [replaceUrl]=\"permalinkRoute.extras?.replaceUrl\"\n [state]=\"permalinkRoute.extras?.state\"\n class=\"sky-needs-attention-item\"\n >{{ item.title }} {{ item.message }}</a\n >\n <ng-container *ngIf=\"item.permalink as permalink\">\n <a\n *ngIf=\"item | linkAs : 'skyHref'\"\n [skyHref]=\"permalink.url\"\n class=\"sky-needs-attention-item\"\n >{{ item.title }} {{ item.message }}</a\n >\n <a\n *ngIf=\"item | linkAs : 'href'\"\n [href]=\"permalink.url\"\n class=\"sky-needs-attention-item\"\n >{{ item.title }} {{ item.message }}</a\n >\n </ng-container>\n <button\n *ngIf=\"item | linkAs : 'button'\"\n class=\"sky-needs-attention-item sky-btn sky-btn-link-inline\"\n type=\"button\"\n (click)=\"item?.click({item})\"\n >\n {{ item.title }} {{ item.message }}\n </button>\n <sky-icon\n *skyThemeIf=\"'default'\"\n class=\"sky-needs-attention-item-icon\"\n icon=\"caret-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 </li>\n </ul>\n</ng-template>\n\n<sky-box>\n <sky-box-header>\n <h2 class=\"sky-font-heading-2\">\n {{ 'sky_action_hub_needs_attention' | skyLibResources }}\n </h2>\n </sky-box-header>\n <sky-box-content>\n <ng-container *ngIf=\"items?.length === 0; else itemsTemplate\">{{\n 'sky_action_hub_needs_attention_empty' | skyLibResources\n }}</ng-container>\n </sky-box-content>\n</sky-box>\n", styles: [":host{display:block;margin-bottom:var(--sky-margin-stacked-xl)}h2{margin:0}ul{list-style:none;padding:0;margin:0}ul li{margin:0}.sky-needs-attention-item-wrapper{position:relative;display:grid;grid-template-columns:5fr 1fr;grid-template-areas:\"action icon\"}.sky-needs-attention-item-wrapper:not(:first-child){padding-top:var(--sky-margin-stacked-lg)}.sky-needs-attention-item-wrapper:not(:last-child){padding-bottom:var(--sky-margin-stacked-lg)}.sky-needs-attention-item{grid-area:action;text-align:left;width:100%;white-space:normal}.sky-needs-attention-item-icon{grid-area:icon;text-align:right;color:#686c73}.sky-needs-attention-item:focus-visible{outline:none}.sky-needs-attention-item:focus-visible:not(:active){border:none;box-shadow:inset 0 0 0 2px #1870b8,0 1px 8px #0000004d}.sky-needs-attention-item:before{content:\" \";position:absolute;inset:0;cursor:pointer}button.sky-needs-attention-item.sky-border-bottom-row{border-bottom:1px dotted #cdcfd2}\n"] }]
|
|
38
|
-
}], propDecorators: { items: [{
|
|
39
|
-
type: Input
|
|
40
|
-
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvbmVlZHMtYXR0ZW50aW9uL25lZWRzLWF0dGVudGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL25lZWRzLWF0dGVudGlvbi9uZWVkcy1hdHRlbnRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGFBQWEsQ0FBQzs7Ozs7Ozs7O0FBUzVDLE1BQU0sT0FBTywwQkFBMEI7SUFMdkM7UUFzQkUsb0RBQWlEO1FBQ2pELGlEQUFjLE1BQU0sQ0FBQyxhQUFhLENBQUMsRUFBQztLQUNyQztJQWxCQyxJQUNXLEtBQUssQ0FBQyxLQUErQztRQUM5RCx1QkFBQSxJQUFJLHFDQUFVLEtBQUssTUFBQSxDQUFDO1FBQ3BCLElBQUksS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQTZCLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUM3RCx1QkFBQSxJQUFJLDhDQUFZLENBQUMsVUFBVSxDQUFDLG9DQUFvQyxFQUFFO2dCQUNoRSx1QkFBdUIsRUFBRSxDQUFDO2dCQUMxQix5QkFBeUIsRUFBRSxzQkFBc0I7Z0JBQ2pELFdBQVcsRUFDVCw4SEFBOEg7YUFDakksQ0FBQyxDQUFDO1NBQ0o7SUFDSCxDQUFDO0lBQ0QsSUFBVyxLQUFLO1FBQ2QsT0FBTyx1QkFBQSxJQUFJLHlDQUFPLENBQUM7SUFDckIsQ0FBQzs7O3VIQWZVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLHVGQ1Z2Qyx1OEVBMEVBOzJGRGhFYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0UscUJBQXFCOzhCQU1wQixLQUFLO3NCQURmLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNreUxvZ1NlcnZpY2UgfSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uIH0gZnJvbSAnLi4vYWN0aW9uLWh1Yi90eXBlcy9hY3Rpb24taHViLW5lZWRzLWF0dGVudGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1uZWVkcy1hdHRlbnRpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbmVlZHMtYXR0ZW50aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreU5lZWRzQXR0ZW50aW9uQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcHVibGljIHNldCBpdGVtcyh2YWx1ZTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2l0ZW1zID0gdmFsdWU7XG4gICAgaWYgKHZhbHVlPy5zb21lKChjOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbikgPT4gYy5tZXNzYWdlKSkge1xuICAgICAgdGhpcy4jbG9nU2VydmljZS5kZXByZWNhdGVkKGBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbi5tZXNzYWdlYCwge1xuICAgICAgICBkZXByZWNhdGlvbk1ham9yVmVyc2lvbjogNyxcbiAgICAgICAgcmVwbGFjZW1lbnRSZWNvbW1lbmRhdGlvbjogJ1VzZSBgdGl0bGVgIGluc3RlYWQuJyxcbiAgICAgICAgbW9yZUluZm9Vcmw6XG4gICAgICAgICAgJ2h0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9hY3Rpb24taHViP2RvY3MtYWN0aXZlLXRhYj1kZXZlbG9wbWVudCNpbnRlcmZhY2Utc2t5YWN0aW9uaHVibmVlZHNhdHRlbnRpb24nLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG4gIHB1YmxpYyBnZXQgaXRlbXMoKTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSB8IHVuZGVmaW5lZCB7XG4gICAgcmV0dXJuIHRoaXMuI2l0ZW1zO1xuICB9XG5cbiAgI2l0ZW1zOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbltdIHwgdW5kZWZpbmVkO1xuICAjbG9nU2VydmljZSA9IGluamVjdChTa3lMb2dTZXJ2aWNlKTtcbn1cbiIsIjxuZy10ZW1wbGF0ZSAjaXRlbXNUZW1wbGF0ZT5cbiAgPHVsPlxuICAgIDxsaVxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgaXRlbXM7IGxldCBpc0xhc3QgPSBsYXN0XCJcbiAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLXdyYXBwZXIgc2t5LWZvbnQtZW1waGFzaXplZFwiXG4gICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdza3ktYm9yZGVyLWJvdHRvbS1yb3cnOiAhaXNMYXN0XG4gICAgICB9XCJcbiAgICA+XG4gICAgICA8YVxuICAgICAgICAqbmdJZj1cIlxuICAgICAgICAgIChpdGVtIHwgbGlua0FzIDogJ3NreUFwcExpbmsnKSAmJlxuICAgICAgICAgIGl0ZW0ucGVybWFsaW5rPy5yb3V0ZSBhcyBwZXJtYWxpbmtSb3V0ZVxuICAgICAgICBcIlxuICAgICAgICBbc2t5QXBwTGlua109XCJwZXJtYWxpbmtSb3V0ZS5jb21tYW5kc1wiXG4gICAgICAgIFtxdWVyeVBhcmFtc109XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnF1ZXJ5UGFyYW1zXCJcbiAgICAgICAgW3F1ZXJ5UGFyYW1zSGFuZGxpbmddPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXCJcbiAgICAgICAgW2ZyYWdtZW50XT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uZnJhZ21lbnRcIlxuICAgICAgICBbcHJlc2VydmVGcmFnbWVudF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnByZXNlcnZlRnJhZ21lbnRcIlxuICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgW3JlcGxhY2VVcmxdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5yZXBsYWNlVXJsXCJcbiAgICAgICAgW3N0YXRlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc3RhdGVcIlxuICAgICAgICBjbGFzcz1cInNreS1uZWVkcy1hdHRlbnRpb24taXRlbVwiXG4gICAgICAgID57eyBpdGVtLnRpdGxlIH19IHt7IGl0ZW0ubWVzc2FnZSB9fTwvYVxuICAgICAgPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW0ucGVybWFsaW5rIGFzIHBlcm1hbGlua1wiPlxuICAgICAgICA8YVxuICAgICAgICAgICpuZ0lmPVwiaXRlbSB8IGxpbmtBcyA6ICdza3lIcmVmJ1wiXG4gICAgICAgICAgW3NreUhyZWZdPVwicGVybWFsaW5rLnVybFwiXG4gICAgICAgICAgY2xhc3M9XCJza3ktbmVlZHMtYXR0ZW50aW9uLWl0ZW1cIlxuICAgICAgICAgID57eyBpdGVtLnRpdGxlIH19IHt7IGl0ZW0ubWVzc2FnZSB9fTwvYVxuICAgICAgICA+XG4gICAgICAgIDxhXG4gICAgICAgICAgKm5nSWY9XCJpdGVtIHwgbGlua0FzIDogJ2hyZWYnXCJcbiAgICAgICAgICBbaHJlZl09XCJwZXJtYWxpbmsudXJsXCJcbiAgICAgICAgICBjbGFzcz1cInNreS1uZWVkcy1hdHRlbnRpb24taXRlbVwiXG4gICAgICAgICAgPnt7IGl0ZW0udGl0bGUgfX0ge3sgaXRlbS5tZXNzYWdlIH19PC9hXG4gICAgICAgID5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgPGJ1dHRvblxuICAgICAgICAqbmdJZj1cIml0ZW0gfCBsaW5rQXMgOiAnYnV0dG9uJ1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtIHNreS1idG4gc2t5LWJ0bi1saW5rLWlubGluZVwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAoY2xpY2spPVwiaXRlbT8uY2xpY2soe2l0ZW19KVwiXG4gICAgICA+XG4gICAgICAgIHt7IGl0ZW0udGl0bGUgfX0ge3sgaXRlbS5tZXNzYWdlIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICAgIDxza3ktaWNvblxuICAgICAgICAqc2t5VGhlbWVJZj1cIidkZWZhdWx0J1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLWljb25cIlxuICAgICAgICBpY29uPVwiY2FyZXQtcmlnaHRcIlxuICAgICAgPjwvc2t5LWljb24+XG4gICAgICA8c2t5LWljb25cbiAgICAgICAgKnNreVRoZW1lSWY9XCInbW9kZXJuJ1wiXG4gICAgICAgIGNsYXNzPVwic2t5LW5lZWRzLWF0dGVudGlvbi1pdGVtLWljb25cIlxuICAgICAgICBpY29uPVwiY2hldnJvbi1yaWdodFwiXG4gICAgICAgIGljb25UeXBlPVwic2t5dXhcIlxuICAgICAgPjwvc2t5LWljb24+XG4gICAgPC9saT5cbiAgPC91bD5cbjwvbmctdGVtcGxhdGU+XG5cbjxza3ktYm94PlxuICA8c2t5LWJveC1oZWFkZXI+XG4gICAgPGgyIGNsYXNzPVwic2t5LWZvbnQtaGVhZGluZy0yXCI+XG4gICAgICB7eyAnc2t5X2FjdGlvbl9odWJfbmVlZHNfYXR0ZW50aW9uJyB8IHNreUxpYlJlc291cmNlcyB9fVxuICAgIDwvaDI+XG4gIDwvc2t5LWJveC1oZWFkZXI+XG4gIDxza3ktYm94LWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIml0ZW1zPy5sZW5ndGggPT09IDA7IGVsc2UgaXRlbXNUZW1wbGF0ZVwiPnt7XG4gICAgICAnc2t5X2FjdGlvbl9odWJfbmVlZHNfYXR0ZW50aW9uX2VtcHR5JyB8IHNreUxpYlJlc291cmNlc1xuICAgIH19PC9uZy1jb250YWluZXI+XG4gIDwvc2t5LWJveC1jb250ZW50PlxuPC9za3ktYm94PlxuIl19
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
var _SkyPageThemeAdapterService_styleEl, _SkyPageThemeAdapterService_document;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { DOCUMENT } from '@angular/common';
|
|
4
|
-
import { Inject, Injectable } from '@angular/core';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* @internal
|
|
8
|
-
*/
|
|
9
|
-
export class SkyPageThemeAdapterService {
|
|
10
|
-
constructor(document) {
|
|
11
|
-
_SkyPageThemeAdapterService_styleEl.set(this, void 0);
|
|
12
|
-
_SkyPageThemeAdapterService_document.set(this, void 0);
|
|
13
|
-
__classPrivateFieldSet(this, _SkyPageThemeAdapterService_document, document, "f");
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* We can't use ViewEncapsulation.None for this behavior because Angular does
|
|
17
|
-
* not remove `style` tags from the HEAD element after route changes.
|
|
18
|
-
* @see https://github.com/angular/angular/issues/16670
|
|
19
|
-
*/
|
|
20
|
-
addTheme() {
|
|
21
|
-
if (!__classPrivateFieldGet(this, _SkyPageThemeAdapterService_styleEl, "f")) {
|
|
22
|
-
__classPrivateFieldSet(this, _SkyPageThemeAdapterService_styleEl, __classPrivateFieldGet(this, _SkyPageThemeAdapterService_document, "f").createElement('style'), "f");
|
|
23
|
-
__classPrivateFieldGet(this, _SkyPageThemeAdapterService_styleEl, "f").appendChild(__classPrivateFieldGet(this, _SkyPageThemeAdapterService_document, "f").createTextNode('body:not(.sky-theme-modern) { background-color: #fff; }'));
|
|
24
|
-
__classPrivateFieldGet(this, _SkyPageThemeAdapterService_document, "f").head.appendChild(__classPrivateFieldGet(this, _SkyPageThemeAdapterService_styleEl, "f"));
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
removeTheme() {
|
|
28
|
-
if (__classPrivateFieldGet(this, _SkyPageThemeAdapterService_styleEl, "f")) {
|
|
29
|
-
__classPrivateFieldGet(this, _SkyPageThemeAdapterService_styleEl, "f").remove();
|
|
30
|
-
__classPrivateFieldSet(this, _SkyPageThemeAdapterService_styleEl, undefined, "f");
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
_SkyPageThemeAdapterService_styleEl = new WeakMap(), _SkyPageThemeAdapterService_document = new WeakMap();
|
|
35
|
-
SkyPageThemeAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageThemeAdapterService, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
36
|
-
SkyPageThemeAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageThemeAdapterService });
|
|
37
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageThemeAdapterService, decorators: [{
|
|
38
|
-
type: Injectable
|
|
39
|
-
}], ctorParameters: function () { return [{ type: Document, decorators: [{
|
|
40
|
-
type: Inject,
|
|
41
|
-
args: [DOCUMENT]
|
|
42
|
-
}] }]; } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRW5EOztHQUVHO0FBRUgsTUFBTSxPQUFPLDBCQUEwQjtJQUtyQyxZQUE4QixRQUFrQjtRQUpoRCxzREFBdUM7UUFFdkMsdURBQW9CO1FBR2xCLHVCQUFBLElBQUksd0NBQWEsUUFBUSxNQUFBLENBQUM7SUFDNUIsQ0FBQztJQUVEOzs7O09BSUc7SUFDSSxRQUFRO1FBQ2IsSUFBSSxDQUFDLHVCQUFBLElBQUksMkNBQVMsRUFBRTtZQUNsQix1QkFBQSxJQUFJLHVDQUFZLHVCQUFBLElBQUksNENBQVUsQ0FBQyxhQUFhLENBQUMsT0FBTyxDQUFDLE1BQUEsQ0FBQztZQUN0RCx1QkFBQSxJQUFJLDJDQUFTLENBQUMsV0FBVyxDQUN2Qix1QkFBQSxJQUFJLDRDQUFVLENBQUMsY0FBYyxDQUMzQix5REFBeUQsQ0FDMUQsQ0FDRixDQUFDO1lBRUYsdUJBQUEsSUFBSSw0Q0FBVSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsdUJBQUEsSUFBSSwyQ0FBUyxDQUFDLENBQUM7U0FDaEQ7SUFDSCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLHVCQUFBLElBQUksMkNBQVMsRUFBRTtZQUNqQix1QkFBQSxJQUFJLDJDQUFTLENBQUMsTUFBTSxFQUFFLENBQUM7WUFDdkIsdUJBQUEsSUFBSSx1Q0FBWSxTQUFTLE1BQUEsQ0FBQztTQUMzQjtJQUNILENBQUM7Ozt1SEFoQ1UsMEJBQTBCLGtCQUtqQixRQUFROzJIQUxqQiwwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkFEdEMsVUFBVTs7MEJBTUksTUFBTTsyQkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSW5qZWN0LCBJbmplY3RhYmxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQGludGVybmFsXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBTa3lQYWdlVGhlbWVBZGFwdGVyU2VydmljZSB7XG4gICNzdHlsZUVsOiBIVE1MU3R5bGVFbGVtZW50IHwgdW5kZWZpbmVkO1xuXG4gICNkb2N1bWVudDogRG9jdW1lbnQ7XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChET0NVTUVOVCkgZG9jdW1lbnQ6IERvY3VtZW50KSB7XG4gICAgdGhpcy4jZG9jdW1lbnQgPSBkb2N1bWVudDtcbiAgfVxuXG4gIC8qKlxuICAgKiBXZSBjYW4ndCB1c2UgVmlld0VuY2Fwc3VsYXRpb24uTm9uZSBmb3IgdGhpcyBiZWhhdmlvciBiZWNhdXNlIEFuZ3VsYXIgZG9lc1xuICAgKiBub3QgcmVtb3ZlIGBzdHlsZWAgdGFncyBmcm9tIHRoZSBIRUFEIGVsZW1lbnQgYWZ0ZXIgcm91dGUgY2hhbmdlcy5cbiAgICogQHNlZSBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9hbmd1bGFyL2lzc3Vlcy8xNjY3MFxuICAgKi9cbiAgcHVibGljIGFkZFRoZW1lKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy4jc3R5bGVFbCkge1xuICAgICAgdGhpcy4jc3R5bGVFbCA9IHRoaXMuI2RvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ3N0eWxlJyk7XG4gICAgICB0aGlzLiNzdHlsZUVsLmFwcGVuZENoaWxkKFxuICAgICAgICB0aGlzLiNkb2N1bWVudC5jcmVhdGVUZXh0Tm9kZShcbiAgICAgICAgICAnYm9keTpub3QoLnNreS10aGVtZS1tb2Rlcm4pIHsgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsgfSdcbiAgICAgICAgKVxuICAgICAgKTtcblxuICAgICAgdGhpcy4jZG9jdW1lbnQuaGVhZC5hcHBlbmRDaGlsZCh0aGlzLiNzdHlsZUVsKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgcmVtb3ZlVGhlbWUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuI3N0eWxlRWwpIHtcbiAgICAgIHRoaXMuI3N0eWxlRWwucmVtb3ZlKCk7XG4gICAgICB0aGlzLiNzdHlsZUVsID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
var _SkyPageComponent_instances, _SkyPageComponent_layout, _SkyPageComponent_layoutForChild, _SkyPageComponent_ngUnsubscribe, _SkyPageComponent_themeAdapter, _SkyPageComponent_layoutHostSvc, _SkyPageComponent_updateCssClass;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Component, HostBinding, Input, inject, } from '@angular/core';
|
|
4
|
-
import { SkyLayoutHostService } from '@skyux/core';
|
|
5
|
-
import { Subject } from 'rxjs';
|
|
6
|
-
import { takeUntil } from 'rxjs/operators';
|
|
7
|
-
import { SkyPageThemeAdapterService } from './page-theme-adapter.service';
|
|
8
|
-
import * as i0 from "@angular/core";
|
|
9
|
-
const LAYOUT_DEFAULT = 'none';
|
|
10
|
-
const LAYOUT_FOR_CHILD_CLASS_PREFIX = 'sky-layout-host-for-child-';
|
|
11
|
-
const LAYOUT_CLASS_PREFIX = 'sky-layout-host-';
|
|
12
|
-
const LAYOUT_CLASS_DEFAULT = `${LAYOUT_CLASS_PREFIX}${LAYOUT_DEFAULT}`;
|
|
13
|
-
/**
|
|
14
|
-
* Displays a page using the specified layout.
|
|
15
|
-
*/
|
|
16
|
-
export class SkyPageComponent {
|
|
17
|
-
constructor() {
|
|
18
|
-
_SkyPageComponent_instances.add(this);
|
|
19
|
-
this.cssClass = LAYOUT_CLASS_DEFAULT;
|
|
20
|
-
_SkyPageComponent_layout.set(this, void 0);
|
|
21
|
-
_SkyPageComponent_layoutForChild.set(this, void 0);
|
|
22
|
-
_SkyPageComponent_ngUnsubscribe.set(this, new Subject());
|
|
23
|
-
_SkyPageComponent_themeAdapter.set(this, inject(SkyPageThemeAdapterService));
|
|
24
|
-
_SkyPageComponent_layoutHostSvc.set(this, inject(SkyLayoutHostService));
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* The page layout that applies spacing to the page header and content. Use the layout
|
|
28
|
-
* that corresponds with the top-level component type used on the page, our use `fit` to
|
|
29
|
-
* constrain the page contents to the available viewport.
|
|
30
|
-
* Use `none` for custom content that does not adhere to predefined spacing or constraints.
|
|
31
|
-
* @default "none"
|
|
32
|
-
*/
|
|
33
|
-
set layout(value) {
|
|
34
|
-
__classPrivateFieldSet(this, _SkyPageComponent_layout, value, "f");
|
|
35
|
-
__classPrivateFieldGet(this, _SkyPageComponent_instances, "m", _SkyPageComponent_updateCssClass).call(this);
|
|
36
|
-
}
|
|
37
|
-
ngOnInit() {
|
|
38
|
-
__classPrivateFieldGet(this, _SkyPageComponent_themeAdapter, "f").addTheme();
|
|
39
|
-
__classPrivateFieldGet(this, _SkyPageComponent_layoutHostSvc, "f").hostLayoutForChild
|
|
40
|
-
.pipe(takeUntil(__classPrivateFieldGet(this, _SkyPageComponent_ngUnsubscribe, "f")))
|
|
41
|
-
.subscribe((args) => {
|
|
42
|
-
__classPrivateFieldSet(this, _SkyPageComponent_layoutForChild, args.layout, "f");
|
|
43
|
-
__classPrivateFieldGet(this, _SkyPageComponent_instances, "m", _SkyPageComponent_updateCssClass).call(this);
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
ngOnDestroy() {
|
|
47
|
-
__classPrivateFieldGet(this, _SkyPageComponent_themeAdapter, "f").removeTheme();
|
|
48
|
-
__classPrivateFieldGet(this, _SkyPageComponent_ngUnsubscribe, "f").next();
|
|
49
|
-
__classPrivateFieldGet(this, _SkyPageComponent_ngUnsubscribe, "f").complete();
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
_SkyPageComponent_layout = new WeakMap(), _SkyPageComponent_layoutForChild = new WeakMap(), _SkyPageComponent_ngUnsubscribe = new WeakMap(), _SkyPageComponent_themeAdapter = new WeakMap(), _SkyPageComponent_layoutHostSvc = new WeakMap(), _SkyPageComponent_instances = new WeakSet(), _SkyPageComponent_updateCssClass = function _SkyPageComponent_updateCssClass() {
|
|
53
|
-
let cssClass = __classPrivateFieldGet(this, _SkyPageComponent_layout, "f")
|
|
54
|
-
? `${LAYOUT_CLASS_PREFIX}${__classPrivateFieldGet(this, _SkyPageComponent_layout, "f")}`
|
|
55
|
-
: LAYOUT_CLASS_DEFAULT;
|
|
56
|
-
if (__classPrivateFieldGet(this, _SkyPageComponent_layoutForChild, "f")) {
|
|
57
|
-
cssClass = `${cssClass} ${LAYOUT_FOR_CHILD_CLASS_PREFIX}${__classPrivateFieldGet(this, _SkyPageComponent_layoutForChild, "f")}`;
|
|
58
|
-
}
|
|
59
|
-
this.cssClass = cssClass;
|
|
60
|
-
};
|
|
61
|
-
SkyPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
62
|
-
SkyPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageComponent, selector: "sky-page", inputs: { layout: "layout" }, host: { properties: { "class": "this.cssClass" } }, providers: [SkyPageThemeAdapterService, SkyLayoutHostService], ngImport: i0, template: `<ng-content />`, isInline: true });
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
64
|
-
type: Component,
|
|
65
|
-
args: [{
|
|
66
|
-
selector: 'sky-page',
|
|
67
|
-
template: `<ng-content />`,
|
|
68
|
-
providers: [SkyPageThemeAdapterService, SkyLayoutHostService],
|
|
69
|
-
}]
|
|
70
|
-
}], propDecorators: { layout: [{
|
|
71
|
-
type: Input
|
|
72
|
-
}], cssClass: [{
|
|
73
|
-
type: HostBinding,
|
|
74
|
-
args: ['class']
|
|
75
|
-
}] } });
|
|
76
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBR0wsTUFBTSxHQUNQLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVuRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFHMUUsTUFBTSxjQUFjLEdBQXNCLE1BQU0sQ0FBQztBQUVqRCxNQUFNLDZCQUE2QixHQUFHLDRCQUE0QixDQUFDO0FBQ25FLE1BQU0sbUJBQW1CLEdBQUcsa0JBQWtCLENBQUM7QUFDL0MsTUFBTSxvQkFBb0IsR0FBRyxHQUFHLG1CQUFtQixHQUFHLGNBQWMsRUFBRSxDQUFDO0FBRXZFOztHQUVHO0FBTUgsTUFBTSxPQUFPLGdCQUFnQjtJQUw3Qjs7UUFvQlMsYUFBUSxHQUFHLG9CQUFvQixDQUFDO1FBRXZDLDJDQUF1QztRQUN2QyxtREFBK0M7UUFFL0MsMENBQWlCLElBQUksT0FBTyxFQUFRLEVBQUM7UUFFckMseUNBQWdCLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxFQUFDO1FBQ25ELDBDQUFpQixNQUFNLENBQUMsb0JBQW9CLENBQUMsRUFBQztLQWlDL0M7SUF2REM7Ozs7OztPQU1HO0lBQ0gsSUFDVyxNQUFNLENBQUMsS0FBb0M7UUFDcEQsdUJBQUEsSUFBSSw0QkFBVyxLQUFLLE1BQUEsQ0FBQztRQUNyQix1QkFBQSxJQUFJLHFFQUFnQixNQUFwQixJQUFJLENBQWtCLENBQUM7SUFDekIsQ0FBQztJQWFNLFFBQVE7UUFDYix1QkFBQSxJQUFJLHNDQUFjLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFOUIsdUJBQUEsSUFBSSx1Q0FBZSxDQUFDLGtCQUFrQjthQUNuQyxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUFBLElBQUksdUNBQWUsQ0FBQyxDQUFDO2FBQ3BDLFNBQVMsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFO1lBQ2xCLHVCQUFBLElBQUksb0NBQW1CLElBQUksQ0FBQyxNQUEyQixNQUFBLENBQUM7WUFDeEQsdUJBQUEsSUFBSSxxRUFBZ0IsTUFBcEIsSUFBSSxDQUFrQixDQUFDO1FBQ3pCLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVNLFdBQVc7UUFDaEIsdUJBQUEsSUFBSSxzQ0FBYyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBRWpDLHVCQUFBLElBQUksdUNBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQix1QkFBQSxJQUFJLHVDQUFlLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDakMsQ0FBQzs7O0lBR0MsSUFBSSxRQUFRLEdBQUcsdUJBQUEsSUFBSSxnQ0FBUTtRQUN6QixDQUFDLENBQUMsR0FBRyxtQkFBbUIsR0FBRyx1QkFBQSxJQUFJLGdDQUFRLEVBQUU7UUFDekMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO0lBRXpCLElBQUksdUJBQUEsSUFBSSx3Q0FBZ0IsRUFBRTtRQUN4QixRQUFRLEdBQUcsR0FBRyxRQUFRLElBQUksNkJBQTZCLEdBQ3JELHVCQUFBLElBQUksd0NBQ04sRUFBRSxDQUFDO0tBQ0o7SUFFRCxJQUFJLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztBQUMzQixDQUFDOzZHQXZEVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixxSEFGaEIsQ0FBQywwQkFBMEIsRUFBRSxvQkFBb0IsQ0FBQywwQkFEbkQsZ0JBQWdCOzJGQUdmLGdCQUFnQjtrQkFMNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsU0FBUyxFQUFFLENBQUMsMEJBQTBCLEVBQUUsb0JBQW9CLENBQUM7aUJBQzlEOzhCQVVZLE1BQU07c0JBRGhCLEtBQUs7Z0JBT0MsUUFBUTtzQkFEZCxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIGluamVjdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lMYXlvdXRIb3N0U2VydmljZSB9IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lQYWdlVGhlbWVBZGFwdGVyU2VydmljZSB9IGZyb20gJy4vcGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5UGFnZUxheW91dFR5cGUgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGF5b3V0LXR5cGUnO1xuXG5jb25zdCBMQVlPVVRfREVGQVVMVDogU2t5UGFnZUxheW91dFR5cGUgPSAnbm9uZSc7XG5cbmNvbnN0IExBWU9VVF9GT1JfQ0hJTERfQ0xBU1NfUFJFRklYID0gJ3NreS1sYXlvdXQtaG9zdC1mb3ItY2hpbGQtJztcbmNvbnN0IExBWU9VVF9DTEFTU19QUkVGSVggPSAnc2t5LWxheW91dC1ob3N0LSc7XG5jb25zdCBMQVlPVVRfQ0xBU1NfREVGQVVMVCA9IGAke0xBWU9VVF9DTEFTU19QUkVGSVh9JHtMQVlPVVRfREVGQVVMVH1gO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgcGFnZSB1c2luZyB0aGUgc3BlY2lmaWVkIGxheW91dC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXBhZ2UnLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IC8+YCxcbiAgcHJvdmlkZXJzOiBbU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2UsIFNreUxheW91dEhvc3RTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIFRoZSBwYWdlIGxheW91dCB0aGF0IGFwcGxpZXMgc3BhY2luZyB0byB0aGUgcGFnZSBoZWFkZXIgYW5kIGNvbnRlbnQuIFVzZSB0aGUgbGF5b3V0XG4gICAqIHRoYXQgY29ycmVzcG9uZHMgd2l0aCB0aGUgdG9wLWxldmVsIGNvbXBvbmVudCB0eXBlIHVzZWQgb24gdGhlIHBhZ2UsIG91ciB1c2UgYGZpdGAgdG9cbiAgICogY29uc3RyYWluIHRoZSBwYWdlIGNvbnRlbnRzIHRvIHRoZSBhdmFpbGFibGUgdmlld3BvcnQuXG4gICAqIFVzZSBgbm9uZWAgZm9yIGN1c3RvbSBjb250ZW50IHRoYXQgZG9lcyBub3QgYWRoZXJlIHRvIHByZWRlZmluZWQgc3BhY2luZyBvciBjb25zdHJhaW50cy5cbiAgICogQGRlZmF1bHQgXCJub25lXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbGF5b3V0KHZhbHVlOiBTa3lQYWdlTGF5b3V0VHlwZSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2xheW91dCA9IHZhbHVlO1xuICAgIHRoaXMuI3VwZGF0ZUNzc0NsYXNzKCk7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHVibGljIGNzc0NsYXNzID0gTEFZT1VUX0NMQVNTX0RFRkFVTFQ7XG5cbiAgI2xheW91dDogU2t5UGFnZUxheW91dFR5cGUgfCB1bmRlZmluZWQ7XG4gICNsYXlvdXRGb3JDaGlsZDogU2t5UGFnZUxheW91dFR5cGUgfCB1bmRlZmluZWQ7XG5cbiAgI25nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuXG4gICN0aGVtZUFkYXB0ZXIgPSBpbmplY3QoU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2UpO1xuICAjbGF5b3V0SG9zdFN2YyA9IGluamVjdChTa3lMYXlvdXRIb3N0U2VydmljZSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuI3RoZW1lQWRhcHRlci5hZGRUaGVtZSgpO1xuXG4gICAgdGhpcy4jbGF5b3V0SG9zdFN2Yy5ob3N0TGF5b3V0Rm9yQ2hpbGRcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKGFyZ3MpID0+IHtcbiAgICAgICAgdGhpcy4jbGF5b3V0Rm9yQ2hpbGQgPSBhcmdzLmxheW91dCBhcyBTa3lQYWdlTGF5b3V0VHlwZTtcbiAgICAgICAgdGhpcy4jdXBkYXRlQ3NzQ2xhc3MoKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI3RoZW1lQWRhcHRlci5yZW1vdmVUaGVtZSgpO1xuXG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgI3VwZGF0ZUNzc0NsYXNzKCk6IHZvaWQge1xuICAgIGxldCBjc3NDbGFzcyA9IHRoaXMuI2xheW91dFxuICAgICAgPyBgJHtMQVlPVVRfQ0xBU1NfUFJFRklYfSR7dGhpcy4jbGF5b3V0fWBcbiAgICAgIDogTEFZT1VUX0NMQVNTX0RFRkFVTFQ7XG5cbiAgICBpZiAodGhpcy4jbGF5b3V0Rm9yQ2hpbGQpIHtcbiAgICAgIGNzc0NsYXNzID0gYCR7Y3NzQ2xhc3N9ICR7TEFZT1VUX0ZPUl9DSElMRF9DTEFTU19QUkVGSVh9JHtcbiAgICAgICAgdGhpcy4jbGF5b3V0Rm9yQ2hpbGRcbiAgICAgIH1gO1xuICAgIH1cblxuICAgIHRoaXMuY3NzQ2xhc3MgPSBjc3NDbGFzcztcbiAgfVxufVxuIl19
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
var _SkyPageHeaderAvatarComponent_defaultInputProvider, _SkyPageHeaderAvatarComponent_mediaQueryService, _SkyPageHeaderAvatarComponent_mediaQuerySubscription;
|
|
2
|
-
import { __classPrivateFieldGet, __classPrivateFieldSet } from "tslib";
|
|
3
|
-
import { Component, inject } from '@angular/core';
|
|
4
|
-
import { SkyDefaultInputProvider, SkyMediaBreakpoints, SkyMediaQueryService, } from '@skyux/core';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
/**
|
|
7
|
-
* Displays an avatar within the page header to the left of the page title.
|
|
8
|
-
* If no size is specified for the avatar component it will display at size
|
|
9
|
-
* small on xs breakpoints and size large on small and above breakpoints.
|
|
10
|
-
*/
|
|
11
|
-
export class SkyPageHeaderAvatarComponent {
|
|
12
|
-
constructor() {
|
|
13
|
-
_SkyPageHeaderAvatarComponent_defaultInputProvider.set(this, inject(SkyDefaultInputProvider));
|
|
14
|
-
_SkyPageHeaderAvatarComponent_mediaQueryService.set(this, inject(SkyMediaQueryService));
|
|
15
|
-
_SkyPageHeaderAvatarComponent_mediaQuerySubscription.set(this, void 0);
|
|
16
|
-
__classPrivateFieldSet(this, _SkyPageHeaderAvatarComponent_mediaQuerySubscription, __classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_mediaQueryService, "f").subscribe((args) => {
|
|
17
|
-
if (args === SkyMediaBreakpoints.xs) {
|
|
18
|
-
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_defaultInputProvider, "f").setValue('avatar', 'size', 'small');
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_defaultInputProvider, "f").setValue('avatar', 'size', 'large');
|
|
22
|
-
}
|
|
23
|
-
}), "f");
|
|
24
|
-
}
|
|
25
|
-
ngOnDestroy() {
|
|
26
|
-
__classPrivateFieldGet(this, _SkyPageHeaderAvatarComponent_mediaQuerySubscription, "f").unsubscribe();
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
_SkyPageHeaderAvatarComponent_defaultInputProvider = new WeakMap(), _SkyPageHeaderAvatarComponent_mediaQueryService = new WeakMap(), _SkyPageHeaderAvatarComponent_mediaQuerySubscription = new WeakMap();
|
|
30
|
-
SkyPageHeaderAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
31
|
-
SkyPageHeaderAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyPageHeaderAvatarComponent, selector: "sky-page-header-avatar", providers: [SkyDefaultInputProvider], ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){padding-top:5px;margin-right:var(--sky-margin-inline-sm)}@media (min-width: 768px){:host:not(:empty){margin-right:var(--sky-margin-inline-lg)}}:host-context(.sky-responsive-container-sm):not(:empty),:host-context(.sky-responsive-container-md):not(:empty),:host-context(.sky-responsive-container-lg):not(:empty){margin-right:var(--sky-margin-inline-lg)}\n"] });
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPageHeaderAvatarComponent, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{ selector: 'sky-page-header-avatar', providers: [SkyDefaultInputProvider], template: "<ng-content />\n", styles: [":host{display:block}:host:not(:empty){padding-top:5px;margin-right:var(--sky-margin-inline-sm)}@media (min-width: 768px){:host:not(:empty){margin-right:var(--sky-margin-inline-lg)}}:host-context(.sky-responsive-container-sm):not(:empty),:host-context(.sky-responsive-container-md):not(:empty),:host-context(.sky-responsive-container-lg):not(:empty){margin-right:var(--sky-margin-inline-lg)}\n"] }]
|
|
35
|
-
}], ctorParameters: function () { return []; } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixtQkFBbUIsRUFDbkIsb0JBQW9CLEdBQ3JCLE1BQU0sYUFBYSxDQUFDOztBQUlyQjs7OztHQUlHO0FBT0gsTUFBTSxPQUFPLDRCQUE0QjtJQUt2QztRQUpBLDZEQUF3QixNQUFNLENBQUMsdUJBQXVCLENBQUMsRUFBQztRQUN4RCwwREFBcUIsTUFBTSxDQUFDLG9CQUFvQixDQUFDLEVBQUM7UUFDbEQsdUVBQXNDO1FBR3BDLHVCQUFBLElBQUksd0RBQTJCLHVCQUFBLElBQUksdURBQW1CLENBQUMsU0FBUyxDQUM5RCxDQUFDLElBQXlCLEVBQUUsRUFBRTtZQUM1QixJQUFJLElBQUksS0FBSyxtQkFBbUIsQ0FBQyxFQUFFLEVBQUU7Z0JBQ25DLHVCQUFBLElBQUksMERBQXNCLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUM7YUFDaEU7aUJBQU07Z0JBQ0wsdUJBQUEsSUFBSSwwREFBc0IsQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLE1BQU0sRUFBRSxPQUFPLENBQUMsQ0FBQzthQUNoRTtRQUNILENBQUMsQ0FDRixNQUFBLENBQUM7SUFDSixDQUFDO0lBRU0sV0FBVztRQUNoQix1QkFBQSxJQUFJLDREQUF3QixDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzdDLENBQUM7Ozt5SEFuQlUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsaURBRjVCLENBQUMsdUJBQXVCLENBQUMsMEJDbEJ0QyxrQkFDQTsyRkRtQmEsNEJBQTRCO2tCQU54QyxTQUFTOytCQUNFLHdCQUF3QixhQUd2QixDQUFDLHVCQUF1QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5RGVmYXVsdElucHV0UHJvdmlkZXIsXG4gIFNreU1lZGlhQnJlYWtwb2ludHMsXG4gIFNreU1lZGlhUXVlcnlTZXJ2aWNlLFxufSBmcm9tICdAc2t5dXgvY29yZSc7XG5cbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIERpc3BsYXlzIGFuIGF2YXRhciB3aXRoaW4gdGhlIHBhZ2UgaGVhZGVyIHRvIHRoZSBsZWZ0IG9mIHRoZSBwYWdlIHRpdGxlLlxuICogSWYgbm8gc2l6ZSBpcyBzcGVjaWZpZWQgZm9yIHRoZSBhdmF0YXIgY29tcG9uZW50IGl0IHdpbGwgZGlzcGxheSBhdCBzaXplXG4gKiBzbWFsbCBvbiB4cyBicmVha3BvaW50cyBhbmQgc2l6ZSBsYXJnZSBvbiBzbWFsbCBhbmQgYWJvdmUgYnJlYWtwb2ludHMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1wYWdlLWhlYWRlci1hdmF0YXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXItYXZhdGFyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1NreURlZmF1bHRJbnB1dFByb3ZpZGVyXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5UGFnZUhlYWRlckF2YXRhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICNkZWZhdWx0SW5wdXRQcm92aWRlciA9IGluamVjdChTa3lEZWZhdWx0SW5wdXRQcm92aWRlcik7XG4gICNtZWRpYVF1ZXJ5U2VydmljZSA9IGluamVjdChTa3lNZWRpYVF1ZXJ5U2VydmljZSk7XG4gICNtZWRpYVF1ZXJ5U3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb247XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy4jbWVkaWFRdWVyeVN1YnNjcmlwdGlvbiA9IHRoaXMuI21lZGlhUXVlcnlTZXJ2aWNlLnN1YnNjcmliZShcbiAgICAgIChhcmdzOiBTa3lNZWRpYUJyZWFrcG9pbnRzKSA9PiB7XG4gICAgICAgIGlmIChhcmdzID09PSBTa3lNZWRpYUJyZWFrcG9pbnRzLnhzKSB7XG4gICAgICAgICAgdGhpcy4jZGVmYXVsdElucHV0UHJvdmlkZXIuc2V0VmFsdWUoJ2F2YXRhcicsICdzaXplJywgJ3NtYWxsJyk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy4jZGVmYXVsdElucHV0UHJvdmlkZXIuc2V0VmFsdWUoJ2F2YXRhcicsICdzaXplJywgJ2xhcmdlJyk7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICApO1xuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuI21lZGlhUXVlcnlTdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==
|