@dereekb/dbx-web 8.7.1 → 8.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/layout/section/section.component.mjs +1 -1
- package/esm2020/lib/layout/section/section.header.component.mjs +23 -7
- package/esm2020/lib/layout/section/section.page.component.mjs +17 -7
- package/esm2020/lib/layout/section/subsection.component.mjs +1 -1
- package/esm2020/lib/router/layout/sidenav/sidenav.page.component.mjs +5 -5
- package/fesm2015/dereekb-dbx-web.mjs +43 -17
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +43 -17
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/section/_section.scss +76 -13
- package/lib/layout/section/section.header.component.d.ts +3 -1
- package/lib/layout/section/section.page.component.d.ts +6 -1
- package/lib/style/_mixin.scss +25 -2
- package/package.json +3 -3
|
@@ -19,7 +19,7 @@ DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
19
19
|
<div class="dbx-section-content">
|
|
20
20
|
<ng-content></ng-content>
|
|
21
21
|
</div>
|
|
22
|
-
`, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
|
|
22
|
+
`, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
25
|
args: [{
|
|
@@ -6,12 +6,15 @@ import * as i2 from "@angular/common";
|
|
|
6
6
|
* Component used to style a section's header.
|
|
7
7
|
*/
|
|
8
8
|
export class DbxSectionHeaderComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.onlyHeader = false;
|
|
11
|
+
}
|
|
9
12
|
get showTitle() {
|
|
10
13
|
return Boolean(this.header || this.icon);
|
|
11
14
|
}
|
|
12
15
|
}
|
|
13
16
|
DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
14
|
-
DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", icon: "icon", hint: "hint" }, ngImport: i0, template: `
|
|
17
|
+
DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader" } }, ngImport: i0, template: `
|
|
15
18
|
<div class="dbx-section-header-content">
|
|
16
19
|
<ng-container [ngSwitch]="showTitle && (h ?? 1)">
|
|
17
20
|
<h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
|
|
@@ -33,10 +36,13 @@ DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
33
36
|
<span class="spacer"></span>
|
|
34
37
|
<ng-content></ng-content>
|
|
35
38
|
</div>
|
|
36
|
-
<p *ngIf="hint" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
39
|
+
<p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
37
40
|
<ng-template #headerContentTitleTemplate>
|
|
38
41
|
<mat-icon *ngIf="icon">{{ icon }}</mat-icon>
|
|
39
|
-
<span class="title-text">
|
|
42
|
+
<span class="title-text">
|
|
43
|
+
{{ header }}
|
|
44
|
+
<span *ngIf="hint && hintInline" class="dbx-section-hint-inline dbx-hint">{{ hint }}</span>
|
|
45
|
+
</span>
|
|
40
46
|
</ng-template>
|
|
41
47
|
`, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
42
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
|
|
@@ -65,20 +71,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
65
71
|
<span class="spacer"></span>
|
|
66
72
|
<ng-content></ng-content>
|
|
67
73
|
</div>
|
|
68
|
-
<p *ngIf="hint" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
74
|
+
<p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
69
75
|
<ng-template #headerContentTitleTemplate>
|
|
70
76
|
<mat-icon *ngIf="icon">{{ icon }}</mat-icon>
|
|
71
|
-
<span class="title-text">
|
|
77
|
+
<span class="title-text">
|
|
78
|
+
{{ header }}
|
|
79
|
+
<span *ngIf="hint && hintInline" class="dbx-section-hint-inline dbx-hint">{{ hint }}</span>
|
|
80
|
+
</span>
|
|
72
81
|
</ng-template>
|
|
73
|
-
|
|
82
|
+
`,
|
|
83
|
+
host: {
|
|
84
|
+
'[class.dbx-section-header-full-title]': 'onlyHeader'
|
|
85
|
+
}
|
|
74
86
|
}]
|
|
75
87
|
}], propDecorators: { h: [{
|
|
76
88
|
type: Input
|
|
77
89
|
}], header: [{
|
|
78
90
|
type: Input
|
|
91
|
+
}], onlyHeader: [{
|
|
92
|
+
type: Input
|
|
79
93
|
}], icon: [{
|
|
80
94
|
type: Input
|
|
81
95
|
}], hint: [{
|
|
82
96
|
type: Input
|
|
97
|
+
}], hintInline: [{
|
|
98
|
+
type: Input
|
|
83
99
|
}] } });
|
|
84
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24uaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlqRDs7R0FFRztBQXNDSCxNQUFNLE9BQU8seUJBQXlCO0lBckN0QztRQTZDRSxlQUFVLEdBQUcsS0FBSyxDQUFDO0tBY3BCO0lBSEMsSUFBSSxTQUFTO1FBQ1gsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7c0hBckJVLHlCQUF5QjswR0FBekIseUJBQXlCLG1SQW5DMUI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQThCVDsyRkFLVSx5QkFBeUI7a0JBckNyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3Q0FBd0M7b0JBQ2xELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBOEJUO29CQUNELElBQUksRUFBRTt3QkFDSix1Q0FBdUMsRUFBRSxZQUFZO3FCQUN0RDtpQkFDRjs4QkFHQyxDQUFDO3NCQURBLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLFVBQVU7c0JBRFQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uSGVhZGVySFR5cGUgfSBmcm9tICcuL3NlY3Rpb24nO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIHN0eWxlIGEgc2VjdGlvbidzIGhlYWRlci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXNlY3Rpb24taGVhZGVyLC5kYngtc2VjdGlvbi1oZWFkZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic2hvd1RpdGxlICYmIChoID8/IDEpXCI+XG4gICAgICAgIDxoMSAqbmdTd2l0Y2hDYXNlPVwiMVwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9oMT5cbiAgICAgICAgPGgyICpuZ1N3aXRjaENhc2U9XCIyXCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2gyPlxuICAgICAgICA8aDMgKm5nU3dpdGNoQ2FzZT1cIjNcIiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50LXRpdGxlXCI+XG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvaDM+XG4gICAgICAgIDxoNCAqbmdTd2l0Y2hDYXNlPVwiNFwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9oND5cbiAgICAgICAgPGg1ICpuZ1N3aXRjaENhc2U9XCI1XCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2g1PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8c3BhbiBjbGFzcz1cInNwYWNlclwiPjwvc3Bhbj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8cCAqbmdJZj1cImhpbnQgJiYgIWhpbnRJbmxpbmVcIiBjbGFzcz1cImRieC1zZWN0aW9uLWhpbnQgZGJ4LWhpbnRcIj57eyBoaW50IH19PC9wPlxuICAgIDxuZy10ZW1wbGF0ZSAjaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGU+XG4gICAgICA8bWF0LWljb24gKm5nSWY9XCJpY29uXCI+e3sgaWNvbiB9fTwvbWF0LWljb24+XG4gICAgICA8c3BhbiBjbGFzcz1cInRpdGxlLXRleHRcIj5cbiAgICAgICAge3sgaGVhZGVyIH19XG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaGludCAmJiBoaW50SW5saW5lXCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oaW50LWlubGluZSBkYngtaGludFwiPnt7IGhpbnQgfX08L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuZGJ4LXNlY3Rpb24taGVhZGVyLWZ1bGwtdGl0bGVdJzogJ29ubHlIZWFkZXInXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGg/OiBNYXliZTxEYnhTZWN0aW9uSGVhZGVySFR5cGU+O1xuXG4gIEBJbnB1dCgpXG4gIGhlYWRlcj86IE1heWJlPHN0cmluZz47XG5cbiAgQElucHV0KClcbiAgb25seUhlYWRlciA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpXG4gIGljb24/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQ/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIGhpbnRJbmxpbmU/OiBNYXliZTxib29sZWFuPjtcblxuICBnZXQgc2hvd1RpdGxlKCkge1xuICAgIHJldHVybiBCb29sZWFuKHRoaXMuaGVhZGVyIHx8IHRoaXMuaWNvbik7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,33 +1,43 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
2
|
import { DbxSectionHeaderComponent } from './section.header.component';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "./section.header.component";
|
|
5
5
|
/**
|
|
6
6
|
* Component used to style a page that is made up of app sections.
|
|
7
|
+
*
|
|
8
|
+
* Should be used on pages that need a section page heading.
|
|
9
|
+
*
|
|
10
|
+
* Can be nested within eachother, retaining the proper fixed height.
|
|
7
11
|
*/
|
|
8
12
|
export class DbxSectionPageComponent extends DbxSectionHeaderComponent {
|
|
13
|
+
constructor() {
|
|
14
|
+
super(...arguments);
|
|
15
|
+
this.hintInline = true;
|
|
16
|
+
}
|
|
9
17
|
}
|
|
10
18
|
DbxSectionPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11
|
-
DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionPageComponent, selector: "dbx-section-page", usesInheritance: true, ngImport: i0, template: `
|
|
19
|
+
DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionPageComponent, selector: "dbx-section-page", inputs: { hintInline: "hintInline" }, usesInheritance: true, ngImport: i0, template: `
|
|
12
20
|
<div class="dbx-content-page dbx-section-page">
|
|
13
|
-
<div class="dbx-section-header" [h]="h ?? 2" [header]="header" [icon]="icon" [hint]="hint">
|
|
21
|
+
<div class="dbx-section-header" [h]="h ?? 2" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="true">
|
|
14
22
|
<ng-content select="[sectionHeader]"></ng-content>
|
|
15
23
|
</div>
|
|
16
24
|
<ng-content></ng-content>
|
|
17
25
|
</div>
|
|
18
|
-
`, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
|
|
26
|
+
`, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
|
|
19
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
|
|
20
28
|
type: Component,
|
|
21
29
|
args: [{
|
|
22
30
|
selector: 'dbx-section-page',
|
|
23
31
|
template: `
|
|
24
32
|
<div class="dbx-content-page dbx-section-page">
|
|
25
|
-
<div class="dbx-section-header" [h]="h ?? 2" [header]="header" [icon]="icon" [hint]="hint">
|
|
33
|
+
<div class="dbx-section-header" [h]="h ?? 2" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="true">
|
|
26
34
|
<ng-content select="[sectionHeader]"></ng-content>
|
|
27
35
|
</div>
|
|
28
36
|
<ng-content></ng-content>
|
|
29
37
|
</div>
|
|
30
38
|
`
|
|
31
39
|
}]
|
|
32
|
-
}]
|
|
33
|
-
|
|
40
|
+
}], propDecorators: { hintInline: [{
|
|
41
|
+
type: Input
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFFdkU7Ozs7OztHQU1HO0FBWUgsTUFBTSxPQUFPLHVCQUF3QixTQUFRLHlCQUF5QjtJQVh0RTs7UUFhVyxlQUFVLEdBQUcsSUFBSSxDQUFDO0tBQzVCOztvSEFIWSx1QkFBdUI7d0dBQXZCLHVCQUF1QixxSEFUeEI7Ozs7Ozs7R0FPVDsyRkFFVSx1QkFBdUI7a0JBWG5DLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7aUJBQ0Y7OEJBR1UsVUFBVTtzQkFEbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uaGVhZGVyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogQ29tcG9uZW50IHVzZWQgdG8gc3R5bGUgYSBwYWdlIHRoYXQgaXMgbWFkZSB1cCBvZiBhcHAgc2VjdGlvbnMuXG4gKlxuICogU2hvdWxkIGJlIHVzZWQgb24gcGFnZXMgdGhhdCBuZWVkIGEgc2VjdGlvbiBwYWdlIGhlYWRpbmcuXG4gKlxuICogQ2FuIGJlIG5lc3RlZCB3aXRoaW4gZWFjaG90aGVyLCByZXRhaW5pbmcgdGhlIHByb3BlciBmaXhlZCBoZWlnaHQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zZWN0aW9uLXBhZ2UnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtY29udGVudC1wYWdlIGRieC1zZWN0aW9uLXBhZ2VcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXJcIiBbaF09XCJoID8/IDJcIiBbaGVhZGVyXT1cImhlYWRlclwiIFtvbmx5SGVhZGVyXT1cIm9ubHlIZWFkZXJcIiBbaWNvbl09XCJpY29uXCIgW2hpbnRdPVwiaGludFwiIFtoaW50SW5saW5lXT1cInRydWVcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlY3Rpb25IZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2VjdGlvblBhZ2VDb21wb25lbnQgZXh0ZW5kcyBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgb3ZlcnJpZGUgaGludElubGluZSA9IHRydWU7XG59XG4iXX0=
|
|
@@ -17,7 +17,7 @@ DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
17
17
|
<ng-content></ng-content>
|
|
18
18
|
</div>
|
|
19
19
|
</div>
|
|
20
|
-
`, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
|
|
20
|
+
`, isInline: true, components: [{ type: i1.DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{
|
|
@@ -28,8 +28,8 @@ export class DbxSidenavPageComponent {
|
|
|
28
28
|
}
|
|
29
29
|
DbxSidenavPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSidenavPageComponent, deps: [{ token: i1.DbxSidenavComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
30
30
|
DbxSidenavPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSidenavPageComponent, selector: "dbx-sidenav-page", inputs: { color: "color", mobileOnly: "mobileOnly" }, ngImport: i0, template: `
|
|
31
|
-
<div>
|
|
32
|
-
<dbx-sidenav-pagebar [color]="color"
|
|
31
|
+
<div [ngClass]="(hidePagebar$ | async) ? 'dbx-pagebar-hide' : ''">
|
|
32
|
+
<dbx-sidenav-pagebar [color]="color">
|
|
33
33
|
<ng-content left select="[navLeft]"></ng-content>
|
|
34
34
|
<ng-content select="[navRight]"></ng-content>
|
|
35
35
|
</dbx-sidenav-pagebar>
|
|
@@ -43,8 +43,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
43
43
|
args: [{
|
|
44
44
|
selector: 'dbx-sidenav-page',
|
|
45
45
|
template: `
|
|
46
|
-
<div>
|
|
47
|
-
<dbx-sidenav-pagebar [color]="color"
|
|
46
|
+
<div [ngClass]="(hidePagebar$ | async) ? 'dbx-pagebar-hide' : ''">
|
|
47
|
+
<dbx-sidenav-pagebar [color]="color">
|
|
48
48
|
<ng-content left select="[navLeft]"></ng-content>
|
|
49
49
|
<ng-content select="[navRight]"></ng-content>
|
|
50
50
|
</dbx-sidenav-pagebar>
|
|
@@ -59,4 +59,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
59
59
|
}], mobileOnly: [{
|
|
60
60
|
type: Input
|
|
61
61
|
}] } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvbGF5b3V0L3NpZGVuYXYvc2lkZW5hdi5wYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUN4RSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7QUFJOUU7Ozs7R0FJRztBQWVILE1BQU0sT0FBTyx1QkFBdUI7SUFXbEMsWUFBcUIsTUFBMkI7UUFBM0IsV0FBTSxHQUFOLE1BQU0sQ0FBcUI7UUFQeEMsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVqRCxpQkFBWSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUMzQyxTQUFTLENBQUMsQ0FBQyxVQUFVLEVBQUUsRUFBRSxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLEtBQUssa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFDekgsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFFaUQsQ0FBQztJQUVwRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsSUFDSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBSSxVQUFVLENBQUMsVUFBbUI7UUFDaEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDcEMsQ0FBQzs7b0hBeEJVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLDhHQVp4Qjs7Ozs7Ozs7OztHQVVUOzJGQUVVLHVCQUF1QjtrQkFkbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7R0FVVDtpQkFDRjswR0FHQyxLQUFLO3NCQURKLEtBQUs7Z0JBaUJGLFVBQVU7c0JBRGIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgc3dpdGNoTWFwLCBzaGFyZVJlcGxheSwgbWFwLCBvZiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTaWRlbmF2Q29tcG9uZW50LCBTaWRlTmF2RGlzcGxheU1vZGUgfSBmcm9tICcuL3NpZGVuYXYuY29tcG9uZW50JztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhCYXJDb2xvciB9IGZyb20gJy4uLy4uLy4uL2xheW91dC9iYXIvYmFyJztcblxuLyoqXG4gKiBQcmUtY29uZmlndXJlZCBwYWdlIHVzZWQgd2l0aCBEYnhTaWRlbmF2Q29tcG9uZW50LlxuICpcbiAqIENhbiBvcHRpb25hbGx5IGJlIGNvbmZpZ3VyZWQgdG8gb25seSBzaG93IHRoZSBwYWdlYmFyIHdoaWxlIGluIG1vYmlsZSBtb2RlLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2lkZW5hdi1wYWdlJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtuZ0NsYXNzXT1cIihoaWRlUGFnZWJhciQgfCBhc3luYykgPyAnZGJ4LXBhZ2ViYXItaGlkZScgOiAnJ1wiPlxuICAgICAgPGRieC1zaWRlbmF2LXBhZ2ViYXIgW2NvbG9yXT1cImNvbG9yXCI+XG4gICAgICAgIDxuZy1jb250ZW50IGxlZnQgc2VsZWN0PVwiW25hdkxlZnRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbbmF2UmlnaHRdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kYngtc2lkZW5hdi1wYWdlYmFyPlxuICAgICAgPGRpdiBjbGFzcz1cImRieC1jb250ZW50LXBhZ2UgZGJ4LXNpZGVuYXYtcGFnZS1jb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIERieFNpZGVuYXZQYWdlQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgQElucHV0KClcbiAgY29sb3I/OiBNYXliZTxEYnhCYXJDb2xvcj47XG5cbiAgcHJpdmF0ZSBfbW9iaWxlT25seSA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHJlYWRvbmx5IGhpZGVQYWdlYmFyJCA9IHRoaXMuX21vYmlsZU9ubHkucGlwZShcbiAgICBzd2l0Y2hNYXAoKG1vYmlsZU9ubHkpID0+IChtb2JpbGVPbmx5ID8gdGhpcy5wYXJlbnQubW9kZSQucGlwZShtYXAoKHgpID0+IHggIT09IFNpZGVOYXZEaXNwbGF5TW9kZS5NT0JJTEUpKSA6IG9mKGZhbHNlKSkpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgY29uc3RydWN0b3IocmVhZG9ubHkgcGFyZW50OiBEYnhTaWRlbmF2Q29tcG9uZW50KSB7fVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX21vYmlsZU9ubHkuY29tcGxldGUoKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBtb2JpbGVPbmx5KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9tb2JpbGVPbmx5LnZhbHVlO1xuICB9XG5cbiAgc2V0IG1vYmlsZU9ubHkobW9iaWxlT25seTogYm9vbGVhbikge1xuICAgIHRoaXMuX21vYmlsZU9ubHkubmV4dChtb2JpbGVPbmx5KTtcbiAgfVxufVxuIl19
|
|
@@ -1998,8 +1998,8 @@ class DbxSidenavPageComponent {
|
|
|
1998
1998
|
}
|
|
1999
1999
|
DbxSidenavPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSidenavPageComponent, deps: [{ token: DbxSidenavComponent }], target: i0.ɵɵFactoryTarget.Component });
|
|
2000
2000
|
DbxSidenavPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSidenavPageComponent, selector: "dbx-sidenav-page", inputs: { color: "color", mobileOnly: "mobileOnly" }, ngImport: i0, template: `
|
|
2001
|
-
<div>
|
|
2002
|
-
<dbx-sidenav-pagebar [color]="color"
|
|
2001
|
+
<div [ngClass]="(hidePagebar$ | async) ? 'dbx-pagebar-hide' : ''">
|
|
2002
|
+
<dbx-sidenav-pagebar [color]="color">
|
|
2003
2003
|
<ng-content left select="[navLeft]"></ng-content>
|
|
2004
2004
|
<ng-content select="[navRight]"></ng-content>
|
|
2005
2005
|
</dbx-sidenav-pagebar>
|
|
@@ -2013,8 +2013,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
2013
2013
|
args: [{
|
|
2014
2014
|
selector: 'dbx-sidenav-page',
|
|
2015
2015
|
template: `
|
|
2016
|
-
<div>
|
|
2017
|
-
<dbx-sidenav-pagebar [color]="color"
|
|
2016
|
+
<div [ngClass]="(hidePagebar$ | async) ? 'dbx-pagebar-hide' : ''">
|
|
2017
|
+
<dbx-sidenav-pagebar [color]="color">
|
|
2018
2018
|
<ng-content left select="[navLeft]"></ng-content>
|
|
2019
2019
|
<ng-content select="[navRight]"></ng-content>
|
|
2020
2020
|
</dbx-sidenav-pagebar>
|
|
@@ -4586,12 +4586,15 @@ function provideDbxListViewWrapper(sourceType) {
|
|
|
4586
4586
|
* Component used to style a section's header.
|
|
4587
4587
|
*/
|
|
4588
4588
|
class DbxSectionHeaderComponent {
|
|
4589
|
+
constructor() {
|
|
4590
|
+
this.onlyHeader = false;
|
|
4591
|
+
}
|
|
4589
4592
|
get showTitle() {
|
|
4590
4593
|
return Boolean(this.header || this.icon);
|
|
4591
4594
|
}
|
|
4592
4595
|
}
|
|
4593
4596
|
DbxSectionHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4594
|
-
DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", icon: "icon", hint: "hint" }, ngImport: i0, template: `
|
|
4597
|
+
DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader" } }, ngImport: i0, template: `
|
|
4595
4598
|
<div class="dbx-section-header-content">
|
|
4596
4599
|
<ng-container [ngSwitch]="showTitle && (h ?? 1)">
|
|
4597
4600
|
<h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
|
|
@@ -4613,10 +4616,13 @@ DbxSectionHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
4613
4616
|
<span class="spacer"></span>
|
|
4614
4617
|
<ng-content></ng-content>
|
|
4615
4618
|
</div>
|
|
4616
|
-
<p *ngIf="hint" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
4619
|
+
<p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
4617
4620
|
<ng-template #headerContentTitleTemplate>
|
|
4618
4621
|
<mat-icon *ngIf="icon">{{ icon }}</mat-icon>
|
|
4619
|
-
<span class="title-text">
|
|
4622
|
+
<span class="title-text">
|
|
4623
|
+
{{ header }}
|
|
4624
|
+
<span *ngIf="hint && hintInline" class="dbx-section-hint-inline dbx-hint">{{ hint }}</span>
|
|
4625
|
+
</span>
|
|
4620
4626
|
</ng-template>
|
|
4621
4627
|
`, isInline: true, components: [{ type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i3$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
4622
4628
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
|
|
@@ -4645,21 +4651,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
4645
4651
|
<span class="spacer"></span>
|
|
4646
4652
|
<ng-content></ng-content>
|
|
4647
4653
|
</div>
|
|
4648
|
-
<p *ngIf="hint" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
4654
|
+
<p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
|
|
4649
4655
|
<ng-template #headerContentTitleTemplate>
|
|
4650
4656
|
<mat-icon *ngIf="icon">{{ icon }}</mat-icon>
|
|
4651
|
-
<span class="title-text">
|
|
4657
|
+
<span class="title-text">
|
|
4658
|
+
{{ header }}
|
|
4659
|
+
<span *ngIf="hint && hintInline" class="dbx-section-hint-inline dbx-hint">{{ hint }}</span>
|
|
4660
|
+
</span>
|
|
4652
4661
|
</ng-template>
|
|
4653
|
-
|
|
4662
|
+
`,
|
|
4663
|
+
host: {
|
|
4664
|
+
'[class.dbx-section-header-full-title]': 'onlyHeader'
|
|
4665
|
+
}
|
|
4654
4666
|
}]
|
|
4655
4667
|
}], propDecorators: { h: [{
|
|
4656
4668
|
type: Input
|
|
4657
4669
|
}], header: [{
|
|
4658
4670
|
type: Input
|
|
4671
|
+
}], onlyHeader: [{
|
|
4672
|
+
type: Input
|
|
4659
4673
|
}], icon: [{
|
|
4660
4674
|
type: Input
|
|
4661
4675
|
}], hint: [{
|
|
4662
4676
|
type: Input
|
|
4677
|
+
}], hintInline: [{
|
|
4678
|
+
type: Input
|
|
4663
4679
|
}] } });
|
|
4664
4680
|
|
|
4665
4681
|
/**
|
|
@@ -4679,7 +4695,7 @@ DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
4679
4695
|
<div class="dbx-section-content">
|
|
4680
4696
|
<ng-content></ng-content>
|
|
4681
4697
|
</div>
|
|
4682
|
-
`, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
|
|
4698
|
+
`, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
|
|
4683
4699
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionComponent, decorators: [{
|
|
4684
4700
|
type: Component,
|
|
4685
4701
|
args: [{
|
|
@@ -4777,7 +4793,7 @@ DbxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
|
|
|
4777
4793
|
<ng-content></ng-content>
|
|
4778
4794
|
</div>
|
|
4779
4795
|
</div>
|
|
4780
|
-
`, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
|
|
4796
|
+
`, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
|
|
4781
4797
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
|
|
4782
4798
|
type: Component,
|
|
4783
4799
|
args: [{
|
|
@@ -4797,32 +4813,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
4797
4813
|
|
|
4798
4814
|
/**
|
|
4799
4815
|
* Component used to style a page that is made up of app sections.
|
|
4816
|
+
*
|
|
4817
|
+
* Should be used on pages that need a section page heading.
|
|
4818
|
+
*
|
|
4819
|
+
* Can be nested within eachother, retaining the proper fixed height.
|
|
4800
4820
|
*/
|
|
4801
4821
|
class DbxSectionPageComponent extends DbxSectionHeaderComponent {
|
|
4822
|
+
constructor() {
|
|
4823
|
+
super(...arguments);
|
|
4824
|
+
this.hintInline = true;
|
|
4825
|
+
}
|
|
4802
4826
|
}
|
|
4803
4827
|
DbxSectionPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4804
|
-
DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionPageComponent, selector: "dbx-section-page", usesInheritance: true, ngImport: i0, template: `
|
|
4828
|
+
DbxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxSectionPageComponent, selector: "dbx-section-page", inputs: { hintInline: "hintInline" }, usesInheritance: true, ngImport: i0, template: `
|
|
4805
4829
|
<div class="dbx-content-page dbx-section-page">
|
|
4806
|
-
<div class="dbx-section-header" [h]="h ?? 2" [header]="header" [icon]="icon" [hint]="hint">
|
|
4830
|
+
<div class="dbx-section-header" [h]="h ?? 2" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="true">
|
|
4807
4831
|
<ng-content select="[sectionHeader]"></ng-content>
|
|
4808
4832
|
</div>
|
|
4809
4833
|
<ng-content></ng-content>
|
|
4810
4834
|
</div>
|
|
4811
|
-
`, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "icon", "hint"] }] });
|
|
4835
|
+
`, isInline: true, components: [{ type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["h", "header", "onlyHeader", "icon", "hint", "hintInline"] }] });
|
|
4812
4836
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
|
|
4813
4837
|
type: Component,
|
|
4814
4838
|
args: [{
|
|
4815
4839
|
selector: 'dbx-section-page',
|
|
4816
4840
|
template: `
|
|
4817
4841
|
<div class="dbx-content-page dbx-section-page">
|
|
4818
|
-
<div class="dbx-section-header" [h]="h ?? 2" [header]="header" [icon]="icon" [hint]="hint">
|
|
4842
|
+
<div class="dbx-section-header" [h]="h ?? 2" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="true">
|
|
4819
4843
|
<ng-content select="[sectionHeader]"></ng-content>
|
|
4820
4844
|
</div>
|
|
4821
4845
|
<ng-content></ng-content>
|
|
4822
4846
|
</div>
|
|
4823
4847
|
`
|
|
4824
4848
|
}]
|
|
4825
|
-
}]
|
|
4849
|
+
}], propDecorators: { hintInline: [{
|
|
4850
|
+
type: Input
|
|
4851
|
+
}] } });
|
|
4826
4852
|
|
|
4827
4853
|
/**
|
|
4828
4854
|
* Module for container-type components.
|