@dereekb/dbx-web 9.16.4 → 9.17.0

package/lib/layout/list/_list.scss

@@ -43,6 +43,10 @@
         }
       }
     }
+
+    .mat-selection-list.mat-list-base .dbx-list-view-item.mat-list-item .mat-list-item-content .mat-list-text {
+      padding: 0; // kill padding on item in .mat-list-text for selection view, to match 0 padding in non-selection view
+    }
   }
 }
 

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

@@ -13,6 +13,7 @@ export * from './list.view.value.item.directive';
 export * from './list.view.value.modifier';
 export * from './list.view.value.modifier.directive';
 export * from './list.view.value.modifier.ripple.directive';
+export * from './list.view.value.modifier.selection.directive';
 export * from './list.view.value.selection.component';
 export * from './list.view.value';
 export * from './list.view';

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

@@ -6,17 +6,18 @@ import * as i4 from "./list.grid.view.component";
 import * as i5 from "./list.view.value.selection.component";
 import * as i6 from "./list.view.value.modifier.directive";
 import * as i7 from "./list.view.value.modifier.ripple.directive";
-import * as i8 from "@angular/common";
-import * as i9 from "@angular/material/core";
-import * as i10 from "@angular/flex-layout";
-import * as i11 from "../../loading/loading.module";
-import * as i12 from "../../router/layout/anchor/anchor.module";
-import * as i13 from "ngx-infinite-scroll";
-import * as i14 from "@dereekb/dbx-core";
-import * as i15 from "@angular/material/list";
-import * as i16 from "@angular/material/icon";
+import * as i8 from "./list.view.value.modifier.selection.directive";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/material/core";
+import * as i11 from "@angular/flex-layout";
+import * as i12 from "../../loading/loading.module";
+import * as i13 from "../../router/layout/anchor/anchor.module";
+import * as i14 from "ngx-infinite-scroll";
+import * as i15 from "@dereekb/dbx-core";
+import * as i16 from "@angular/material/list";
+import * as i17 from "@angular/material/icon";
 export declare class DbxListLayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxListLayoutModule, [typeof i1.DbxListComponent, typeof i1.DbxListInternalContentDirective, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListItemViewComponent, typeof i4.DbxValueListGridSizeDirective, typeof i4.DbxValueListGridViewComponent, typeof i4.DbxValueListGridItemViewComponent, typeof i5.DbxSelectionValueListViewComponent, typeof i5.DbxSelectionValueListItemViewComponent, typeof i6.DbxValueListItemModifierDirective, typeof i7.DbxListItemDisableRippleModifierDirective], [typeof i8.CommonModule, typeof i9.MatRippleModule, typeof i10.FlexLayoutModule, typeof i11.DbxLoadingModule, typeof i12.DbxRouterAnchorModule, typeof i13.InfiniteScrollModule, typeof i14.DbxInjectionComponentModule, typeof i15.MatListModule, typeof i16.MatIconModule], [typeof i1.DbxListComponent, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListItemViewComponent, typeof i4.DbxValueListGridSizeDirective, typeof i4.DbxValueListGridViewComponent, typeof i4.DbxValueListGridItemViewComponent, typeof i5.DbxSelectionValueListViewComponent, typeof i5.DbxSelectionValueListItemViewComponent, typeof i6.DbxValueListItemModifierDirective, typeof i7.DbxListItemDisableRippleModifierDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxListLayoutModule, [typeof i1.DbxListComponent, typeof i1.DbxListInternalContentDirective, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListItemViewComponent, typeof i4.DbxValueListGridSizeDirective, typeof i4.DbxValueListGridViewComponent, typeof i4.DbxValueListGridItemViewComponent, typeof i5.DbxSelectionValueListViewComponent, typeof i5.DbxSelectionValueListItemViewComponent, typeof i6.DbxValueListItemModifierDirective, typeof i7.DbxListItemDisableRippleModifierDirective, typeof i8.DbxListItemIsSelectedModifierDirective], [typeof i9.CommonModule, typeof i10.MatRippleModule, typeof i11.FlexLayoutModule, typeof i12.DbxLoadingModule, typeof i13.DbxRouterAnchorModule, typeof i14.InfiniteScrollModule, typeof i15.DbxInjectionComponentModule, typeof i16.MatListModule, typeof i17.MatIconModule], [typeof i1.DbxListComponent, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListItemViewComponent, typeof i4.DbxValueListGridSizeDirective, typeof i4.DbxValueListGridViewComponent, typeof i4.DbxValueListGridItemViewComponent, typeof i5.DbxSelectionValueListViewComponent, typeof i5.DbxSelectionValueListItemViewComponent, typeof i6.DbxValueListItemModifierDirective, typeof i7.DbxListItemDisableRippleModifierDirective, typeof i8.DbxListItemIsSelectedModifierDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxListLayoutModule>;
 }

package/lib/layout/list/list.view.value.d.ts

@@ -1,7 +1,7 @@
 import { InjectionToken, Provider, Type } from '@angular/core';
 import { ClickableAnchor, DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { Observable } from 'rxjs';
-import { Maybe } from '@dereekb/util';
+import { DecisionFunction, Maybe } from '@dereekb/util';
 export declare const DBX_VALUE_LIST_VIEW_ITEM: InjectionToken<unknown>;
 export interface DbxValueListItem<T> {
     itemValue: T;
@@ -11,6 +11,13 @@ export interface DbxValueListItem<T> {
     selected?: boolean;
     anchor?: Maybe<ClickableAnchor>;
 }
+export declare type DbxValueListItemDecisionFunction<T> = DecisionFunction<DbxValueListItem<T>>;
+/**
+ * Convenience function for mapping a DecisionFunction for a value to a DecisionFunction for a DbxValueListItem with the same value type.
+ * @param decisionFunction
+ * @returns
+ */
+export declare function dbxValueListItemDecisionFunction<T>(decisionFunction: DecisionFunction<T>): DbxValueListItemDecisionFunction<T>;
 /**
  * Special type used with values that contain all the items of DbxValueListItem internally.
  */

package/lib/layout/list/list.view.value.modifier.ripple.directive.d.ts

@@ -1,17 +1,20 @@
 import { OnDestroy } from '@angular/core';
-import { Maybe, ArrayOrValue, Modifier } from '@dereekb/util';
+import { Maybe, ArrayOrValue, Modifier, DecisionFunction } from '@dereekb/util';
 import { Observable } from 'rxjs';
-import { DbxValueListItem } from './list.view.value';
+import { DbxValueListItem, DbxValueListItemDecisionFunction } from './list.view.value';
 import { AbstractDbxValueListItemModifierDirective } from './list.view.value.modifier.directive';
 import * as i0 from "@angular/core";
-export declare type DisableRippleForValueFunction<T> = (item: DbxValueListItem<T>) => boolean;
 export declare const DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY = "disable_ripple_anchor";
-export declare const DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION: DisableRippleForValueFunction<unknown>;
+export declare const DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION: DbxValueListItemDecisionFunction<unknown>;
 export declare class DbxListItemDisableRippleModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> implements OnDestroy {
     private _disableRippleForItem;
     readonly modifiers$: Observable<Maybe<ArrayOrValue<Modifier<DbxValueListItem<T>>>>>;
     ngOnDestroy(): void;
-    set disableRippleForItem(disableRippleForItem: Maybe<DisableRippleForValueFunction<T>>);
+    set disableRippleForItem(disableRippleForItem: Maybe<DbxValueListItemDecisionFunction<T>>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListItemDisableRippleModifierDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListItemDisableRippleModifierDirective<any>, "[dbxListItemDisableRippleModifier]", never, { "disableRippleForItem": "dbxListItemDisableRippleModifier"; }, {}, never, never, false>;
 }
+/**
+ * @Deprecated use DbxValueListItemDecisionFunction instead.
+ */
+export declare type DisableRippleForValueFunction<T> = DecisionFunction<DbxValueListItem<T>>;

package/lib/layout/list/list.view.value.modifier.selection.directive.d.ts

@@ -0,0 +1,16 @@
+import { OnDestroy } from '@angular/core';
+import { Maybe, ArrayOrValue, Modifier } from '@dereekb/util';
+import { Observable } from 'rxjs';
+import { DbxValueListItem, DbxValueListItemDecisionFunction } from './list.view.value';
+import { AbstractDbxValueListItemModifierDirective } from './list.view.value.modifier.directive';
+import * as i0 from "@angular/core";
+export declare const DBX_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY = "is_selected_item_modifier";
+export declare const DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION: DbxValueListItemDecisionFunction<unknown>;
+export declare class DbxListItemIsSelectedModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> implements OnDestroy {
+    private _listItemIsSelected;
+    readonly modifiers$: Observable<Maybe<ArrayOrValue<Modifier<DbxValueListItem<T>>>>>;
+    ngOnDestroy(): void;
+    set listItemIsSelected(listItemIsSelected: Maybe<DbxValueListItemDecisionFunction<T>>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxListItemIsSelectedModifierDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListItemIsSelectedModifierDirective<any>, "[dbxListItemIsSelectedModifier]", never, { "listItemIsSelected": "dbxListItemIsSelectedModifier"; }, {}, never, never, false>;
+}

package/lib/layout/text/_text.scss

@@ -15,6 +15,10 @@ $mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
     font-size: 0.8em;
   }
 
+  .dbx-label-padded {
+    padding-bottom: 6px;
+  }
+
   .text-center,
   .dbx-text-center {
     text-align: center;
@@ -33,6 +37,11 @@ $mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
   .dbx-icon-spacer {
     margin-right: $icon-spacing;
   }
+
+  .dbx-form-description {
+    font-size: 75%;
+    margin-top: 0.6666666667em;
+  }
 }
 
 @mixin color($theme-config) {
@@ -72,7 +81,8 @@ $mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
 
   .dbx-label,
   .dbx-sublabel,
-  .dbx-chip-sublabel {
+  .dbx-chip-sublabel,
+  .dbx-form-description {
     opacity: $mat-hint-opacity;
   }
 

package/lib/layout/text/form.description.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class DbxFormDescriptionComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormDescriptionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormDescriptionComponent, "dbx-form-description", never, {}, {}, never, ["*"], false>;
+}

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

@@ -1,3 +1,4 @@
+export * from './form.description.component';
 export * from './hint.component';
 export * from './icon.spacer.component';
 export * from './label.component';

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

@@ -9,12 +9,13 @@ import * as i7 from "./linkify.component";
 import * as i8 from "./ok.component";
 import * as i9 from "./text.chips.component";
 import * as i10 from "./icon.spacer.component";
-import * as i11 from "@angular/common";
-import * as i12 from "@angular/material/chips";
-import * as i13 from "@angular/material/tooltip";
-import * as i14 from "@angular/material/icon";
+import * as i11 from "./form.description.component";
+import * as i12 from "@angular/common";
+import * as i13 from "@angular/material/chips";
+import * as i14 from "@angular/material/tooltip";
+import * as i15 from "@angular/material/icon";
 export declare class DbxTextModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTextModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxTextModule, [typeof i1.DbxNoteComponent, typeof i2.DbxNoticeComponent, typeof i3.DbxSuccessComponent, typeof i4.DbxWarnComponent, typeof i5.DbxHintComponent, typeof i6.DbxLabelComponent, typeof i7.DbxLinkifyComponent, typeof i8.DbxOkComponent, typeof i9.DbxTextChipsComponent, typeof i10.DbxIconSpacerDirective], [typeof i11.CommonModule, typeof i12.MatChipsModule, typeof i13.MatTooltipModule, typeof i14.MatIconModule], [typeof i1.DbxNoteComponent, typeof i2.DbxNoticeComponent, typeof i3.DbxSuccessComponent, typeof i4.DbxWarnComponent, typeof i5.DbxHintComponent, typeof i6.DbxLabelComponent, typeof i7.DbxLinkifyComponent, typeof i8.DbxOkComponent, typeof i9.DbxTextChipsComponent, typeof i10.DbxIconSpacerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxTextModule, [typeof i1.DbxNoteComponent, typeof i2.DbxNoticeComponent, typeof i3.DbxSuccessComponent, typeof i4.DbxWarnComponent, typeof i5.DbxHintComponent, typeof i6.DbxLabelComponent, typeof i7.DbxLinkifyComponent, typeof i8.DbxOkComponent, typeof i9.DbxTextChipsComponent, typeof i10.DbxIconSpacerDirective, typeof i11.DbxFormDescriptionComponent], [typeof i12.CommonModule, typeof i13.MatChipsModule, typeof i14.MatTooltipModule, typeof i15.MatIconModule], [typeof i1.DbxNoteComponent, typeof i2.DbxNoticeComponent, typeof i3.DbxSuccessComponent, typeof i4.DbxWarnComponent, typeof i5.DbxHintComponent, typeof i6.DbxLabelComponent, typeof i7.DbxLinkifyComponent, typeof i8.DbxOkComponent, typeof i9.DbxTextChipsComponent, typeof i10.DbxIconSpacerDirective, typeof i11.DbxFormDescriptionComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxTextModule>;
 }

package/mapbox/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "9.16.4",
+  "version": "9.17.0",
   "peerDependencies": {
     "@angular/common": "^14.1.0",
     "@angular/core": "^14.1.0",
-    "@dereekb/dbx-core": "9.16.4",
-    "@dereekb/dbx-web": "9.16.4",
+    "@dereekb/dbx-core": "9.17.0",
+    "@dereekb/dbx-web": "9.17.0",
     "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.16.4",
+  "version": "9.17.0",
   "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.0.0",
-    "@dereekb/rxjs": "9.16.4",
-    "@dereekb/dbx-core": "9.16.4",
+    "@dereekb/rxjs": "9.17.0",
+    "@dereekb/dbx-core": "9.17.0",
     "angular-calendar": "^0.30.1",
     "@angular/flex-layout": "^14.0.0-beta.40",
     "ng-overlay-container": "^14.0.0",