@skyux/pages 11.43.1 → 11.45.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.
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
import { Component,
|
|
2
|
-
import { SkyContainerBreakpointObserver, SkyHelpService,
|
|
3
|
-
import { Subject } from 'rxjs';
|
|
4
|
-
import { takeUntil } from 'rxjs/operators';
|
|
1
|
+
import { Component, Input, inject, input, } from '@angular/core';
|
|
2
|
+
import { SkyContainerBreakpointObserver, SkyHelpService, SkyLayoutHostDirective, provideSkyBreakpointObserver, } from '@skyux/core';
|
|
5
3
|
import { SkyPageThemeAdapterService } from './page-theme-adapter.service';
|
|
6
4
|
import * as i0 from "@angular/core";
|
|
7
|
-
|
|
8
|
-
const LAYOUT_FOR_CHILD_CLASS_PREFIX = 'sky-layout-host-for-child-';
|
|
9
|
-
const LAYOUT_CLASS_PREFIX = 'sky-layout-host-';
|
|
10
|
-
const LAYOUT_CLASS_DEFAULT = `${LAYOUT_CLASS_PREFIX}${LAYOUT_DEFAULT}`;
|
|
5
|
+
import * as i1 from "@skyux/core";
|
|
11
6
|
/**
|
|
12
7
|
* Displays a page using the specified layout. The page component is a responsive container,
|
|
13
8
|
* meaning content will respect the breakpoints within the page element instead of the window.
|
|
@@ -15,65 +10,37 @@ const LAYOUT_CLASS_DEFAULT = `${LAYOUT_CLASS_PREFIX}${LAYOUT_DEFAULT}`;
|
|
|
15
10
|
*/
|
|
16
11
|
export class SkyPageComponent {
|
|
17
12
|
constructor() {
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
/**
|
|
14
|
+
* The page layout that applies spacing to the page header and content. Use the layout
|
|
15
|
+
* that corresponds with the top-level component type used on the page, or use `fit` to
|
|
16
|
+
* constrain the page contents to the available viewport.
|
|
17
|
+
* Use `none` for custom content that does not adhere to predefined spacing or constraints.
|
|
18
|
+
* @default "none"
|
|
19
|
+
*/
|
|
20
|
+
this.layout = input('none');
|
|
20
21
|
this.#themeAdapter = inject(SkyPageThemeAdapterService);
|
|
21
|
-
this.#layoutHostSvc = inject(SkyLayoutHostService);
|
|
22
22
|
this.#helpSvc = inject(SkyHelpService, { optional: true });
|
|
23
23
|
}
|
|
24
|
-
/**
|
|
25
|
-
* The page layout that applies spacing to the page header and content. Use the layout
|
|
26
|
-
* that corresponds with the top-level component type used on the page, or use `fit` to
|
|
27
|
-
* constrain the page contents to the available viewport.
|
|
28
|
-
* Use `none` for custom content that does not adhere to predefined spacing or constraints.
|
|
29
|
-
* @default "none"
|
|
30
|
-
*/
|
|
31
|
-
set layout(value) {
|
|
32
|
-
this.#layout = value;
|
|
33
|
-
this.#updateCssClass();
|
|
34
|
-
}
|
|
35
24
|
/**
|
|
36
25
|
* A help key that identifies the page's default [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help) content to display.
|
|
37
26
|
*/
|
|
38
27
|
set helpKey(value) {
|
|
39
28
|
this.#helpSvc?.updateHelp({ pageDefaultHelpKey: value });
|
|
40
29
|
}
|
|
41
|
-
#layout;
|
|
42
|
-
#layoutForChild;
|
|
43
|
-
#ngUnsubscribe;
|
|
44
30
|
#themeAdapter;
|
|
45
|
-
#layoutHostSvc;
|
|
46
31
|
#helpSvc;
|
|
47
32
|
ngOnInit() {
|
|
48
33
|
this.#themeAdapter.addTheme();
|
|
49
|
-
this.#layoutHostSvc.hostLayoutForChild
|
|
50
|
-
.pipe(takeUntil(this.#ngUnsubscribe))
|
|
51
|
-
.subscribe((args) => {
|
|
52
|
-
this.#layoutForChild = args.layout;
|
|
53
|
-
this.#updateCssClass();
|
|
54
|
-
});
|
|
55
34
|
}
|
|
56
35
|
ngOnDestroy() {
|
|
57
36
|
this.#themeAdapter.removeTheme();
|
|
58
|
-
this.#ngUnsubscribe.next();
|
|
59
|
-
this.#ngUnsubscribe.complete();
|
|
60
37
|
this.#helpSvc?.updateHelp({ pageDefaultHelpKey: undefined });
|
|
61
38
|
}
|
|
62
|
-
#updateCssClass() {
|
|
63
|
-
let cssClass = this.#layout
|
|
64
|
-
? `${LAYOUT_CLASS_PREFIX}${this.#layout}`
|
|
65
|
-
: LAYOUT_CLASS_DEFAULT;
|
|
66
|
-
if (this.#layoutForChild) {
|
|
67
|
-
cssClass = `${cssClass} ${LAYOUT_FOR_CHILD_CLASS_PREFIX}${this.#layoutForChild}`;
|
|
68
|
-
}
|
|
69
|
-
this.cssClass = cssClass;
|
|
70
|
-
}
|
|
71
39
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
72
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
40
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SkyPageComponent, selector: "sky-page", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
|
|
73
41
|
SkyPageThemeAdapterService,
|
|
74
|
-
SkyLayoutHostService,
|
|
75
42
|
provideSkyBreakpointObserver(SkyContainerBreakpointObserver),
|
|
76
|
-
], ngImport: i0, template: `<ng-content />`, isInline: true }); }
|
|
43
|
+
], hostDirectives: [{ directive: i1.SkyLayoutHostDirective, inputs: ["layout", "layout"] }], ngImport: i0, template: `<ng-content />`, isInline: true }); }
|
|
77
44
|
}
|
|
78
45
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
79
46
|
type: Component,
|
|
@@ -82,16 +49,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
82
49
|
template: `<ng-content />`,
|
|
83
50
|
providers: [
|
|
84
51
|
SkyPageThemeAdapterService,
|
|
85
|
-
SkyLayoutHostService,
|
|
86
52
|
provideSkyBreakpointObserver(SkyContainerBreakpointObserver),
|
|
87
53
|
],
|
|
54
|
+
hostDirectives: [
|
|
55
|
+
{
|
|
56
|
+
directive: SkyLayoutHostDirective,
|
|
57
|
+
inputs: ['layout'],
|
|
58
|
+
},
|
|
59
|
+
],
|
|
88
60
|
}]
|
|
89
|
-
}], propDecorators: {
|
|
90
|
-
type: Input
|
|
91
|
-
}], helpKey: [{
|
|
61
|
+
}], propDecorators: { helpKey: [{
|
|
92
62
|
type: Input
|
|
93
|
-
}], cssClass: [{
|
|
94
|
-
type: HostBinding,
|
|
95
|
-
args: ['class']
|
|
96
63
|
}] } });
|
|
97
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvcGFnZXMvc3JjL2xpYi9tb2R1bGVzL3BhZ2UvcGFnZS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBR0wsTUFBTSxFQUNOLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsOEJBQThCLEVBQzlCLGNBQWMsRUFDZCxzQkFBc0IsRUFDdEIsNEJBQTRCLEdBQzdCLE1BQU0sYUFBYSxDQUFDO0FBRXJCLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDhCQUE4QixDQUFDOzs7QUFHMUU7Ozs7R0FJRztBQWVILE1BQU0sT0FBTyxnQkFBZ0I7SUFkN0I7UUFlRTs7Ozs7O1dBTUc7UUFDSSxXQUFNLEdBQUcsS0FBSyxDQUFvQixNQUFNLENBQUMsQ0FBQztRQVV4QyxrQkFBYSxHQUFHLE1BQU0sQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBQ25ELGFBQVEsR0FBRyxNQUFNLENBQUMsY0FBYyxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7S0FVaEU7SUFuQkM7O09BRUc7SUFDSCxJQUNXLE9BQU8sQ0FBQyxLQUF5QjtRQUMxQyxJQUFJLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxFQUFFLGtCQUFrQixFQUFFLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVRLGFBQWEsQ0FBc0M7SUFDbkQsUUFBUSxDQUE4QztJQUV4RCxRQUFRO1FBQ2IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsYUFBYSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2pDLElBQUksQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLEVBQUUsa0JBQWtCLEVBQUUsU0FBUyxFQUFFLENBQUMsQ0FBQztJQUMvRCxDQUFDOytHQTVCVSxnQkFBZ0I7bUdBQWhCLGdCQUFnQix5U0FYaEI7WUFDVCwwQkFBMEI7WUFDMUIsNEJBQTRCLENBQUMsOEJBQThCLENBQUM7U0FDN0Qsb0hBSlMsZ0JBQWdCOzs0RkFZZixnQkFBZ0I7a0JBZDVCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFNBQVMsRUFBRTt3QkFDVCwwQkFBMEI7d0JBQzFCLDRCQUE0QixDQUFDLDhCQUE4QixDQUFDO3FCQUM3RDtvQkFDRCxjQUFjLEVBQUU7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLHNCQUFzQjs0QkFDakMsTUFBTSxFQUFFLENBQUMsUUFBUSxDQUFDO3lCQUNuQjtxQkFDRjtpQkFDRjs4QkFlWSxPQUFPO3NCQURqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIGluamVjdCxcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU2t5Q29udGFpbmVyQnJlYWtwb2ludE9ic2VydmVyLFxuICBTa3lIZWxwU2VydmljZSxcbiAgU2t5TGF5b3V0SG9zdERpcmVjdGl2ZSxcbiAgcHJvdmlkZVNreUJyZWFrcG9pbnRPYnNlcnZlcixcbn0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lQYWdlVGhlbWVBZGFwdGVyU2VydmljZSB9IGZyb20gJy4vcGFnZS10aGVtZS1hZGFwdGVyLnNlcnZpY2UnO1xuaW1wb3J0IHsgU2t5UGFnZUxheW91dFR5cGUgfSBmcm9tICcuL3R5cGVzL3BhZ2UtbGF5b3V0LXR5cGUnO1xuXG4vKipcbiAqIERpc3BsYXlzIGEgcGFnZSB1c2luZyB0aGUgc3BlY2lmaWVkIGxheW91dC4gVGhlIHBhZ2UgY29tcG9uZW50IGlzIGEgcmVzcG9uc2l2ZSBjb250YWluZXIsXG4gKiBtZWFuaW5nIGNvbnRlbnQgd2lsbCByZXNwZWN0IHRoZSBicmVha3BvaW50cyB3aXRoaW4gdGhlIHBhZ2UgZWxlbWVudCBpbnN0ZWFkIG9mIHRoZSB3aW5kb3cuXG4gKiBUaGlzIGlzIGhlbHBmdWwgaWYgdGhlcmUgaXMgb3RoZXIgY29udGVudCB0byB0aGUgbGVmdCBvciByaWdodCBvZiB0aGUgcGFnZS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2t5LXBhZ2UnLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50IC8+YCxcbiAgcHJvdmlkZXJzOiBbXG4gICAgU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2UsXG4gICAgcHJvdmlkZVNreUJyZWFrcG9pbnRPYnNlcnZlcihTa3lDb250YWluZXJCcmVha3BvaW50T2JzZXJ2ZXIpLFxuICBdLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogU2t5TGF5b3V0SG9zdERpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydsYXlvdXQnXSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogVGhlIHBhZ2UgbGF5b3V0IHRoYXQgYXBwbGllcyBzcGFjaW5nIHRvIHRoZSBwYWdlIGhlYWRlciBhbmQgY29udGVudC4gVXNlIHRoZSBsYXlvdXRcbiAgICogdGhhdCBjb3JyZXNwb25kcyB3aXRoIHRoZSB0b3AtbGV2ZWwgY29tcG9uZW50IHR5cGUgdXNlZCBvbiB0aGUgcGFnZSwgb3IgdXNlIGBmaXRgIHRvXG4gICAqIGNvbnN0cmFpbiB0aGUgcGFnZSBjb250ZW50cyB0byB0aGUgYXZhaWxhYmxlIHZpZXdwb3J0LlxuICAgKiBVc2UgYG5vbmVgIGZvciBjdXN0b20gY29udGVudCB0aGF0IGRvZXMgbm90IGFkaGVyZSB0byBwcmVkZWZpbmVkIHNwYWNpbmcgb3IgY29uc3RyYWludHMuXG4gICAqIEBkZWZhdWx0IFwibm9uZVwiXG4gICAqL1xuICBwdWJsaWMgbGF5b3V0ID0gaW5wdXQ8U2t5UGFnZUxheW91dFR5cGU+KCdub25lJyk7XG5cbiAgLyoqXG4gICAqIEEgaGVscCBrZXkgdGhhdCBpZGVudGlmaWVzIHRoZSBwYWdlJ3MgZGVmYXVsdCBbZ2xvYmFsIGhlbHBdKGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvbGVhcm4vZGV2ZWxvcC9nbG9iYWwtaGVscCkgY29udGVudCB0byBkaXNwbGF5LlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHNldCBoZWxwS2V5KHZhbHVlOiBzdHJpbmcgfCB1bmRlZmluZWQpIHtcbiAgICB0aGlzLiNoZWxwU3ZjPy51cGRhdGVIZWxwKHsgcGFnZURlZmF1bHRIZWxwS2V5OiB2YWx1ZSB9KTtcbiAgfVxuXG4gIHJlYWRvbmx5ICN0aGVtZUFkYXB0ZXIgPSBpbmplY3QoU2t5UGFnZVRoZW1lQWRhcHRlclNlcnZpY2UpO1xuICByZWFkb25seSAjaGVscFN2YyA9IGluamVjdChTa3lIZWxwU2VydmljZSwgeyBvcHRpb25hbDogdHJ1ZSB9KTtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy4jdGhlbWVBZGFwdGVyLmFkZFRoZW1lKCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jdGhlbWVBZGFwdGVyLnJlbW92ZVRoZW1lKCk7XG4gICAgdGhpcy4jaGVscFN2Yz8udXBkYXRlSGVscCh7IHBhZ2VEZWZhdWx0SGVscEtleTogdW5kZWZpbmVkIH0pO1xuICB9XG59XG4iXX0=
|
package/fesm2022/skyux-pages.mjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Pipe, Optional, NgModule, Component, input, contentChildren, computed, inject, isStandalone, Input, ViewEncapsulation, ChangeDetectionStrategy, CSP_NONCE, Injectable, Inject
|
|
2
|
+
import { Pipe, Optional, NgModule, Component, input, contentChildren, computed, inject, isStandalone, Input, ViewEncapsulation, ChangeDetectionStrategy, CSP_NONCE, Injectable, Inject } from '@angular/core';
|
|
3
3
|
import * as i3 from '@skyux/indicators';
|
|
4
4
|
import { SkyWaitModule } from '@skyux/indicators';
|
|
5
5
|
import * as i3$1 from '@skyux/layout';
|
|
@@ -15,7 +15,7 @@ import { NgTemplateOutlet, CommonModule, DOCUMENT } from '@angular/common';
|
|
|
15
15
|
import * as i1 from '@skyux/i18n';
|
|
16
16
|
import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
|
|
17
17
|
import * as i1$2 from '@skyux/core';
|
|
18
|
-
import { SkyLogService, SkyTrimModule, SkyDefaultInputProvider, SkyMediaQueryService, SkyResponsiveHostDirective,
|
|
18
|
+
import { SkyLogService, SkyTrimModule, SkyDefaultInputProvider, SkyMediaQueryService, SkyResponsiveHostDirective, SkyHelpService, provideSkyBreakpointObserver, SkyContainerBreakpointObserver, SkyLayoutHostDirective } from '@skyux/core';
|
|
19
19
|
import { SkyModalService, SkyModalLegacyService } from '@skyux/modals';
|
|
20
20
|
import * as i4 from '@skyux/icon';
|
|
21
21
|
import { SkyIconModule } from '@skyux/icon';
|
|
@@ -673,10 +673,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
673
673
|
args: [DOCUMENT]
|
|
674
674
|
}] }] });
|
|
675
675
|
|
|
676
|
-
const LAYOUT_DEFAULT = 'none';
|
|
677
|
-
const LAYOUT_FOR_CHILD_CLASS_PREFIX = 'sky-layout-host-for-child-';
|
|
678
|
-
const LAYOUT_CLASS_PREFIX = 'sky-layout-host-';
|
|
679
|
-
const LAYOUT_CLASS_DEFAULT = `${LAYOUT_CLASS_PREFIX}${LAYOUT_DEFAULT}`;
|
|
680
676
|
/**
|
|
681
677
|
* Displays a page using the specified layout. The page component is a responsive container,
|
|
682
678
|
* meaning content will respect the breakpoints within the page element instead of the window.
|
|
@@ -684,65 +680,37 @@ const LAYOUT_CLASS_DEFAULT = `${LAYOUT_CLASS_PREFIX}${LAYOUT_DEFAULT}`;
|
|
|
684
680
|
*/
|
|
685
681
|
class SkyPageComponent {
|
|
686
682
|
constructor() {
|
|
687
|
-
|
|
688
|
-
|
|
683
|
+
/**
|
|
684
|
+
* The page layout that applies spacing to the page header and content. Use the layout
|
|
685
|
+
* that corresponds with the top-level component type used on the page, or use `fit` to
|
|
686
|
+
* constrain the page contents to the available viewport.
|
|
687
|
+
* Use `none` for custom content that does not adhere to predefined spacing or constraints.
|
|
688
|
+
* @default "none"
|
|
689
|
+
*/
|
|
690
|
+
this.layout = input('none');
|
|
689
691
|
this.#themeAdapter = inject(SkyPageThemeAdapterService);
|
|
690
|
-
this.#layoutHostSvc = inject(SkyLayoutHostService);
|
|
691
692
|
this.#helpSvc = inject(SkyHelpService, { optional: true });
|
|
692
693
|
}
|
|
693
|
-
/**
|
|
694
|
-
* The page layout that applies spacing to the page header and content. Use the layout
|
|
695
|
-
* that corresponds with the top-level component type used on the page, or use `fit` to
|
|
696
|
-
* constrain the page contents to the available viewport.
|
|
697
|
-
* Use `none` for custom content that does not adhere to predefined spacing or constraints.
|
|
698
|
-
* @default "none"
|
|
699
|
-
*/
|
|
700
|
-
set layout(value) {
|
|
701
|
-
this.#layout = value;
|
|
702
|
-
this.#updateCssClass();
|
|
703
|
-
}
|
|
704
694
|
/**
|
|
705
695
|
* A help key that identifies the page's default [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help) content to display.
|
|
706
696
|
*/
|
|
707
697
|
set helpKey(value) {
|
|
708
698
|
this.#helpSvc?.updateHelp({ pageDefaultHelpKey: value });
|
|
709
699
|
}
|
|
710
|
-
#layout;
|
|
711
|
-
#layoutForChild;
|
|
712
|
-
#ngUnsubscribe;
|
|
713
700
|
#themeAdapter;
|
|
714
|
-
#layoutHostSvc;
|
|
715
701
|
#helpSvc;
|
|
716
702
|
ngOnInit() {
|
|
717
703
|
this.#themeAdapter.addTheme();
|
|
718
|
-
this.#layoutHostSvc.hostLayoutForChild
|
|
719
|
-
.pipe(takeUntil(this.#ngUnsubscribe))
|
|
720
|
-
.subscribe((args) => {
|
|
721
|
-
this.#layoutForChild = args.layout;
|
|
722
|
-
this.#updateCssClass();
|
|
723
|
-
});
|
|
724
704
|
}
|
|
725
705
|
ngOnDestroy() {
|
|
726
706
|
this.#themeAdapter.removeTheme();
|
|
727
|
-
this.#ngUnsubscribe.next();
|
|
728
|
-
this.#ngUnsubscribe.complete();
|
|
729
707
|
this.#helpSvc?.updateHelp({ pageDefaultHelpKey: undefined });
|
|
730
708
|
}
|
|
731
|
-
#updateCssClass() {
|
|
732
|
-
let cssClass = this.#layout
|
|
733
|
-
? `${LAYOUT_CLASS_PREFIX}${this.#layout}`
|
|
734
|
-
: LAYOUT_CLASS_DEFAULT;
|
|
735
|
-
if (this.#layoutForChild) {
|
|
736
|
-
cssClass = `${cssClass} ${LAYOUT_FOR_CHILD_CLASS_PREFIX}${this.#layoutForChild}`;
|
|
737
|
-
}
|
|
738
|
-
this.cssClass = cssClass;
|
|
739
|
-
}
|
|
740
709
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
741
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
710
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: SkyPageComponent, selector: "sky-page", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, helpKey: { classPropertyName: "helpKey", publicName: "helpKey", isSignal: false, isRequired: false, transformFunction: null } }, providers: [
|
|
742
711
|
SkyPageThemeAdapterService,
|
|
743
|
-
SkyLayoutHostService,
|
|
744
712
|
provideSkyBreakpointObserver(SkyContainerBreakpointObserver),
|
|
745
|
-
], ngImport: i0, template: `<ng-content />`, isInline: true }); }
|
|
713
|
+
], hostDirectives: [{ directive: i1$2.SkyLayoutHostDirective, inputs: ["layout", "layout"] }], ngImport: i0, template: `<ng-content />`, isInline: true }); }
|
|
746
714
|
}
|
|
747
715
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SkyPageComponent, decorators: [{
|
|
748
716
|
type: Component,
|
|
@@ -751,17 +719,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
751
719
|
template: `<ng-content />`,
|
|
752
720
|
providers: [
|
|
753
721
|
SkyPageThemeAdapterService,
|
|
754
|
-
SkyLayoutHostService,
|
|
755
722
|
provideSkyBreakpointObserver(SkyContainerBreakpointObserver),
|
|
756
723
|
],
|
|
724
|
+
hostDirectives: [
|
|
725
|
+
{
|
|
726
|
+
directive: SkyLayoutHostDirective,
|
|
727
|
+
inputs: ['layout'],
|
|
728
|
+
},
|
|
729
|
+
],
|
|
757
730
|
}]
|
|
758
|
-
}], propDecorators: {
|
|
759
|
-
type: Input
|
|
760
|
-
}], helpKey: [{
|
|
731
|
+
}], propDecorators: { helpKey: [{
|
|
761
732
|
type: Input
|
|
762
|
-
}], cssClass: [{
|
|
763
|
-
type: HostBinding,
|
|
764
|
-
args: ['class']
|
|
765
733
|
}] } });
|
|
766
734
|
|
|
767
735
|
class SkyPageModule {
|