@dereekb/dbx-web 9.14.2 → 9.15.1

package/fesm2020/dereekb-dbx-web.mjs

@@ -2028,18 +2028,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
  * Section used to elevate content in a pre-configured manner.
  */
 class DbxContentElevateDirective {
+    constructor() {
+        this.elevate = true;
+    }
 }
 DbxContentElevateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxContentElevateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentElevateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: DbxContentElevateDirective, selector: "dbx-content-elevate,[dbxContentElevate]", host: { classAttribute: "d-block dbx-content-elevate" }, ngImport: i0 });
+DbxContentElevateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: DbxContentElevateDirective, selector: "dbx-content-elevate,[dbxContentElevate]", inputs: { elevate: "elevate" }, host: { properties: { "class.dbx-content-elevate": "elevate" }, classAttribute: "d-block" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxContentElevateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-content-elevate,[dbxContentElevate]',
                     host: {
-                        class: 'd-block dbx-content-elevate'
+                        class: 'd-block',
+                        '[class.dbx-content-elevate]': 'elevate'
                     }
                 }]
-        }] });
+        }], propDecorators: { elevate: [{
+                type: Input
+            }] } });
 
 /**
  * Directive that sets the height of it's content to fill the page.
@@ -2106,26 +2112,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
  */
 class DbxContentBoxDirective {
     constructor() {
-        this.elevated = true;
+        this.elevate = true;
         this.wide = true;
+        // MARK: Compat
+        /**
+         * @Deprecated use elevate instead
+         */
+        this.elevated = true;
     }
 }
 DbxContentBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxContentBoxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-DbxContentBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: DbxContentBoxDirective, selector: "dbx-content-box, [dbxContentBox]", inputs: { elevated: "elevated", wide: "wide" }, host: { properties: { "class.dbx-content-elevate": "elevated", "class.dbx-content-box-wide": "wide" }, classAttribute: "d-block dbx-content-box" }, ngImport: i0 });
+DbxContentBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.1.2", type: DbxContentBoxDirective, selector: "dbx-content-box, [dbxContentBox]", inputs: { elevate: "elevate", wide: "wide", elevated: "elevated" }, host: { properties: { "class.dbx-content-elevate": "elevate && elevated", "class.dbx-content-box-wide": "wide" }, classAttribute: "d-block dbx-content-box" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxContentBoxDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-content-box, [dbxContentBox]',
                     host: {
                         class: 'd-block dbx-content-box',
-                        '[class.dbx-content-elevate]': 'elevated',
+                        '[class.dbx-content-elevate]': 'elevate && elevated',
                         '[class.dbx-content-box-wide]': 'wide'
                     }
                 }]
-        }], propDecorators: { elevated: [{
+        }], propDecorators: { elevate: [{
                 type: Input
             }], wide: [{
                 type: Input
+            }], elevated: [{
+                type: Input
             }] } });
 
 /**
@@ -4763,11 +4776,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
 class DbxSectionComponent extends DbxSectionHeaderComponent {
     constructor() {
         super(...arguments);
-        this.elevated = false;
+        this.elevate = false;
     }
 }
 DbxSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: DbxSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: DbxSectionComponent, selector: "dbx-section", inputs: { elevated: "elevated" }, host: { properties: { "class": "(elevated) ? 'dbx-section-elevated' : ''" }, classAttribute: "d-block, dbx-section" }, usesInheritance: true, ngImport: i0, template: `
+DbxSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: DbxSectionComponent, selector: "dbx-section", inputs: { elevate: "elevate" }, host: { properties: { "class": "(elevate) ? 'dbx-section-elevate dbx-content-elevate' : ''" }, classAttribute: "d-block, dbx-section" }, usesInheritance: true, ngImport: i0, template: `
     <div class="dbx-section-header" [h]="3" [header]="header" [icon]="icon" [hint]="hint">
       <ng-content select="[sectionHeader]"></ng-content>
     </div>
@@ -4789,10 +4802,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImpor
   `,
                     host: {
                         class: 'd-block, dbx-section',
-                        '[class]': `(elevated) ? 'dbx-section-elevated' : ''`
+                        '[class]': `(elevate) ? 'dbx-section-elevate dbx-content-elevate' : ''`
                     }
                 }]
-        }], propDecorators: { elevated: [{
+        }], propDecorators: { elevate: [{
                 type: Input
             }] } });
 
@@ -6036,9 +6049,9 @@ class DbxPromptConfirmDialogComponent extends AbstractDialogDirective {
     get injectionConfig() {
         return this.data.component;
     }
-    static openDialog(matDialog, config = DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG) {
+    static openDialog(matDialog, config) {
         const dialogRef = matDialog.open(DbxPromptConfirmDialogComponent, {
-            data: config
+            data: config || DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG
         });
         return dialogRef;
     }
@@ -6081,7 +6094,7 @@ class AbstractPromptConfirmDirective {
     showDialog() {
         if (!this._dialogPromise) {
             this._dialogPromise = new Promise((resolve) => {
-                this._dialogRef = DbxPromptConfirmDialogComponent.openDialog(this.matDialog);
+                this._dialogRef = DbxPromptConfirmDialogComponent.openDialog(this.matDialog, this.config);
                 this._dialogRef.afterClosed().subscribe((result) => {
                     this._dialogRef = undefined;
                     this._dialogPromise = undefined;