@dereekb/dbx-web 9.22.9 → 9.22.10

package/lib/layout/column/two/two.column.right.component.d.ts

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxTwoColumnRightComponent implements AfterViewInit, OnDestroy {
     private readonly twoColumnsContextStore;
-    header?: string;
+    header?: Maybe<string>;
     block?: boolean;
     private _showBack;
     readonly ref$: Observable<Maybe<ClickableAnchor>>;

package/lib/layout/text/_text.scss

@@ -8,6 +8,7 @@ $hint-opacity: 0.8;
 $note-opacity: 0.7;
 $mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
 $dbx-label-padded-padding: 6px;
+$dbx-detail-block-content-offset: 30px;
 
 // MARK: Mixin
 @mixin core() {
@@ -35,6 +36,43 @@ $dbx-label-padded-padding: 6px;
     padding: 3px 0;
   }
 
+  .dbx-detail-block-header {
+    display: flex;
+    align-items: center;
+
+    .mat-icon {
+      padding-right: 6px;
+    }
+
+    .dbx-anchor-a {
+      text-decoration: underline;
+    }
+
+    padding-bottom: 12px;
+  }
+
+  .dbx-detail-block-header-no-icon {
+    padding-left: $dbx-detail-block-content-offset;
+  }
+
+  .dbx-detail-block {
+    .dbx-detail-block-header {
+      padding-bottom: 2px;
+
+      .dbx-detail-block-header-label {
+        font-weight: 400;
+      }
+    }
+
+    .dbx-detail-block-content {
+      opacity: 0.8;
+      font-size: 0.9em;
+      padding-left: $dbx-detail-block-content-offset;
+    }
+
+    padding-bottom: 12px;
+  }
+
   .dbx-text-no-overflow {
     white-space: pre-wrap !important;
     overflow: visible !important;

package/lib/layout/text/detail.block.component.d.ts

@@ -0,0 +1,11 @@
+import { Maybe } from '@dereekb/util';
+import * as i0 from "@angular/core";
+/**
+ * Header and details offset with an icon.
+ */
+export declare class DbxDetailBlockComponent {
+    icon?: Maybe<string>;
+    header?: Maybe<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxDetailBlockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDetailBlockComponent, "dbx-detail-block", never, { "icon": "icon"; "header": "header"; }, {}, never, ["[header]", "*"], false>;
+}

package/lib/layout/text/detail.block.header.component.d.ts

@@ -0,0 +1,8 @@
+import { Maybe } from '@dereekb/util';
+import * as i0 from "@angular/core";
+export declare class DbxDetailBlockHeaderComponent {
+    icon?: Maybe<string>;
+    header?: Maybe<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxDetailBlockHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDetailBlockHeaderComponent, "dbx-detail-block-header", never, { "icon": "icon"; "header": "header"; }, {}, never, ["*"], false>;
+}

package/lib/layout/text/index.d.ts

@@ -1,3 +1,5 @@
+export * from './detail.block.component';
+export * from './detail.block.header.component';
 export * from './form.description.component';
 export * from './hint.component';
 export * from './icon.spacer.component';

package/lib/layout/text/label.block.component.d.ts

@@ -1,9 +1,10 @@
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Combines a dbx-label and arbitrary content.
  */
 export declare class DbxLabelBlockComponent {
-    header?: string;
+    header?: Maybe<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxLabelBlockComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxLabelBlockComponent, "dbx-label-block", never, { "header": "header"; }, {}, never, ["*"], false>;
 }

package/lib/layout/text/text.module.d.ts

@@ -1,23 +1,25 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./text.chip.directive";
-import * as i2 from "./note.component";
-import * as i3 from "./notice.component";
-import * as i4 from "./success.component";
-import * as i5 from "./warn.component";
-import * as i6 from "./hint.component";
-import * as i7 from "./label.block.component";
-import * as i8 from "./label.component";
-import * as i9 from "./linkify.component";
-import * as i10 from "./ok.component";
-import * as i11 from "./text.chips.component";
-import * as i12 from "./icon.spacer.component";
-import * as i13 from "./form.description.component";
-import * as i14 from "@angular/common";
-import * as i15 from "@angular/material/chips";
-import * as i16 from "@angular/material/tooltip";
-import * as i17 from "@angular/material/icon";
+import * as i2 from "./detail.block.component";
+import * as i3 from "./detail.block.header.component";
+import * as i4 from "./note.component";
+import * as i5 from "./notice.component";
+import * as i6 from "./success.component";
+import * as i7 from "./warn.component";
+import * as i8 from "./hint.component";
+import * as i9 from "./label.block.component";
+import * as i10 from "./label.component";
+import * as i11 from "./linkify.component";
+import * as i12 from "./ok.component";
+import * as i13 from "./text.chips.component";
+import * as i14 from "./icon.spacer.component";
+import * as i15 from "./form.description.component";
+import * as i16 from "@angular/common";
+import * as i17 from "@angular/material/chips";
+import * as i18 from "@angular/material/tooltip";
+import * as i19 from "@angular/material/icon";
 export declare class DbxTextModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTextModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxTextModule, [typeof i1.DbxChipDirective, typeof i2.DbxNoteComponent, typeof i3.DbxNoticeComponent, typeof i4.DbxSuccessComponent, typeof i5.DbxWarnComponent, typeof i6.DbxHintComponent, typeof i7.DbxLabelBlockComponent, typeof i8.DbxLabelComponent, typeof i9.DbxLinkifyComponent, typeof i10.DbxOkComponent, typeof i11.DbxTextChipsComponent, typeof i12.DbxIconSpacerDirective, typeof i13.DbxFormDescriptionComponent], [typeof i14.CommonModule, typeof i15.MatChipsModule, typeof i16.MatTooltipModule, typeof i17.MatIconModule], [typeof i1.DbxChipDirective, typeof i2.DbxNoteComponent, typeof i3.DbxNoticeComponent, typeof i4.DbxSuccessComponent, typeof i5.DbxWarnComponent, typeof i6.DbxHintComponent, typeof i7.DbxLabelBlockComponent, typeof i8.DbxLabelComponent, typeof i9.DbxLinkifyComponent, typeof i10.DbxOkComponent, typeof i11.DbxTextChipsComponent, typeof i12.DbxIconSpacerDirective, typeof i13.DbxFormDescriptionComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxTextModule, [typeof i1.DbxChipDirective, typeof i2.DbxDetailBlockComponent, typeof i3.DbxDetailBlockHeaderComponent, typeof i4.DbxNoteComponent, typeof i5.DbxNoticeComponent, typeof i6.DbxSuccessComponent, typeof i7.DbxWarnComponent, typeof i8.DbxHintComponent, typeof i9.DbxLabelBlockComponent, typeof i10.DbxLabelComponent, typeof i11.DbxLinkifyComponent, typeof i12.DbxOkComponent, typeof i13.DbxTextChipsComponent, typeof i14.DbxIconSpacerDirective, typeof i15.DbxFormDescriptionComponent], [typeof i16.CommonModule, typeof i17.MatChipsModule, typeof i18.MatTooltipModule, typeof i19.MatIconModule], [typeof i1.DbxChipDirective, typeof i2.DbxDetailBlockComponent, typeof i3.DbxDetailBlockHeaderComponent, typeof i4.DbxNoteComponent, typeof i5.DbxNoticeComponent, typeof i6.DbxSuccessComponent, typeof i7.DbxWarnComponent, typeof i8.DbxHintComponent, typeof i9.DbxLabelBlockComponent, typeof i10.DbxLabelComponent, typeof i11.DbxLinkifyComponent, typeof i12.DbxOkComponent, typeof i13.DbxTextChipsComponent, typeof i14.DbxIconSpacerDirective, typeof i15.DbxFormDescriptionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxTextModule>;
 }

package/mapbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.22.9",
+  "version": "9.22.10",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
-    "@dereekb/dbx-core": "9.22.9",
-    "@dereekb/dbx-web": "9.22.9",
+    "@dereekb/dbx-core": "9.22.10",
+    "@dereekb/dbx-web": "9.22.10",
     "ngx-mapbox-gl": "^9.1.0",
     "mapbox-gl": "^2.9.2",
     "@mapbox/geo-viewport": "git+https://git@github.com/dereekb/geo-viewport#165513972f87dca23a20c177f4d173edc51b5e2f"

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "9.22.9",
+  "version": "9.22.10",
   "peerDependencies": {
     "@angular/common": "^14.0.0",
     "@angular/core": "^14.0.0",
     "linkify-string": "4.0.0-beta.5",
     "linkifyjs": "^4.0.0-beta.5",
     "@angular/material": "^14.2.0",
-    "@dereekb/rxjs": "9.22.9",
-    "@dereekb/dbx-core": "9.22.9",
+    "@dereekb/rxjs": "9.22.10",
+    "@dereekb/dbx-core": "9.22.10",
     "change-case": "^4.1.2",
     "@angular/flex-layout": "^14.0.0-beta.41",
     "ng-overlay-container": "^14.0.0",

package/table/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dereekb/dbx-web/table",
-  "version": "9.22.9",
+  "version": "9.22.10",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",
-    "@dereekb/dbx-core": "9.22.9",
+    "@dereekb/dbx-core": "9.22.10",
     "@angular/material": "^14.2.0",
     "@angular/forms": "^14.2.0",
-    "@dereekb/dbx-web": "9.22.9"
+    "@dereekb/dbx-web": "9.22.10"
   },
   "dependencies": {
     "tslib": "^2.3.0"