@dereekb/dbx-web 2.1.0 → 4.0.1

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=

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

@@ -2,66 +2,71 @@ import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { DbxAnchorModule } from '../../../router';
+import { DbxRouterAnchorModule } from '../../../router';
 import { DbxContentLayoutModule } from '../../content';
-import { DbxTwoColumnsSrefDirective } from './two.column.sref.directive';
-import { DbxTwoColumnsComponent } from './two.column.component';
-import { DbxTwoColumnsColumnHeadComponent } from './two.column.head.component';
-import { DbxTwoColumnsRightComponent } from './two.column.right.component';
-import { DbxTwoColumnsBackDirective } from './two.column.back.directive';
-import { DbxTwoColumnsFullLeftDirective } from './two.column.full.left.directive';
+import { DbxTwoColumnSrefDirective } from './two.column.sref.directive';
+import { DbxTwoColumnComponent } from './two.column.component';
+import { DbxTwoColumnColumnHeadComponent } from './two.column.head.component';
+import { DbxTwoColumnRightComponent } from './two.column.right.component';
+import { DbxTwoColumnBackDirective } from './two.column.back.directive';
+import { DbxTwoColumnFullLeftDirective } from './two.column.full.left.directive';
+import { DbxTwoColumnContextDirective } from './two.column.context.directive';
 import * as i0 from "@angular/core";
 export class DbxTwoColumnLayoutModule {
 }
-DbxTwoColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DbxTwoColumnLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnLayoutModule, declarations: [DbxTwoColumnsComponent,
-        DbxTwoColumnsRightComponent,
-        DbxTwoColumnsColumnHeadComponent,
-        DbxTwoColumnsSrefDirective,
-        DbxTwoColumnsBackDirective,
-        DbxTwoColumnsFullLeftDirective], imports: [CommonModule,
+DbxTwoColumnLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+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,
-        DbxAnchorModule,
-        DbxContentLayoutModule], exports: [DbxTwoColumnsComponent,
-        DbxTwoColumnsRightComponent,
-        DbxTwoColumnsColumnHeadComponent,
-        DbxTwoColumnsSrefDirective,
-        DbxTwoColumnsBackDirective,
-        DbxTwoColumnsFullLeftDirective] });
-DbxTwoColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnLayoutModule, imports: [[
+        DbxRouterAnchorModule,
+        DbxContentLayoutModule], exports: [DbxTwoColumnComponent,
+        DbxTwoColumnRightComponent,
+        DbxTwoColumnColumnHeadComponent,
+        DbxTwoColumnSrefDirective,
+        DbxTwoColumnBackDirective,
+        DbxTwoColumnFullLeftDirective,
+        DbxTwoColumnContextDirective] });
+DbxTwoColumnLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, imports: [[
             CommonModule,
             MatIconModule,
             MatButtonModule,
-            DbxAnchorModule,
+            DbxRouterAnchorModule,
             DbxContentLayoutModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnLayoutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
                         CommonModule,
                         MatIconModule,
                         MatButtonModule,
-                        DbxAnchorModule,
+                        DbxRouterAnchorModule,
                         DbxContentLayoutModule
                     ],
                     declarations: [
-                        DbxTwoColumnsComponent,
-                        DbxTwoColumnsRightComponent,
-                        DbxTwoColumnsColumnHeadComponent,
-                        DbxTwoColumnsSrefDirective,
-                        DbxTwoColumnsBackDirective,
-                        DbxTwoColumnsFullLeftDirective
+                        DbxTwoColumnComponent,
+                        DbxTwoColumnRightComponent,
+                        DbxTwoColumnColumnHeadComponent,
+                        DbxTwoColumnSrefDirective,
+                        DbxTwoColumnBackDirective,
+                        DbxTwoColumnFullLeftDirective,
+                        DbxTwoColumnContextDirective
                     ],
                     exports: [
-                        DbxTwoColumnsComponent,
-                        DbxTwoColumnsRightComponent,
-                        DbxTwoColumnsColumnHeadComponent,
-                        DbxTwoColumnsSrefDirective,
-                        DbxTwoColumnsBackDirective,
-                        DbxTwoColumnsFullLeftDirective
+                        DbxTwoColumnComponent,
+                        DbxTwoColumnRightComponent,
+                        DbxTwoColumnColumnHeadComponent,
+                        DbxTwoColumnSrefDirective,
+                        DbxTwoColumnBackDirective,
+                        DbxTwoColumnFullLeftDirective,
+                        DbxTwoColumnContextDirective
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbEQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQy9FLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzNFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3pFLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDOztBQTJCbEYsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3QjtzSEFBeEIsd0JBQXdCLGlCQWhCakMsc0JBQXNCO1FBQ3RCLDJCQUEyQjtRQUMzQixnQ0FBZ0M7UUFDaEMsMEJBQTBCO1FBQzFCLDBCQUEwQjtRQUMxQiw4QkFBOEIsYUFaOUIsWUFBWTtRQUNaLGFBQWE7UUFDYixlQUFlO1FBQ2YsZUFBZTtRQUNmLHNCQUFzQixhQVd0QixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLGdDQUFnQztRQUNoQywwQkFBMEI7UUFDMUIsMEJBQTBCO1FBQzFCLDhCQUE4QjtzSEFHckIsd0JBQXdCLFlBeEIxQjtZQUNQLFlBQVk7WUFDWixhQUFhO1lBQ2IsZUFBZTtZQUNmLGVBQWU7WUFDZixzQkFBc0I7U0FDdkI7MkZBa0JVLHdCQUF3QjtrQkF6QnBDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLGVBQWU7d0JBQ2Ysc0JBQXNCO3FCQUN2QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3dCQUN0QiwyQkFBMkI7d0JBQzNCLGdDQUFnQzt3QkFDaEMsMEJBQTBCO3dCQUMxQiwwQkFBMEI7d0JBQzFCLDhCQUE4QjtxQkFDL0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHNCQUFzQjt3QkFDdEIsMkJBQTJCO3dCQUMzQixnQ0FBZ0M7d0JBQ2hDLDBCQUEwQjt3QkFDMUIsMEJBQTBCO3dCQUMxQiw4QkFBOEI7cUJBQy9CO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4QW5jaG9yTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vcm91dGVyJztcbmltcG9ydCB7IERieENvbnRlbnRMYXlvdXRNb2R1bGUgfSBmcm9tICcuLi8uLi9jb250ZW50JztcbmltcG9ydCB7IERieFR3b0NvbHVtbnNTcmVmRGlyZWN0aXZlIH0gZnJvbSAnLi90d28uY29sdW1uLnNyZWYuZGlyZWN0aXZlJztcbmltcG9ydCB7IERieFR3b0NvbHVtbnNDb21wb25lbnQgfSBmcm9tICcuL3R3by5jb2x1bW4uY29tcG9uZW50JztcbmltcG9ydCB7IERieFR3b0NvbHVtbnNDb2x1bW5IZWFkQ29tcG9uZW50IH0gZnJvbSAnLi90d28uY29sdW1uLmhlYWQuY29tcG9uZW50JztcbmltcG9ydCB7IERieFR3b0NvbHVtbnNSaWdodENvbXBvbmVudCB9IGZyb20gJy4vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4VHdvQ29sdW1uc0JhY2tEaXJlY3RpdmUgfSBmcm9tICcuL3R3by5jb2x1bW4uYmFjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGJ4VHdvQ29sdW1uc0Z1bGxMZWZ0RGlyZWN0aXZlIH0gZnJvbSAnLi90d28uY29sdW1uLmZ1bGwubGVmdC5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgIERieEFuY2hvck1vZHVsZSxcbiAgICBEYnhDb250ZW50TGF5b3V0TW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERieFR3b0NvbHVtbnNDb21wb25lbnQsXG4gICAgRGJ4VHdvQ29sdW1uc1JpZ2h0Q29tcG9uZW50LFxuICAgIERieFR3b0NvbHVtbnNDb2x1bW5IZWFkQ29tcG9uZW50LFxuICAgIERieFR3b0NvbHVtbnNTcmVmRGlyZWN0aXZlLFxuICAgIERieFR3b0NvbHVtbnNCYWNrRGlyZWN0aXZlLFxuICAgIERieFR3b0NvbHVtbnNGdWxsTGVmdERpcmVjdGl2ZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGJ4VHdvQ29sdW1uc0NvbXBvbmVudCxcbiAgICBEYnhUd29Db2x1bW5zUmlnaHRDb21wb25lbnQsXG4gICAgRGJ4VHdvQ29sdW1uc0NvbHVtbkhlYWRDb21wb25lbnQsXG4gICAgRGJ4VHdvQ29sdW1uc1NyZWZEaXJlY3RpdmUsXG4gICAgRGJ4VHdvQ29sdW1uc0JhY2tEaXJlY3RpdmUsXG4gICAgRGJ4VHdvQ29sdW1uc0Z1bGxMZWZ0RGlyZWN0aXZlXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERieFR3b0NvbHVtbkxheW91dE1vZHVsZSB7IH1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkQsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDL0QsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDOUUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDeEUsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDakYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBNkI5RSxNQUFNLE9BQU8sd0JBQXdCOztxSEFBeEIsd0JBQXdCO3NIQUF4Qix3QkFBd0IsaUJBbEJqQyxxQkFBcUI7UUFDckIsMEJBQTBCO1FBQzFCLCtCQUErQjtRQUMvQix5QkFBeUI7UUFDekIseUJBQXlCO1FBQ3pCLDZCQUE2QjtRQUM3Qiw0QkFBNEIsYUFiNUIsWUFBWTtRQUNaLGFBQWE7UUFDYixlQUFlO1FBQ2YscUJBQXFCO1FBQ3JCLHNCQUFzQixhQVl0QixxQkFBcUI7UUFDckIsMEJBQTBCO1FBQzFCLCtCQUErQjtRQUMvQix5QkFBeUI7UUFDekIseUJBQXlCO1FBQ3pCLDZCQUE2QjtRQUM3Qiw0QkFBNEI7c0hBR25CLHdCQUF3QixZQTFCMUI7WUFDUCxZQUFZO1lBQ1osYUFBYTtZQUNiLGVBQWU7WUFDZixxQkFBcUI7WUFDckIsc0JBQXNCO1NBQ3ZCOzJGQW9CVSx3QkFBd0I7a0JBM0JwQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7d0JBQ2IsZUFBZTt3QkFDZixxQkFBcUI7d0JBQ3JCLHNCQUFzQjtxQkFDdkI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHFCQUFxQjt3QkFDckIsMEJBQTBCO3dCQUMxQiwrQkFBK0I7d0JBQy9CLHlCQUF5Qjt3QkFDekIseUJBQXlCO3dCQUN6Qiw2QkFBNkI7d0JBQzdCLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHFCQUFxQjt3QkFDckIsMEJBQTBCO3dCQUMxQiwrQkFBK0I7d0JBQy9CLHlCQUF5Qjt3QkFDekIseUJBQXlCO3dCQUN6Qiw2QkFBNkI7d0JBQzdCLDRCQUE0QjtxQkFDN0I7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhSb3V0ZXJBbmNob3JNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9yb3V0ZXInO1xuaW1wb3J0IHsgRGJ4Q29udGVudExheW91dE1vZHVsZSB9IGZyb20gJy4uLy4uL2NvbnRlbnQnO1xuaW1wb3J0IHsgRGJ4VHdvQ29sdW1uU3JlZkRpcmVjdGl2ZSB9IGZyb20gJy4vdHdvLmNvbHVtbi5zcmVmLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYnhUd29Db2x1bW5Db21wb25lbnQgfSBmcm9tICcuL3R3by5jb2x1bW4uY29tcG9uZW50JztcbmltcG9ydCB7IERieFR3b0NvbHVtbkNvbHVtbkhlYWRDb21wb25lbnQgfSBmcm9tICcuL3R3by5jb2x1bW4uaGVhZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4VHdvQ29sdW1uUmlnaHRDb21wb25lbnQgfSBmcm9tICcuL3R3by5jb2x1bW4ucmlnaHQuY29tcG9uZW50JztcbmltcG9ydCB7IERieFR3b0NvbHVtbkJhY2tEaXJlY3RpdmUgfSBmcm9tICcuL3R3by5jb2x1bW4uYmFjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGJ4VHdvQ29sdW1uRnVsbExlZnREaXJlY3RpdmUgfSBmcm9tICcuL3R3by5jb2x1bW4uZnVsbC5sZWZ0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYnhUd29Db2x1bW5Db250ZXh0RGlyZWN0aXZlIH0gZnJvbSAnLi90d28uY29sdW1uLmNvbnRleHQuZGlyZWN0aXZlJztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBEYnhSb3V0ZXJBbmNob3JNb2R1bGUsXG4gICAgRGJ4Q29udGVudExheW91dE1vZHVsZVxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYnhUd29Db2x1bW5Db21wb25lbnQsXG4gICAgRGJ4VHdvQ29sdW1uUmlnaHRDb21wb25lbnQsXG4gICAgRGJ4VHdvQ29sdW1uQ29sdW1uSGVhZENvbXBvbmVudCxcbiAgICBEYnhUd29Db2x1bW5TcmVmRGlyZWN0aXZlLFxuICAgIERieFR3b0NvbHVtbkJhY2tEaXJlY3RpdmUsXG4gICAgRGJ4VHdvQ29sdW1uRnVsbExlZnREaXJlY3RpdmUsXG4gICAgRGJ4VHdvQ29sdW1uQ29udGV4dERpcmVjdGl2ZVxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGJ4VHdvQ29sdW1uQ29tcG9uZW50LFxuICAgIERieFR3b0NvbHVtblJpZ2h0Q29tcG9uZW50LFxuICAgIERieFR3b0NvbHVtbkNvbHVtbkhlYWRDb21wb25lbnQsXG4gICAgRGJ4VHdvQ29sdW1uU3JlZkRpcmVjdGl2ZSxcbiAgICBEYnhUd29Db2x1bW5CYWNrRGlyZWN0aXZlLFxuICAgIERieFR3b0NvbHVtbkZ1bGxMZWZ0RGlyZWN0aXZlLFxuICAgIERieFR3b0NvbHVtbkNvbnRleHREaXJlY3RpdmVcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VHdvQ29sdW1uTGF5b3V0TW9kdWxlIHsgfVxuIl19

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

@@ -11,8 +11,10 @@ import * as i5 from "@angular/common";
 import * as i6 from "./two.column.store";
 /**
  * Optional responsive component that wraps content on the right side and shows a navigation bar.
+ *
+ * When rendered it will trigger the context to show left.
  */
-export class DbxTwoColumnsRightComponent {
+export class DbxTwoColumnRightComponent {
     constructor(twoColumnsContextStore) {
         this.twoColumnsContextStore = twoColumnsContextStore;
         this._showBack = new BehaviorSubject(true);
@@ -27,6 +29,7 @@ export class DbxTwoColumnsRightComponent {
         });
     }
     ngOnDestroy() {
+        this._showBack.complete();
         this.twoColumnsContextStore.setShowRight(false);
     }
     get showBack() {
@@ -39,11 +42,13 @@ export class DbxTwoColumnsRightComponent {
         this.twoColumnsContextStore.back();
     }
 }
-DbxTwoColumnsRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsRightComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
-DbxTwoColumnsRightComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsRightComponent, selector: "dbx-two-columns-right", inputs: { header: "header", showBack: "showBack" }, ngImport: i0, template: "<div class=\"two-columns-right\">\n  <dbx-two-columns-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-columns-head>\n  <div class=\"two-columns-right-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", components: [{ type: i1.DbxTwoColumnsColumnHeadComponent, selector: "dbx-two-columns-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 } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsRightComponent, decorators: [{
+DbxTwoColumnRightComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnRightComponent, deps: [{ token: TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Component });
+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 } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnRightComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-two-columns-right', template: "<div class=\"two-columns-right\">\n  <dbx-two-columns-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-columns-head>\n  <div class=\"two-columns-right-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'dbx-two-column-right', host: {
+                        'class': "dbx-two-column-right d-block"
+                    }, 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" }]
         }], ctorParameters: function () { return [{ type: i6.TwoColumnsContextStore, decorators: [{
                     type: Inject,
                     args: [TwoColumnsContextStore]
@@ -52,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
             }], showBack: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTRCLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBRSxlQUFlLEVBQWMsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7Ozs7QUFHNUQ7O0dBRUc7QUFLSCxNQUFNLE9BQU8sMkJBQTJCO0lBZXRDLFlBQ21ELHNCQUE4QztRQUE5QywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBZHpGLGNBQVMsR0FBRyxJQUFJLGVBQWUsQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUs5QyxTQUFJLEdBQXVDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxRQUFRLENBQUM7UUFFaEYsY0FBUyxHQUF3QixhQUFhLENBQUM7WUFDdEQsSUFBSSxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQywwREFBMEQ7U0FDbkgsQ0FBQyxDQUFDLElBQUksQ0FDTCxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQXFCLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FDNUMsQ0FBQztJQUlFLENBQUM7SUFFTCxlQUFlO1FBQ2IsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDakQsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVELElBQ0ksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksUUFBUSxDQUFDLFFBQWlCO1FBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUNyQyxDQUFDOzt3SEF4Q1UsMkJBQTJCLGtCQWdCNUIsc0JBQXNCOzRHQWhCckIsMkJBQTJCLGlIQ2R4Qyx1NkJBd0JBOzJGRFZhLDJCQUEyQjtrQkFKdkMsU0FBUzsrQkFDRSx1QkFBdUI7OzBCQW1COUIsTUFBTTsyQkFBQyxzQkFBc0I7NENBWGhDLE1BQU07c0JBREwsS0FBSztnQkEwQkYsUUFBUTtzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95LCBDb21wb25lbnQsIEluamVjdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgY29tYmluZUxhdGVzdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQ2xpY2thYmxlQW5jaG9yIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgVHdvQ29sdW1uc0NvbnRleHRTdG9yZSB9IGZyb20gJy4vdHdvLmNvbHVtbi5zdG9yZSc7XG5pbXBvcnQgeyBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuXG4vKipcbiAqIE9wdGlvbmFsIHJlc3BvbnNpdmUgY29tcG9uZW50IHRoYXQgd3JhcHMgY29udGVudCBvbiB0aGUgcmlnaHQgc2lkZSBhbmQgc2hvd3MgYSBuYXZpZ2F0aW9uIGJhci5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXR3by1jb2x1bW5zLXJpZ2h0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3R3by5jb2x1bW4ucmlnaHQuY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIERieFR3b0NvbHVtbnNSaWdodENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBfc2hvd0JhY2sgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KHRydWUpO1xuXG4gIEBJbnB1dCgpXG4gIGhlYWRlcj86IHN0cmluZztcblxuICByZWFkb25seSByZWYkOiBPYnNlcnZhYmxlPE1heWJlPENsaWNrYWJsZUFuY2hvcj4+ID0gdGhpcy50d29Db2x1bW5zQ29udGV4dFN0b3JlLmJhY2tSZWYkO1xuXG4gIHJlYWRvbmx5IHNob3dCYWNrJDogT2JzZXJ2YWJsZTxib29sZWFuPiA9IGNvbWJpbmVMYXRlc3QoW1xuICAgIHRoaXMuX3Nob3dCYWNrLCB0aGlzLnJlZiQucGlwZShtYXAoKHgpID0+ICFCb29sZWFuKHgpKSkgLy8gVE9ETzogSXMgdGhpcyBjb3JyZWN0PyBTaG93IGJhY2sgaWYgcmVmIGlzIG5vdCBkZWZpbmVkP1xuICBdKS5waXBlKFxuICAgIG1hcCgoW2EsIGJdOiBbYm9vbGVhbiwgYm9vbGVhbl0pID0+IGEgJiYgYilcbiAgKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHByaXZhdGUgcmVhZG9ubHkgdHdvQ29sdW1uc0NvbnRleHRTdG9yZTogVHdvQ29sdW1uc0NvbnRleHRTdG9yZVxuICApIHsgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMudHdvQ29sdW1uc0NvbnRleHRTdG9yZS5zZXRTaG93UmlnaHQodHJ1ZSk7XG4gICAgfSk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0U2hvd1JpZ2h0KGZhbHNlKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBzaG93QmFjaygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2hvd0JhY2sudmFsdWU7XG4gIH1cblxuICBzZXQgc2hvd0JhY2soc2hvd0JhY2s6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9zaG93QmFjay5uZXh0KHNob3dCYWNrKTtcbiAgfVxuXG4gIHB1YmxpYyBiYWNrQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuYmFjaygpO1xuICB9XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0d28tY29sdW1ucy1yaWdodFwiPlxuICA8ZGJ4LXR3by1jb2x1bW5zLWhlYWQ+XG4gICAgPCEtLSBCYWNrIEJ1dHRvbnMgLS0+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cInNob3dCYWNrJCB8IGFzeW5jXCI+XG4gICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cImJhY2stYnV0dG9uXCIgKGNsaWNrKT1cImJhY2tDbGlja2VkKClcIiBhcmlhLWxhYmVsPVwiYmFjayBidXR0b25cIj5cbiAgICAgICAgPG1hdC1pY29uPm5hdmlnYXRlX2JlZm9yZTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwicmVmJCB8IGFzeW5jXCI+XG4gICAgICA8ZGJ4LWFuY2hvciBbYW5jaG9yXT1cInJlZiQgfCBhc3luY1wiPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cImJhY2stYnV0dG9uXCIgYXJpYS1sYWJlbD1cImJhY2sgYnV0dG9uXCI+XG4gICAgICAgICAgPG1hdC1pY29uPm5hdmlnYXRlX2JlZm9yZTwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgPC9kYngtYW5jaG9yPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxzcGFuICpuZ0lmPVwiaGVhZGVyXCIgY2xhc3M9XCJyaWdodC1uYXYtdGl0bGVcIj57eyBoZWFkZXIgfX08L3NwYW4+XG4gICAgPHNwYW4gY2xhc3M9XCJyaWdodC1uYXYtc3BhY2VyXCI+PC9zcGFuPlxuICAgIDxzcGFuIGNsYXNzPVwic3BhY2VyXCI+PC9zcGFuPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltuYXZdXCI+PC9uZy1jb250ZW50PlxuICA8L2RieC10d28tY29sdW1ucy1oZWFkPlxuICA8ZGl2IGNsYXNzPVwidHdvLWNvbHVtbnMtcmlnaHQtY29udGVudFwiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L2NvbHVtbi90d28vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQTRCLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25GLE9BQU8sRUFBRSxlQUFlLEVBQWMsYUFBYSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7Ozs7Ozs7QUFHNUQ7Ozs7R0FJRztBQVFILE1BQU0sT0FBTywwQkFBMEI7SUFlckMsWUFDbUQsc0JBQThDO1FBQTlDLDJCQUFzQixHQUF0QixzQkFBc0IsQ0FBd0I7UUFYekYsY0FBUyxHQUFHLElBQUksZUFBZSxDQUFVLElBQUksQ0FBQyxDQUFDO1FBRTlDLFNBQUksR0FBdUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFFBQVEsQ0FBQztRQUVoRixjQUFTLEdBQXdCLGFBQWEsQ0FBQztZQUN0RCxJQUFJLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLDBEQUEwRDtTQUNuSCxDQUFDLENBQUMsSUFBSSxDQUNMLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBcUIsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUM1QyxDQUFDO0lBSUUsQ0FBQztJQUVMLGVBQWU7UUFDYixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLHNCQUFzQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqRCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMxQixJQUFJLENBQUMsc0JBQXNCLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2xELENBQUM7SUFFRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUFJLFFBQVEsQ0FBQyxRQUFpQjtRQUM1QixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsc0JBQXNCLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckMsQ0FBQzs7dUhBekNVLDBCQUEwQixrQkFnQjNCLHNCQUFzQjsyR0FoQnJCLDBCQUEwQiwwS0NuQnZDLGkxQkFzQkE7MkZESGEsMEJBQTBCO2tCQVB0QyxTQUFTOytCQUNFLHNCQUFzQixRQUUxQjt3QkFDSixPQUFPLEVBQUUsOEJBQThCO3FCQUN4Qzs7MEJBa0JFLE1BQU07MkJBQUMsc0JBQXNCOzRDQWJoQyxNQUFNO3NCQURMLEtBQUs7Z0JBNkJGLFFBQVE7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSwgQ29tcG9uZW50LCBJbmplY3QsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIGNvbWJpbmVMYXRlc3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IENsaWNrYWJsZUFuY2hvciB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IFR3b0NvbHVtbnNDb250ZXh0U3RvcmUgfSBmcm9tICcuL3R3by5jb2x1bW4uc3RvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcblxuLyoqXG4gKiBPcHRpb25hbCByZXNwb25zaXZlIGNvbXBvbmVudCB0aGF0IHdyYXBzIGNvbnRlbnQgb24gdGhlIHJpZ2h0IHNpZGUgYW5kIHNob3dzIGEgbmF2aWdhdGlvbiBiYXIuXG4gKiBcbiAqIFdoZW4gcmVuZGVyZWQgaXQgd2lsbCB0cmlnZ2VyIHRoZSBjb250ZXh0IHRvIHNob3cgbGVmdC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXR3by1jb2x1bW4tcmlnaHQnLFxuICB0ZW1wbGF0ZVVybDogJy4vdHdvLmNvbHVtbi5yaWdodC5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICAnY2xhc3MnOiBcImRieC10d28tY29sdW1uLXJpZ2h0IGQtYmxvY2tcIlxuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieFR3b0NvbHVtblJpZ2h0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcblxuICBASW5wdXQoKVxuICBoZWFkZXI/OiBzdHJpbmc7XG5cbiAgcHJpdmF0ZSBfc2hvd0JhY2sgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KHRydWUpO1xuXG4gIHJlYWRvbmx5IHJlZiQ6IE9ic2VydmFibGU8TWF5YmU8Q2xpY2thYmxlQW5jaG9yPj4gPSB0aGlzLnR3b0NvbHVtbnNDb250ZXh0U3RvcmUuYmFja1JlZiQ7XG5cbiAgcmVhZG9ubHkgc2hvd0JhY2skOiBPYnNlcnZhYmxlPGJvb2xlYW4+ID0gY29tYmluZUxhdGVzdChbXG4gICAgdGhpcy5fc2hvd0JhY2ssIHRoaXMucmVmJC5waXBlKG1hcCgoeCkgPT4gIUJvb2xlYW4oeCkpKSAvLyBUT0RPOiBJcyB0aGlzIGNvcnJlY3Q/IFNob3cgYmFjayBpZiByZWYgaXMgbm90IGRlZmluZWQ/XG4gIF0pLnBpcGUoXG4gICAgbWFwKChbYSwgYl06IFtib29sZWFuLCBib29sZWFuXSkgPT4gYSAmJiBiKVxuICApO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoVHdvQ29sdW1uc0NvbnRleHRTdG9yZSkgcHJpdmF0ZSByZWFkb25seSB0d29Db2x1bW5zQ29udGV4dFN0b3JlOiBUd29Db2x1bW5zQ29udGV4dFN0b3JlXG4gICkgeyB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy50d29Db2x1bW5zQ29udGV4dFN0b3JlLnNldFNob3dSaWdodCh0cnVlKTtcbiAgICB9KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX3Nob3dCYWNrLmNvbXBsZXRlKCk7XG4gICAgdGhpcy50d29Db2x1bW5zQ29udGV4dFN0b3JlLnNldFNob3dSaWdodChmYWxzZSk7XG4gIH1cblxuICBASW5wdXQoKVxuICBnZXQgc2hvd0JhY2soKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX3Nob3dCYWNrLnZhbHVlO1xuICB9XG5cbiAgc2V0IHNob3dCYWNrKHNob3dCYWNrOiBib29sZWFuKSB7XG4gICAgdGhpcy5fc2hvd0JhY2submV4dChzaG93QmFjayk7XG4gIH1cblxuICBwdWJsaWMgYmFja0NsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy50d29Db2x1bW5zQ29udGV4dFN0b3JlLmJhY2soKTtcbiAgfVxuXG59XG4iLCI8ZGJ4LXR3by1jb2x1bW4taGVhZD5cbiAgPCEtLSBCYWNrIEJ1dHRvbnMgLS0+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJzaG93QmFjayQgfCBhc3luY1wiPlxuICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwiYmFjay1idXR0b25cIiAoY2xpY2spPVwiYmFja0NsaWNrZWQoKVwiIGFyaWEtbGFiZWw9XCJiYWNrIGJ1dHRvblwiPlxuICAgICAgPG1hdC1pY29uPm5hdmlnYXRlX2JlZm9yZTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwicmVmJCB8IGFzeW5jXCI+XG4gICAgPGRieC1hbmNob3IgW2FuY2hvcl09XCJyZWYkIHwgYXN5bmNcIj5cbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIGNsYXNzPVwiYmFjay1idXR0b25cIiBhcmlhLWxhYmVsPVwiYmFjayBidXR0b25cIj5cbiAgICAgICAgPG1hdC1pY29uPm5hdmlnYXRlX2JlZm9yZTwvbWF0LWljb24+XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L2RieC1hbmNob3I+XG4gIDwvbmctY29udGFpbmVyPlxuICA8c3BhbiAqbmdJZj1cImhlYWRlclwiIGNsYXNzPVwicmlnaHQtbmF2LXRpdGxlXCI+e3sgaGVhZGVyIH19PC9zcGFuPlxuICA8c3BhbiBjbGFzcz1cInJpZ2h0LW5hdi1zcGFjZXJcIj48L3NwYW4+XG4gIDxzcGFuIGNsYXNzPVwic3BhY2VyXCI+PC9zcGFuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbbmF2XVwiPjwvbmctY29udGVudD5cbjwvZGJ4LXR3by1jb2x1bW4taGVhZD5cbjxkaXYgY2xhc3M9XCJkYngtdHdvLWNvbHVtbi1yaWdodC1jb250ZW50XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19

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

@@ -1,34 +1,29 @@
 import { Directive, Input } from '@angular/core';
+import { asSegueRef } from '@dereekb/dbx-core';
 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 backRef of the TwoColumnsContextStore.
+ * Used with a DbxTwoColumnComponent to set the backRef of the TwoColumnsContextStore.
  */
-export class DbxTwoColumnsSrefDirective {
+export class DbxTwoColumnSrefDirective {
     constructor(_twoColumnsContextStore) {
         this._twoColumnsContextStore = _twoColumnsContextStore;
     }
-    set refString(ref) {
-        this.ref = {
-            ref
-        };
-    }
     set ref(ref) {
-        this._twoColumnsContextStore.setBackRef(ref);
+        const segueRef = asSegueRef(ref);
+        this._twoColumnsContextStore.setBackRef(segueRef);
     }
 }
-DbxTwoColumnsSrefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsSrefDirective, deps: [{ token: i1.TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
-DbxTwoColumnsSrefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.4", type: DbxTwoColumnsSrefDirective, selector: "[dbxTwoColumnsSref]", inputs: { refString: ["dbxTwoColumnsSref", "refString"], ref: "ref" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: DbxTwoColumnsSrefDirective, decorators: [{
+DbxTwoColumnSrefDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnSrefDirective, deps: [{ token: i1.TwoColumnsContextStore }], target: i0.ɵɵFactoryTarget.Directive });
+DbxTwoColumnSrefDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.2", type: DbxTwoColumnSrefDirective, selector: "[dbxTwoColumnSref]", inputs: { ref: ["dbxTwoColumnSref", "ref"] }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: DbxTwoColumnSrefDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[dbxTwoColumnsSref]'
+                    selector: '[dbxTwoColumnSref]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1.TwoColumnsContextStore }]; }, propDecorators: { refString: [{
+        }], ctorParameters: function () { return [{ type: i1.TwoColumnsContextStore }]; }, propDecorators: { ref: [{
                 type: Input,
-                args: ['dbxTwoColumnsSref']
-            }], ref: [{
-                type: Input
+                args: ['dbxTwoColumnSref']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5zcmVmLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLnNyZWYuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFFNUQ7O0dBRUc7QUFJSCxNQUFNLE9BQU8sMEJBQTBCO0lBRXJDLFlBQTZCLHVCQUErQztRQUEvQyw0QkFBdUIsR0FBdkIsdUJBQXVCLENBQXdCO0lBQUksQ0FBQztJQUVqRixJQUNXLFNBQVMsQ0FBQyxHQUFXO1FBQzlCLElBQUksQ0FBQyxHQUFHLEdBQUc7WUFDVCxHQUFHO1NBQ0osQ0FBQztJQUNKLENBQUM7SUFFRCxJQUNXLEdBQUcsQ0FBQyxHQUFhO1FBQzFCLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUM7SUFDL0MsQ0FBQzs7dUhBZFUsMEJBQTBCOzJHQUExQiwwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkFIdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzs2R0FNWSxTQUFTO3NCQURuQixLQUFLO3VCQUFDLG1CQUFtQjtnQkFRZixHQUFHO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTZWd1ZVJlZiB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IFR3b0NvbHVtbnNDb250ZXh0U3RvcmUgfSBmcm9tICcuL3R3by5jb2x1bW4uc3RvcmUnO1xuXG4vKipcbiAqIFVzZWQgd2l0aCBhIERieFR3b0NvbHVtbnNDb21wb25lbnQgdG8gc2V0IHRoZSBiYWNrUmVmIG9mIHRoZSBUd29Db2x1bW5zQ29udGV4dFN0b3JlLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGJ4VHdvQ29sdW1uc1NyZWZdJ1xufSlcbmV4cG9ydCBjbGFzcyBEYnhUd29Db2x1bW5zU3JlZkRpcmVjdGl2ZSB7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWFkb25seSBfdHdvQ29sdW1uc0NvbnRleHRTdG9yZTogVHdvQ29sdW1uc0NvbnRleHRTdG9yZSkgeyB9XG5cbiAgQElucHV0KCdkYnhUd29Db2x1bW5zU3JlZicpXG4gIHB1YmxpYyBzZXQgcmVmU3RyaW5nKHJlZjogc3RyaW5nKSB7XG4gICAgdGhpcy5yZWYgPSB7XG4gICAgICByZWZcbiAgICB9O1xuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIHNldCByZWYocmVmOiBTZWd1ZVJlZikge1xuICAgIHRoaXMuX3R3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0QmFja1JlZihyZWYpO1xuICB9XG5cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHdvLmNvbHVtbi5zcmVmLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvY29sdW1uL3R3by90d28uY29sdW1uLnNyZWYuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxVQUFVLEVBQWdDLE1BQU0sbUJBQW1CLENBQUM7QUFDN0UsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQUU1RDs7R0FFRztBQUlILE1BQU0sT0FBTyx5QkFBeUI7SUFFcEMsWUFBNkIsdUJBQStDO1FBQS9DLDRCQUF1QixHQUF2Qix1QkFBdUIsQ0FBd0I7SUFBSSxDQUFDO0lBRWpGLElBQ1csR0FBRyxDQUFDLEdBQWlDO1FBQzlDLE1BQU0sUUFBUSxHQUFHLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUNqQyxJQUFJLENBQUMsdUJBQXVCLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3BELENBQUM7O3NIQVJVLHlCQUF5QjswR0FBekIseUJBQXlCOzJGQUF6Qix5QkFBeUI7a0JBSHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtpQkFDL0I7NkdBTVksR0FBRztzQkFEYixLQUFLO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFzU2VndWVSZWYsIFNlZ3VlUmVmT3JTZWd1ZVJlZlJvdXRlckxpbmsgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBUd29Db2x1bW5zQ29udGV4dFN0b3JlIH0gZnJvbSAnLi90d28uY29sdW1uLnN0b3JlJztcblxuLyoqXG4gKiBVc2VkIHdpdGggYSBEYnhUd29Db2x1bW5Db21wb25lbnQgdG8gc2V0IHRoZSBiYWNrUmVmIG9mIHRoZSBUd29Db2x1bW5zQ29udGV4dFN0b3JlLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGJ4VHdvQ29sdW1uU3JlZl0nXG59KVxuZXhwb3J0IGNsYXNzIERieFR3b0NvbHVtblNyZWZEaXJlY3RpdmUge1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgX3R3b0NvbHVtbnNDb250ZXh0U3RvcmU6IFR3b0NvbHVtbnNDb250ZXh0U3RvcmUpIHsgfVxuXG4gIEBJbnB1dCgnZGJ4VHdvQ29sdW1uU3JlZicpXG4gIHB1YmxpYyBzZXQgcmVmKHJlZjogU2VndWVSZWZPclNlZ3VlUmVmUm91dGVyTGluaykge1xuICAgIGNvbnN0IHNlZ3VlUmVmID0gYXNTZWd1ZVJlZihyZWYpO1xuICAgIHRoaXMuX3R3b0NvbHVtbnNDb250ZXh0U3RvcmUuc2V0QmFja1JlZihzZWd1ZVJlZik7XG4gIH1cblxufVxuIl19