@dereekb/dbx-web 2.0.0 → 4.0.0

package/esm2020/lib/layout/block/block.layout.module.mjs

@@ -1,4 +1,4 @@
-import { DbxAnchorModule } from '../../router';
+import { DbxRouterAnchorModule } from '../../router';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { DbxTwoBlocksComponent } from './two.block.component';
@@ -9,21 +9,21 @@ import * as i0 from "@angular/core";
  */
 export class DbxBlockLayoutModule {
 }
-DbxBlockLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBlockLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxBlockLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBlockLayoutModule, declarations: [DbxTwoBlocksComponent], imports: [CommonModule,
-        DbxAnchorModule,
+DbxBlockLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxBlockLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxBlockLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxBlockLayoutModule, declarations: [DbxTwoBlocksComponent], imports: [CommonModule,
+        DbxRouterAnchorModule,
         AngularResizeEventModule], exports: [DbxTwoBlocksComponent] });
-DbxBlockLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBlockLayoutModule, imports: [[
+DbxBlockLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxBlockLayoutModule, imports: [[
             CommonModule,
-            DbxAnchorModule,
+            DbxRouterAnchorModule,
             AngularResizeEventModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxBlockLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxBlockLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
-                        DbxAnchorModule,
+                        DbxRouterAnchorModule,
                         AngularResizeEventModule
                     ],
                     declarations: [
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                     ]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2subGF5b3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvYmxvY2svYmxvY2subGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzlELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQUVoRTs7R0FFRztBQWNILE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7a0hBQXBCLG9CQUFvQixpQkFON0IscUJBQXFCLGFBTHJCLFlBQVk7UUFDWixlQUFlO1FBQ2Ysd0JBQXdCLGFBTXhCLHFCQUFxQjtrSEFHWixvQkFBb0IsWUFadEI7WUFDUCxZQUFZO1lBQ1osZUFBZTtZQUNmLHdCQUF3QjtTQUN6QjsyRkFRVSxvQkFBb0I7a0JBYmhDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osZUFBZTt3QkFDZix3QkFBd0I7cUJBQ3pCO29CQUNELFlBQVksRUFBRTt3QkFDWixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGJ4QW5jaG9yTW9kdWxlIH0gZnJvbSAnLi4vLi4vcm91dGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4VHdvQmxvY2tzQ29tcG9uZW50IH0gZnJvbSAnLi90d28uYmxvY2suY29tcG9uZW50JztcbmltcG9ydCB7IEFuZ3VsYXJSZXNpemVFdmVudE1vZHVsZSB9IGZyb20gJ2FuZ3VsYXItcmVzaXplLWV2ZW50JztcblxuLyoqXG4gKiBNb2R1bGUgZm9yIGJsb2NrIGNvbXBvbmVudHMuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRGJ4QW5jaG9yTW9kdWxlLFxuICAgIEFuZ3VsYXJSZXNpemVFdmVudE1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYnhUd29CbG9ja3NDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERieFR3b0Jsb2Nrc0NvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERieEJsb2NrTGF5b3V0TW9kdWxlIHsgfVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2subGF5b3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvYmxvY2svYmxvY2subGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDOUQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBRWhFOztHQUVHO0FBY0gsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtrSEFBcEIsb0JBQW9CLGlCQU43QixxQkFBcUIsYUFMckIsWUFBWTtRQUNaLHFCQUFxQjtRQUNyQix3QkFBd0IsYUFNeEIscUJBQXFCO2tIQUdaLG9CQUFvQixZQVp0QjtZQUNQLFlBQVk7WUFDWixxQkFBcUI7WUFDckIsd0JBQXdCO1NBQ3pCOzJGQVFVLG9CQUFvQjtrQkFiaEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixxQkFBcUI7d0JBQ3JCLHdCQUF3QjtxQkFDekI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYnhSb3V0ZXJBbmNob3JNb2R1bGUgfSBmcm9tICcuLi8uLi9yb3V0ZXInO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhUd29CbG9ja3NDb21wb25lbnQgfSBmcm9tICcuL3R3by5ibG9jay5jb21wb25lbnQnO1xuaW1wb3J0IHsgQW5ndWxhclJlc2l6ZUV2ZW50TW9kdWxlIH0gZnJvbSAnYW5ndWxhci1yZXNpemUtZXZlbnQnO1xuXG4vKipcbiAqIE1vZHVsZSBmb3IgYmxvY2sgY29tcG9uZW50cy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEYnhSb3V0ZXJBbmNob3JNb2R1bGUsXG4gICAgQW5ndWxhclJlc2l6ZUV2ZW50TW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERieFR3b0Jsb2Nrc0NvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGJ4VHdvQmxvY2tzQ29tcG9uZW50XG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4QmxvY2tMYXlvdXRNb2R1bGUgeyB9XG4iXX0=

package/esm2020/lib/layout/block/two.block.component.mjs

@@ -1,4 +1,4 @@
-import { ElementRef, Component, ViewChild } from '@angular/core';
+import { ElementRef, Component, ViewChild, Input } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "angular-resize-event";
 /**
@@ -9,6 +9,12 @@ import * as i1 from "angular-resize-event";
  * The height is calculated from 100%.
  */
 export class DbxTwoBlocksComponent {
+    constructor() {
+        /**
+         * Whether or not the top bar should be fixed in place instead of scrolling with the bottom when content is too tall.
+         */
+        this.fixedTop = true;
+    }
     /*
     @ViewChild('top', { read: ElementRef, static: true })
     topElement!: ElementRef;
@@ -19,12 +25,12 @@ export class DbxTwoBlocksComponent {
     onResized(event) {
         const height = event.newRect.height;
         const element = this.twoElement.nativeElement;
-        element.style.setProperty('--two-block-top-height', `${height}px`);
+        element.style.setProperty('--dbx-two-block-top-height', `${height}px`);
     }
 }
-DbxTwoBlocksComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoBlocksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoBlocksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoBlocksComponent, selector: "dbx-two-block", viewQueries: [{ propertyName: "twoElement", first: true, predicate: ["two"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: `
-  <div #two class="dbx-two-block">
+DbxTwoBlocksComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoBlocksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxTwoBlocksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoBlocksComponent, selector: "dbx-two-block", inputs: { fixedTop: "fixedTop" }, host: { properties: { "class": "{ \"dbx-two-block-fixed-top\": fixedTop }" }, classAttribute: "dbx-two-block d-block" }, viewQueries: [{ propertyName: "twoElement", first: true, predicate: ["two"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: `
+  <div #two class="dbx-two-block-content">
     <div #top class="dbx-two-block-top" (resized)="onResized($event)">
       <ng-content select="[top]"></ng-content>
     </div>
@@ -33,12 +39,12 @@ DbxTwoBlocksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
     </div>
   </div>
   `, isInline: true, directives: [{ type: i1.ResizedDirective, selector: "[resized]", outputs: ["resized"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoBlocksComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoBlocksComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-two-block',
                     template: `
-  <div #two class="dbx-two-block">
+  <div #two class="dbx-two-block-content">
     <div #top class="dbx-two-block-top" (resized)="onResized($event)">
       <ng-content select="[top]"></ng-content>
     </div>
@@ -46,10 +52,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
       <ng-content></ng-content>
     </div>
   </div>
-  `
+  `,
+                    host: {
+                        'class': 'dbx-two-block d-block',
+                        '[class]': '{ "dbx-two-block-fixed-top": fixedTop }'
+                    }
                 }]
-        }], propDecorators: { twoElement: [{
+        }], propDecorators: { fixedTop: [{
+                type: Input
+            }], twoElement: [{
                 type: ViewChild,
                 args: ['two', { read: ElementRef, static: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmJsb2NrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvYmxvY2svdHdvLmJsb2NrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUdqRTs7Ozs7O0dBTUc7QUFjSCxNQUFNLE9BQU8scUJBQXFCO0lBS2hDOzs7Ozs7TUFNRTtJQUVGLFNBQVMsQ0FBQyxLQUFtQjtRQUMzQixNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQztRQUNwQyxNQUFNLE9BQU8sR0FBZ0IsSUFBSSxDQUFDLFVBQVcsQ0FBQyxhQUFhLENBQUM7UUFDNUQsT0FBTyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsd0JBQXdCLEVBQUUsR0FBRyxNQUFNLElBQUksQ0FBQyxDQUFDO0lBQ3JFLENBQUM7O2tIQWpCVSxxQkFBcUI7c0dBQXJCLHFCQUFxQixtSUFFTixVQUFVLDJDQWIxQjs7Ozs7Ozs7O0dBU1Q7MkZBRVUscUJBQXFCO2tCQWJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO2lCQUNGOzhCQUlDLFVBQVU7c0JBRFQsU0FBUzt1QkFBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFbGVtZW50UmVmLCBDb21wb25lbnQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVzaXplZEV2ZW50IH0gZnJvbSAnYW5ndWxhci1yZXNpemUtZXZlbnQnO1xuXG4vKipcbiAqIFdyYXBwZXIgb2YgYSBibG9jayB0aGF0IGlzIGJyb2tlbiBpbnRvIHR3byBwYXJ0cywgd2l0aCB0aGUgYm90dG9tIGNvbnRlbnQncyBoZWlnaHRcbiAqIGJlaW5nIHNldCB0byAxMDAlIG9mIHRoZSBoZWlnaHQgbWludXMgdGhlIHRvcCdzIGhlaWdodC5cbiAqXG4gKiBUaGUgYmxvY2sgaXMgbWFkZSB1cCBvZiB0d28gZGl2cywgYSB0b3AgYW5kIGEgYm90dG9tLiBUaGUgdG9wIGlzIGFzc2lnbmVkIGEgc3RhdGljIGhlaWdodCwgYW5kIHRoZSBib3R0b20gaXMgZ2l2ZW4gdGhlIHJlbWFpbmRlci5cbiAqIFRoZSBoZWlnaHQgaXMgY2FsY3VsYXRlZCBmcm9tIDEwMCUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC10d28tYmxvY2snLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2ICN0d28gY2xhc3M9XCJkYngtdHdvLWJsb2NrXCI+XG4gICAgPGRpdiAjdG9wIGNsYXNzPVwiZGJ4LXR3by1ibG9jay10b3BcIiAocmVzaXplZCk9XCJvblJlc2l6ZWQoJGV2ZW50KVwiPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3RvcF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiAjYm90dG9tIGNsYXNzPVwiZGJ4LXR3by1ibG9jay1ib3R0b21cIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VHdvQmxvY2tzQ29tcG9uZW50IHtcblxuICBAVmlld0NoaWxkKCd0d28nLCB7IHJlYWQ6IEVsZW1lbnRSZWYsIHN0YXRpYzogdHJ1ZSB9KVxuICB0d29FbGVtZW50ITogRWxlbWVudFJlZjtcblxuICAvKlxuICBAVmlld0NoaWxkKCd0b3AnLCB7IHJlYWQ6IEVsZW1lbnRSZWYsIHN0YXRpYzogdHJ1ZSB9KVxuICB0b3BFbGVtZW50ITogRWxlbWVudFJlZjtcblxuICBAVmlld0NoaWxkKCdib3R0b20nLCB7IHJlYWQ6IEVsZW1lbnRSZWYsIHN0YXRpYzogdHJ1ZSB9KVxuICBib3R0b21FbGVtZW50ITogRWxlbWVudFJlZjtcbiAgKi9cblxuICBvblJlc2l6ZWQoZXZlbnQ6IFJlc2l6ZWRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGhlaWdodCA9IGV2ZW50Lm5ld1JlY3QuaGVpZ2h0O1xuICAgIGNvbnN0IGVsZW1lbnQ6IEhUTUxFbGVtZW50ID0gdGhpcy50d29FbGVtZW50IS5uYXRpdmVFbGVtZW50O1xuICAgIGVsZW1lbnQuc3R5bGUuc2V0UHJvcGVydHkoJy0tdHdvLWJsb2NrLXRvcC1oZWlnaHQnLCBgJHtoZWlnaHR9cHhgKTtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmJsb2NrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvYmxvY2svdHdvLmJsb2NrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFHeEU7Ozs7OztHQU1HO0FBa0JILE1BQU0sT0FBTyxxQkFBcUI7SUFqQmxDO1FBbUJFOztXQUVHO1FBRUgsYUFBUSxHQUFHLElBQUksQ0FBQztLQW1CakI7SUFkQzs7Ozs7O01BTUU7SUFFRixTQUFTLENBQUMsS0FBbUI7UUFDM0IsTUFBTSxNQUFNLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7UUFDcEMsTUFBTSxPQUFPLEdBQWdCLElBQUksQ0FBQyxVQUFXLENBQUMsYUFBYSxDQUFDO1FBQzVELE9BQU8sQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLDRCQUE0QixFQUFFLEdBQUcsTUFBTSxJQUFJLENBQUMsQ0FBQztJQUN6RSxDQUFDOztrSEF2QlUscUJBQXFCO3NHQUFyQixxQkFBcUIsOFJBUU4sVUFBVSwyQ0F2QjFCOzs7Ozs7Ozs7R0FTVDsyRkFNVSxxQkFBcUI7a0JBakJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUU7Ozs7Ozs7OztHQVNUO29CQUNELElBQUksRUFBRTt3QkFDSixPQUFPLEVBQUUsdUJBQXVCO3dCQUNoQyxTQUFTLEVBQUUseUNBQXlDO3FCQUNyRDtpQkFDRjs4QkFPQyxRQUFRO3NCQURQLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxTQUFTO3VCQUFDLEtBQUssRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVsZW1lbnRSZWYsIENvbXBvbmVudCwgVmlld0NoaWxkLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVzaXplZEV2ZW50IH0gZnJvbSAnYW5ndWxhci1yZXNpemUtZXZlbnQnO1xuXG4vKipcbiAqIFdyYXBwZXIgb2YgYSBibG9jayB0aGF0IGlzIGJyb2tlbiBpbnRvIHR3byBwYXJ0cywgd2l0aCB0aGUgYm90dG9tIGNvbnRlbnQncyBoZWlnaHRcbiAqIGJlaW5nIHNldCB0byAxMDAlIG9mIHRoZSBoZWlnaHQgbWludXMgdGhlIHRvcCdzIGhlaWdodC5cbiAqXG4gKiBUaGUgYmxvY2sgaXMgbWFkZSB1cCBvZiB0d28gZGl2cywgYSB0b3AgYW5kIGEgYm90dG9tLiBUaGUgdG9wIGlzIGFzc2lnbmVkIGEgc3RhdGljIGhlaWdodCwgYW5kIHRoZSBib3R0b20gaXMgZ2l2ZW4gdGhlIHJlbWFpbmRlci5cbiAqIFRoZSBoZWlnaHQgaXMgY2FsY3VsYXRlZCBmcm9tIDEwMCUuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC10d28tYmxvY2snLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2ICN0d28gY2xhc3M9XCJkYngtdHdvLWJsb2NrLWNvbnRlbnRcIj5cbiAgICA8ZGl2ICN0b3AgY2xhc3M9XCJkYngtdHdvLWJsb2NrLXRvcFwiIChyZXNpemVkKT1cIm9uUmVzaXplZCgkZXZlbnQpXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdG9wXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICNib3R0b20gY2xhc3M9XCJkYngtdHdvLWJsb2NrLWJvdHRvbVwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgYCxcbiAgaG9zdDoge1xuICAgICdjbGFzcyc6ICdkYngtdHdvLWJsb2NrIGQtYmxvY2snLFxuICAgICdbY2xhc3NdJzogJ3sgXCJkYngtdHdvLWJsb2NrLWZpeGVkLXRvcFwiOiBmaXhlZFRvcCB9J1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieFR3b0Jsb2Nrc0NvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgb3Igbm90IHRoZSB0b3AgYmFyIHNob3VsZCBiZSBmaXhlZCBpbiBwbGFjZSBpbnN0ZWFkIG9mIHNjcm9sbGluZyB3aXRoIHRoZSBib3R0b20gd2hlbiBjb250ZW50IGlzIHRvbyB0YWxsLlxuICAgKi9cbiAgQElucHV0KClcbiAgZml4ZWRUb3AgPSB0cnVlO1xuXG4gIEBWaWV3Q2hpbGQoJ3R3bycsIHsgcmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiB0cnVlIH0pXG4gIHR3b0VsZW1lbnQhOiBFbGVtZW50UmVmO1xuXG4gIC8qXG4gIEBWaWV3Q2hpbGQoJ3RvcCcsIHsgcmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiB0cnVlIH0pXG4gIHRvcEVsZW1lbnQhOiBFbGVtZW50UmVmO1xuXG4gIEBWaWV3Q2hpbGQoJ2JvdHRvbScsIHsgcmVhZDogRWxlbWVudFJlZiwgc3RhdGljOiB0cnVlIH0pXG4gIGJvdHRvbUVsZW1lbnQhOiBFbGVtZW50UmVmO1xuICAqL1xuXG4gIG9uUmVzaXplZChldmVudDogUmVzaXplZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgaGVpZ2h0ID0gZXZlbnQubmV3UmVjdC5oZWlnaHQ7XG4gICAgY29uc3QgZWxlbWVudDogSFRNTEVsZW1lbnQgPSB0aGlzLnR3b0VsZW1lbnQhLm5hdGl2ZUVsZW1lbnQ7XG4gICAgZWxlbWVudC5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1kYngtdHdvLWJsb2NrLXRvcC1oZWlnaHQnLCBgJHtoZWlnaHR9cHhgKTtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/layout/card/card.box.component.mjs

@@ -7,8 +7,8 @@ import * as i2 from "@angular/common";
  */
 export class DbxCardBoxComponent {
 }
-DbxCardBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxCardBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxCardBoxComponent, selector: "dbx-card-box", inputs: { header: "header", icon: "icon" }, ngImport: i0, template: `
+DbxCardBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCardBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxCardBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxCardBoxComponent, selector: "dbx-card-box", inputs: { header: "header", icon: "icon" }, ngImport: i0, template: `
   <div class="dbx-card-box">
     <div class="dbx-section-header">
       <div class="dbx-section-header-content">
@@ -22,7 +22,7 @@ DbxCardBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
     </div>
   </div>
   `, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCardBoxComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-card-box',

package/esm2020/lib/layout/card/card.box.container.component.mjs

@@ -5,13 +5,13 @@ import * as i0 from "@angular/core";
  */
 export class DbxCardBoxContainerComponent {
 }
-DbxCardBoxContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxCardBoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxCardBoxContainerComponent, selector: "dbx-card-box-container", ngImport: i0, template: `
+DbxCardBoxContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCardBoxContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbxCardBoxContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxCardBoxContainerComponent, selector: "dbx-card-box-container", ngImport: i0, template: `
   <div class="dbx-card-box-container">
     <ng-content></ng-content>
   </div>
   `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCardBoxContainerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-card-box-container',

package/esm2020/lib/layout/card/card.box.layout.module.mjs

@@ -6,16 +6,16 @@ import { DbxCardBoxComponent } from './card.box.component';
 import * as i0 from "@angular/core";
 export class DbxCardBoxLayoutModule {
 }
-DbxCardBoxLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxCardBoxLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxLayoutModule, declarations: [DbxCardBoxComponent,
+DbxCardBoxLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCardBoxLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxCardBoxLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCardBoxLayoutModule, declarations: [DbxCardBoxComponent,
         DbxCardBoxContainerComponent], imports: [CommonModule,
         MatIconModule], exports: [DbxCardBoxComponent,
         DbxCardBoxContainerComponent] });
-DbxCardBoxLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxLayoutModule, imports: [[
+DbxCardBoxLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCardBoxLayoutModule, imports: [[
             CommonModule,
             MatIconModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxCardBoxLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxCardBoxLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/layout/column/column.layout.module.mjs

@@ -4,12 +4,12 @@ import { DbxOneColumnLayoutModule } from './one';
 import * as i0 from "@angular/core";
 export class DbxColumnLayoutModule {
 }
-DbxColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxColumnLayoutModule, exports: [DbxOneColumnLayoutModule,
+DbxColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxColumnLayoutModule, exports: [DbxOneColumnLayoutModule,
         DbxTwoColumnLayoutModule] });
-DbxColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxColumnLayoutModule, imports: [DbxOneColumnLayoutModule,
+DbxColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxColumnLayoutModule, imports: [DbxOneColumnLayoutModule,
         DbxTwoColumnLayoutModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxColumnLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxColumnLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [

package/esm2020/lib/layout/column/one/one.column.component.mjs

@@ -13,25 +13,25 @@ export class DbxOneColumnComponent {
         twoColumnsContextStore.setFullLeft(true);
     }
 }
-DbxOneColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxOneColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxOneColumnComponent, selector: "dbx-one-column", inputs: { inSectionPage: "inSectionPage" }, providers: [TwoColumnsContextStore], exportAs: ["columns"], ngImport: i0, template: `
+DbxOneColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxOneColumnComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
+DbxOneColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: DbxOneColumnComponent, selector: "dbx-one-column", inputs: { inSectionPage: "inSectionPage" }, providers: [TwoColumnsContextStore], exportAs: ["columns"], ngImport: i0, template: `
     <ng-container>
-      <dbx-two-columns [inSectionPage]="inSectionPage">
+      <dbx-two-column [inSectionPage]="inSectionPage">
         <ng-content top select="[top]"></ng-content>
         <ng-content left></ng-content>
-      </dbx-two-columns>
+      </dbx-two-column>
     </ng-container>
-  `, isInline: true, components: [{ type: i1.DbxTwoColumnsComponent, selector: "dbx-two-columns", inputs: ["reverseSizing", "inSectionPage"], exportAs: ["columns"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnComponent, decorators: [{
+  `, isInline: true, components: [{ type: i1.DbxTwoColumnComponent, selector: "dbx-two-column", inputs: ["reverseSizing", "inSectionPage"], exportAs: ["columns"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxOneColumnComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-one-column',
                     template: `
     <ng-container>
-      <dbx-two-columns [inSectionPage]="inSectionPage">
+      <dbx-two-column [inSectionPage]="inSectionPage">
         <ng-content top select="[top]"></ng-content>
         <ng-content left></ng-content>
-      </dbx-two-columns>
+      </dbx-two-column>
     </ng-container>
   `,
                     exportAs: 'columns',
@@ -43,4 +43,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                 }] }]; }, propDecorators: { inSectionPage: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25lLmNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi9vbmUvb25lLmNvbHVtbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7OztBQUVoRDs7R0FFRztBQWNILE1BQU0sT0FBTyxxQkFBcUI7SUFFaEMsWUFBNEQsc0JBQThDO1FBQTlDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFLMUcsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFKbkIsc0JBQXNCLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNDLENBQUM7O2tIQUpVLHFCQUFxQixrQkFFWixzQkFBc0I7c0dBRi9CLHFCQUFxQixxRkFGckIsQ0FBQyxzQkFBc0IsQ0FBQyxpREFUekI7Ozs7Ozs7R0FPVDsyRkFJVSxxQkFBcUI7a0JBYmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7b0JBQ0QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNwQzs7MEJBR2MsTUFBTTsyQkFBQyxzQkFBc0I7NENBSzFDLGFBQWE7c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSB9IGZyb20gJy4uL3R3byc7XG5cbi8qKlxuICogUHJlLWNvbmZpZ3VyZWQgVHdvLWNvbHVtbnMgdmlldyB0aGF0IG9ubHkgaGFzIGEgbGVmdCB2aWV3IGFuZCBzaG93cyBmdWxsIGxlZnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1vbmUtY29sdW1uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyPlxuICAgICAgPGRieC10d28tY29sdW1ucyBbaW5TZWN0aW9uUGFnZV09XCJpblNlY3Rpb25QYWdlXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHRvcCBzZWxlY3Q9XCJbdG9wXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPG5nLWNvbnRlbnQgbGVmdD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2RieC10d28tY29sdW1ucz5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgYCxcbiAgZXhwb3J0QXM6ICdjb2x1bW5zJyxcbiAgcHJvdmlkZXJzOiBbVHdvQ29sdW1uc0NvbnRleHRTdG9yZV1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4T25lQ29sdW1uQ29tcG9uZW50IHtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHB1YmxpYyByZWFkb25seSB0d29Db2x1bW5zQ29udGV4dFN0b3JlOiBUd29Db2x1bW5zQ29udGV4dFN0b3JlKSB7XG4gICAgdHdvQ29sdW1uc0NvbnRleHRTdG9yZS5zZXRGdWxsTGVmdCh0cnVlKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGluU2VjdGlvblBhZ2UgPSB0cnVlO1xuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib25lLmNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi9vbmUvb25lLmNvbHVtbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLFFBQVEsQ0FBQzs7OztBQUVoRDs7R0FFRztBQWNILE1BQU0sT0FBTyxxQkFBcUI7SUFFaEMsWUFBNEQsc0JBQThDO1FBQTlDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFLMUcsa0JBQWEsR0FBRyxJQUFJLENBQUM7UUFKbkIsc0JBQXNCLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzNDLENBQUM7O2tIQUpVLHFCQUFxQixrQkFFWixzQkFBc0I7c0dBRi9CLHFCQUFxQixxRkFGckIsQ0FBQyxzQkFBc0IsQ0FBQyxpREFUekI7Ozs7Ozs7R0FPVDsyRkFJVSxxQkFBcUI7a0JBYmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7b0JBQ0QsUUFBUSxFQUFFLFNBQVM7b0JBQ25CLFNBQVMsRUFBRSxDQUFDLHNCQUFzQixDQUFDO2lCQUNwQzs7MEJBR2MsTUFBTTsyQkFBQyxzQkFBc0I7NENBSzFDLGFBQWE7c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSB9IGZyb20gJy4uL3R3byc7XG5cbi8qKlxuICogUHJlLWNvbmZpZ3VyZWQgVHdvLWNvbHVtbnMgdmlldyB0aGF0IG9ubHkgaGFzIGEgbGVmdCB2aWV3IGFuZCBzaG93cyBmdWxsIGxlZnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1vbmUtY29sdW1uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyPlxuICAgICAgPGRieC10d28tY29sdW1uIFtpblNlY3Rpb25QYWdlXT1cImluU2VjdGlvblBhZ2VcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgdG9wIHNlbGVjdD1cIlt0b3BdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8bmctY29udGVudCBsZWZ0PjwvbmctY29udGVudD5cbiAgICAgIDwvZGJ4LXR3by1jb2x1bW4+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIGAsXG4gIGV4cG9ydEFzOiAnY29sdW1ucycsXG4gIHByb3ZpZGVyczogW1R3b0NvbHVtbnNDb250ZXh0U3RvcmVdXG59KVxuZXhwb3J0IGNsYXNzIERieE9uZUNvbHVtbkNvbXBvbmVudCB7XG5cbiAgY29uc3RydWN0b3IoQEluamVjdChUd29Db2x1bW5zQ29udGV4dFN0b3JlKSBwdWJsaWMgcmVhZG9ubHkgdHdvQ29sdW1uc0NvbnRleHRTdG9yZTogVHdvQ29sdW1uc0NvbnRleHRTdG9yZSkge1xuICAgIHR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0RnVsbExlZnQodHJ1ZSk7XG4gIH1cblxuICBASW5wdXQoKVxuICBpblNlY3Rpb25QYWdlID0gdHJ1ZTtcblxufVxuIl19

package/esm2020/lib/layout/column/one/one.column.module.mjs

@@ -5,14 +5,14 @@ import { DbxOneColumnComponent } from './one.column.component';
 import * as i0 from "@angular/core";
 export class DbxOneColumnLayoutModule {
 }
-DbxOneColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxOneColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnLayoutModule, declarations: [DbxOneColumnComponent], imports: [CommonModule,
+DbxOneColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxOneColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbxOneColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxOneColumnLayoutModule, declarations: [DbxOneColumnComponent], imports: [CommonModule,
         DbxTwoColumnLayoutModule], exports: [DbxOneColumnComponent] });
-DbxOneColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnLayoutModule, imports: [[
+DbxOneColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxOneColumnLayoutModule, imports: [[
             CommonModule,
             DbxTwoColumnLayoutModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxOneColumnLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxOneColumnLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/layout/column/two/index.mjs

@@ -1,9 +1,10 @@
 export * from './two.column.back.directive';
 export * from './two.column.component';
+export * from './two.column.context.directive';
 export * from './two.column.full.left.directive';
 export * from './two.column.head.component';
 export * from './two.column.module';
 export * from './two.column.right.component';
 export * from './two.column.sref.directive';
 export * from './two.column.store';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsa0NBQWtDLENBQUM7QUFDakQsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHFCQUFxQixDQUFDO0FBQ3BDLGNBQWMsOEJBQThCLENBQUE7QUFDNUMsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90d28uY29sdW1uLmJhY2suZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vdHdvLmNvbHVtbi5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi90d28uY29sdW1uLmZ1bGwubGVmdC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi90d28uY29sdW1uLmhlYWQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdHdvLmNvbHVtbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi90d28uY29sdW1uLnJpZ2h0LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vdHdvLmNvbHVtbi5zcmVmLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3R3by5jb2x1bW4uc3RvcmUnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw2QkFBNkIsQ0FBQztBQUM1QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsZ0NBQWdDLENBQUM7QUFDL0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMscUJBQXFCLENBQUM7QUFDcEMsY0FBYyw4QkFBOEIsQ0FBQTtBQUM1QyxjQUFjLDZCQUE2QixDQUFDO0FBQzVDLGNBQWMsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3R3by5jb2x1bW4uYmFjay5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi90d28uY29sdW1uLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3R3by5jb2x1bW4uY29udGV4dC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi90d28uY29sdW1uLmZ1bGwubGVmdC5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi90d28uY29sdW1uLmhlYWQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdHdvLmNvbHVtbi5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi90d28uY29sdW1uLnJpZ2h0LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vdHdvLmNvbHVtbi5zcmVmLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3R3by5jb2x1bW4uc3RvcmUnO1xuIl19

package/esm2020/lib/layout/column/two/two.column.back.directive.mjs

@@ -4,9 +4,9 @@ import { TwoColumnsContextStore } from './two.column.store';
 import * as i0 from "@angular/core";
 import * as i1 from "./two.column.store";
 /**
- * Used with an DbxTwoColumnsComponent to help respond to a "back" function.
+ * Used with an DbxTwoColumnComponent to help respond to a "back" function.
  */
-export class DbxTwoColumnsBackDirective extends AbstractSubscriptionDirective {
+export class DbxTwoColumnBackDirective extends AbstractSubscriptionDirective {
     constructor(twoColumnsContextStore) {
         super();
         this.twoColumnsContextStore = twoColumnsContextStore;
@@ -19,15 +19,15 @@ export class DbxTwoColumnsBackDirective extends AbstractSubscriptionDirective {
         this.twoColumnsContextStore.back();
     }
 }
-DbxTwoColumnsBackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsBackDirective, deps: [{ token: i1.TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
-DbxTwoColumnsBackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsBackDirective, selector: "[dbxTwoColumnsBack]", outputs: { back: "dbxTwoColumnsBack" }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsBackDirective, decorators: [{
+DbxTwoColumnBackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnBackDirective, deps: [{ token: i1.TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
+DbxTwoColumnBackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnBackDirective, selector: "[dbxTwoColumnBack]", outputs: { back: "dbxTwoColumnBack" }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnBackDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[dbxTwoColumnsBack]'
+                    selector: '[dbxTwoColumnBack]'
                 }]
         }], ctorParameters: function () { return [{ type: i1.TwoColumnsContextStore }]; }, propDecorators: { back: [{
                 type: Output,
-                args: ['dbxTwoColumnsBack']
+                args: ['dbxTwoColumnBack']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5iYWNrLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLmJhY2suZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBRTVEOztHQUVHO0FBSUgsTUFBTSxPQUFPLDBCQUEyQixTQUFRLDZCQUE2QjtJQUszRSxZQUE0QixzQkFBOEM7UUFDeEUsS0FBSyxFQUFFLENBQUM7UUFEa0IsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQUZuRSxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUlqQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzt1SEFmVSwwQkFBMEI7MkdBQTFCLDBCQUEwQjsyRkFBMUIsMEJBQTBCO2tCQUh0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7aUJBQ2hDOzZHQUlRLElBQUk7c0JBRFYsTUFBTTt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0U3Vic2NyaXB0aW9uRGlyZWN0aXZlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSB9IGZyb20gJy4vdHdvLmNvbHVtbi5zdG9yZSc7XG5cbi8qKlxuICogVXNlZCB3aXRoIGFuIERieFR3b0NvbHVtbnNDb21wb25lbnQgdG8gaGVscCByZXNwb25kIHRvIGEgXCJiYWNrXCIgZnVuY3Rpb24uXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYnhUd29Db2x1bW5zQmFja10nXG59KVxuZXhwb3J0IGNsYXNzIERieFR3b0NvbHVtbnNCYWNrRGlyZWN0aXZlIGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBPdXRwdXQoJ2RieFR3b0NvbHVtbnNCYWNrJylcbiAgcHVibGljIGJhY2sgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHJlYWRvbmx5IHR3b0NvbHVtbnNDb250ZXh0U3RvcmU6IFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdWIgPSB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuYmFjayQuc3Vic2NyaWJlKCgpID0+IHRoaXMuYmFjay5lbWl0KCkpO1xuICB9XG5cbiAgcHVibGljIGJhY2tDbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMudHdvQ29sdW1uc0NvbnRleHRTdG9yZS5iYWNrKCk7XG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5iYWNrLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLmJhY2suZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUN4RSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7O0FBRTVEOztHQUVHO0FBSUgsTUFBTSxPQUFPLHlCQUEwQixTQUFRLDZCQUE2QjtJQUsxRSxZQUE0QixzQkFBOEM7UUFDeEUsS0FBSyxFQUFFLENBQUM7UUFEa0IsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQUZuRSxTQUFJLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUlqQyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLHNCQUFzQixDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDOztzSEFmVSx5QkFBeUI7MEdBQXpCLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQUhyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7aUJBQy9COzZHQUlRLElBQUk7c0JBRFYsTUFBTTt1QkFBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0U3Vic2NyaXB0aW9uRGlyZWN0aXZlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSB9IGZyb20gJy4vdHdvLmNvbHVtbi5zdG9yZSc7XG5cbi8qKlxuICogVXNlZCB3aXRoIGFuIERieFR3b0NvbHVtbkNvbXBvbmVudCB0byBoZWxwIHJlc3BvbmQgdG8gYSBcImJhY2tcIiBmdW5jdGlvbi5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RieFR3b0NvbHVtbkJhY2tdJ1xufSlcbmV4cG9ydCBjbGFzcyBEYnhUd29Db2x1bW5CYWNrRGlyZWN0aXZlIGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBPdXRwdXQoJ2RieFR3b0NvbHVtbkJhY2snKVxuICBwdWJsaWMgYmFjayA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgdHdvQ29sdW1uc0NvbnRleHRTdG9yZTogVHdvQ29sdW1uc0NvbnRleHRTdG9yZSkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YiA9IHRoaXMudHdvQ29sdW1uc0NvbnRleHRTdG9yZS5iYWNrJC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5iYWNrLmVtaXQoKSk7XG4gIH1cblxuICBwdWJsaWMgYmFja0NsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy50d29Db2x1bW5zQ29udGV4dFN0b3JlLmJhY2soKTtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/layout/column/two/two.column.component.mjs

@@ -1,8 +1,13 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { ChangeDetectionStrategy } from '@angular/core';
 import { Component, Inject, Input } from '@angular/core';
+import { AbstractSubscriptionDirective, safeMarkForCheck } from '@dereekb/dbx-core';
+import { BehaviorSubject, combineLatest } from 'rxjs';
 import { TwoColumnsContextStore } from './two.column.store';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./two.column.store";
+import * as i1 from "../../content/content.container.directive";
+import * as i2 from "@angular/common";
+import * as i3 from "./two.column.store";
 /**
  * Responsive component meant to split a left and right column.
  *
@@ -10,27 +15,59 @@ import * as i2 from "./two.column.store";
  *
  * Requires a TwoColumnsContextStore to be provided.
  */
-export class DbxTwoColumnsComponent {
-    constructor(twoColumnsContextStore) {
+export class DbxTwoColumnComponent extends AbstractSubscriptionDirective {
+    constructor(twoColumnsContextStore, cdRef) {
+        super();
         this.twoColumnsContextStore = twoColumnsContextStore;
+        this.cdRef = cdRef;
+        this._view = { showRight: false, showFullLeft: true, reverseSizing: false, inSectionPage: false };
+        this._reverseSizing = new BehaviorSubject(false);
+        this._inSectionPage = new BehaviorSubject(false);
         this.showRight$ = this.twoColumnsContextStore.showRight$;
-        this.hideRight$ = this.twoColumnsContextStore.hideRight$;
         this.showFullLeft$ = this.twoColumnsContextStore.showFullLeft$;
-        this.reverseSizing = false;
-        this.inSectionPage = false;
+        this.hideRight$ = this.twoColumnsContextStore.hideRight$;
+    }
+    ngOnInit() {
+        this.sub = combineLatest([this.showRight$, this.showFullLeft$, this._reverseSizing, this._inSectionPage])
+            .subscribe(([showRight, showFullLeft, reverseSizing, inSectionPage]) => {
+            this._view = {
+                showRight,
+                showFullLeft,
+                reverseSizing,
+                inSectionPage
+            };
+            safeMarkForCheck(this.cdRef);
+        });
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this._reverseSizing.complete();
+        this._inSectionPage.complete();
+    }
+    get v() {
+        return this._view;
+    }
+    set reverseSizing(reverseSizing) {
+        this._reverseSizing.next(reverseSizing);
+    }
+    set inSectionPage(inSectionPage) {
+        this._inSectionPage.next(inSectionPage);
     }
 }
-DbxTwoColumnsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsComponent, selector: "dbx-two-columns", inputs: { reverseSizing: "reverseSizing", inSectionPage: "inSectionPage" }, exportAs: ["columns"], ngImport: i0, template: "<div class=\"two-column\" [ngClass]=\"{ 'two-column-reverse-sizing': reverseSizing, 'right-shown': showRight$ | async, 'full-left': (showFullLeft$ | async), 'dbx-section-page-two': inSectionPage }\">\n  <div class=\"left-column\">\n    <ng-content select=\"[left]\"></ng-content>\n  </div>\n  <div class=\"right-column\" *ngIf=\"showRight$ | async\">\n    <!-- NOTE: This will only hide the content project. Be sure to use *ngIf separately on the right's content if needed. -->\n    <!-- https://github.com/angular/angular/issues/17983 -->\n    <ng-content select=\"[right]\"></ng-content>\n  </div>\n</div>\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i1.AsyncPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsComponent, decorators: [{
+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 });
+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.fullLeft, '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\"\n  *ngIf=\"v.showRight\">\n  <ng-content select=\"[right]\"></ng-content>\n</dbx-content-container>\n", directives: [{ type: i1.DbxContentContainerDirective, selector: "dbx-content-container,[dbx-content-container],.dbx-content-container", inputs: ["grow", "padding"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-two-columns', exportAs: 'columns', template: "<div class=\"two-column\" [ngClass]=\"{ 'two-column-reverse-sizing': reverseSizing, 'right-shown': showRight$ | async, 'full-left': (showFullLeft$ | async), 'dbx-section-page-two': inSectionPage }\">\n  <div class=\"left-column\">\n    <ng-content select=\"[left]\"></ng-content>\n  </div>\n  <div class=\"right-column\" *ngIf=\"showRight$ | async\">\n    <!-- NOTE: This will only hide the content project. Be sure to use *ngIf separately on the right's content if needed. -->\n    <!-- https://github.com/angular/angular/issues/17983 -->\n    <ng-content select=\"[right]\"></ng-content>\n  </div>\n</div>\n" }]
-        }], ctorParameters: function () { return [{ type: i2.TwoColumnsContextStore, decorators: [{
+            args: [{ selector: 'dbx-two-column', exportAs: 'columns', host: {
+                        "class": "dbx-two-column",
+                        "[class]": "{ 'right-shown': v.showRight, 'full-left': v.fullLeft, 'two-column-reverse-sizing': v.reverseSizing, 'dbx-section-page-two': v.inSectionPage }"
+                    }, 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\"\n  *ngIf=\"v.showRight\">\n  <ng-content select=\"[right]\"></ng-content>\n</dbx-content-container>\n" }]
+        }], ctorParameters: function () { return [{ type: i3.TwoColumnsContextStore, decorators: [{
                     type: Inject,
                     args: [TwoColumnsContextStore]
-                }] }]; }, propDecorators: { reverseSizing: [{
+                }] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { reverseSizing: [{
                 type: Input
             }], inSectionPage: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFFNUQ7Ozs7OztHQU1HO0FBTUgsTUFBTSxPQUFPLHNCQUFzQjtJQU1qQyxZQUE0RCxzQkFBOEM7UUFBOUMsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQUpqRyxlQUFVLEdBQXdCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxVQUFVLENBQUM7UUFDekUsZUFBVSxHQUF3QixJQUFJLENBQUMsc0JBQXNCLENBQUMsVUFBVSxDQUFDO1FBQ3pFLGtCQUFhLEdBQXdCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxhQUFhLENBQUM7UUFLeEYsa0JBQWEsR0FBWSxLQUFLLENBQUM7UUFHL0Isa0JBQWEsR0FBWSxLQUFLLENBQUM7SUFOK0UsQ0FBQzs7bUhBTnBHLHNCQUFzQixrQkFNYixzQkFBc0I7dUdBTi9CLHNCQUFzQiwwSkNoQm5DLG1tQkFVQTsyRkRNYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsaUJBQWlCLFlBRWpCLFNBQVM7OzBCQVFOLE1BQU07MkJBQUMsc0JBQXNCOzRDQUcxQyxhQUFhO3NCQURaLEtBQUs7Z0JBSU4sYUFBYTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBUd29Db2x1bW5zQ29udGV4dFN0b3JlIH0gZnJvbSAnLi90d28uY29sdW1uLnN0b3JlJztcblxuLyoqXG4gKiBSZXNwb25zaXZlIGNvbXBvbmVudCBtZWFudCB0byBzcGxpdCBhIGxlZnQgYW5kIHJpZ2h0IGNvbHVtbi5cbiAqXG4gKiBUaGUgbGVmdCBjb2x1bW4gaXMgc21hbGxlciB0aGFuIHRoZSByaWdodCBjb2x1bW4sIHdoaWNoIGNvbnRhaW5zIHRoZSBwcmltYXJ5IGNvbnRlbnQuXG4gKlxuICogUmVxdWlyZXMgYSBUd29Db2x1bW5zQ29udGV4dFN0b3JlIHRvIGJlIHByb3ZpZGVkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtdHdvLWNvbHVtbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLmNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIGV4cG9ydEFzOiAnY29sdW1ucydcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VHdvQ29sdW1uc0NvbXBvbmVudCB7XG5cbiAgcmVhZG9ubHkgc2hvd1JpZ2h0JDogT2JzZXJ2YWJsZTxib29sZWFuPiA9IHRoaXMudHdvQ29sdW1uc0NvbnRleHRTdG9yZS5zaG93UmlnaHQkO1xuICByZWFkb25seSBoaWRlUmlnaHQkOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy50d29Db2x1bW5zQ29udGV4dFN0b3JlLmhpZGVSaWdodCQ7XG4gIHJlYWRvbmx5IHNob3dGdWxsTGVmdCQ6IE9ic2VydmFibGU8Ym9vbGVhbj4gPSB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2hvd0Z1bGxMZWZ0JDtcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHB1YmxpYyByZWFkb25seSB0d29Db2x1bW5zQ29udGV4dFN0b3JlOiBUd29Db2x1bW5zQ29udGV4dFN0b3JlKSB7IH1cblxuICBASW5wdXQoKVxuICByZXZlcnNlU2l6aW5nOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQElucHV0KClcbiAgaW5TZWN0aW9uUGFnZTogYm9vbGVhbiA9IGZhbHNlO1xuXG59XG4iLCI8ZGl2IGNsYXNzPVwidHdvLWNvbHVtblwiIFtuZ0NsYXNzXT1cInsgJ3R3by1jb2x1bW4tcmV2ZXJzZS1zaXppbmcnOiByZXZlcnNlU2l6aW5nLCAncmlnaHQtc2hvd24nOiBzaG93UmlnaHQkIHwgYXN5bmMsICdmdWxsLWxlZnQnOiAoc2hvd0Z1bGxMZWZ0JCB8IGFzeW5jKSwgJ2RieC1zZWN0aW9uLXBhZ2UtdHdvJzogaW5TZWN0aW9uUGFnZSB9XCI+XG4gIDxkaXYgY2xhc3M9XCJsZWZ0LWNvbHVtblwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsZWZ0XVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJyaWdodC1jb2x1bW5cIiAqbmdJZj1cInNob3dSaWdodCQgfCBhc3luY1wiPlxuICAgIDwhLS0gTk9URTogVGhpcyB3aWxsIG9ubHkgaGlkZSB0aGUgY29udGVudCBwcm9qZWN0LiBCZSBzdXJlIHRvIHVzZSAqbmdJZiBzZXBhcmF0ZWx5IG9uIHRoZSByaWdodCdzIGNvbnRlbnQgaWYgbmVlZGVkLiAtLT5cbiAgICA8IS0tIGh0dHBzOi8vZ2l0aHViLmNvbS9hbmd1bGFyL2FuZ3VsYXIvaXNzdWVzLzE3OTgzIC0tPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltyaWdodF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLHVCQUF1QixFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwRixPQUFPLEVBQWMsZUFBZSxFQUFFLGFBQWEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7QUFVNUQ7Ozs7OztHQU1HO0FBV0gsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDZCQUE2QjtJQVl0RSxZQUE0RCxzQkFBOEMsRUFBVyxLQUF3QjtRQUMzSSxLQUFLLEVBQUUsQ0FBQztRQURrRCwyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBQVcsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFWckksVUFBSyxHQUEwQixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUVwSCxtQkFBYyxHQUFHLElBQUksZUFBZSxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBQ3JELG1CQUFjLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFcEQsZUFBVSxHQUF3QixJQUFJLENBQUMsc0JBQXNCLENBQUMsVUFBVSxDQUFDO1FBQ3pFLGtCQUFhLEdBQXdCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxhQUFhLENBQUM7UUFFL0UsZUFBVSxHQUF3QixJQUFJLENBQUMsc0JBQXNCLENBQUMsVUFBVSxDQUFDO0lBSWxGLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEdBQUcsR0FBRyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRSxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7YUFDdEcsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLGFBQWEsRUFBRSxhQUFhLENBQXVDLEVBQUUsRUFBRTtZQUMzRyxJQUFJLENBQUMsS0FBSyxHQUFHO2dCQUNYLFNBQVM7Z0JBQ1QsWUFBWTtnQkFDWixhQUFhO2dCQUNiLGFBQWE7YUFDZCxDQUFDO1lBRUYsZ0JBQWdCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQy9CLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVRLFdBQVc7UUFDbEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDL0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxDQUFDO1FBQ0gsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3BCLENBQUM7SUFFRCxJQUNJLGFBQWEsQ0FBQyxhQUFzQjtRQUN0QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsSUFDSSxhQUFhLENBQUMsYUFBc0I7UUFDdEMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7SUFDMUMsQ0FBQzs7a0hBaERVLHFCQUFxQixrQkFZWixzQkFBc0I7c0dBWi9CLHFCQUFxQix1WUNoQ2xDLG1aQU9BOzJGRHlCYSxxQkFBcUI7a0JBVmpDLFNBQVM7K0JBQ0UsZ0JBQWdCLFlBRWhCLFNBQVMsUUFDYjt3QkFDSixPQUFPLEVBQUUsZ0JBQWdCO3dCQUN6QixTQUFTLEVBQUUsZ0pBQWdKO3FCQUM1SixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTTs7MEJBY2xDLE1BQU07MkJBQUMsc0JBQXNCOzRFQTZCdEMsYUFBYTtzQkFEaEIsS0FBSztnQkFNRixhQUFhO3NCQURoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBYnN0cmFjdFN1YnNjcmlwdGlvbkRpcmVjdGl2ZSwgc2FmZU1hcmtGb3JDaGVjayB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUsIEJlaGF2aW9yU3ViamVjdCwgY29tYmluZUxhdGVzdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSB9IGZyb20gJy4vdHdvLmNvbHVtbi5zdG9yZSc7XG5cblxuZXhwb3J0IGludGVyZmFjZSBEYnhUd29Db2x1bW5WaWV3U3RhdGUge1xuICBzaG93UmlnaHQ6IGJvb2xlYW47XG4gIHNob3dGdWxsTGVmdDogYm9vbGVhbjtcbiAgcmV2ZXJzZVNpemluZzogYm9vbGVhbjtcbiAgaW5TZWN0aW9uUGFnZTogYm9vbGVhbjtcbn1cblxuLyoqXG4gKiBSZXNwb25zaXZlIGNvbXBvbmVudCBtZWFudCB0byBzcGxpdCBhIGxlZnQgYW5kIHJpZ2h0IGNvbHVtbi5cbiAqXG4gKiBUaGUgbGVmdCBjb2x1bW4gaXMgc21hbGxlciB0aGFuIHRoZSByaWdodCBjb2x1bW4sIHdoaWNoIGNvbnRhaW5zIHRoZSBwcmltYXJ5IGNvbnRlbnQuXG4gKlxuICogUmVxdWlyZXMgYSBUd29Db2x1bW5zQ29udGV4dFN0b3JlIHRvIGJlIHByb3ZpZGVkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtdHdvLWNvbHVtbicsXG4gIHRlbXBsYXRlVXJsOiAnLi90d28uY29sdW1uLmNvbXBvbmVudC5odG1sJyxcbiAgZXhwb3J0QXM6ICdjb2x1bW5zJyxcbiAgaG9zdDoge1xuICAgIFwiY2xhc3NcIjogXCJkYngtdHdvLWNvbHVtblwiLFxuICAgIFwiW2NsYXNzXVwiOiBcInsgJ3JpZ2h0LXNob3duJzogdi5zaG93UmlnaHQsICdmdWxsLWxlZnQnOiB2LmZ1bGxMZWZ0LCAndHdvLWNvbHVtbi1yZXZlcnNlLXNpemluZyc6IHYucmV2ZXJzZVNpemluZywgJ2RieC1zZWN0aW9uLXBhZ2UtdHdvJzogdi5pblNlY3Rpb25QYWdlIH1cIlxuICB9LFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYnhUd29Db2x1bW5Db21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFN1YnNjcmlwdGlvbkRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcblxuICBwcml2YXRlIF92aWV3OiBEYnhUd29Db2x1bW5WaWV3U3RhdGUgPSB7IHNob3dSaWdodDogZmFsc2UsIHNob3dGdWxsTGVmdDogdHJ1ZSwgcmV2ZXJzZVNpemluZzogZmFsc2UsIGluU2VjdGlvblBhZ2U6IGZhbHNlIH07XG5cbiAgcHJpdmF0ZSBfcmV2ZXJzZVNpemluZyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuICBwcml2YXRlIF9pblNlY3Rpb25QYWdlID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XG5cbiAgcmVhZG9ubHkgc2hvd1JpZ2h0JDogT2JzZXJ2YWJsZTxib29sZWFuPiA9IHRoaXMudHdvQ29sdW1uc0NvbnRleHRTdG9yZS5zaG93UmlnaHQkO1xuICByZWFkb25seSBzaG93RnVsbExlZnQkOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gdGhpcy50d29Db2x1bW5zQ29udGV4dFN0b3JlLnNob3dGdWxsTGVmdCQ7XG5cbiAgcmVhZG9ubHkgaGlkZVJpZ2h0JDogT2JzZXJ2YWJsZTxib29sZWFuPiA9IHRoaXMudHdvQ29sdW1uc0NvbnRleHRTdG9yZS5oaWRlUmlnaHQkO1xuXG4gIGNvbnN0cnVjdG9yKEBJbmplY3QoVHdvQ29sdW1uc0NvbnRleHRTdG9yZSkgcHVibGljIHJlYWRvbmx5IHR3b0NvbHVtbnNDb250ZXh0U3RvcmU6IFR3b0NvbHVtbnNDb250ZXh0U3RvcmUsIHJlYWRvbmx5IGNkUmVmOiBDaGFuZ2VEZXRlY3RvclJlZikge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN1YiA9IGNvbWJpbmVMYXRlc3QoW3RoaXMuc2hvd1JpZ2h0JCwgdGhpcy5zaG93RnVsbExlZnQkLCB0aGlzLl9yZXZlcnNlU2l6aW5nLCB0aGlzLl9pblNlY3Rpb25QYWdlXSlcbiAgICAgIC5zdWJzY3JpYmUoKFtzaG93UmlnaHQsIHNob3dGdWxsTGVmdCwgcmV2ZXJzZVNpemluZywgaW5TZWN0aW9uUGFnZV06IFtib29sZWFuLCBib29sZWFuLCBib29sZWFuLCBib29sZWFuXSkgPT4ge1xuICAgICAgICB0aGlzLl92aWV3ID0ge1xuICAgICAgICAgIHNob3dSaWdodCxcbiAgICAgICAgICBzaG93RnVsbExlZnQsXG4gICAgICAgICAgcmV2ZXJzZVNpemluZyxcbiAgICAgICAgICBpblNlY3Rpb25QYWdlXG4gICAgICAgIH07XG5cbiAgICAgICAgc2FmZU1hcmtGb3JDaGVjayh0aGlzLmNkUmVmKTtcbiAgICAgIH0pO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLl9yZXZlcnNlU2l6aW5nLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5faW5TZWN0aW9uUGFnZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgZ2V0IHYoKTogRGJ4VHdvQ29sdW1uVmlld1N0YXRlIHtcbiAgICByZXR1cm4gdGhpcy5fdmlldztcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCByZXZlcnNlU2l6aW5nKHJldmVyc2VTaXppbmc6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9yZXZlcnNlU2l6aW5nLm5leHQocmV2ZXJzZVNpemluZyk7XG4gIH1cblxuICBASW5wdXQoKVxuICBzZXQgaW5TZWN0aW9uUGFnZShpblNlY3Rpb25QYWdlOiBib29sZWFuKSB7XG4gICAgdGhpcy5faW5TZWN0aW9uUGFnZS5uZXh0KGluU2VjdGlvblBhZ2UpO1xuICB9XG5cbn1cbiIsIjxkYngtY29udGVudC1jb250YWluZXIgZ3Jvdz1cImZ1bGxcIiBwYWRkaW5nPVwibm9uZVwiIGNsYXNzPVwiZGJ4LWNvbnRlbnQgZGJ4LWNvbnRlbnQtYXV0by1oZWlnaHQgbGVmdC1jb2x1bW5cIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2xlZnRdXCI+PC9uZy1jb250ZW50PlxuPC9kYngtY29udGVudC1jb250YWluZXI+XG48ZGJ4LWNvbnRlbnQtY29udGFpbmVyIGdyb3c9XCJmdWxsXCIgcGFkZGluZz1cIm5vbmVcIiBjbGFzcz1cImRieC1jb250ZW50IGRieC1jb250ZW50LWF1dG8taGVpZ2h0IHJpZ2h0LWNvbHVtblwiXG4gICpuZ0lmPVwidi5zaG93UmlnaHRcIj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JpZ2h0XVwiPjwvbmctY29udGVudD5cbjwvZGJ4LWNvbnRlbnQtY29udGFpbmVyPlxuIl19

package/esm2020/lib/layout/column/two/two.column.context.directive.mjs

@@ -0,0 +1,36 @@
+import { Input } from '@angular/core';
+import { Directive } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import { ProvideTwoColumnsContext, TwoColumnsContextStore } from './two.column.store';
+import * as i0 from "@angular/core";
+import * as i1 from "./two.column.store";
+/**
+ * Provides a dbxTwoColumnContextStore
+ */
+export class DbxTwoColumnContextDirective {
+    constructor(twoColumnsContextStore) {
+        this.twoColumnsContextStore = twoColumnsContextStore;
+        this._showRight = new BehaviorSubject(undefined);
+    }
+    ngOnInit() {
+        this.twoColumnsContextStore.setShowRight(this._showRight);
+    }
+    ngOnDestroy() {
+        this._showRight.complete();
+    }
+    set showRight(showRight) {
+        this._showRight.next(showRight);
+    }
+}
+DbxTwoColumnContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnContextDirective, deps: [{ token: i1.TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
+DbxTwoColumnContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnContextDirective, selector: "[dbxTwoColumnContext]", inputs: { showRight: "showRight" }, providers: ProvideTwoColumnsContext(), ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxTwoColumnContext]',
+                    providers: ProvideTwoColumnsContext()
+                }]
+        }], ctorParameters: function () { return [{ type: i1.TwoColumnsContextStore }]; }, propDecorators: { showRight: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5jb250ZXh0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLmNvbnRleHQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUVsRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFFdEY7O0dBRUc7QUFLSCxNQUFNLE9BQU8sNEJBQTRCO0lBSXZDLFlBQXFCLHNCQUE4QztRQUE5QywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBRjNELGVBQVUsR0FBRyxJQUFJLGVBQWUsQ0FBaUIsU0FBUyxDQUFDLENBQUM7SUFFRyxDQUFDO0lBRXhFLFFBQVE7UUFDTixJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQ0ksU0FBUyxDQUFDLFNBQXlCO1FBQ3JDLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O3lIQWpCVSw0QkFBNEI7NkdBQTVCLDRCQUE0QixvRkFGNUIsd0JBQXdCLEVBQUU7MkZBRTFCLDRCQUE0QjtrQkFKeEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsdUJBQXVCO29CQUNqQyxTQUFTLEVBQUUsd0JBQXdCLEVBQUU7aUJBQ3RDOzZHQWdCSyxTQUFTO3NCQURaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnB1dCwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgUHJvdmlkZVR3b0NvbHVtbnNDb250ZXh0LCBUd29Db2x1bW5zQ29udGV4dFN0b3JlIH0gZnJvbSAnLi90d28uY29sdW1uLnN0b3JlJztcblxuLyoqXG4gKiBQcm92aWRlcyBhIGRieFR3b0NvbHVtbkNvbnRleHRTdG9yZVxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGJ4VHdvQ29sdW1uQ29udGV4dF0nLFxuICBwcm92aWRlcnM6IFByb3ZpZGVUd29Db2x1bW5zQ29udGV4dCgpXG59KVxuZXhwb3J0IGNsYXNzIERieFR3b0NvbHVtbkNvbnRleHREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBfc2hvd1JpZ2h0ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxib29sZWFuPj4odW5kZWZpbmVkKTtcblxuICBjb25zdHJ1Y3RvcihyZWFkb25seSB0d29Db2x1bW5zQ29udGV4dFN0b3JlOiBUd29Db2x1bW5zQ29udGV4dFN0b3JlKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0U2hvd1JpZ2h0KHRoaXMuX3Nob3dSaWdodCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9zaG93UmlnaHQuY29tcGxldGUoKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIHNldCBzaG93UmlnaHQoc2hvd1JpZ2h0OiBNYXliZTxib29sZWFuPikge1xuICAgIHRoaXMuX3Nob3dSaWdodC5uZXh0KHNob3dSaWdodCk7XG4gIH1cblxufVxuIl19

package/esm2020/lib/layout/column/two/two.column.full.left.directive.mjs

@@ -4,9 +4,9 @@ import { TwoColumnsContextStore } from './two.column.store';
 import * as i0 from "@angular/core";
 import * as i1 from "./two.column.store";
 /**
- * Used with a DbxTwoColumnsComponent to set the full left to true.
+ * Used with a DbxTwoColumnComponent to set the full left to true.
  */
-export class DbxTwoColumnsFullLeftDirective {
+export class DbxTwoColumnFullLeftDirective {
     constructor(_twoColumnsContextStore) {
         this._twoColumnsContextStore = _twoColumnsContextStore;
         this._fullLeft = new BehaviorSubject(true);
@@ -26,15 +26,15 @@ export class DbxTwoColumnsFullLeftDirective {
         this._fullLeft.complete();
     }
 }
-DbxTwoColumnsFullLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsFullLeftDirective, deps: [{ token: i1.TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
-DbxTwoColumnsFullLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsFullLeftDirective, selector: "[dbxTwoColumnsFullLeft]", inputs: { fullLeft: ["dbxTwoColumnsFullLeft", "fullLeft"] }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsFullLeftDirective, decorators: [{
+DbxTwoColumnFullLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnFullLeftDirective, deps: [{ token: i1.TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
+DbxTwoColumnFullLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnFullLeftDirective, selector: "[dbxTwoColumnFullLeft]", inputs: { fullLeft: ["dbxTwoColumnFullLeft", "fullLeft"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnFullLeftDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[dbxTwoColumnsFullLeft]'
+                    selector: '[dbxTwoColumnFullLeft]'
                 }]
         }], ctorParameters: function () { return [{ type: i1.TwoColumnsContextStore }]; }, propDecorators: { fullLeft: [{
                 type: Input,
-                args: ['dbxTwoColumnsFullLeft']
+                args: ['dbxTwoColumnFullLeft']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5mdWxsLmxlZnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9jb2x1bW4vdHdvL3R3by5jb2x1bW4uZnVsbC5sZWZ0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFFNUQ7O0dBRUc7QUFJSCxNQUFNLE9BQU8sOEJBQThCO0lBZXpDLFlBQTZCLHVCQUErQztRQUEvQyw0QkFBdUIsR0FBdkIsdUJBQXVCLENBQXdCO1FBYnBFLGNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBVSxJQUFJLENBQUMsQ0FBQztJQWF5QixDQUFDO0lBWGpGLElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksUUFBUSxJQUFJLElBQUksSUFBSyxRQUFnQixLQUFLLEVBQUUsRUFBRTtZQUNoRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUMvQjtJQUNILENBQUM7SUFJRCxRQUFRO1FBQ04sSUFBSSxDQUFDLHVCQUF1QixDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7OzJIQXZCVSw4QkFBOEI7K0dBQTlCLDhCQUE4QjsyRkFBOUIsOEJBQThCO2tCQUgxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx5QkFBeUI7aUJBQ3BDOzZHQU1LLFFBQVE7c0JBRFgsS0FBSzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBUd29Db2x1bW5zQ29udGV4dFN0b3JlIH0gZnJvbSAnLi90d28uY29sdW1uLnN0b3JlJztcblxuLyoqXG4gKiBVc2VkIHdpdGggYSBEYnhUd29Db2x1bW5zQ29tcG9uZW50IHRvIHNldCB0aGUgZnVsbCBsZWZ0IHRvIHRydWUuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYnhUd29Db2x1bW5zRnVsbExlZnRdJ1xufSlcbmV4cG9ydCBjbGFzcyBEYnhUd29Db2x1bW5zRnVsbExlZnREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBfZnVsbExlZnQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KHRydWUpO1xuXG4gIEBJbnB1dCgnZGJ4VHdvQ29sdW1uc0Z1bGxMZWZ0JylcbiAgZ2V0IGZ1bGxMZWZ0KCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9mdWxsTGVmdC52YWx1ZTtcbiAgfVxuXG4gIHNldCBmdWxsTGVmdChmdWxsTGVmdDogYm9vbGVhbikge1xuICAgIGlmIChmdWxsTGVmdCAhPSBudWxsICYmIChmdWxsTGVmdCBhcyBhbnkpICE9PSAnJykge1xuICAgICAgdGhpcy5fZnVsbExlZnQubmV4dChmdWxsTGVmdCk7XG4gICAgfVxuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBfdHdvQ29sdW1uc0NvbnRleHRTdG9yZTogVHdvQ29sdW1uc0NvbnRleHRTdG9yZSkgeyB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fdHdvQ29sdW1uc0NvbnRleHRTdG9yZS5zZXRGdWxsTGVmdCh0aGlzLl9mdWxsTGVmdCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9mdWxsTGVmdC5jb21wbGV0ZSgpO1xuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5mdWxsLmxlZnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9jb2x1bW4vdHdvL3R3by5jb2x1bW4uZnVsbC5sZWZ0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFFNUQ7O0dBRUc7QUFJSCxNQUFNLE9BQU8sNkJBQTZCO0lBZXhDLFlBQTZCLHVCQUErQztRQUEvQyw0QkFBdUIsR0FBdkIsdUJBQXVCLENBQXdCO1FBYnBFLGNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBVSxJQUFJLENBQUMsQ0FBQztJQWF5QixDQUFDO0lBWGpGLElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksUUFBUSxJQUFJLElBQUksSUFBSyxRQUFnQixLQUFLLEVBQUUsRUFBRTtZQUNoRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztTQUMvQjtJQUNILENBQUM7SUFJRCxRQUFRO1FBQ04sSUFBSSxDQUFDLHVCQUF1QixDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDM0QsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzVCLENBQUM7OzBIQXZCVSw2QkFBNkI7OEdBQTdCLDZCQUE2QjsyRkFBN0IsNkJBQTZCO2tCQUh6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7aUJBQ25DOzZHQU1LLFFBQVE7c0JBRFgsS0FBSzt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBUd29Db2x1bW5zQ29udGV4dFN0b3JlIH0gZnJvbSAnLi90d28uY29sdW1uLnN0b3JlJztcblxuLyoqXG4gKiBVc2VkIHdpdGggYSBEYnhUd29Db2x1bW5Db21wb25lbnQgdG8gc2V0IHRoZSBmdWxsIGxlZnQgdG8gdHJ1ZS5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RieFR3b0NvbHVtbkZ1bGxMZWZ0XSdcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VHdvQ29sdW1uRnVsbExlZnREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBfZnVsbExlZnQgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KHRydWUpO1xuXG4gIEBJbnB1dCgnZGJ4VHdvQ29sdW1uRnVsbExlZnQnKVxuICBnZXQgZnVsbExlZnQoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX2Z1bGxMZWZ0LnZhbHVlO1xuICB9XG5cbiAgc2V0IGZ1bGxMZWZ0KGZ1bGxMZWZ0OiBib29sZWFuKSB7XG4gICAgaWYgKGZ1bGxMZWZ0ICE9IG51bGwgJiYgKGZ1bGxMZWZ0IGFzIGFueSkgIT09ICcnKSB7XG4gICAgICB0aGlzLl9mdWxsTGVmdC5uZXh0KGZ1bGxMZWZ0KTtcbiAgICB9XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IF90d29Db2x1bW5zQ29udGV4dFN0b3JlOiBUd29Db2x1bW5zQ29udGV4dFN0b3JlKSB7IH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLl90d29Db2x1bW5zQ29udGV4dFN0b3JlLnNldEZ1bGxMZWZ0KHRoaXMuX2Z1bGxMZWZ0KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX2Z1bGxMZWZ0LmNvbXBsZXRlKCk7XG4gIH1cblxufVxuIl19

package/esm2020/lib/layout/column/two/two.column.head.component.mjs

@@ -4,20 +4,20 @@ import * as i1 from "@angular/common";
 /**
  * Two Columns related component that sits at the top of the content bodies and wraps content.
  */
-export class DbxTwoColumnsColumnHeadComponent {
+export class DbxTwoColumnColumnHeadComponent {
 }
-DbxTwoColumnsColumnHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsColumnHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoColumnsColumnHeadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsColumnHeadComponent, selector: "dbx-two-columns-head", inputs: { block: "block", full: "full" }, ngImport: i0, template: `
-    <div class="dbx-two-columns-head" [ngClass]="{ 'block': block, 'full': full }">
+DbxTwoColumnColumnHeadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnColumnHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+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: `
+    <div class="dbx-two-column-head" [ngClass]="{ 'block': block, 'full': full }">
       <ng-content></ng-content>
     </div>
   `, isInline: true, directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsColumnHeadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnColumnHeadComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'dbx-two-columns-head',
+                    selector: 'dbx-two-column-head',
                     template: `
-    <div class="dbx-two-columns-head" [ngClass]="{ 'block': block, 'full': full }">
+    <div class="dbx-two-column-head" [ngClass]="{ 'block': block, 'full': full }">
       <ng-content></ng-content>
     </div>
   `
@@ -27,4 +27,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
             }], full: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5oZWFkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLmhlYWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFakQ7O0dBRUc7QUFTSCxNQUFNLE9BQU8sZ0NBQWdDOzs2SEFBaEMsZ0NBQWdDO2lIQUFoQyxnQ0FBZ0Msc0dBTmpDOzs7O0dBSVQ7MkZBRVUsZ0NBQWdDO2tCQVI1QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRTs7OztHQUlUO2lCQUNGOzhCQUlDLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogVHdvIENvbHVtbnMgcmVsYXRlZCBjb21wb25lbnQgdGhhdCBzaXRzIGF0IHRoZSB0b3Agb2YgdGhlIGNvbnRlbnQgYm9kaWVzIGFuZCB3cmFwcyBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtdHdvLWNvbHVtbnMtaGVhZCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC10d28tY29sdW1ucy1oZWFkXCIgW25nQ2xhc3NdPVwieyAnYmxvY2snOiBibG9jaywgJ2Z1bGwnOiBmdWxsIH1cIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYnhUd29Db2x1bW5zQ29sdW1uSGVhZENvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgYmxvY2s/OiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIGZ1bGw/OiBib29sZWFuO1xuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5oZWFkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLmhlYWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFakQ7O0dBRUc7QUFTSCxNQUFNLE9BQU8sK0JBQStCOzs0SEFBL0IsK0JBQStCO2dIQUEvQiwrQkFBK0IscUdBTmhDOzs7O0dBSVQ7MkZBRVUsK0JBQStCO2tCQVIzQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFFBQVEsRUFBRTs7OztHQUlUO2lCQUNGOzhCQUlDLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogVHdvIENvbHVtbnMgcmVsYXRlZCBjb21wb25lbnQgdGhhdCBzaXRzIGF0IHRoZSB0b3Agb2YgdGhlIGNvbnRlbnQgYm9kaWVzIGFuZCB3cmFwcyBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtdHdvLWNvbHVtbi1oZWFkJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXR3by1jb2x1bW4taGVhZFwiIFtuZ0NsYXNzXT1cInsgJ2Jsb2NrJzogYmxvY2ssICdmdWxsJzogZnVsbCB9XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VHdvQ29sdW1uQ29sdW1uSGVhZENvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgYmxvY2s/OiBib29sZWFuO1xuXG4gIEBJbnB1dCgpXG4gIGZ1bGw/OiBib29sZWFuO1xuXG59XG4iXX0=