@skyux/pages 11.11.2 → 11.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +568 -623
- package/esm2022/lib/modules/action-hub/action-hub-buttons.component.mjs +2 -2
- package/esm2022/lib/modules/action-hub/action-hub.component.mjs +13 -10
- package/esm2022/lib/modules/action-hub/action-hub.module.mjs +7 -3
- package/esm2022/lib/modules/page/page-content.component.mjs +4 -2
- package/esm2022/lib/modules/page/page.component.mjs +29 -5
- package/esm2022/lib/modules/page-header/page-header.component.mjs +4 -28
- package/fesm2022/skyux-pages.mjs +203 -197
- package/fesm2022/skyux-pages.mjs.map +1 -1
- package/lib/modules/action-hub/action-hub.module.d.ts +2 -1
- package/lib/modules/page-header/page-header.component.d.ts +3 -9
- package/package.json +9 -9
|
@@ -11,10 +11,10 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
*/
|
|
12
12
|
export class SkyActionHubButtonsComponent {
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionHubButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
14
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyActionHubButtonsComponent, selector: "sky-action-hub-buttons", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyActionHubButtonsComponent, selector: "sky-action-hub-buttons", ngImport: i0, template: "<ng-content />\n", styles: [":host{display:block}\n"] }); }
|
|
15
15
|
}
|
|
16
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionHubButtonsComponent, decorators: [{
|
|
17
17
|
type: Component,
|
|
18
|
-
args: [{ selector: 'sky-action-hub-buttons', template: "<ng-content />\n", styles: [":host{display:block}
|
|
18
|
+
args: [{ selector: 'sky-action-hub-buttons', template: "<ng-content />\n", styles: [":host{display:block}\n"] }]
|
|
19
19
|
}] });
|
|
20
20
|
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi1idXR0b25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvYWN0aW9uLWh1Yi9hY3Rpb24taHViLWJ1dHRvbnMuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9hY3Rpb24taHViL2FjdGlvbi1odWItYnV0dG9ucy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUUxQzs7Ozs7Ozs7R0FRRztBQU1ILE1BQU0sT0FBTyw0QkFBNEI7OEdBQTVCLDRCQUE0QjtrR0FBNUIsNEJBQTRCLDhEQ2hCekMsa0JBQ0E7OzJGRGVhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBEaXNwbGF5cyBidXR0b25zIGFmdGVyIHRoZSBwYWdlIHRpdGxlLlxuICpcbiAqIEV4YW1wbGU6XG4gKlxuICogYGBgaHRtbFxuICogPGEgY2xhc3M9XCJza3ktYnRuIHNreS1idG4tZGVmYXVsdFwiIGhyZWY9XCJwYXRoL3RvL25ld1wiPk5ldzwvYT5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktYWN0aW9uLWh1Yi1idXR0b25zJyxcbiAgdGVtcGxhdGVVcmw6ICdhY3Rpb24taHViLWJ1dHRvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24taHViLWJ1dHRvbnMuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uSHViQnV0dG9uc0NvbXBvbmVudCB7fVxuIiwiPG5nLWNvbnRlbnQgLz5cbiJdfQ==
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "../link-list/link-list.component";
|
|
5
|
-
import * as i3 from "../link-list-
|
|
6
|
-
import * as i4 from "../
|
|
7
|
-
import * as i5 from "../
|
|
3
|
+
import * as i1 from "../link-list/link-list.component";
|
|
4
|
+
import * as i2 from "../link-list-recently-accessed/link-list-recently-accessed.component";
|
|
5
|
+
import * as i3 from "../modal-link-list/modal-link-list.component";
|
|
6
|
+
import * as i4 from "../needs-attention/needs-attention.component";
|
|
7
|
+
import * as i5 from "../page-header/page-header-actions.component";
|
|
8
8
|
import * as i6 from "../page-header/page-header.component";
|
|
9
9
|
import * as i7 from "@skyux/indicators";
|
|
10
|
-
import * as i8 from "
|
|
11
|
-
import * as i9 from "
|
|
10
|
+
import * as i8 from "../page/page.component";
|
|
11
|
+
import * as i9 from "../page/page-content.component";
|
|
12
|
+
import * as i10 from "../page/page-links.component";
|
|
13
|
+
import * as i11 from "@skyux/i18n";
|
|
14
|
+
import * as i12 from "./action-hub-related-links-sort.pipe";
|
|
12
15
|
/**
|
|
13
16
|
* Creates an action hub to direct user attention to important
|
|
14
17
|
* actions and provide quick access to common tasks.
|
|
@@ -46,11 +49,11 @@ export class SkyActionHubComponent {
|
|
|
46
49
|
}
|
|
47
50
|
#_needsAttention;
|
|
48
51
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionHubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyActionHubComponent, selector: "sky-action-hub", inputs: { needsAttention: "needsAttention", parentLink: "parentLink", recentLinks: "recentLinks", relatedLinks: "relatedLinks", settingsLinks: "settingsLinks", title: "title" }, ngImport: i0, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n />\n </sky-page-links>\n</sky-page>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i1.SkyLinkListComponent, selector: "sky-link-list", inputs: ["headingText", "links"] }, { kind: "component", type: i2.SkyLinkListRecentlyAccessedComponent, selector: "sky-link-list-recently-accessed", inputs: ["recentLinks"] }, { kind: "component", type: i3.SkyModalLinkListComponent, selector: "sky-modal-link-list", inputs: ["links", "title"] }, { kind: "component", type: i4.SkyNeedsAttentionComponent, selector: "sky-needs-attention", inputs: ["items"] }, { kind: "component", type: i5.SkyPageHeaderActionsComponent, selector: "sky-page-header-actions" }, { kind: "component", type: i6.SkyPageHeaderComponent, selector: "sky-page-header", inputs: ["parentLink", "pageTitle"] }, { kind: "component", type: i7.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking", "screenReaderCompletedText"] }, { kind: "component", type: i8.SkyPageComponent, selector: "sky-page", inputs: ["layout", "helpKey"] }, { kind: "component", type: i9.SkyPageContentComponent, selector: "sky-page-content" }, { kind: "component", type: i10.SkyPageLinksComponent, selector: "sky-page-links" }, { kind: "pipe", type: i11.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "pipe", type: i12.SkyActionHubRelatedLinksSortPipe, name: "skyActionHubRelatedLinksSort" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
53
|
}
|
|
51
54
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionHubComponent, decorators: [{
|
|
52
55
|
type: Component,
|
|
53
|
-
args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-
|
|
56
|
+
args: [{ selector: 'sky-action-hub', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-page layout=\"blocks\">\n <sky-page-header [pageTitle]=\"title\" [parentLink]=\"parentLink\">\n <sky-page-header-actions>\n <div class=\"sky-margin-stacked-sm\">\n <ng-content select=\"sky-action-hub-buttons\" />\n </div>\n </sky-page-header-actions>\n </sky-page-header>\n <sky-page-content>\n <div class=\"sky-margin-stacked-xl\">\n <sky-wait [isWaiting]=\"needsAttention === 'loading'\" />\n @if (needsAttention !== 'loading') {\n <sky-needs-attention [items]=\"needsAttentionArray\" />\n }\n </div>\n\n <div class=\"sky-margin-stacked-xl\">\n <ng-content select=\"sky-action-hub-content\" />\n </div>\n </sky-page-content>\n <sky-page-links>\n <sky-link-list\n [links]=\"relatedLinks | skyActionHubRelatedLinksSort\"\n [headingText]=\"'sky_action_hub_related_links' | skyLibResources\"\n />\n <sky-link-list-recently-accessed [recentLinks]=\"recentLinks\" />\n <sky-modal-link-list\n [links]=\"settingsLinks\"\n [title]=\"'sky_action_hub_settings_links' | skyLibResources\"\n />\n </sky-page-links>\n</sky-page>\n", styles: [":host{display:block}\n"] }]
|
|
54
57
|
}], propDecorators: { needsAttention: [{
|
|
55
58
|
type: Input
|
|
56
59
|
}], parentLink: [{
|
|
@@ -64,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
64
67
|
}], title: [{
|
|
65
68
|
type: Input
|
|
66
69
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7Ozs7Ozs7QUFTMUU7OztHQUdHO0FBT0gsTUFBTSxPQUFPLHFCQUFxQjtJQU5sQztRQTRCRTs7V0FFRztRQUVJLGdCQUFXLEdBQXdCLEVBQUUsQ0FBQztRQUU3Qzs7V0FFRztRQUVJLGlCQUFZLEdBQXNCLEVBQUUsQ0FBQztRQUU1Qzs7V0FFRztRQUVJLGtCQUFhLEdBQTJCLEVBQUUsQ0FBQztRQUVsRDs7O1dBR0c7UUFFSSxVQUFLLEdBQUcsRUFBRSxDQUFDO1FBRVgsd0JBQW1CLEdBQWlDLEVBQUUsQ0FBQztLQUcvRDtJQWpEQzs7T0FFRztJQUNILElBQ1csY0FBYyxDQUN2QixLQUFrRDtRQUVsRCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUMvRCxDQUFDO0lBRUQsSUFBVyxjQUFjO1FBQ3ZCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQy9CLENBQUM7SUFtQ0QsZ0JBQWdCLENBQThDOzhHQWpEbkQscUJBQXFCO2tHQUFyQixxQkFBcUIsd09DbkJsQyx1bUNBZ0NBOzsyRkRiYSxxQkFBcUI7a0JBTmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLG1CQUdULHVCQUF1QixDQUFDLE1BQU07OEJBT3BDLGNBQWM7c0JBRHhCLEtBQUs7Z0JBZ0JDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBT0MsV0FBVztzQkFEakIsS0FBSztnQkFPQyxZQUFZO3NCQURsQixLQUFLO2dCQU9DLGFBQWE7c0JBRG5CLEtBQUs7Z0JBUUMsS0FBSztzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb24gfSBmcm9tICcuL3R5cGVzL2FjdGlvbi1odWItbmVlZHMtYXR0ZW50aW9uJztcbmltcG9ydCB7IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uSW5wdXQgfSBmcm9tICcuL3R5cGVzL2FjdGlvbi1odWItbmVlZHMtYXR0ZW50aW9uLWlucHV0JztcbmltcG9ydCB7IFNreVBhZ2VMaW5rIH0gZnJvbSAnLi90eXBlcy9wYWdlLWxpbmsnO1xuaW1wb3J0IHsgU2t5UGFnZUxpbmtzSW5wdXQgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGlua3MtaW5wdXQnO1xuaW1wb3J0IHsgU2t5UGFnZU1vZGFsTGlua3NJbnB1dCB9IGZyb20gJy4vdHlwZXMvcGFnZS1tb2RhbC1saW5rcy1pbnB1dCc7XG5pbXBvcnQgeyBTa3lSZWNlbnRMaW5rc0lucHV0IH0gZnJvbSAnLi90eXBlcy9yZWNlbnQtbGlua3MtaW5wdXQnO1xuXG4vKipcbiAqIENyZWF0ZXMgYW4gYWN0aW9uIGh1YiB0byBkaXJlY3QgdXNlciBhdHRlbnRpb24gdG8gaW1wb3J0YW50XG4gKiBhY3Rpb25zIGFuZCBwcm92aWRlIHF1aWNrIGFjY2VzcyB0byBjb21tb24gdGFza3MuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1hY3Rpb24taHViJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FjdGlvbi1odWIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpb24taHViLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBY3Rpb25IdWJDb21wb25lbnQge1xuICAvKipcbiAgICogVGhlIGxpc3Qgb2YgYWN0aW9ucyB0aGF0IHVzZXJzIG11c3QgcGVyZm9ybSBiYXNlZCBvbiBidXNpbmVzcyByZXF1aXJlbWVudHMgb3IgYmVzdCBwcmFjdGljZXMsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBuZWVkc0F0dGVudGlvbihcbiAgICB2YWx1ZTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25JbnB1dCB8IHVuZGVmaW5lZCxcbiAgKSB7XG4gICAgdGhpcy4jX25lZWRzQXR0ZW50aW9uID0gdmFsdWU7XG4gICAgdGhpcy5uZWVkc0F0dGVudGlvbkFycmF5ID0gQXJyYXkuaXNBcnJheSh2YWx1ZSkgPyB2YWx1ZSA6IFtdO1xuICB9XG5cbiAgcHVibGljIGdldCBuZWVkc0F0dGVudGlvbigpOiBTa3lBY3Rpb25IdWJOZWVkc0F0dGVudGlvbklucHV0IHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy4jX25lZWRzQXR0ZW50aW9uO1xuICB9XG5cbiAgLyoqXG4gICAqIExpbmtzIGJhY2sgdG8gYSBwYXJlbnQgcGFnZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwYXJlbnRMaW5rOiBTa3lQYWdlTGluayB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIGxpc3Qgb2YgcmVjZW50bHkgYWNjZXNzZWQgbGlua3MsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHJlY2VudExpbmtzOiBTa3lSZWNlbnRMaW5rc0lucHV0ID0gW107XG5cbiAgLyoqXG4gICAqIFRoZSBsaXN0IG9mIHJlbGF0ZWQgbGlua3MsIG9yIGBcImxvYWRpbmdcImAgdG8gZGlzcGxheSBhIHdhaXQgaW5kaWNhdG9yLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHJlbGF0ZWRMaW5rczogU2t5UGFnZUxpbmtzSW5wdXQgPSBbXTtcblxuICAvKipcbiAgICogVGhlIGxpc3Qgb2Ygc2V0dGluZ3Mgd2l0aCBtb2RhbCBwYXJhbWV0ZXJzLCBvciBgXCJsb2FkaW5nXCJgIHRvIGRpc3BsYXkgYSB3YWl0IGluZGljYXRvci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXR0aW5nc0xpbmtzOiBTa3lQYWdlTW9kYWxMaW5rc0lucHV0ID0gW107XG5cbiAgLyoqXG4gICAqIFRoZSBwYWdlIHRpdGxlLlxuICAgKiBAZGVmYXVsdCBcIlwiXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdGl0bGUgPSAnJztcblxuICBwdWJsaWMgbmVlZHNBdHRlbnRpb25BcnJheTogU2t5QWN0aW9uSHViTmVlZHNBdHRlbnRpb25bXSA9IFtdO1xuXG4gICNfbmVlZHNBdHRlbnRpb246IFNreUFjdGlvbkh1Yk5lZWRzQXR0ZW50aW9uSW5wdXQgfCB1bmRlZmluZWQ7XG59XG4iLCI8c2t5LXBhZ2UgbGF5b3V0PVwiYmxvY2tzXCI+XG4gIDxza3ktcGFnZS1oZWFkZXIgW3BhZ2VUaXRsZV09XCJ0aXRsZVwiIFtwYXJlbnRMaW5rXT1cInBhcmVudExpbmtcIj5cbiAgICA8c2t5LXBhZ2UtaGVhZGVyLWFjdGlvbnM+XG4gICAgICA8ZGl2IGNsYXNzPVwic2t5LW1hcmdpbi1zdGFja2VkLXNtXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24taHViLWJ1dHRvbnNcIiAvPlxuICAgICAgPC9kaXY+XG4gICAgPC9za3ktcGFnZS1oZWFkZXItYWN0aW9ucz5cbiAgPC9za3ktcGFnZS1oZWFkZXI+XG4gIDxza3ktcGFnZS1jb250ZW50PlxuICAgIDxkaXYgY2xhc3M9XCJza3ktbWFyZ2luLXN0YWNrZWQteGxcIj5cbiAgICAgIDxza3ktd2FpdCBbaXNXYWl0aW5nXT1cIm5lZWRzQXR0ZW50aW9uID09PSAnbG9hZGluZydcIiAvPlxuICAgICAgQGlmIChuZWVkc0F0dGVudGlvbiAhPT0gJ2xvYWRpbmcnKSB7XG4gICAgICAgIDxza3ktbmVlZHMtYXR0ZW50aW9uIFtpdGVtc109XCJuZWVkc0F0dGVudGlvbkFycmF5XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJza3ktbWFyZ2luLXN0YWNrZWQteGxcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1hY3Rpb24taHViLWNvbnRlbnRcIiAvPlxuICAgIDwvZGl2PlxuICA8L3NreS1wYWdlLWNvbnRlbnQ+XG4gIDxza3ktcGFnZS1saW5rcz5cbiAgICA8c2t5LWxpbmstbGlzdFxuICAgICAgW2xpbmtzXT1cInJlbGF0ZWRMaW5rcyB8IHNreUFjdGlvbkh1YlJlbGF0ZWRMaW5rc1NvcnRcIlxuICAgICAgW2hlYWRpbmdUZXh0XT1cIidza3lfYWN0aW9uX2h1Yl9yZWxhdGVkX2xpbmtzJyB8IHNreUxpYlJlc291cmNlc1wiXG4gICAgLz5cbiAgICA8c2t5LWxpbmstbGlzdC1yZWNlbnRseS1hY2Nlc3NlZCBbcmVjZW50TGlua3NdPVwicmVjZW50TGlua3NcIiAvPlxuICAgIDxza3ktbW9kYWwtbGluay1saXN0XG4gICAgICBbbGlua3NdPVwic2V0dGluZ3NMaW5rc1wiXG4gICAgICBbdGl0bGVdPVwiJ3NreV9hY3Rpb25faHViX3NldHRpbmdzX2xpbmtzJyB8IHNreUxpYlJlc291cmNlc1wiXG4gICAgLz5cbiAgPC9za3ktcGFnZS1saW5rcz5cbjwvc2t5LXBhZ2U+XG4iXX0=
|
|
@@ -6,6 +6,7 @@ import { SkyLinkListModule } from '../link-list/link-list.module';
|
|
|
6
6
|
import { SkyModalLinkListModule } from '../modal-link-list/modal-link-list.module';
|
|
7
7
|
import { SkyNeedsAttentionModule } from '../needs-attention/needs-attention.module';
|
|
8
8
|
import { SkyPageHeaderModule } from '../page-header/page-header.module';
|
|
9
|
+
import { SkyPageModule } from '../page/page.module';
|
|
9
10
|
import { SkyPagesResourcesModule } from '../shared/sky-pages-resources.module';
|
|
10
11
|
import { SkyActionHubButtonsComponent } from './action-hub-buttons.component';
|
|
11
12
|
import { SkyActionHubContentComponent } from './action-hub-content.component';
|
|
@@ -27,7 +28,8 @@ export class SkyActionHubModule {
|
|
|
27
28
|
SkyPageHeaderModule,
|
|
28
29
|
SkyPagesResourcesModule,
|
|
29
30
|
SkyThemeModule,
|
|
30
|
-
SkyWaitModule
|
|
31
|
+
SkyWaitModule,
|
|
32
|
+
SkyPageModule], exports: [SkyActionHubButtonsComponent,
|
|
31
33
|
SkyActionHubComponent,
|
|
32
34
|
SkyActionHubContentComponent] }); }
|
|
33
35
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionHubModule, imports: [SkyBoxModule,
|
|
@@ -38,7 +40,8 @@ export class SkyActionHubModule {
|
|
|
38
40
|
SkyPageHeaderModule,
|
|
39
41
|
SkyPagesResourcesModule,
|
|
40
42
|
SkyThemeModule,
|
|
41
|
-
SkyWaitModule
|
|
43
|
+
SkyWaitModule,
|
|
44
|
+
SkyPageModule] }); }
|
|
42
45
|
}
|
|
43
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyActionHubModule, decorators: [{
|
|
44
47
|
type: NgModule,
|
|
@@ -54,6 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
54
57
|
SkyPagesResourcesModule,
|
|
55
58
|
SkyThemeModule,
|
|
56
59
|
SkyWaitModule,
|
|
60
|
+
SkyPageModule,
|
|
57
61
|
],
|
|
58
62
|
declarations: [
|
|
59
63
|
SkyActionHubButtonsComponent,
|
|
@@ -68,4 +72,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
68
72
|
],
|
|
69
73
|
}]
|
|
70
74
|
}] });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWh1Yi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL2FjdGlvbi1odWIvYWN0aW9uLWh1Yi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDbEQsT0FBTyxFQUFFLFlBQVksRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTlDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ25GLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUUvRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUM5RSxPQUFPLEVBQUUsa0NBQWtDLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUM1RixPQUFPLEVBQUUsZ0NBQWdDLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUN4RixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUE0Qi9ELE1BQU0sT0FBTyxrQkFBa0I7OEdBQWxCLGtCQUFrQjsrR0FBbEIsa0JBQWtCLGlCQVgzQiw0QkFBNEI7WUFDNUIscUJBQXFCO1lBQ3JCLDRCQUE0QjtZQUM1QixnQ0FBZ0MsYUFoQmhDLGtDQUFrQztZQUNsQyxZQUFZO1lBQ1osa0JBQWtCO1lBQ2xCLGlCQUFpQjtZQUNqQixzQkFBc0I7WUFDdEIsdUJBQXVCO1lBQ3ZCLG1CQUFtQjtZQUNuQix1QkFBdUI7WUFDdkIsY0FBYztZQUNkLGFBQWE7WUFDYixhQUFhLGFBU2IsNEJBQTRCO1lBQzVCLHFCQUFxQjtZQUNyQiw0QkFBNEI7K0dBR25CLGtCQUFrQixZQXZCM0IsWUFBWTtZQUNaLGtCQUFrQjtZQUNsQixpQkFBaUI7WUFDakIsc0JBQXNCO1lBQ3RCLHVCQUF1QjtZQUN2QixtQkFBbUI7WUFDbkIsdUJBQXVCO1lBQ3ZCLGNBQWM7WUFDZCxhQUFhO1lBQ2IsYUFBYTs7MkZBY0osa0JBQWtCO2tCQTFCOUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1Asa0NBQWtDO3dCQUNsQyxZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsaUJBQWlCO3dCQUNqQixzQkFBc0I7d0JBQ3RCLHVCQUF1Qjt3QkFDdkIsbUJBQW1CO3dCQUNuQix1QkFBdUI7d0JBQ3ZCLGNBQWM7d0JBQ2QsYUFBYTt3QkFDYixhQUFhO3FCQUNkO29CQUNELFlBQVksRUFBRTt3QkFDWiw0QkFBNEI7d0JBQzVCLHFCQUFxQjt3QkFDckIsNEJBQTRCO3dCQUM1QixnQ0FBZ0M7cUJBQ2pDO29CQUNELE9BQU8sRUFBRTt3QkFDUCw0QkFBNEI7d0JBQzVCLHFCQUFxQjt3QkFDckIsNEJBQTRCO3FCQUM3QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lXYWl0TW9kdWxlIH0gZnJvbSAnQHNreXV4L2luZGljYXRvcnMnO1xuaW1wb3J0IHsgU2t5Qm94TW9kdWxlLCBTa3lGbHVpZEdyaWRNb2R1bGUgfSBmcm9tICdAc2t5dXgvbGF5b3V0JztcbmltcG9ydCB7IFNreVRoZW1lTW9kdWxlIH0gZnJvbSAnQHNreXV4L3RoZW1lJztcblxuaW1wb3J0IHsgU2t5TGlua0xpc3RNb2R1bGUgfSBmcm9tICcuLi9saW5rLWxpc3QvbGluay1saXN0Lm1vZHVsZSc7XG5pbXBvcnQgeyBTa3lNb2RhbExpbmtMaXN0TW9kdWxlIH0gZnJvbSAnLi4vbW9kYWwtbGluay1saXN0L21vZGFsLWxpbmstbGlzdC5tb2R1bGUnO1xuaW1wb3J0IHsgU2t5TmVlZHNBdHRlbnRpb25Nb2R1bGUgfSBmcm9tICcuLi9uZWVkcy1hdHRlbnRpb24vbmVlZHMtYXR0ZW50aW9uLm1vZHVsZSc7XG5pbXBvcnQgeyBTa3lQYWdlSGVhZGVyTW9kdWxlIH0gZnJvbSAnLi4vcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIubW9kdWxlJztcbmltcG9ydCB7IFNreVBhZ2VNb2R1bGUgfSBmcm9tICcuLi9wYWdlL3BhZ2UubW9kdWxlJztcbmltcG9ydCB7IFNreVBhZ2VzUmVzb3VyY2VzTW9kdWxlIH0gZnJvbSAnLi4vc2hhcmVkL3NreS1wYWdlcy1yZXNvdXJjZXMubW9kdWxlJztcblxuaW1wb3J0IHsgU2t5QWN0aW9uSHViQnV0dG9uc0NvbXBvbmVudCB9IGZyb20gJy4vYWN0aW9uLWh1Yi1idXR0b25zLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lBY3Rpb25IdWJDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9hY3Rpb24taHViLWNvbnRlbnQuY29tcG9uZW50JztcbmltcG9ydCB7IFNreUFjdGlvbkh1YlJlY2VudExpbmtzUmVzb2x2ZVBpcGUgfSBmcm9tICcuL2FjdGlvbi1odWItcmVjZW50LWxpbmtzLXJlc29sdmUucGlwZSc7XG5pbXBvcnQgeyBTa3lBY3Rpb25IdWJSZWxhdGVkTGlua3NTb3J0UGlwZSB9IGZyb20gJy4vYWN0aW9uLWh1Yi1yZWxhdGVkLWxpbmtzLXNvcnQucGlwZSc7XG5pbXBvcnQgeyBTa3lBY3Rpb25IdWJDb21wb25lbnQgfSBmcm9tICcuL2FjdGlvbi1odWIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIFNreUFjdGlvbkh1YlJlY2VudExpbmtzUmVzb2x2ZVBpcGUsXG4gICAgU2t5Qm94TW9kdWxlLFxuICAgIFNreUZsdWlkR3JpZE1vZHVsZSxcbiAgICBTa3lMaW5rTGlzdE1vZHVsZSxcbiAgICBTa3lNb2RhbExpbmtMaXN0TW9kdWxlLFxuICAgIFNreU5lZWRzQXR0ZW50aW9uTW9kdWxlLFxuICAgIFNreVBhZ2VIZWFkZXJNb2R1bGUsXG4gICAgU2t5UGFnZXNSZXNvdXJjZXNNb2R1bGUsXG4gICAgU2t5VGhlbWVNb2R1bGUsXG4gICAgU2t5V2FpdE1vZHVsZSxcbiAgICBTa3lQYWdlTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lBY3Rpb25IdWJCdXR0b25zQ29tcG9uZW50LFxuICAgIFNreUFjdGlvbkh1YkNvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25IdWJDb250ZW50Q29tcG9uZW50LFxuICAgIFNreUFjdGlvbkh1YlJlbGF0ZWRMaW5rc1NvcnRQaXBlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgU2t5QWN0aW9uSHViQnV0dG9uc0NvbXBvbmVudCxcbiAgICBTa3lBY3Rpb25IdWJDb21wb25lbnQsXG4gICAgU2t5QWN0aW9uSHViQ29udGVudENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5QWN0aW9uSHViTW9kdWxlIHt9XG4iXX0=
|
|
@@ -7,7 +7,9 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
*/
|
|
8
8
|
export class SkyPageContentComponent {
|
|
9
9
|
#elementRef = inject(ElementRef);
|
|
10
|
-
#mediaQueryService = inject(SkyResizeObserverMediaQueryService
|
|
10
|
+
#mediaQueryService = inject(SkyResizeObserverMediaQueryService, {
|
|
11
|
+
self: true,
|
|
12
|
+
});
|
|
11
13
|
ngOnInit() {
|
|
12
14
|
this.#mediaQueryService.observe(this.#elementRef, {
|
|
13
15
|
updateResponsiveClasses: true,
|
|
@@ -35,4 +37,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
35
37
|
},
|
|
36
38
|
], styles: [":host{display:block;padding:var(--sky-layout-host-content-spacing, 0);flex-grow:var(--sky-layout-host-content-flex-grow, 0);overflow:var(--sky-layout-host-content-overflow, visible);position:var(--sky-layout-host-content-position, static)}\n"] }]
|
|
37
39
|
}] });
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9wYWdlcy9zcmMvbGliL21vZHVsZXMvcGFnZS9wYWdlLWNvbnRlbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFVBQVUsRUFHVixNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixrQ0FBa0MsR0FDbkMsTUFBTSxhQUFhLENBQUM7O0FBRXJCOzs7R0FHRztBQWNILE1BQU0sT0FBTyx1QkFBdUI7SUFDbEMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNqQyxrQkFBa0IsR0FBRyxNQUFNLENBQUMsa0NBQWtDLEVBQUU7UUFDOUQsSUFBSSxFQUFFLElBQUk7S0FDWCxDQUFDLENBQUM7SUFFSSxRQUFRO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ2hELHVCQUF1QixFQUFFLElBQUk7U0FDOUIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ3RDLENBQUM7OEdBZFUsdUJBQXVCO2tHQUF2Qix1QkFBdUIsMkNBUnZCO1lBQ1Qsa0NBQWtDO1lBQ2xDO2dCQUNFLE9BQU8sRUFBRSxvQkFBb0I7Z0JBQzdCLFdBQVcsRUFBRSxrQ0FBa0M7YUFDaEQ7U0FDRiwwQkFUUyxnQkFBZ0I7OzJGQVdmLHVCQUF1QjtrQkFibkMsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEIsZ0JBQWdCLG1CQUVULHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1Qsa0NBQWtDO3dCQUNsQzs0QkFDRSxPQUFPLEVBQUUsb0JBQW9COzRCQUM3QixXQUFXLEVBQUUsa0NBQWtDO3lCQUNoRDtxQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIE9uRGVzdHJveSxcbiAgT25Jbml0LFxuICBpbmplY3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuLyoqXG4gKiBEaXNwbGF5cyBwYWdlIGNvbnRlbnRzIHVzaW5nIHNwYWNpbmcgdGhhdCBjb3JyZXNwb25kcyB0byB0aGUgcGFyZW50XG4gKiBwYWdlJ3MgbGF5b3V0LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcGFnZS1jb250ZW50JyxcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudCAvPmAsXG4gIHN0eWxlVXJsczogWycuL3BhZ2UtY29udGVudC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAgU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBTa3lNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBTa3lSZXNpemVPYnNlcnZlck1lZGlhUXVlcnlTZXJ2aWNlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVBhZ2VDb250ZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAjZWxlbWVudFJlZiA9IGluamVjdChFbGVtZW50UmVmKTtcbiAgI21lZGlhUXVlcnlTZXJ2aWNlID0gaW5qZWN0KFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsIHtcbiAgICBzZWxmOiB0cnVlLFxuICB9KTtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy4jbWVkaWFRdWVyeVNlcnZpY2Uub2JzZXJ2ZSh0aGlzLiNlbGVtZW50UmVmLCB7XG4gICAgICB1cGRhdGVSZXNwb25zaXZlQ2xhc3NlczogdHJ1ZSxcbiAgICB9KTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiNtZWRpYVF1ZXJ5U2VydmljZS51bm9ic2VydmUoKTtcbiAgfVxufVxuIl19
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Component, HostBinding, Input, inject, } from '@angular/core';
|
|
2
|
-
import { SkyHelpService, SkyLayoutHostService, } from '@skyux/core';
|
|
1
|
+
import { Component, ElementRef, HostBinding, Input, inject, } from '@angular/core';
|
|
2
|
+
import { SkyHelpService, SkyLayoutHostService, SkyMediaQueryService, SkyResizeObserverMediaQueryService, } from '@skyux/core';
|
|
3
3
|
import { Subject } from 'rxjs';
|
|
4
4
|
import { takeUntil } from 'rxjs/operators';
|
|
5
5
|
import { SkyPageThemeAdapterService } from './page-theme-adapter.service';
|
|
@@ -20,6 +20,10 @@ export class SkyPageComponent {
|
|
|
20
20
|
this.#themeAdapter = inject(SkyPageThemeAdapterService);
|
|
21
21
|
this.#layoutHostSvc = inject(SkyLayoutHostService);
|
|
22
22
|
this.#helpSvc = inject(SkyHelpService, { optional: true });
|
|
23
|
+
this.#elementRef = inject(ElementRef);
|
|
24
|
+
this.#resizeObserverSvc = inject(SkyResizeObserverMediaQueryService, {
|
|
25
|
+
self: true,
|
|
26
|
+
});
|
|
23
27
|
}
|
|
24
28
|
/**
|
|
25
29
|
* The page layout that applies spacing to the page header and content. Use the layout
|
|
@@ -44,6 +48,8 @@ export class SkyPageComponent {
|
|
|
44
48
|
#themeAdapter;
|
|
45
49
|
#layoutHostSvc;
|
|
46
50
|
#helpSvc;
|
|
51
|
+
#elementRef;
|
|
52
|
+
#resizeObserverSvc;
|
|
47
53
|
ngOnInit() {
|
|
48
54
|
this.#themeAdapter.addTheme();
|
|
49
55
|
this.#layoutHostSvc.hostLayoutForChild
|
|
@@ -52,9 +58,11 @@ export class SkyPageComponent {
|
|
|
52
58
|
this.#layoutForChild = args.layout;
|
|
53
59
|
this.#updateCssClass();
|
|
54
60
|
});
|
|
61
|
+
this.#resizeObserverSvc.observe(this.#elementRef);
|
|
55
62
|
}
|
|
56
63
|
ngOnDestroy() {
|
|
57
64
|
this.#themeAdapter.removeTheme();
|
|
65
|
+
this.#resizeObserverSvc.destroy();
|
|
58
66
|
this.#ngUnsubscribe.next();
|
|
59
67
|
this.#ngUnsubscribe.complete();
|
|
60
68
|
this.#helpSvc?.updateHelp({ pageDefaultHelpKey: undefined });
|
|
@@ -69,14 +77,30 @@ export class SkyPageComponent {
|
|
|
69
77
|
this.cssClass = cssClass;
|
|
70
78
|
}
|
|
71
79
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyPageComponent, selector: "sky-page", inputs: { layout: "layout", helpKey: "helpKey" }, host: { properties: { "class": "this.cssClass" } }, providers: [
|
|
80
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: SkyPageComponent, selector: "sky-page", inputs: { layout: "layout", helpKey: "helpKey" }, host: { properties: { "class": "this.cssClass" } }, providers: [
|
|
81
|
+
SkyPageThemeAdapterService,
|
|
82
|
+
SkyLayoutHostService,
|
|
83
|
+
SkyResizeObserverMediaQueryService,
|
|
84
|
+
{
|
|
85
|
+
provide: SkyMediaQueryService,
|
|
86
|
+
useExisting: SkyResizeObserverMediaQueryService,
|
|
87
|
+
},
|
|
88
|
+
], ngImport: i0, template: `<ng-content />`, isInline: true }); }
|
|
73
89
|
}
|
|
74
90
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
75
91
|
type: Component,
|
|
76
92
|
args: [{
|
|
77
93
|
selector: 'sky-page',
|
|
78
94
|
template: `<ng-content />`,
|
|
79
|
-
providers: [
|
|
95
|
+
providers: [
|
|
96
|
+
SkyPageThemeAdapterService,
|
|
97
|
+
SkyLayoutHostService,
|
|
98
|
+
SkyResizeObserverMediaQueryService,
|
|
99
|
+
{
|
|
100
|
+
provide: SkyMediaQueryService,
|
|
101
|
+
useExisting: SkyResizeObserverMediaQueryService,
|
|
102
|
+
},
|
|
103
|
+
],
|
|
80
104
|
}]
|
|
81
105
|
}], propDecorators: { layout: [{
|
|
82
106
|
type: Input
|
|
@@ -86,4 +110,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
|
|
|
86
110
|
type: HostBinding,
|
|
87
111
|
args: ['class']
|
|
88
112
|
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
113
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxVQUFVLEVBQ1YsV0FBVyxFQUNYLEtBQUssRUFHTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGNBQWMsRUFFZCxvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLGtDQUFrQyxHQUNuQyxNQUFNLGFBQWEsQ0FBQztBQUVyQixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUUzQyxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFHMUUsTUFBTSxjQUFjLEdBQXNCLE1BQU0sQ0FBQztBQUVqRCxNQUFNLDZCQUE2QixHQUFHLDRCQUE0QixDQUFDO0FBQ25FLE1BQU0sbUJBQW1CLEdBQUcsa0JBQWtCLENBQUM7QUFDL0MsTUFBTSxvQkFBb0IsR0FBRyxHQUFHLG1CQUFtQixHQUFHLGNBQWMsRUFBRSxDQUFDO0FBRXZFOzs7O0dBSUc7QUFjSCxNQUFNLE9BQU8sZ0JBQWdCO0lBYjdCO1FBb0NTLGFBQVEsR0FBRyxvQkFBb0IsQ0FBQztRQUt2QyxtQkFBYyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFFckMsa0JBQWEsR0FBRyxNQUFNLENBQUMsMEJBQTBCLENBQUMsQ0FBQztRQUNuRCxtQkFBYyxHQUFHLE1BQU0sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO1FBQzlDLGFBQVEsR0FBRyxNQUFNLENBQUMsY0FBYyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7UUFDN0MsZ0JB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QURkLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFNreUhlbHBTZXJ2aWNlLFxuICBTa3lMYXlvdXRIb3N0Rm9yQ2hpbGRBcmdzLFxuICBTa3lMYXlvdXRIb3N0U2VydmljZSxcbiAgU2t5TWVkaWFRdWVyeVNlcnZpY2UsXG4gIFNreVJlc2l6ZU9ic2VydmVyTWVkaWFRdWVyeVNlcnZpY2UsXG59IGZyb20gJ0Bza3l1eC9jb3JlJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lQYWdlVGhlbWVBZGFwdGVyU2VydmljZSB9IGZyb20gJy4vcGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5UGFnZUxheW91dFR5cGUgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGF5b3V0LXR5cGUnO1xuXG5jb25zdCBMQVlPVVRfREVGQVVMVDogU2t5UGFnZUxheW91dFR5cGUgPSAnbm9uZSc7XG5cbmNvbnN0IExBWU9VVF9GT1JfQ0hJTERfQ0xBU1NfUFJFRklYID0gJ3NreS1sYXlvdXQtaG9zdC1mb3ItY2hpbGQtJztcbmNvbnN0IExBWU9VVF9DTEFTU19QUkVGSVggPSAnc2t5LWxheW91dC1ob3N0LSc7XG5jb25zdCBMQVlPVVRfQ0xBU1NfREVGQVVMVCA9IGAke0xBWU9VVF9DTEFTU19QUkVGSVh9JHtMQVlPVVRfREVGQVVMVH1gO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgcGFnZSB1c2luZyB0aGUgc3BlY2lmaWVkIGxheW91dC4gVGhlIHBhZ2UgY29tcG9uZW50IGlzIGEgcmVzcG9uc2l2ZSBjb250YWluZXIsXG4gKiBtZWFuaW5nIGNvbnRlbnQgd2lsbCByZXNwZWN0IHRoZSBicmVha3BvaW50cyB3aXRoaW4gdGhlIHBhZ2UgZWxlbWVudCBpbnN0ZWFkIG9mIHRoZSB3aW5kb3cuXG4gKiBUaGlzIGlzIGhlbHBmdWwgaWYgdGhlcmUgaXMgb3RoZXIgY29udGVudCB0byB0aGUgbGVmdCBvciByaWdodCBvZiB0aGUgcGFnZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXBhZ2UnLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IC8+YCxcbiAgcHJvdmlkZXJzOiBbXG4gICAgU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2UsXG4gICAgU2t5TGF5b3V0SG9zdFNlcnZpY2UsXG4gICAgU2t5UmVzaXplT2JzZXJ2ZXJNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBTa3lNZWRpYVF1ZXJ5U2VydmljZSxcbiAgICAgIHVzZUV4aXN0aW5nOiBTa3lSZXNpemVPYnNlcnZlck1lZGlhUXVlcnlTZXJ2aWNlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNreVBhZ2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8qKlxuICAgKiBUaGUgcGFnZSBsYXlvdXQgdGhhdCBhcHBsaWVzIHNwYWNpbmcgdG8gdGhlIHBhZ2UgaGVhZGVyIGFuZCBjb250ZW50LiBVc2UgdGhlIGxheW91dFxuICAgKiB0aGF0IGNvcnJlc3BvbmRzIHdpdGggdGhlIHRvcC1sZXZlbCBjb21wb25lbnQgdHlwZSB1c2VkIG9uIHRoZSBwYWdlLCBvciB1c2UgYGZpdGAgdG9cbiAgICogY29uc3RyYWluIHRoZSBwYWdlIGNvbnRlbnRzIHRvIHRoZSBhdmFpbGFibGUgdmlld3BvcnQuXG4gICAqIFVzZSBgbm9uZWAgZm9yIGN1c3RvbSBjb250ZW50IHRoYXQgZG9lcyBub3QgYWRoZXJlIHRvIHByZWRlZmluZWQgc3BhY2luZyBvciBjb25zdHJhaW50cy5cbiAgICogQGRlZmF1bHQgXCJub25lXCJcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzZXQgbGF5b3V0KHZhbHVlOiBTa3lQYWdlTGF5b3V0VHlwZSB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2xheW91dCA9IHZhbHVlO1xuICAgIHRoaXMuI3VwZGF0ZUNzc0NsYXNzKCk7XG4gIH1cblxuICAvKipcbiAgICogQSBoZWxwIGtleSB0aGF0IGlkZW50aWZpZXMgdGhlIHBhZ2UncyBkZWZhdWx0IFtnbG9iYWwgaGVscF0oaHR0cHM6Ly9kZXZlbG9wZXIuYmxhY2tiYXVkLmNvbS9za3l1eC9sZWFybi9kZXZlbG9wL2dsb2JhbC1oZWxwKSBjb250ZW50IHRvIGRpc3BsYXkuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc2V0IGhlbHBLZXkodmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuI2hlbHBTdmM/LnVwZGF0ZUhlbHAoeyBwYWdlRGVmYXVsdEhlbHBLZXk6IHZhbHVlIH0pO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHB1YmxpYyBjc3NDbGFzcyA9IExBWU9VVF9DTEFTU19ERUZBVUxUO1xuXG4gICNsYXlvdXQ6IFNreVBhZ2VMYXlvdXRUeXBlIHwgdW5kZWZpbmVkO1xuICAjbGF5b3V0Rm9yQ2hpbGQ6IFNreVBhZ2VMYXlvdXRUeXBlIHwgdW5kZWZpbmVkO1xuXG4gICNuZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICAjdGhlbWVBZGFwdGVyID0gaW5qZWN0KFNreVBhZ2VUaGVtZUFkYXB0ZXJTZXJ2aWNlKTtcbiAgI2xheW91dEhvc3RTdmMgPSBpbmplY3QoU2t5TGF5b3V0SG9zdFNlcnZpY2UpO1xuICAjaGVscFN2YyA9IGluamVjdChTa3lIZWxwU2VydmljZSwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcbiAgcmVhZG9ubHkgI2VsZW1lbnRSZWYgPSBpbmplY3QoRWxlbWVudFJlZik7XG4gIHJlYWRvbmx5ICNyZXNpemVPYnNlcnZlclN2YyA9IGluamVjdChTa3lSZXNpemVPYnNlcnZlck1lZGlhUXVlcnlTZXJ2aWNlLCB7XG4gICAgc2VsZjogdHJ1ZSxcbiAgfSk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuI3RoZW1lQWRhcHRlci5hZGRUaGVtZSgpO1xuXG4gICAgdGhpcy4jbGF5b3V0SG9zdFN2Yy5ob3N0TGF5b3V0Rm9yQ2hpbGRcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKGFyZ3M6IFNreUxheW91dEhvc3RGb3JDaGlsZEFyZ3MpID0+IHtcbiAgICAgICAgdGhpcy4jbGF5b3V0Rm9yQ2hpbGQgPSBhcmdzLmxheW91dCBhcyBTa3lQYWdlTGF5b3V0VHlwZTtcbiAgICAgICAgdGhpcy4jdXBkYXRlQ3NzQ2xhc3MoKTtcbiAgICAgIH0pO1xuXG4gICAgdGhpcy4jcmVzaXplT2JzZXJ2ZXJTdmMub2JzZXJ2ZSh0aGlzLiNlbGVtZW50UmVmKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLiN0aGVtZUFkYXB0ZXIucmVtb3ZlVGhlbWUoKTtcbiAgICB0aGlzLiNyZXNpemVPYnNlcnZlclN2Yy5kZXN0cm95KCk7XG5cbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLiNuZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG5cbiAgICB0aGlzLiNoZWxwU3ZjPy51cGRhdGVIZWxwKHsgcGFnZURlZmF1bHRIZWxwS2V5OiB1bmRlZmluZWQgfSk7XG4gIH1cblxuICAjdXBkYXRlQ3NzQ2xhc3MoKTogdm9pZCB7XG4gICAgbGV0IGNzc0NsYXNzID0gdGhpcy4jbGF5b3V0XG4gICAgICA/IGAke0xBWU9VVF9DTEFTU19QUkVGSVh9JHt0aGlzLiNsYXlvdXR9YFxuICAgICAgOiBMQVlPVVRfQ0xBU1NfREVGQVVMVDtcblxuICAgIGlmICh0aGlzLiNsYXlvdXRGb3JDaGlsZCkge1xuICAgICAgY3NzQ2xhc3MgPSBgJHtjc3NDbGFzc30gJHtMQVlPVVRfRk9SX0NISUxEX0NMQVNTX1BSRUZJWH0ke3RoaXMuI2xheW91dEZvckNoaWxkfWA7XG4gICAgfVxuXG4gICAgdGhpcy5jc3NDbGFzcyA9IGNzc0NsYXNzO1xuICB9XG59XG4iXX0=
|
|
@@ -1,44 +1,20 @@
|
|
|
1
|
-
import { Component,
|
|
2
|
-
import { SkyMediaQueryService, SkyResizeObserverMediaQueryService, } from '@skyux/core';
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
3
2
|
import * as i0 from "@angular/core";
|
|
4
3
|
import * as i1 from "@skyux/router";
|
|
5
4
|
import * as i2 from "@skyux/icon";
|
|
6
|
-
let parentLink;
|
|
7
5
|
/**
|
|
8
6
|
* Displays page heading's contents using spacing that corresponds to the parent page's layout
|
|
9
7
|
*/
|
|
10
8
|
export class SkyPageHeaderComponent {
|
|
11
|
-
#elementRef = inject(ElementRef);
|
|
12
|
-
#mediaQueryService = inject(SkyResizeObserverMediaQueryService);
|
|
13
|
-
ngOnInit() {
|
|
14
|
-
this.#mediaQueryService.observe(this.#elementRef, {
|
|
15
|
-
updateResponsiveClasses: true,
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
ngOnDestroy() {
|
|
19
|
-
this.#mediaQueryService.unobserve();
|
|
20
|
-
}
|
|
21
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyPageHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" },
|
|
23
|
-
SkyResizeObserverMediaQueryService,
|
|
24
|
-
{
|
|
25
|
-
provide: SkyMediaQueryService,
|
|
26
|
-
useExisting: SkyResizeObserverMediaQueryService,
|
|
27
|
-
},
|
|
28
|
-
], ngImport: i0, template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\" />\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\" />\n <div class=\"sky-page-header-text-and-content\">\n <h1 class=\"sky-page-header-text\">\n @if (parentLink) {\n <span class=\"sky-page-header-parent-link-wrapper\">\n @if (parentLink.permalink?.route; as permalinkRoute) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"\n permalinkRoute.extras?.queryParamsHandling\n \"\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 >{{ parentLink.label }}</a\n >\n } @else if (parentLink.permalink?.url) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyHref]=\"parentLink.permalink.url\"\n >{{ parentLink.label }}</a\n >\n }\n <span class=\"sky-page-header-chevron\">\n <sky-icon icon=\"chevron-right\" />\n </span>\n </span>\n <wbr />\n }\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n </h1>\n <div class=\"sky-page-header-content\">\n <ng-content select=\"sky-page-header-details\" />\n <ng-content select=\"sky-page-header-actions\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], dependencies: [{ kind: "directive", type: i1.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }] }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: SkyPageHeaderComponent, selector: "sky-page-header", inputs: { parentLink: "parentLink", pageTitle: "pageTitle" }, ngImport: i0, template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\" />\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\" />\n <div class=\"sky-page-header-text-and-content\">\n <h1 class=\"sky-page-header-text\">\n @if (parentLink) {\n <span class=\"sky-page-header-parent-link-wrapper\">\n @if (parentLink.permalink?.route; as permalinkRoute) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"\n permalinkRoute.extras?.queryParamsHandling\n \"\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 >{{ parentLink.label }}</a\n >\n } @else if (parentLink.permalink?.url) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyHref]=\"parentLink.permalink.url\"\n >{{ parentLink.label }}</a\n >\n }\n <span class=\"sky-page-header-chevron\">\n <sky-icon icon=\"chevron-right\" />\n </span>\n </span>\n <wbr />\n }\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n </h1>\n <div class=\"sky-page-header-content\">\n <ng-content select=\"sky-page-header-details\" />\n <ng-content select=\"sky-page-header-actions\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"], dependencies: [{ kind: "directive", type: i1.λ3, selector: "[skyAppLink]", inputs: ["skyAppLink"] }, { kind: "component", type: i2.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1.λ1, selector: "[skyHref]", inputs: ["skyHref", "queryParams", "skyHrefElse"], outputs: ["skyHrefChange"] }] }); }
|
|
29
11
|
}
|
|
30
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: SkyPageHeaderComponent, decorators: [{
|
|
31
13
|
type: Component,
|
|
32
|
-
args: [{ selector: 'sky-page-header',
|
|
33
|
-
SkyResizeObserverMediaQueryService,
|
|
34
|
-
{
|
|
35
|
-
provide: SkyMediaQueryService,
|
|
36
|
-
useExisting: SkyResizeObserverMediaQueryService,
|
|
37
|
-
},
|
|
38
|
-
], template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\" />\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\" />\n <div class=\"sky-page-header-text-and-content\">\n <h1 class=\"sky-page-header-text\">\n @if (parentLink) {\n <span class=\"sky-page-header-parent-link-wrapper\">\n @if (parentLink.permalink?.route; as permalinkRoute) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"\n permalinkRoute.extras?.queryParamsHandling\n \"\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 >{{ parentLink.label }}</a\n >\n } @else if (parentLink.permalink?.url) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyHref]=\"parentLink.permalink.url\"\n >{{ parentLink.label }}</a\n >\n }\n <span class=\"sky-page-header-chevron\">\n <sky-icon icon=\"chevron-right\" />\n </span>\n </span>\n <wbr />\n }\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n </h1>\n <div class=\"sky-page-header-content\">\n <ng-content select=\"sky-page-header-details\" />\n <ng-content select=\"sky-page-header-actions\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"] }]
|
|
14
|
+
args: [{ selector: 'sky-page-header', template: "<div class=\"sky-page-header\">\n <ng-content select=\"sky-page-header-alerts\" />\n <div class=\"sky-page-header-info\">\n <ng-content select=\"sky-page-header-avatar\" />\n <div class=\"sky-page-header-text-and-content\">\n <h1 class=\"sky-page-header-text\">\n @if (parentLink) {\n <span class=\"sky-page-header-parent-link-wrapper\">\n @if (parentLink.permalink?.route; as permalinkRoute) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyAppLink]=\"permalinkRoute.commands\"\n [queryParams]=\"permalinkRoute.extras?.queryParams\"\n [queryParamsHandling]=\"\n permalinkRoute.extras?.queryParamsHandling\n \"\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 >{{ parentLink.label }}</a\n >\n } @else if (parentLink.permalink?.url) {\n <a\n class=\"sky-font-heading-1 sky-page-header-parent-link\"\n [skyHref]=\"parentLink.permalink.url\"\n >{{ parentLink.label }}</a\n >\n }\n <span class=\"sky-page-header-chevron\">\n <sky-icon icon=\"chevron-right\" />\n </span>\n </span>\n <wbr />\n }\n <span class=\"sky-page-header-page-title sky-font-heading-1\">\n {{ pageTitle }}\n </span>\n </h1>\n <div class=\"sky-page-header-content\">\n <ng-content select=\"sky-page-header-details\" />\n <ng-content select=\"sky-page-header-actions\" />\n </div>\n </div>\n </div>\n</div>\n", styles: [":host{flex-grow:var(--sky-layout-host-header-flex-grow, 0);display:block}.sky-page-header{margin:var(--sky-layout-host-header-spacing, 0)}.sky-page-header-info{display:flex}.sky-page-header-text{margin:0}.sky-page-header-page-title,.sky-page-header-parent-link-wrapper{display:inline-block;block-size:fit-content}.sky-page-header-parent-link{color:#0974a1}.sky-page-header-chevron{font-size:16px;margin:0 10px}.sky-page-header-chevron,.sky-page-header-parent-link,.sky-page-header-page-title{vertical-align:middle}.sky-page-header-content:empty{display:none}:host-context(.sky-theme-modern) .sky-page-header-parent-link{color:#1870b8}.sky-theme-modern .sky-page-header-parent-link{color:#1870b8}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-page-header-parent-link{color:#009cd1}.sky-theme-modern.sky-theme-mode-dark .sky-page-header-parent-link{color:#009cd1}\n"] }]
|
|
39
15
|
}], propDecorators: { parentLink: [{
|
|
40
16
|
type: Input
|
|
41
17
|
}], pageTitle: [{
|
|
42
18
|
type: Input
|
|
43
19
|
}] } });
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3BhZ2VzL3NyYy9saWIvbW9kdWxlcy9wYWdlLWhlYWRlci9wYWdlLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UtaGVhZGVyL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBSWpEOztHQUVHO0FBTUgsTUFBTSxPQUFPLHNCQUFzQjs4R0FBdEIsc0JBQXNCO2tHQUF0QixzQkFBc0IscUhDWm5DLG84REErQ0E7OzJGRG5DYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQVNwQixVQUFVO3NCQURoQixLQUFLO2dCQU9DLFNBQVM7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5UGFnZUxpbmsgfSBmcm9tICcuLi9hY3Rpb24taHViL3R5cGVzL3BhZ2UtbGluayc7XG5cbi8qKlxuICogRGlzcGxheXMgcGFnZSBoZWFkaW5nJ3MgY29udGVudHMgdXNpbmcgc3BhY2luZyB0aGF0IGNvcnJlc3BvbmRzIHRvIHRoZSBwYXJlbnQgcGFnZSdzIGxheW91dFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktcGFnZS1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlSGVhZGVyQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEEgbGluayB0byB0aGUgcGFyZW50IHBhZ2Ugb2YgdGhlIGN1cnJlbnQgcGFnZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwYXJlbnRMaW5rPzogU2t5UGFnZUxpbms7XG5cbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgY3VycmVudCBwYWdlLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBhZ2VUaXRsZT86IHN0cmluZztcbn1cbiIsIjxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXJcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWFsZXJ0c1wiIC8+XG4gIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItaW5mb1wiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNreS1wYWdlLWhlYWRlci1hdmF0YXJcIiAvPlxuICAgIDxkaXYgY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItdGV4dC1hbmQtY29udGVudFwiPlxuICAgICAgPGgxIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLXRleHRcIj5cbiAgICAgICAgQGlmIChwYXJlbnRMaW5rKSB7XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJza3ktcGFnZS1oZWFkZXItcGFyZW50LWxpbmstd3JhcHBlclwiPlxuICAgICAgICAgICAgQGlmIChwYXJlbnRMaW5rLnBlcm1hbGluaz8ucm91dGU7IGFzIHBlcm1hbGlua1JvdXRlKSB7XG4gICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJza3ktZm9udC1oZWFkaW5nLTEgc2t5LXBhZ2UtaGVhZGVyLXBhcmVudC1saW5rXCJcbiAgICAgICAgICAgICAgICBbc2t5QXBwTGlua109XCJwZXJtYWxpbmtSb3V0ZS5jb21tYW5kc1wiXG4gICAgICAgICAgICAgICAgW3F1ZXJ5UGFyYW1zXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8ucXVlcnlQYXJhbXNcIlxuICAgICAgICAgICAgICAgIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cIlxuICAgICAgICAgICAgICAgICAgcGVybWFsaW5rUm91dGUuZXh0cmFzPy5xdWVyeVBhcmFtc0hhbmRsaW5nXG4gICAgICAgICAgICAgICAgXCJcbiAgICAgICAgICAgICAgICBbZnJhZ21lbnRdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5mcmFnbWVudFwiXG4gICAgICAgICAgICAgICAgW3ByZXNlcnZlRnJhZ21lbnRdPVwicGVybWFsaW5rUm91dGUuZXh0cmFzPy5wcmVzZXJ2ZUZyYWdtZW50XCJcbiAgICAgICAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cInBlcm1hbGlua1JvdXRlLmV4dHJhcz8uc2tpcExvY2F0aW9uQ2hhbmdlXCJcbiAgICAgICAgICAgICAgICBbcmVwbGFjZVVybF09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnJlcGxhY2VVcmxcIlxuICAgICAgICAgICAgICAgIFtzdGF0ZV09XCJwZXJtYWxpbmtSb3V0ZS5leHRyYXM/LnN0YXRlXCJcbiAgICAgICAgICAgICAgICA+e3sgcGFyZW50TGluay5sYWJlbCB9fTwvYVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICB9IEBlbHNlIGlmIChwYXJlbnRMaW5rLnBlcm1hbGluaz8udXJsKSB7XG4gICAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJza3ktZm9udC1oZWFkaW5nLTEgc2t5LXBhZ2UtaGVhZGVyLXBhcmVudC1saW5rXCJcbiAgICAgICAgICAgICAgICBbc2t5SHJlZl09XCJwYXJlbnRMaW5rLnBlcm1hbGluay51cmxcIlxuICAgICAgICAgICAgICAgID57eyBwYXJlbnRMaW5rLmxhYmVsIH19PC9hXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLWNoZXZyb25cIj5cbiAgICAgICAgICAgICAgPHNreS1pY29uIGljb249XCJjaGV2cm9uLXJpZ2h0XCIgLz5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgPHdiciAvPlxuICAgICAgICB9XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLXBhZ2UtdGl0bGUgc2t5LWZvbnQtaGVhZGluZy0xXCI+XG4gICAgICAgICAge3sgcGFnZVRpdGxlIH19XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvaDE+XG4gICAgICA8ZGl2IGNsYXNzPVwic2t5LXBhZ2UtaGVhZGVyLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2t5LXBhZ2UtaGVhZGVyLWRldGFpbHNcIiAvPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJza3ktcGFnZS1oZWFkZXItYWN0aW9uc1wiIC8+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|