@dereekb/dbx-web 8.7.0 → 8.7.3
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/column/two/two.column.context.directive.mjs +2 -2
- package/esm2020/lib/layout/column/two/two.column.sref.directive.mjs +2 -2
- package/esm2020/lib/layout/column/two/two.column.store.mjs +1 -1
- 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 +45 -19
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +45 -19
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/column/two/two.column.context.directive.d.ts +1 -1
- package/lib/layout/column/two/two.column.sref.directive.d.ts +2 -1
- package/lib/layout/column/two/two.column.store.d.ts +3 -3
- 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
|
@@ -18,7 +18,7 @@ export class DbxTwoColumnContextDirective {
|
|
|
18
18
|
this._showRight.complete();
|
|
19
19
|
}
|
|
20
20
|
set showRight(showRight) {
|
|
21
|
-
this._showRight.next(showRight);
|
|
21
|
+
this._showRight.next(Boolean(showRight));
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
DbxTwoColumnContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnContextDirective, deps: [{ token: i1.TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -32,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
32
32
|
}], ctorParameters: function () { return [{ type: i1.TwoColumnsContextStore }]; }, propDecorators: { showRight: [{
|
|
33
33
|
type: Input
|
|
34
34
|
}] } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5jb250ZXh0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLmNvbnRleHQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQWEsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXBFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDdkMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQUV0Rjs7R0FFRztBQUtILE1BQU0sT0FBTyw0QkFBNEI7SUFHdkMsWUFBcUIsc0JBQThDO1FBQTlDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFGM0QsZUFBVSxHQUFHLElBQUksZUFBZSxDQUFpQixTQUFTLENBQUMsQ0FBQztJQUVFLENBQUM7SUFFdkUsUUFBUTtRQUNOLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzVELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFDSSxTQUFTLENBQUMsU0FBOEI7UUFDMUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7SUFDM0MsQ0FBQzs7eUhBaEJVLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLG9GQUY1Qix3QkFBd0IsRUFBRTsyRkFFMUIsNEJBQTRCO2tCQUp4QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFNBQVMsRUFBRSx3QkFBd0IsRUFBRTtpQkFDdEM7NkdBZUssU0FBUztzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXQsIE9uRGVzdHJveSwgRGlyZWN0aXZlLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IHByb3ZpZGVUd29Db2x1bW5zQ29udGV4dCwgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSB9IGZyb20gJy4vdHdvLmNvbHVtbi5zdG9yZSc7XG5cbi8qKlxuICogUHJvdmlkZXMgYSBkYnhUd29Db2x1bW5Db250ZXh0U3RvcmVcbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RieFR3b0NvbHVtbkNvbnRleHRdJyxcbiAgcHJvdmlkZXJzOiBwcm92aWRlVHdvQ29sdW1uc0NvbnRleHQoKVxufSlcbmV4cG9ydCBjbGFzcyBEYnhUd29Db2x1bW5Db250ZXh0RGlyZWN0aXZlIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwcml2YXRlIF9zaG93UmlnaHQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPGJvb2xlYW4+Pih1bmRlZmluZWQpO1xuXG4gIGNvbnN0cnVjdG9yKHJlYWRvbmx5IHR3b0NvbHVtbnNDb250ZXh0U3RvcmU6IFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy50d29Db2x1bW5zQ29udGV4dFN0b3JlLnNldFNob3dSaWdodCh0aGlzLl9zaG93UmlnaHQpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fc2hvd1JpZ2h0LmNvbXBsZXRlKCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgc2hvd1JpZ2h0KHNob3dSaWdodDogTWF5YmU8Ym9vbGVhbiB8ICcnPikge1xuICAgIHRoaXMuX3Nob3dSaWdodC5uZXh0KEJvb2xlYW4oc2hvd1JpZ2h0KSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -11,7 +11,7 @@ export class DbxTwoColumnSrefDirective {
|
|
|
11
11
|
this._twoColumnsContextStore = _twoColumnsContextStore;
|
|
12
12
|
}
|
|
13
13
|
set ref(ref) {
|
|
14
|
-
const segueRef = asSegueRef(ref);
|
|
14
|
+
const segueRef = ref ? asSegueRef(ref) : undefined;
|
|
15
15
|
this._twoColumnsContextStore.setBackRef(segueRef);
|
|
16
16
|
}
|
|
17
17
|
}
|
|
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
26
26
|
type: Input,
|
|
27
27
|
args: ['dbxTwoColumnSref']
|
|
28
28
|
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5zcmVmLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLnNyZWYuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxVQUFVLEVBQWdDLE1BQU0sbUJBQW1CLENBQUM7QUFFN0UsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQUU1RDs7R0FFRztBQUlILE1BQU0sT0FBTyx5QkFBeUI7SUFDcEMsWUFBNkIsdUJBQStDO1FBQS9DLDRCQUF1QixHQUF2Qix1QkFBdUIsQ0FBd0I7SUFBRyxDQUFDO0lBRWhGLElBQ1csR0FBRyxDQUFDLEdBQTZDO1FBQzFELE1BQU0sUUFBUSxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDbkQsSUFBSSxDQUFDLHVCQUF1QixDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwRCxDQUFDOztzSEFQVSx5QkFBeUI7MEdBQXpCLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQUhyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7aUJBQy9COzZHQUtZLEdBQUc7c0JBRGIsS0FBSzt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBhc1NlZ3VlUmVmLCBTZWd1ZVJlZk9yU2VndWVSZWZSb3V0ZXJMaW5rIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IFR3b0NvbHVtbnNDb250ZXh0U3RvcmUgfSBmcm9tICcuL3R3by5jb2x1bW4uc3RvcmUnO1xuXG4vKipcbiAqIFVzZWQgd2l0aCBhIERieFR3b0NvbHVtbkNvbXBvbmVudCB0byBzZXQgdGhlIGJhY2tSZWYgb2YgdGhlIFR3b0NvbHVtbnNDb250ZXh0U3RvcmUuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYnhUd29Db2x1bW5TcmVmXSdcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VHdvQ29sdW1uU3JlZkRpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgX3R3b0NvbHVtbnNDb250ZXh0U3RvcmU6IFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHt9XG5cbiAgQElucHV0KCdkYnhUd29Db2x1bW5TcmVmJylcbiAgcHVibGljIHNldCByZWYocmVmOiBNYXliZTxTZWd1ZVJlZk9yU2VndWVSZWZSb3V0ZXJMaW5rIHwgJyc+KSB7XG4gICAgY29uc3Qgc2VndWVSZWYgPSByZWYgPyBhc1NlZ3VlUmVmKHJlZikgOiB1bmRlZmluZWQ7XG4gICAgdGhpcy5fdHdvQ29sdW1uc0NvbnRleHRTdG9yZS5zZXRCYWNrUmVmKHNlZ3VlUmVmKTtcbiAgfVxufVxuIl19
|
|
@@ -79,4 +79,4 @@ export function provideTwoColumnsContext() {
|
|
|
79
79
|
}
|
|
80
80
|
];
|
|
81
81
|
}
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5zdG9yZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLnN0b3JlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFOUMsT0FBTyxFQUFFLFVBQVUsRUFBUyxNQUFNLGVBQWUsQ0FBQzs7QUFjbEQsTUFBTSxhQUFhLEdBQW9CO0lBQ3JDLFNBQVMsRUFBRSxLQUFLO0lBQ2hCLFFBQVEsRUFBRSxLQUFLO0NBQ2hCLENBQUM7QUFHRixNQUFNLE9BQU8sc0JBQXVCLFNBQVEsY0FBK0I7SUFHekU7UUFDRSxLQUFLLENBQUMsRUFBRSxHQUFHLGFBQWEsRUFBRSxDQUFDLENBQUM7UUFIYixVQUFLLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQU03QyxrQkFBa0I7UUFDbEI7O1dBRUc7UUFDTSxlQUFVLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztRQUVoRTs7V0FFRztRQUNNLGVBQVUsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7UUFFakU7O1dBRUc7UUFDTSxjQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztRQUU5RDs7V0FFRztRQUNNLGtCQUFhLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQUksQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7UUFFbEY7O1dBRUc7UUFDTSxhQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ2xDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxFQUNyQixRQUFRLEVBQUUsQ0FDWCxDQUFDO1FBRUY7O1dBRUc7UUFDTSxVQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUUzQyxzQkFBc0I7UUFDdEI7O1dBRUc7UUFDTSxVQUFLLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxhQUFhLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFNUQ7O1dBRUc7UUFDTSxpQkFBWSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsU0FBeUIsRUFBRSxFQUFFLENBQUMsQ0FBQyxVQUFVLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFdEk7O1dBRUc7UUFDTSxnQkFBVyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsUUFBd0IsRUFBRSxFQUFFLENBQUMsQ0FBQyxVQUFVLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsRUFBRSxHQUFHLEtBQUssRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFFbEk7O1dBRUc7UUFDTSxlQUFVLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEtBQUssRUFBRSxPQUF3QixFQUFFLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxLQUFLLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDO0lBdkRqRyxDQUFDO0lBeUREOztPQUVHO0lBQ0gsSUFBSTtRQUNGLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGlCQUFpQjtJQUNSLFdBQVc7UUFDbEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDeEIsQ0FBQzs7bUhBekVVLHNCQUFzQjt1SEFBdEIsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBRGxDLFVBQVU7O0FBNkVYLE1BQU0sVUFBVSx3QkFBd0I7SUFDdEMsT0FBTztRQUNMO1lBQ0UsT0FBTyxFQUFFLHNCQUFzQjtZQUMvQixRQUFRLEVBQUUsc0JBQXNCO1NBQ2pDO0tBQ0YsQ0FBQztBQUNKLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbmplY3RhYmxlLCBPbkRlc3Ryb3ksIFByb3ZpZGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21wb25lbnRTdG9yZSB9IGZyb20gJ0BuZ3J4L2NvbXBvbmVudC1zdG9yZSc7XG5pbXBvcnQgeyBTdWJqZWN0LCBkaXN0aW5jdCwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBTZWd1ZVJlZiB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IGlzTWF5YmVOb3QsIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgVHdvQ29sdW1uc1N0YXRlIHtcbiAgc2hvd1JpZ2h0OiBib29sZWFuO1xuICAvKipcbiAgICogV2hldGhlciBvciBub3QgdG8gYWxsb3cgdGhlIGxlZnQgdG8gZmlsbCB1cCB0aGUgc2NyZWVuIHdoZW4gbm8gcmlnaHQgaXMgc2hvd24uXG4gICAqL1xuICBmdWxsTGVmdDogYm9vbGVhbjtcbiAgLyoqXG4gICAqIE9wdGlvbmFsIHJlZiB0byB1c2Ugd2l0aCBUd29Db2x1bW5zIHRoYXQgdXNlIGFuIHNyZWYgZm9yIHRoZSBiYWNrIGJ1dHRvbi5cbiAgICovXG4gIGJhY2tSZWY/OiBNYXliZTxTZWd1ZVJlZj47XG59XG5cbmNvbnN0IElOSVRJQUxfU1RBVEU6IFR3b0NvbHVtbnNTdGF0ZSA9IHtcbiAgc2hvd1JpZ2h0OiBmYWxzZSxcbiAgZnVsbExlZnQ6IGZhbHNlXG59O1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSBleHRlbmRzIENvbXBvbmVudFN0b3JlPFR3b0NvbHVtbnNTdGF0ZT4gaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICBwcml2YXRlIHJlYWRvbmx5IF9iYWNrID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcih7IC4uLklOSVRJQUxfU1RBVEUgfSk7XG4gIH1cblxuICAvLyBNQVJLOiBBY2Nlc3NvcnNcbiAgLyoqXG4gICAqIFBpcGVzIHRoZSBjdXJyZW50IHN0YXRlIG9mIHNob3dSaWdodC5cbiAgICovXG4gIHJlYWRvbmx5IHNob3dSaWdodCQgPSB0aGlzLnN0YXRlJC5waXBlKG1hcCgoeCkgPT4geC5zaG93UmlnaHQpKTtcblxuICAvKipcbiAgICogQ29udmVuaWVuY2UgZnVuY3Rpb24gZm9yIHRoZSBzaG93UmlnaHQgY29tcGxpbWVudC5cbiAgICovXG4gIHJlYWRvbmx5IGhpZGVSaWdodCQgPSB0aGlzLnN0YXRlJC5waXBlKG1hcCgoeCkgPT4gIXguc2hvd1JpZ2h0KSk7XG5cbiAgLyoqXG4gICAqIFBpcGVzIHRoZSBjdXJyZW50IHN0YXRlIG9mIGZ1bGxMZWZ0LlxuICAgKi9cbiAgcmVhZG9ubHkgZnVsbExlZnQkID0gdGhpcy5zdGF0ZSQucGlwZShtYXAoKHgpID0+IHguZnVsbExlZnQpKTtcblxuICAvKipcbiAgICogV2hldGhlciBvciBub3QgdG8gc2hvdyB0aGUgZnVsbCBsZWZ0LlxuICAgKi9cbiAgcmVhZG9ubHkgc2hvd0Z1bGxMZWZ0JCA9IHRoaXMuc3RhdGUkLnBpcGUobWFwKCh4KSA9PiAheC5zaG93UmlnaHQgJiYgeC5mdWxsTGVmdCkpO1xuXG4gIC8qKlxuICAgKiBQaXBlcyB0aGUgY3VycmVudCBiYWNrUmVmIHZhbHVlLlxuICAgKi9cbiAgcmVhZG9ubHkgYmFja1JlZiQgPSB0aGlzLnN0YXRlJC5waXBlKFxuICAgIG1hcCgoeCkgPT4geC5iYWNrUmVmKSxcbiAgICBkaXN0aW5jdCgpXG4gICk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIGJhY2sgZXZlbnRzLlxuICAgKi9cbiAgcmVhZG9ubHkgYmFjayQgPSB0aGlzLl9iYWNrLmFzT2JzZXJ2YWJsZSgpO1xuXG4gIC8vIE1BUks6IFN0YXRlIENoYW5nZXNcbiAgLyoqXG4gICAqIENvbXBsZXRlbHkgcmVzZXRzIHRoZSBzdG9yZS5cbiAgICovXG4gIHJlYWRvbmx5IHJlc2V0ID0gdGhpcy51cGRhdGVyKCgpID0+ICh7IC4uLklOSVRJQUxfU1RBVEUgfSkpO1xuXG4gIC8qKlxuICAgKiBDaGFuZ2VzIHRoZSBzdGF0ZSB0byBzaG93IHJpZ2h0IG9yIG5vdC5cbiAgICovXG4gIHJlYWRvbmx5IHNldFNob3dSaWdodCA9IHRoaXMudXBkYXRlcigoc3RhdGUsIHNob3dSaWdodDogTWF5YmU8Ym9vbGVhbj4pID0+IChpc01heWJlTm90KHNob3dSaWdodCkgPyBzdGF0ZSA6IHsgLi4uc3RhdGUsIHNob3dSaWdodCB9KSk7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGZ1bGwgbGVmdC4gSWYgdW5kZWZpbmVkIGlzIHBhc3NlZCwgbm8gY2hhbmdlIG9jY3Vycy5cbiAgICovXG4gIHJlYWRvbmx5IHNldEZ1bGxMZWZ0ID0gdGhpcy51cGRhdGVyKChzdGF0ZSwgZnVsbExlZnQ6IE1heWJlPGJvb2xlYW4+KSA9PiAoaXNNYXliZU5vdChmdWxsTGVmdCkgPyBzdGF0ZSA6IHsgLi4uc3RhdGUsIGZ1bGxMZWZ0IH0pKTtcblxuICAvKipcbiAgICogU2V0cyB0aGUgbmV3IGJhY2sgcmVmLlxuICAgKi9cbiAgcmVhZG9ubHkgc2V0QmFja1JlZiA9IHRoaXMudXBkYXRlcigoc3RhdGUsIGJhY2tSZWY6IE1heWJlPFNlZ3VlUmVmPikgPT4gKHsgLi4uc3RhdGUsIGJhY2tSZWYgfSkpO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBhIGJhY2sgZXZlbnQuXG4gICAqL1xuICBiYWNrKCk6IHZvaWQge1xuICAgIHRoaXMuX2JhY2submV4dCgpO1xuICB9XG5cbiAgLy8gTUFSSzogSW50ZXJuYWxcbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLl9iYWNrLmNvbXBsZXRlKCk7XG4gIH1cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVUd29Db2x1bW5zQ29udGV4dCgpOiBQcm92aWRlcltdIHtcbiAgcmV0dXJuIFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBUd29Db2x1bW5zQ29udGV4dFN0b3JlLFxuICAgICAgdXNlQ2xhc3M6IFR3b0NvbHVtbnNDb250ZXh0U3RvcmVcbiAgICB9XG4gIF07XG59XG4iXX0=
|
|
@@ -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>
|
|
@@ -2638,7 +2638,7 @@ class DbxTwoColumnContextDirective {
|
|
|
2638
2638
|
this._showRight.complete();
|
|
2639
2639
|
}
|
|
2640
2640
|
set showRight(showRight) {
|
|
2641
|
-
this._showRight.next(showRight);
|
|
2641
|
+
this._showRight.next(Boolean(showRight));
|
|
2642
2642
|
}
|
|
2643
2643
|
}
|
|
2644
2644
|
DbxTwoColumnContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnContextDirective, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
|
|
@@ -2724,7 +2724,7 @@ class DbxTwoColumnSrefDirective {
|
|
|
2724
2724
|
this._twoColumnsContextStore = _twoColumnsContextStore;
|
|
2725
2725
|
}
|
|
2726
2726
|
set ref(ref) {
|
|
2727
|
-
const segueRef = asSegueRef(ref);
|
|
2727
|
+
const segueRef = ref ? asSegueRef(ref) : undefined;
|
|
2728
2728
|
this._twoColumnsContextStore.setBackRef(segueRef);
|
|
2729
2729
|
}
|
|
2730
2730
|
}
|
|
@@ -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.
|