@dereekb/dbx-web 8.7.3 → 8.7.6
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.component.mjs +20 -12
- package/esm2020/lib/layout/column/two/two.column.head.component.mjs +11 -11
- package/esm2020/lib/layout/column/two/two.column.module.mjs +5 -4
- package/esm2020/lib/layout/column/two/two.column.right.component.mjs +11 -3
- package/esm2020/lib/layout/column/two/two.column.store.mjs +20 -2
- package/fesm2015/dereekb-dbx-web.mjs +59 -24
- package/fesm2015/dereekb-dbx-web.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-web.mjs +58 -24
- package/fesm2020/dereekb-dbx-web.mjs.map +1 -1
- package/lib/layout/column/_column.scss +37 -25
- package/lib/layout/column/two/two.column.component.d.ts +7 -2
- package/lib/layout/column/two/two.column.module.d.ts +2 -1
- package/lib/layout/column/two/two.column.right.component.d.ts +5 -1
- package/lib/layout/column/two/two.column.store.d.ts +18 -0
- package/package.json +3 -3
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { ChangeDetectorRef, ChangeDetectionStrategy, Component, Inject, Input } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, ChangeDetectionStrategy, Component, Inject, Input, ElementRef } from '@angular/core';
|
|
2
2
|
import { AbstractSubscriptionDirective, safeMarkForCheck } from '@dereekb/dbx-core';
|
|
3
3
|
import { BehaviorSubject, combineLatest } from 'rxjs';
|
|
4
4
|
import { TwoColumnsContextStore } from './two.column.store';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
import * as i1 from "../../content/content.container.directive";
|
|
7
7
|
import * as i2 from "@angular/common";
|
|
8
|
-
import * as i3 from "
|
|
8
|
+
import * as i3 from "angular-resize-event";
|
|
9
|
+
import * as i4 from "./two.column.store";
|
|
9
10
|
/**
|
|
10
11
|
* Responsive component meant to split a left and right column.
|
|
11
12
|
*
|
|
@@ -14,22 +15,25 @@ import * as i3 from "./two.column.store";
|
|
|
14
15
|
* Requires a TwoColumnsContextStore to be provided.
|
|
15
16
|
*/
|
|
16
17
|
export class DbxTwoColumnComponent extends AbstractSubscriptionDirective {
|
|
17
|
-
constructor(twoColumnsContextStore, cdRef) {
|
|
18
|
+
constructor(twoColumnsContextStore, elementRef, cdRef) {
|
|
18
19
|
super();
|
|
19
20
|
this.twoColumnsContextStore = twoColumnsContextStore;
|
|
21
|
+
this.elementRef = elementRef;
|
|
20
22
|
this.cdRef = cdRef;
|
|
21
|
-
this._view = { showRight: false, showFullLeft: true, reverseSizing: false, inSectionPage: false };
|
|
23
|
+
this._view = { showRight: false, showFullLeft: true, hideLeftColumn: false, reverseSizing: false, inSectionPage: false };
|
|
22
24
|
this._reverseSizing = new BehaviorSubject(false);
|
|
23
25
|
this._inSectionPage = new BehaviorSubject(false);
|
|
26
|
+
this.hideLeftColumn$ = this.twoColumnsContextStore.hideLeft$;
|
|
24
27
|
this.showRight$ = this.twoColumnsContextStore.showRight$;
|
|
25
28
|
this.showFullLeft$ = this.twoColumnsContextStore.showFullLeft$;
|
|
26
29
|
this.hideRight$ = this.twoColumnsContextStore.hideRight$;
|
|
27
30
|
}
|
|
28
31
|
ngOnInit() {
|
|
29
|
-
this.sub = combineLatest([this.showRight$, this.showFullLeft$, this._reverseSizing, this._inSectionPage]).subscribe(([showRight, showFullLeft, reverseSizing, inSectionPage]) => {
|
|
32
|
+
this.sub = combineLatest([this.showRight$, this.showFullLeft$, this.hideLeftColumn$, this._reverseSizing, this._inSectionPage]).subscribe(([showRight, showFullLeft, hideLeftColumn, reverseSizing, inSectionPage]) => {
|
|
30
33
|
this._view = {
|
|
31
34
|
showRight,
|
|
32
35
|
showFullLeft,
|
|
36
|
+
hideLeftColumn,
|
|
33
37
|
reverseSizing,
|
|
34
38
|
inSectionPage
|
|
35
39
|
};
|
|
@@ -50,21 +54,25 @@ export class DbxTwoColumnComponent extends AbstractSubscriptionDirective {
|
|
|
50
54
|
set inSectionPage(inSectionPage) {
|
|
51
55
|
this._inSectionPage.next(inSectionPage);
|
|
52
56
|
}
|
|
57
|
+
onResized(event) {
|
|
58
|
+
const totalWidth = this.elementRef.nativeElement.clientWidth;
|
|
59
|
+
this.twoColumnsContextStore.setTotalWidth(totalWidth);
|
|
60
|
+
}
|
|
53
61
|
}
|
|
54
|
-
DbxTwoColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnComponent, deps: [{ token: TwoColumnsContextStore }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
55
|
-
DbxTwoColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnComponent, selector: "dbx-two-column", inputs: { reverseSizing: "reverseSizing", inSectionPage: "inSectionPage" }, host: { properties: { "class": "{ 'right-shown': v.showRight, 'full-left': v.
|
|
62
|
+
DbxTwoColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnComponent, deps: [{ token: TwoColumnsContextStore }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
63
|
+
DbxTwoColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnComponent, selector: "dbx-two-column", inputs: { reverseSizing: "reverseSizing", inSectionPage: "inSectionPage" }, host: { properties: { "class": "{ 'right-shown': v.showRight, 'full-left': v.showFullLeft,'hide-left-column': v.hideLeftColumn, 'two-column-reverse-sizing': v.reverseSizing, 'dbx-section-page-two': v.inSectionPage }" }, classAttribute: "dbx-two-column" }, exportAs: ["columns"], usesInheritance: true, ngImport: i0, template: "<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height left-column\">\n <ng-content select=\"[left]\"></ng-content>\n</dbx-content-container>\n<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height right-column\" *ngIf=\"v.showRight\" (resized)=\"onResized($event)\">\n <ng-content select=\"[right]\"></ng-content>\n</dbx-content-container>\n", directives: [{ type: i1.DbxContentContainerDirective, selector: "dbx-content-container,[dbxContentContainer],.dbx-content-container", inputs: ["grow", "padding"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.ResizedDirective, selector: "[resized]", outputs: ["resized"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
56
64
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnComponent, decorators: [{
|
|
57
65
|
type: Component,
|
|
58
66
|
args: [{ selector: 'dbx-two-column', exportAs: 'columns', host: {
|
|
59
67
|
class: 'dbx-two-column',
|
|
60
|
-
'[class]': "{ 'right-shown': v.showRight, 'full-left': v.
|
|
61
|
-
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height left-column\">\n <ng-content select=\"[left]\"></ng-content>\n</dbx-content-container>\n<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height right-column\" *ngIf=\"v.showRight\">\n <ng-content select=\"[right]\"></ng-content>\n</dbx-content-container>\n" }]
|
|
62
|
-
}], ctorParameters: function () { return [{ type:
|
|
68
|
+
'[class]': "{ 'right-shown': v.showRight, 'full-left': v.showFullLeft,'hide-left-column': v.hideLeftColumn, 'two-column-reverse-sizing': v.reverseSizing, 'dbx-section-page-two': v.inSectionPage }"
|
|
69
|
+
}, changeDetection: ChangeDetectionStrategy.OnPush, template: "<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height left-column\">\n <ng-content select=\"[left]\"></ng-content>\n</dbx-content-container>\n<dbx-content-container grow=\"full\" padding=\"none\" class=\"dbx-content dbx-content-auto-height right-column\" *ngIf=\"v.showRight\" (resized)=\"onResized($event)\">\n <ng-content select=\"[right]\"></ng-content>\n</dbx-content-container>\n" }]
|
|
70
|
+
}], ctorParameters: function () { return [{ type: i4.TwoColumnsContextStore, decorators: [{
|
|
63
71
|
type: Inject,
|
|
64
72
|
args: [TwoColumnsContextStore]
|
|
65
|
-
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { reverseSizing: [{
|
|
73
|
+
}] }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { reverseSizing: [{
|
|
66
74
|
type: Input
|
|
67
75
|
}], inSectionPage: [{
|
|
68
76
|
type: Input
|
|
69
77
|
}] } });
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQWEsdUJBQXVCLEVBQVUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVcsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdJLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXBGLE9BQU8sRUFBYyxlQUFlLEVBQUUsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7QUFVNUQ7Ozs7OztHQU1HO0FBV0gsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDZCQUE2QjtJQVl0RSxZQUE0RCxzQkFBOEMsRUFBVSxVQUFzQixFQUFXLEtBQXdCO1FBQzNLLEtBQUssRUFBRSxDQUFDO1FBRGtELDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFBVSxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVcsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFYckssVUFBSyxHQUEwQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxjQUFjLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxDQUFDO1FBRTNJLG1CQUFjLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDckQsbUJBQWMsR0FBRyxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQztRQUVwRCxvQkFBZSxHQUF3QixJQUFJLENBQUMsc0JBQXNCLENBQUMsU0FBUyxDQUFDO1FBQzdFLGVBQVUsR0FBd0IsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQVUsQ0FBQztRQUN6RSxrQkFBYSxHQUF3QixJQUFJLENBQUMsc0JBQXNCLENBQUMsYUFBYSxDQUFDO1FBRS9FLGVBQVUsR0FBd0IsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFVBQVUsQ0FBQztJQUlsRixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLEdBQUcsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxJQUFJLENBQUMsYUFBYSxFQUFFLElBQUksQ0FBQyxlQUFlLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLGFBQWEsRUFBRSxhQUFhLENBQWdELEVBQUUsRUFBRTtZQUNuUSxJQUFJLENBQUMsS0FBSyxHQUFHO2dCQUNYLFNBQVM7Z0JBQ1QsWUFBWTtnQkFDWixjQUFjO2dCQUNkLGFBQWE7Z0JBQ2IsYUFBYTthQUNkLENBQUM7WUFFRixnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDL0IsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRVEsV0FBVztRQUNsQixLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFJLENBQUM7UUFDSCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVELElBQ0ksYUFBYSxDQUFDLGFBQXNCO1FBQ3RDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxJQUNJLGFBQWEsQ0FBQyxhQUFzQjtRQUN0QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQW1CO1FBQzNCLE1BQU0sVUFBVSxHQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBNkIsQ0FBQyxXQUFXLENBQUM7UUFDOUUsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGFBQWEsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUN4RCxDQUFDOztrSEFyRFUscUJBQXFCLGtCQVlaLHNCQUFzQjtzR0FaL0IscUJBQXFCLGdiQy9CbEMsZ2JBTUE7MkZEeUJhLHFCQUFxQjtrQkFWakMsU0FBUzsrQkFDRSxnQkFBZ0IsWUFFaEIsU0FBUyxRQUNiO3dCQUNKLEtBQUssRUFBRSxnQkFBZ0I7d0JBQ3ZCLFNBQVMsRUFBRSx5TEFBeUw7cUJBQ3JNLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOzswQkFjbEMsTUFBTTsyQkFBQyxzQkFBc0I7cUdBNkJ0QyxhQUFhO3NCQURoQixLQUFLO2dCQU1GLGFBQWE7c0JBRGhCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgT25EZXN0cm95LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgT25Jbml0LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIFZpZXdSZWYsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0U3Vic2NyaXB0aW9uRGlyZWN0aXZlLCBzYWZlTWFya0ZvckNoZWNrIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgUmVzaXplZEV2ZW50IH0gZnJvbSAnYW5ndWxhci1yZXNpemUtZXZlbnQnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgQmVoYXZpb3JTdWJqZWN0LCBjb21iaW5lTGF0ZXN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBUd29Db2x1bW5zQ29udGV4dFN0b3JlIH0gZnJvbSAnLi90d28uY29sdW1uLnN0b3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBEYnhUd29Db2x1bW5WaWV3U3RhdGUge1xuICBzaG93UmlnaHQ6IGJvb2xlYW47XG4gIHNob3dGdWxsTGVmdDogYm9vbGVhbjtcbiAgaGlkZUxlZnRDb2x1bW46IGJvb2xlYW47XG4gIHJldmVyc2VTaXppbmc6IGJvb2xlYW47XG4gIGluU2VjdGlvblBhZ2U6IGJvb2xlYW47XG59XG5cbi8qKlxuICogUmVzcG9uc2l2ZSBjb21wb25lbnQgbWVhbnQgdG8gc3BsaXQgYSBsZWZ0IGFuZCByaWdodCBjb2x1bW4uXG4gKlxuICogVGhlIGxlZnQgY29sdW1uIGlzIHNtYWxsZXIgdGhhbiB0aGUgcmlnaHQgY29sdW1uLCB3aGljaCBjb250YWlucyB0aGUgcHJpbWFyeSBjb250ZW50LlxuICpcbiAqIFJlcXVpcmVzIGEgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSB0byBiZSBwcm92aWRlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXR3by1jb2x1bW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLmNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIGV4cG9ydEFzOiAnY29sdW1ucycsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2RieC10d28tY29sdW1uJyxcbiAgICAnW2NsYXNzXSc6IFwieyAncmlnaHQtc2hvd24nOiB2LnNob3dSaWdodCwgJ2Z1bGwtbGVmdCc6IHYuc2hvd0Z1bGxMZWZ0LCdoaWRlLWxlZnQtY29sdW1uJzogdi5oaWRlTGVmdENvbHVtbiwgJ3R3by1jb2x1bW4tcmV2ZXJzZS1zaXppbmcnOiB2LnJldmVyc2VTaXppbmcsICdkYngtc2VjdGlvbi1wYWdlLXR3byc6IHYuaW5TZWN0aW9uUGFnZSB9XCJcbiAgfSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VHdvQ29sdW1uQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgX3ZpZXc6IERieFR3b0NvbHVtblZpZXdTdGF0ZSA9IHsgc2hvd1JpZ2h0OiBmYWxzZSwgc2hvd0Z1bGxMZWZ0OiB0cnVlLCBoaWRlTGVmdENvbHVtbjogZmFsc2UsIHJldmVyc2VTaXppbmc6IGZhbHNlLCBpblNlY3Rpb25QYWdlOiBmYWxzZSB9O1xuXG4gIHByaXZhdGUgX3JldmVyc2VTaXppbmcgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KGZhbHNlKTtcbiAgcHJpdmF0ZSBfaW5TZWN0aW9uUGFnZSA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuXG4gIHJlYWRvbmx5IGhpZGVMZWZ0Q29sdW1uJDogT2JzZXJ2YWJsZTxib29sZWFuPiA9IHRoaXMudHdvQ29sdW1uc0NvbnRleHRTdG9yZS5oaWRlTGVmdCQ7XG4gIHJlYWRvbmx5IHNob3dSaWdodCQ6IE9ic2VydmFibGU8Ym9vbGVhbj4gPSB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2hvd1JpZ2h0JDtcbiAgcmVhZG9ubHkgc2hvd0Z1bGxMZWZ0JDogT2JzZXJ2YWJsZTxib29sZWFuPiA9IHRoaXMudHdvQ29sdW1uc0NvbnRleHRTdG9yZS5zaG93RnVsbExlZnQkO1xuXG4gIHJlYWRvbmx5IGhpZGVSaWdodCQ6IE9ic2VydmFibGU8Ym9vbGVhbj4gPSB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuaGlkZVJpZ2h0JDtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHB1YmxpYyByZWFkb25seSB0d29Db2x1bW5zQ29udGV4dFN0b3JlOiBUd29Db2x1bW5zQ29udGV4dFN0b3JlLCBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHJlYWRvbmx5IGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YiA9IGNvbWJpbmVMYXRlc3QoW3RoaXMuc2hvd1JpZ2h0JCwgdGhpcy5zaG93RnVsbExlZnQkLCB0aGlzLmhpZGVMZWZ0Q29sdW1uJCwgdGhpcy5fcmV2ZXJzZVNpemluZywgdGhpcy5faW5TZWN0aW9uUGFnZV0pLnN1YnNjcmliZSgoW3Nob3dSaWdodCwgc2hvd0Z1bGxMZWZ0LCBoaWRlTGVmdENvbHVtbiwgcmV2ZXJzZVNpemluZywgaW5TZWN0aW9uUGFnZV06IFtib29sZWFuLCBib29sZWFuLCBib29sZWFuLCBib29sZWFuLCBib29sZWFuXSkgPT4ge1xuICAgICAgdGhpcy5fdmlldyA9IHtcbiAgICAgICAgc2hvd1JpZ2h0LFxuICAgICAgICBzaG93RnVsbExlZnQsXG4gICAgICAgIGhpZGVMZWZ0Q29sdW1uLFxuICAgICAgICByZXZlcnNlU2l6aW5nLFxuICAgICAgICBpblNlY3Rpb25QYWdlXG4gICAgICB9O1xuXG4gICAgICBzYWZlTWFya0ZvckNoZWNrKHRoaXMuY2RSZWYpO1xuICAgIH0pO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLl9yZXZlcnNlU2l6aW5nLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5faW5TZWN0aW9uUGFnZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgZ2V0IHYoKTogRGJ4VHdvQ29sdW1uVmlld1N0YXRlIHtcbiAgICByZXR1cm4gdGhpcy5fdmlldztcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCByZXZlcnNlU2l6aW5nKHJldmVyc2VTaXppbmc6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9yZXZlcnNlU2l6aW5nLm5leHQocmV2ZXJzZVNpemluZyk7XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgaW5TZWN0aW9uUGFnZShpblNlY3Rpb25QYWdlOiBib29sZWFuKSB7XG4gICAgdGhpcy5faW5TZWN0aW9uUGFnZS5uZXh0KGluU2VjdGlvblBhZ2UpO1xuICB9XG5cbiAgb25SZXNpemVkKGV2ZW50OiBSZXNpemVkRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCB0b3RhbFdpZHRoID0gKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50KS5jbGllbnRXaWR0aDtcbiAgICB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0VG90YWxXaWR0aCh0b3RhbFdpZHRoKTtcbiAgfVxufVxuIiwiPGRieC1jb250ZW50LWNvbnRhaW5lciBncm93PVwiZnVsbFwiIHBhZGRpbmc9XCJub25lXCIgY2xhc3M9XCJkYngtY29udGVudCBkYngtY29udGVudC1hdXRvLWhlaWdodCBsZWZ0LWNvbHVtblwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbbGVmdF1cIj48L25nLWNvbnRlbnQ+XG48L2RieC1jb250ZW50LWNvbnRhaW5lcj5cbjxkYngtY29udGVudC1jb250YWluZXIgZ3Jvdz1cImZ1bGxcIiBwYWRkaW5nPVwibm9uZVwiIGNsYXNzPVwiZGJ4LWNvbnRlbnQgZGJ4LWNvbnRlbnQtYXV0by1oZWlnaHQgcmlnaHQtY29sdW1uXCIgKm5nSWY9XCJ2LnNob3dSaWdodFwiIChyZXNpemVkKT1cIm9uUmVzaXplZCgkZXZlbnQpXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltyaWdodF1cIj48L25nLWNvbnRlbnQ+XG48L2RieC1jb250ZW50LWNvbnRhaW5lcj5cbiJdfQ==
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "@angular/common";
|
|
4
3
|
/**
|
|
5
4
|
* Two Columns related component that sits at the top of the content bodies and wraps content.
|
|
6
5
|
*/
|
|
7
6
|
export class DbxTwoColumnColumnHeadComponent {
|
|
8
7
|
}
|
|
9
8
|
DbxTwoColumnColumnHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnColumnHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
-
DbxTwoColumnColumnHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnColumnHeadComponent, selector: "dbx-two-column-head", inputs: { block: "block", full: "full" }, ngImport: i0, template: `
|
|
11
|
-
<
|
|
12
|
-
|
|
13
|
-
</div>
|
|
14
|
-
`, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
9
|
+
DbxTwoColumnColumnHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnColumnHeadComponent, selector: "dbx-two-column-head", inputs: { block: "block", full: "full" }, host: { properties: { "class.dbx-block": "block", "class.full": "full" }, classAttribute: "dbx-two-column-head" }, ngImport: i0, template: `
|
|
10
|
+
<ng-content></ng-content>
|
|
11
|
+
`, isInline: true });
|
|
15
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnColumnHeadComponent, decorators: [{
|
|
16
13
|
type: Component,
|
|
17
14
|
args: [{
|
|
18
15
|
selector: 'dbx-two-column-head',
|
|
19
16
|
template: `
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
17
|
+
<ng-content></ng-content>
|
|
18
|
+
`,
|
|
19
|
+
host: {
|
|
20
|
+
class: 'dbx-two-column-head',
|
|
21
|
+
'[class.dbx-block]': 'block',
|
|
22
|
+
'[class.full]': 'full'
|
|
23
|
+
}
|
|
24
24
|
}]
|
|
25
25
|
}], propDecorators: { block: [{
|
|
26
26
|
type: Input
|
|
27
27
|
}], full: [{
|
|
28
28
|
type: Input
|
|
29
29
|
}] } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5oZWFkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLmhlYWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQUVqRDs7R0FFRztBQVlILE1BQU0sT0FBTywrQkFBK0I7OzRIQUEvQiwrQkFBK0I7Z0hBQS9CLCtCQUErQix3TkFUaEM7O0dBRVQ7MkZBT1UsK0JBQStCO2tCQVgzQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFFBQVEsRUFBRTs7R0FFVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLHFCQUFxQjt3QkFDNUIsbUJBQW1CLEVBQUUsT0FBTzt3QkFDNUIsY0FBYyxFQUFFLE1BQU07cUJBQ3ZCO2lCQUNGOzhCQUdDLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogVHdvIENvbHVtbnMgcmVsYXRlZCBjb21wb25lbnQgdGhhdCBzaXRzIGF0IHRoZSB0b3Agb2YgdGhlIGNvbnRlbnQgYm9kaWVzIGFuZCB3cmFwcyBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtdHdvLWNvbHVtbi1oZWFkJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2RieC10d28tY29sdW1uLWhlYWQnLFxuICAgICdbY2xhc3MuZGJ4LWJsb2NrXSc6ICdibG9jaycsXG4gICAgJ1tjbGFzcy5mdWxsXSc6ICdmdWxsJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieFR3b0NvbHVtbkNvbHVtbkhlYWRDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBibG9jaz86IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgZnVsbD86IGJvb2xlYW47XG59XG4iXX0=
|
|
@@ -11,18 +11,19 @@ import { DbxTwoColumnRightComponent } from './two.column.right.component';
|
|
|
11
11
|
import { DbxTwoColumnBackDirective } from './two.column.back.directive';
|
|
12
12
|
import { DbxTwoColumnFullLeftDirective } from './two.column.full.left.directive';
|
|
13
13
|
import { DbxTwoColumnContextDirective } from './two.column.context.directive';
|
|
14
|
+
import { AngularResizeEventModule } from 'angular-resize-event';
|
|
14
15
|
import * as i0 from "@angular/core";
|
|
15
16
|
export class DbxTwoColumnLayoutModule {
|
|
16
17
|
}
|
|
17
18
|
DbxTwoColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
18
|
-
DbxTwoColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, declarations: [DbxTwoColumnComponent, DbxTwoColumnRightComponent, DbxTwoColumnColumnHeadComponent, DbxTwoColumnSrefDirective, DbxTwoColumnBackDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnContextDirective], imports: [CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxContentLayoutModule], exports: [DbxTwoColumnComponent, DbxTwoColumnRightComponent, DbxTwoColumnColumnHeadComponent, DbxTwoColumnSrefDirective, DbxTwoColumnBackDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnContextDirective] });
|
|
19
|
-
DbxTwoColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, imports: [[CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxContentLayoutModule]] });
|
|
19
|
+
DbxTwoColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, declarations: [DbxTwoColumnComponent, DbxTwoColumnRightComponent, DbxTwoColumnColumnHeadComponent, DbxTwoColumnSrefDirective, DbxTwoColumnBackDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnContextDirective], imports: [CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxContentLayoutModule, AngularResizeEventModule], exports: [DbxTwoColumnComponent, DbxTwoColumnRightComponent, DbxTwoColumnColumnHeadComponent, DbxTwoColumnSrefDirective, DbxTwoColumnBackDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnContextDirective] });
|
|
20
|
+
DbxTwoColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, imports: [[CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxContentLayoutModule, AngularResizeEventModule]] });
|
|
20
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, decorators: [{
|
|
21
22
|
type: NgModule,
|
|
22
23
|
args: [{
|
|
23
|
-
imports: [CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxContentLayoutModule],
|
|
24
|
+
imports: [CommonModule, MatIconModule, MatButtonModule, DbxRouterAnchorModule, DbxContentLayoutModule, AngularResizeEventModule],
|
|
24
25
|
declarations: [DbxTwoColumnComponent, DbxTwoColumnRightComponent, DbxTwoColumnColumnHeadComponent, DbxTwoColumnSrefDirective, DbxTwoColumnBackDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnContextDirective],
|
|
25
26
|
exports: [DbxTwoColumnComponent, DbxTwoColumnRightComponent, DbxTwoColumnColumnHeadComponent, DbxTwoColumnSrefDirective, DbxTwoColumnBackDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnContextDirective]
|
|
26
27
|
}]
|
|
27
28
|
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0QsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBT2hFLE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7c0hBQXhCLHdCQUF3QixpQkFIcEIscUJBQXFCLEVBQUUsMEJBQTBCLEVBQUUsK0JBQStCLEVBQUUseUJBQXlCLEVBQUUseUJBQXlCLEVBQUUsNkJBQTZCLEVBQUUsNEJBQTRCLGFBRDFNLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLHFCQUFxQixFQUFFLHNCQUFzQixFQUFFLHdCQUF3QixhQUVySCxxQkFBcUIsRUFBRSwwQkFBMEIsRUFBRSwrQkFBK0IsRUFBRSx5QkFBeUIsRUFBRSx5QkFBeUIsRUFBRSw2QkFBNkIsRUFBRSw0QkFBNEI7c0hBRXBNLHdCQUF3QixZQUoxQixDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLHFCQUFxQixFQUFFLHNCQUFzQixFQUFFLHdCQUF3QixDQUFDOzJGQUlySCx3QkFBd0I7a0JBTHBDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUscUJBQXFCLEVBQUUsc0JBQXNCLEVBQUUsd0JBQXdCLENBQUM7b0JBQ2hJLFlBQVksRUFBRSxDQUFDLHFCQUFxQixFQUFFLDBCQUEwQixFQUFFLCtCQUErQixFQUFFLHlCQUF5QixFQUFFLHlCQUF5QixFQUFFLDZCQUE2QixFQUFFLDRCQUE0QixDQUFDO29CQUNyTixPQUFPLEVBQUUsQ0FBQyxxQkFBcUIsRUFBRSwwQkFBMEIsRUFBRSwrQkFBK0IsRUFBRSx5QkFBeUIsRUFBRSx5QkFBeUIsRUFBRSw2QkFBNkIsRUFBRSw0QkFBNEIsQ0FBQztpQkFDak4iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhSb3V0ZXJBbmNob3JNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9yb3V0ZXInO1xuaW1wb3J0IHsgRGJ4Q29udGVudExheW91dE1vZHVsZSB9IGZyb20gJy4uLy4uL2NvbnRlbnQnO1xuaW1wb3J0IHsgRGJ4VHdvQ29sdW1uU3JlZkRpcmVjdGl2ZSB9IGZyb20gJy4vdHdvLmNvbHVtbi5zcmVmLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYnhUd29Db2x1bW5Db21wb25lbnQgfSBmcm9tICcuL3R3by5jb2x1bW4uY29tcG9uZW50JztcbmltcG9ydCB7IERieFR3b0NvbHVtbkNvbHVtbkhlYWRDb21wb25lbnQgfSBmcm9tICcuL3R3by5jb2x1bW4uaGVhZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4VHdvQ29sdW1uUmlnaHRDb21wb25lbnQgfSBmcm9tICcuL3R3by5jb2x1bW4ucmlnaHQuY29tcG9uZW50JztcbmltcG9ydCB7IERieFR3b0NvbHVtbkJhY2tEaXJlY3RpdmUgfSBmcm9tICcuL3R3by5jb2x1bW4uYmFjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGJ4VHdvQ29sdW1uRnVsbExlZnREaXJlY3RpdmUgfSBmcm9tICcuL3R3by5jb2x1bW4uZnVsbC5sZWZ0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYnhUd29Db2x1bW5Db250ZXh0RGlyZWN0aXZlIH0gZnJvbSAnLi90d28uY29sdW1uLmNvbnRleHQuZGlyZWN0aXZlJztcbmltcG9ydCB7IEFuZ3VsYXJSZXNpemVFdmVudE1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItcmVzaXplLWV2ZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlLCBEYnhSb3V0ZXJBbmNob3JNb2R1bGUsIERieENvbnRlbnRMYXlvdXRNb2R1bGUsIEFuZ3VsYXJSZXNpemVFdmVudE1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW0RieFR3b0NvbHVtbkNvbXBvbmVudCwgRGJ4VHdvQ29sdW1uUmlnaHRDb21wb25lbnQsIERieFR3b0NvbHVtbkNvbHVtbkhlYWRDb21wb25lbnQsIERieFR3b0NvbHVtblNyZWZEaXJlY3RpdmUsIERieFR3b0NvbHVtbkJhY2tEaXJlY3RpdmUsIERieFR3b0NvbHVtbkZ1bGxMZWZ0RGlyZWN0aXZlLCBEYnhUd29Db2x1bW5Db250ZXh0RGlyZWN0aXZlXSxcbiAgZXhwb3J0czogW0RieFR3b0NvbHVtbkNvbXBvbmVudCwgRGJ4VHdvQ29sdW1uUmlnaHRDb21wb25lbnQsIERieFR3b0NvbHVtbkNvbHVtbkhlYWRDb21wb25lbnQsIERieFR3b0NvbHVtblNyZWZEaXJlY3RpdmUsIERieFR3b0NvbHVtbkJhY2tEaXJlY3RpdmUsIERieFR3b0NvbHVtbkZ1bGxMZWZ0RGlyZWN0aXZlLCBEYnhUd29Db2x1bW5Db250ZXh0RGlyZWN0aXZlXVxufSlcbmV4cG9ydCBjbGFzcyBEYnhUd29Db2x1bW5MYXlvdXRNb2R1bGUge31cbiJdfQ==
|
|
@@ -38,17 +38,23 @@ export class DbxTwoColumnRightComponent {
|
|
|
38
38
|
set showBack(showBack) {
|
|
39
39
|
this._showBack.next(showBack);
|
|
40
40
|
}
|
|
41
|
+
/**
|
|
42
|
+
* Minimum right-side width allowed in pixels.
|
|
43
|
+
*/
|
|
44
|
+
set minRightWidth(minRightWidth) {
|
|
45
|
+
this.twoColumnsContextStore.setMinRightWidth(typeof minRightWidth === 'number' ? minRightWidth : undefined);
|
|
46
|
+
}
|
|
41
47
|
backClicked() {
|
|
42
48
|
this.twoColumnsContextStore.back();
|
|
43
49
|
}
|
|
44
50
|
}
|
|
45
51
|
DbxTwoColumnRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnRightComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
|
|
46
|
-
DbxTwoColumnRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnRightComponent, selector: "dbx-two-column-right", inputs: { header: "header", showBack: "showBack" }, host: { classAttribute: "dbx-two-column-right d-block" }, ngImport: i0, template: "<dbx-two-column-head>\n <!-- Back Buttons -->\n <ng-container *ngIf=\"showBack$ | async\">\n <button mat-icon-button class=\"back-button\" (click)=\"backClicked()\" aria-label=\"back button\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngIf=\"ref$ | async\">\n <dbx-anchor [anchor]=\"ref$ | async\">\n <button mat-icon-button class=\"back-button\" aria-label=\"back button\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </dbx-anchor>\n </ng-container>\n <span *ngIf=\"header\" class=\"right-nav-title\">{{ header }}</span>\n <span class=\"right-nav-spacer\"></span>\n <span class=\"spacer\"></span>\n <ng-content select=\"[nav]\"></ng-content>\n</dbx-two-column-head>\n<div class=\"dbx-two-column-right-content\">\n <ng-content></ng-content>\n</div>\n", components: [{ type: i1.DbxTwoColumnColumnHeadComponent, selector: "dbx-two-column-head", inputs: ["block", "full"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5.AsyncPipe } });
|
|
52
|
+
DbxTwoColumnRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnRightComponent, selector: "dbx-two-column-right", inputs: { header: "header", showBack: "showBack", minRightWidth: "minRightWidth" }, host: { classAttribute: "dbx-two-column-right d-block" }, ngImport: i0, template: "<dbx-two-column-head [block]=\"true\" [full]=\"true\">\n <!-- Back Buttons -->\n <ng-container *ngIf=\"showBack$ | async\">\n <button mat-icon-button class=\"back-button\" (click)=\"backClicked()\" aria-label=\"back button\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngIf=\"ref$ | async\">\n <dbx-anchor [anchor]=\"ref$ | async\">\n <button mat-icon-button class=\"back-button\" aria-label=\"back button\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </dbx-anchor>\n </ng-container>\n <span *ngIf=\"header\" class=\"right-nav-title\">{{ header }}</span>\n <span class=\"right-nav-spacer\"></span>\n <span class=\"spacer\"></span>\n <ng-content select=\"[nav]\"></ng-content>\n</dbx-two-column-head>\n<div class=\"dbx-two-column-right-content\">\n <ng-content></ng-content>\n</div>\n", components: [{ type: i1.DbxTwoColumnColumnHeadComponent, selector: "dbx-two-column-head", inputs: ["block", "full"] }, { type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i4.DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5.AsyncPipe } });
|
|
47
53
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnRightComponent, decorators: [{
|
|
48
54
|
type: Component,
|
|
49
55
|
args: [{ selector: 'dbx-two-column-right', host: {
|
|
50
56
|
class: 'dbx-two-column-right d-block'
|
|
51
|
-
}, template: "<dbx-two-column-head>\n <!-- Back Buttons -->\n <ng-container *ngIf=\"showBack$ | async\">\n <button mat-icon-button class=\"back-button\" (click)=\"backClicked()\" aria-label=\"back button\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngIf=\"ref$ | async\">\n <dbx-anchor [anchor]=\"ref$ | async\">\n <button mat-icon-button class=\"back-button\" aria-label=\"back button\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </dbx-anchor>\n </ng-container>\n <span *ngIf=\"header\" class=\"right-nav-title\">{{ header }}</span>\n <span class=\"right-nav-spacer\"></span>\n <span class=\"spacer\"></span>\n <ng-content select=\"[nav]\"></ng-content>\n</dbx-two-column-head>\n<div class=\"dbx-two-column-right-content\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
57
|
+
}, template: "<dbx-two-column-head [block]=\"true\" [full]=\"true\">\n <!-- Back Buttons -->\n <ng-container *ngIf=\"showBack$ | async\">\n <button mat-icon-button class=\"back-button\" (click)=\"backClicked()\" aria-label=\"back button\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </ng-container>\n <ng-container *ngIf=\"ref$ | async\">\n <dbx-anchor [anchor]=\"ref$ | async\">\n <button mat-icon-button class=\"back-button\" aria-label=\"back button\">\n <mat-icon>navigate_before</mat-icon>\n </button>\n </dbx-anchor>\n </ng-container>\n <span *ngIf=\"header\" class=\"right-nav-title\">{{ header }}</span>\n <span class=\"right-nav-spacer\"></span>\n <span class=\"spacer\"></span>\n <ng-content select=\"[nav]\"></ng-content>\n</dbx-two-column-head>\n<div class=\"dbx-two-column-right-content\">\n <ng-content></ng-content>\n</div>\n" }]
|
|
52
58
|
}], ctorParameters: function () { return [{ type: i6.TwoColumnsContextStore, decorators: [{
|
|
53
59
|
type: Inject,
|
|
54
60
|
args: [TwoColumnsContextStore]
|
|
@@ -56,5 +62,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImpor
|
|
|
56
62
|
type: Input
|
|
57
63
|
}], showBack: [{
|
|
58
64
|
type: Input
|
|
65
|
+
}], minRightWidth: [{
|
|
66
|
+
type: Input
|
|
59
67
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTRCLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBRSxlQUFlLEVBQWMsYUFBYSxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV2RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7Ozs7QUFHNUQ7Ozs7R0FJRztBQVFILE1BQU0sT0FBTywwQkFBMEI7SUFhckMsWUFBNkQsc0JBQThDO1FBQTlDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFUbkcsY0FBUyxHQUFHLElBQUksZUFBZSxDQUFVLElBQUksQ0FBQyxDQUFDO1FBRTlDLFNBQUksR0FBdUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFFBQVEsQ0FBQztRQUVoRixjQUFTLEdBQXdCLGFBQWEsQ0FBQztZQUN0RCxJQUFJLENBQUMsU0FBUztZQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLDBEQUEwRDtTQUMxRixDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBcUIsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFeUQsQ0FBQztJQUUvRyxlQUFlO1FBQ2IsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDakQsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDMUIsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQztJQUM5QixDQUFDO0lBRUQsSUFBSSxRQUFRLENBQUMsUUFBaUI7UUFDNUIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFDSSxhQUFhLENBQUMsYUFBaUM7UUFDakQsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGdCQUFnQixDQUFDLE9BQU8sYUFBYSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM5RyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckMsQ0FBQzs7dUhBN0NVLDBCQUEwQixrQkFhakIsc0JBQXNCOzJHQWIvQiwwQkFBMEIsME1DbEJ2QyxrM0JBc0JBOzJGREphLDBCQUEwQjtrQkFQdEMsU0FBUzsrQkFDRSxzQkFBc0IsUUFFMUI7d0JBQ0osS0FBSyxFQUFFLDhCQUE4QjtxQkFDdEM7OzBCQWVZLE1BQU07MkJBQUMsc0JBQXNCOzRDQVgxQyxNQUFNO3NCQURMLEtBQUs7Z0JBMEJGLFFBQVE7c0JBRFgsS0FBSztnQkFhRixhQUFhO3NCQURoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgY29tYmluZUxhdGVzdCwgbWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDbGlja2FibGVBbmNob3IgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBUd29Db2x1bW5zQ29udGV4dFN0b3JlIH0gZnJvbSAnLi90d28uY29sdW1uLnN0b3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8qKlxuICogT3B0aW9uYWwgcmVzcG9uc2l2ZSBjb21wb25lbnQgdGhhdCB3cmFwcyBjb250ZW50IG9uIHRoZSByaWdodCBzaWRlIGFuZCBzaG93cyBhIG5hdmlnYXRpb24gYmFyLlxuICpcbiAqIFdoZW4gcmVuZGVyZWQgaXQgd2lsbCB0cmlnZ2VyIHRoZSBjb250ZXh0IHRvIHNob3cgbGVmdC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXR3by1jb2x1bW4tcmlnaHQnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2RieC10d28tY29sdW1uLXJpZ2h0IGQtYmxvY2snXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4VHdvQ29sdW1uUmlnaHRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKVxuICBoZWFkZXI/OiBzdHJpbmc7XG5cbiAgcHJpdmF0ZSBfc2hvd0JhY2sgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KHRydWUpO1xuXG4gIHJlYWRvbmx5IHJlZiQ6IE9ic2VydmFibGU8TWF5YmU8Q2xpY2thYmxlQW5jaG9yPj4gPSB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuYmFja1JlZiQ7XG5cbiAgcmVhZG9ubHkgc2hvd0JhY2skOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gY29tYmluZUxhdGVzdChbXG4gICAgdGhpcy5fc2hvd0JhY2ssXG4gICAgdGhpcy5yZWYkLnBpcGUobWFwKCh4KSA9PiAheCkpIC8vIFRPRE86IElzIHRoaXMgY29ycmVjdD8gU2hvdyBiYWNrIGlmIHJlZiBpcyBub3QgZGVmaW5lZD9cbiAgXSkucGlwZShtYXAoKFthLCBiXTogW2Jvb2xlYW4sIGJvb2xlYW5dKSA9PiBhICYmIGIpKTtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHByaXZhdGUgcmVhZG9ubHkgdHdvQ29sdW1uc0NvbnRleHRTdG9yZTogVHdvQ29sdW1uc0NvbnRleHRTdG9yZSkge31cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0U2hvd1JpZ2h0KHRydWUpO1xuICAgIH0pO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5fc2hvd0JhY2suY29tcGxldGUoKTtcbiAgICB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0U2hvd1JpZ2h0KGZhbHNlKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBzaG93QmFjaygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2hvd0JhY2sudmFsdWU7XG4gIH1cblxuICBzZXQgc2hvd0JhY2soc2hvd0JhY2s6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9zaG93QmFjay5uZXh0KHNob3dCYWNrKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBNaW5pbXVtIHJpZ2h0LXNpZGUgd2lkdGggYWxsb3dlZCBpbiBwaXhlbHMuXG4gICAqL1xuICBASW5wdXQoKVxuICBzZXQgbWluUmlnaHRXaWR0aChtaW5SaWdodFdpZHRoOiBNYXliZTxudW1iZXIgfCAnJz4pIHtcbiAgICB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0TWluUmlnaHRXaWR0aCh0eXBlb2YgbWluUmlnaHRXaWR0aCA9PT0gJ251bWJlcicgPyBtaW5SaWdodFdpZHRoIDogdW5kZWZpbmVkKTtcbiAgfVxuXG4gIHB1YmxpYyBiYWNrQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuYmFjaygpO1xuICB9XG59XG4iLCI8ZGJ4LXR3by1jb2x1bW4taGVhZCBbYmxvY2tdPVwidHJ1ZVwiIFtmdWxsXT1cInRydWVcIj5cbiAgPCEtLSBCYWNrIEJ1dHRvbnMgLS0+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93QmFjayQgfCBhc3luY1wiPlxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwiYmFjay1idXR0b25cIiAoY2xpY2spPVwiYmFja0NsaWNrZWQoKVwiIGFyaWEtbGFiZWw9XCJiYWNrIGJ1dHRvblwiPlxuICAgICAgPG1hdC1pY29uPm5hdmlnYXRlX2JlZm9yZTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwicmVmJCB8IGFzeW5jXCI+XG4gICAgPGRieC1hbmNob3IgW2FuY2hvcl09XCJyZWYkIHwgYXN5bmNcIj5cbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwiYmFjay1idXR0b25cIiBhcmlhLWxhYmVsPVwiYmFjayBidXR0b25cIj5cbiAgICAgICAgPG1hdC1pY29uPm5hdmlnYXRlX2JlZm9yZTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2RieC1hbmNob3I+XG4gIDwvbmctY29udGFpbmVyPlxuICA8c3BhbiAqbmdJZj1cImhlYWRlclwiIGNsYXNzPVwicmlnaHQtbmF2LXRpdGxlXCI+e3sgaGVhZGVyIH19PC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cInJpZ2h0LW5hdi1zcGFjZXJcIj48L3NwYW4+XG4gIDxzcGFuIGNsYXNzPVwic3BhY2VyXCI+PC9zcGFuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbbmF2XVwiPjwvbmctY29udGVudD5cbjwvZGJ4LXR3by1jb2x1bW4taGVhZD5cbjxkaXYgY2xhc3M9XCJkYngtdHdvLWNvbHVtbi1yaWdodC1jb250ZW50XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
|
@@ -3,15 +3,25 @@ import { ComponentStore } from '@ngrx/component-store';
|
|
|
3
3
|
import { Subject, distinct, map } from 'rxjs';
|
|
4
4
|
import { isMaybeNot } from '@dereekb/util';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
|
+
export const DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH = 320;
|
|
6
7
|
const INITIAL_STATE = {
|
|
7
8
|
showRight: false,
|
|
8
|
-
fullLeft: false
|
|
9
|
+
fullLeft: false,
|
|
10
|
+
minRightWidth: DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH
|
|
9
11
|
};
|
|
10
12
|
export class TwoColumnsContextStore extends ComponentStore {
|
|
11
13
|
constructor() {
|
|
12
14
|
super({ ...INITIAL_STATE });
|
|
13
15
|
this._back = new Subject();
|
|
14
16
|
// MARK: Accessors
|
|
17
|
+
this.hideLeft$ = this.state$.pipe(map((x) => {
|
|
18
|
+
/**
|
|
19
|
+
* The right side is less-than or equal to half the total width when resizing, so we can use the total width to guess the best case current scenario.
|
|
20
|
+
*/
|
|
21
|
+
const expectedRightWidth = (x.totalWidth ?? 0) / 2;
|
|
22
|
+
const hideLeft = x.showRight && expectedRightWidth < x.minRightWidth;
|
|
23
|
+
return hideLeft;
|
|
24
|
+
}));
|
|
15
25
|
/**
|
|
16
26
|
* Pipes the current state of showRight.
|
|
17
27
|
*/
|
|
@@ -53,6 +63,14 @@ export class TwoColumnsContextStore extends ComponentStore {
|
|
|
53
63
|
* Sets the new back ref.
|
|
54
64
|
*/
|
|
55
65
|
this.setBackRef = this.updater((state, backRef) => ({ ...state, backRef }));
|
|
66
|
+
/**
|
|
67
|
+
* Sets the new total width.
|
|
68
|
+
*/
|
|
69
|
+
this.setTotalWidth = this.updater((state, totalWidth) => ({ ...state, totalWidth }));
|
|
70
|
+
/**
|
|
71
|
+
* Sets the new min right width.
|
|
72
|
+
*/
|
|
73
|
+
this.setMinRightWidth = this.updater((state, minRightWidth) => ({ ...state, minRightWidth: minRightWidth ?? DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH }));
|
|
56
74
|
}
|
|
57
75
|
/**
|
|
58
76
|
* Emits a back event.
|
|
@@ -79,4 +97,4 @@ export function provideTwoColumnsContext() {
|
|
|
79
97
|
}
|
|
80
98
|
];
|
|
81
99
|
}
|
|
82
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5zdG9yZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLnN0b3JlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQXVCLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxHQUFHLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFOUMsT0FBTyxFQUFFLFVBQVUsRUFBUyxNQUFNLGVBQWUsQ0FBQzs7QUFzQmxELE1BQU0sQ0FBQyxNQUFNLG1DQUFtQyxHQUFHLEdBQUcsQ0FBQztBQUV2RCxNQUFNLGFBQWEsR0FBb0I7SUFDckMsU0FBUyxFQUFFLEtBQUs7SUFDaEIsUUFBUSxFQUFFLEtBQUs7SUFDZixhQUFhLEVBQUUsbUNBQW1DO0NBQ25ELENBQUM7QUFHRixNQUFNLE9BQU8sc0JBQXVCLFNBQVEsY0FBK0I7SUFHekU7UUFDRSxLQUFLLENBQUMsRUFBRSxHQUFHLGFBQWEsRUFBRSxDQUFDLENBQUM7UUFIYixVQUFLLEdBQUcsSUFBSSxPQUFPLEVBQVEsQ0FBQztRQU03QyxrQkFBa0I7UUFDVCxjQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ25DLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ1I7O2VBRUc7WUFDSCxNQUFNLGtCQUFrQixHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQVUsSUFBSSxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDbkQsTUFBTSxRQUFRLEdBQUcsQ0FBQyxDQUFDLFNBQVMsSUFBSSxrQkFBa0IsR0FBRyxDQUFDLENBQUMsYUFBYSxDQUFDO1lBQ3JFLE9BQU8sUUFBUSxDQUFDO1FBQ2xC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SUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUN4QixDQUFDOzttSEE5RlUsc0JBQXNCO3VIQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFEbEMsVUFBVTs7QUFrR1gsTUFBTSxVQUFVLHdCQUF3QjtJQUN0QyxPQUFPO1FBQ0w7WUFDRSxPQUFPLEVBQUUsc0JBQXNCO1lBQy9CLFFBQVEsRUFBRSxzQkFBc0I7U0FDakM7S0FDRixDQUFDO0FBQ0osQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIE9uRGVzdHJveSwgUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbXBvbmVudFN0b3JlIH0gZnJvbSAnQG5ncngvY29tcG9uZW50LXN0b3JlJztcbmltcG9ydCB7IFN1YmplY3QsIGRpc3RpbmN0LCBtYXAgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFNlZ3VlUmVmIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgaXNNYXliZU5vdCwgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcblxuZXhwb3J0IGludGVyZmFjZSBUd29Db2x1bW5zU3RhdGUge1xuICBzaG93UmlnaHQ6IGJvb2xlYW47XG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0byBhbGxvdyB0aGUgbGVmdCB0byBmaWxsIHVwIHRoZSBzY3JlZW4gd2hlbiBubyByaWdodCBpcyBzaG93bi5cbiAgICovXG4gIGZ1bGxMZWZ0OiBib29sZWFuO1xuICAvKipcbiAgICogT3B0aW9uYWwgcmVmIHRvIHVzZSB3aXRoIFR3b0NvbHVtbnMgdGhhdCB1c2UgYW4gc3JlZiBmb3IgdGhlIGJhY2sgYnV0dG9uLlxuICAgKi9cbiAgYmFja1JlZj86IE1heWJlPFNlZ3VlUmVmPjtcbiAgLyoqXG4gICAqIFNpemUgb2YgdGhlIHZpZXcncyB0b3RhbCB3aWR0aCBpbiBwaXhlbHMuXG4gICAqL1xuICB0b3RhbFdpZHRoPzogTWF5YmU8bnVtYmVyPjtcbiAgLyoqXG4gICAqIE1pbmltdW0gcmlnaHQgc2lkZSBzaXplIGFsbG93ZWQgYmVmb3JlIGhpZGluZyB0aGUgbGVmdCBjb250ZW50LlxuICAgKi9cbiAgbWluUmlnaHRXaWR0aDogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgREVGQVVMVF9UV09fQ09MVU1OU19NSU5fUklHSFRfV0lEVEggPSAzMjA7XG5cbmNvbnN0IElOSVRJQUxfU1RBVEU6IFR3b0NvbHVtbnNTdGF0ZSA9IHtcbiAgc2hvd1JpZ2h0OiBmYWxzZSxcbiAgZnVsbExlZnQ6IGZhbHNlLFxuICBtaW5SaWdodFdpZHRoOiBERUZBVUxUX1RXT19DT0xVTU5TX01JTl9SSUdIVF9XSURUSFxufTtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFR3b0NvbHVtbnNDb250ZXh0U3RvcmUgZXh0ZW5kcyBDb21wb25lbnRTdG9yZTxUd29Db2x1bW5zU3RhdGU+IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfYmFjayA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoeyAuLi5JTklUSUFMX1NUQVRFIH0pO1xuICB9XG5cbiAgLy8gTUFSSzogQWNjZXNzb3JzXG4gIHJlYWRvbmx5IGhpZGVMZWZ0JCA9IHRoaXMuc3RhdGUkLnBpcGUoXG4gICAgbWFwKCh4KSA9PiB7XG4gICAgICAvKipcbiAgICAgICAqIFRoZSByaWdodCBzaWRlIGlzIGxlc3MtdGhhbiBvciBlcXVhbCB0byBoYWxmIHRoZSB0b3RhbCB3aWR0aCB3aGVuIHJlc2l6aW5nLCBzbyB3ZSBjYW4gdXNlIHRoZSB0b3RhbCB3aWR0aCB0byBndWVzcyB0aGUgYmVzdCBjYXNlIGN1cnJlbnQgc2NlbmFyaW8uXG4gICAgICAgKi9cbiAgICAgIGNvbnN0IGV4cGVjdGVkUmlnaHRXaWR0aCA9ICh4LnRvdGFsV2lkdGggPz8gMCkgLyAyO1xuICAgICAgY29uc3QgaGlkZUxlZnQgPSB4LnNob3dSaWdodCAmJiBleHBlY3RlZFJpZ2h0V2lkdGggPCB4Lm1pblJpZ2h0V2lkdGg7XG4gICAgICByZXR1cm4gaGlkZUxlZnQ7XG4gICAgfSlcbiAgKTtcblxuICAvKipcbiAgICogUGlwZXMgdGhlIGN1cnJlbnQgc3RhdGUgb2Ygc2hvd1JpZ2h0LlxuICAgKi9cbiAgcmVhZG9ubHkgc2hvd1JpZ2h0JCA9IHRoaXMuc3RhdGUkLnBpcGUobWFwKCh4KSA9PiB4LnNob3dSaWdodCkpO1xuXG4gIC8qKlxuICAgKiBDb252ZW5pZW5jZSBmdW5jdGlvbiBmb3IgdGhlIHNob3dSaWdodCBjb21wbGltZW50LlxuICAgKi9cbiAgcmVhZG9ubHkgaGlkZVJpZ2h0JCA9IHRoaXMuc3RhdGUkLnBpcGUobWFwKCh4KSA9PiAheC5zaG93UmlnaHQpKTtcblxuICAvKipcbiAgICogUGlwZXMgdGhlIGN1cnJlbnQgc3RhdGUgb2YgZnVsbExlZnQuXG4gICAqL1xuICByZWFkb25seSBmdWxsTGVmdCQgPSB0aGlzLnN0YXRlJC5waXBlKG1hcCgoeCkgPT4geC5mdWxsTGVmdCkpO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0byBzaG93IHRoZSBmdWxsIGxlZnQuXG4gICAqL1xuICByZWFkb25seSBzaG93RnVsbExlZnQkID0gdGhpcy5zdGF0ZSQucGlwZShtYXAoKHgpID0+ICF4LnNob3dSaWdodCAmJiB4LmZ1bGxMZWZ0KSk7XG5cbiAgLyoqXG4gICAqIFBpcGVzIHRoZSBjdXJyZW50IGJhY2tSZWYgdmFsdWUuXG4gICAqL1xuICByZWFkb25seSBiYWNrUmVmJCA9IHRoaXMuc3RhdGUkLnBpcGUoXG4gICAgbWFwKCh4KSA9PiB4LmJhY2tSZWYpLFxuICAgIGRpc3RpbmN0KClcbiAgKTtcblxuICAvKipcbiAgICogRW1pdHMgYmFjayBldmVudHMuXG4gICAqL1xuICByZWFkb25seSBiYWNrJCA9IHRoaXMuX2JhY2suYXNPYnNlcnZhYmxlKCk7XG5cbiAgLy8gTUFSSzogU3RhdGUgQ2hhbmdlc1xuICAvKipcbiAgICogQ29tcGxldGVseSByZXNldHMgdGhlIHN0b3JlLlxuICAgKi9cbiAgcmVhZG9ubHkgcmVzZXQgPSB0aGlzLnVwZGF0ZXIoKCkgPT4gKHsgLi4uSU5JVElBTF9TVEFURSB9KSk7XG5cbiAgLyoqXG4gICAqIENoYW5nZXMgdGhlIHN0YXRlIHRvIHNob3cgcmlnaHQgb3Igbm90LlxuICAgKi9cbiAgcmVhZG9ubHkgc2V0U2hvd1JpZ2h0ID0gdGhpcy51cGRhdGVyKChzdGF0ZSwgc2hvd1JpZ2h0OiBNYXliZTxib29sZWFuPikgPT4gKGlzTWF5YmVOb3Qoc2hvd1JpZ2h0KSA/IHN0YXRlIDogeyAuLi5zdGF0ZSwgc2hvd1JpZ2h0IH0pKTtcblxuICAvKipcbiAgICogU2V0cyB0aGUgZnVsbCBsZWZ0LiBJZiB1bmRlZmluZWQgaXMgcGFzc2VkLCBubyBjaGFuZ2Ugb2NjdXJzLlxuICAgKi9cbiAgcmVhZG9ubHkgc2V0RnVsbExlZnQgPSB0aGlzLnVwZGF0ZXIoKHN0YXRlLCBmdWxsTGVmdDogTWF5YmU8Ym9vbGVhbj4pID0+IChpc01heWJlTm90KGZ1bGxMZWZ0KSA/IHN0YXRlIDogeyAuLi5zdGF0ZSwgZnVsbExlZnQgfSkpO1xuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSBuZXcgYmFjayByZWYuXG4gICAqL1xuICByZWFkb25seSBzZXRCYWNrUmVmID0gdGhpcy51cGRhdGVyKChzdGF0ZSwgYmFja1JlZjogTWF5YmU8U2VndWVSZWY+KSA9PiAoeyAuLi5zdGF0ZSwgYmFja1JlZiB9KSk7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIG5ldyB0b3RhbCB3aWR0aC5cbiAgICovXG4gIHJlYWRvbmx5IHNldFRvdGFsV2lkdGggPSB0aGlzLnVwZGF0ZXIoKHN0YXRlLCB0b3RhbFdpZHRoOiBNYXliZTxudW1iZXI+KSA9PiAoeyAuLi5zdGF0ZSwgdG90YWxXaWR0aCB9KSk7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIG5ldyBtaW4gcmlnaHQgd2lkdGguXG4gICAqL1xuICByZWFkb25seSBzZXRNaW5SaWdodFdpZHRoID0gdGhpcy51cGRhdGVyKChzdGF0ZSwgbWluUmlnaHRXaWR0aDogTWF5YmU8bnVtYmVyPikgPT4gKHsgLi4uc3RhdGUsIG1pblJpZ2h0V2lkdGg6IG1pblJpZ2h0V2lkdGggPz8gREVGQVVMVF9UV09fQ09MVU1OU19NSU5fUklHSFRfV0lEVEggfSkpO1xuXG4gIC8qKlxuICAgKiBFbWl0cyBhIGJhY2sgZXZlbnQuXG4gICAqL1xuICBiYWNrKCk6IHZvaWQge1xuICAgIHRoaXMuX2JhY2submV4dCgpO1xuICB9XG5cbiAgLy8gTUFSSzogSW50ZXJuYWxcbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLl9iYWNrLmNvbXBsZXRlKCk7XG4gIH1cbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVUd29Db2x1bW5zQ29udGV4dCgpOiBQcm92aWRlcltdIHtcbiAgcmV0dXJuIFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBUd29Db2x1bW5zQ29udGV4dFN0b3JlLFxuICAgICAgdXNlQ2xhc3M6IFR3b0NvbHVtbnNDb250ZXh0U3RvcmVcbiAgICB9XG4gIF07XG59XG4iXX0=
|