@dereekb/dbx-web 10.0.24 → 10.1.0

package/lib/layout/list/_list.scss

@@ -1,3 +1,6 @@
+@use 'sass:map';
+@use 'sass:list';
+@use 'sass:color';
 @use '../../style/theming';
 
 // MARK: Variables
@@ -63,6 +66,19 @@ $list-item-padded-min-height: 42px;
     }
   }
 
+  .dbx-list-view-group {
+    .dbx-list-view-group-header {
+      z-index: 100;
+      position: sticky;
+      top: 0;
+
+      .dbx-list-two-line-item {
+        padding: 2px 0;
+        margin-right: 2px;
+      }
+    }
+  }
+
   .dbx-list-view-item {
     dbx-injection {
       width: 100%;
@@ -80,6 +96,11 @@ $list-item-padded-min-height: 42px;
     flex-direction: row;
     align-items: center;
 
+    .item-icon {
+      padding: 0 16px;
+      margin-right: 4px;
+    }
+
     .item-left {
       display: flex;
       flex-direction: column;
@@ -119,6 +140,25 @@ $list-item-padded-min-height: 42px;
 }
 
 @mixin color($theme-config) {
+  $color-config: theming.get-color-config($theme-config);
+  $background: map.get($color-config, 'background');
+  $foreground: map.get($color-config, 'foreground');
+  $cdk-background-color: theming.get-color-from-palette($background, 'background');
+  $cdk-text-color: theming.get-color-from-palette($foreground, 'text');
+
+  .dbx-list-view-group-header {
+    color: var(--mdc-list-list-item-label-text-color);
+    background: var(--mat-sidenav-content-background-color);
+
+    .item-details {
+      color: var(--mdc-list-list-item-supporting-text-color);
+    }
+
+    --mat-divider-width: 2px;
+    border-bottom-style: solid;
+    border-bottom-color: var(--mat-divider-color);
+    border-bottom-width: var(--mat-divider-width);
+  }
 }
 
 @mixin typography($theme-config-or-typography-config) {

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

@@ -6,6 +6,9 @@ export * from './list.track';
 export * from './list.grid.view.directive';
 export * from './list.grid.view.component';
 export * from './list.view.directive';
+export * from './list.view.value.group';
+export * from './list.view.value.group.title';
+export * from './list.view.value.group.title.directive';
 export * from './list.view.selection.directive';
 export * from './list.view.value.component';
 export * from './list.view.value.directive';

package/lib/layout/list/list.grid.view.component.d.ts

@@ -3,7 +3,7 @@ import { Observable } from 'rxjs';
 import { DbxValueListItem } from './list.view.value';
 import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
 import { Maybe } from '@dereekb/util';
-import { DbxValueListItemViewComponent, DbxValueListViewConfig } from './list.view.value.component';
+import { DbxValueListViewContentComponent, DbxValueListViewConfig } from './list.view.value.component';
 import { DbxListView } from './list.view';
 import * as i0 from "@angular/core";
 export interface DbxValueListGridViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends DbxValueListViewConfig<T, I, V> {
@@ -46,7 +46,7 @@ export declare class DbxValueListGridSizeDirective implements OnDestroy {
 /**
  * Content view for a DbxValueListGridView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
  */
-export declare class DbxValueListGridItemViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> extends DbxValueListItemViewComponent<T, I> implements OnDestroy {
+export declare class DbxValueListGridViewContentComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> extends DbxValueListViewContentComponent<T, I> implements OnDestroy {
     private _gridSizeOverride?;
     private _defaultGrid;
     readonly grid$: Observable<DbxValueListGridItemViewGridSizeConfig>;
@@ -55,6 +55,6 @@ export declare class DbxValueListGridItemViewComponent<T, I extends DbxValueList
     constructor(dbxListView: DbxListView<T>, _gridSizeOverride?: DbxValueListGridSizeDirective | undefined);
     set grid(grid: Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>);
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridItemViewComponent<any, any>, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListGridItemViewComponent<any, any>, "dbx-list-grid-view-content", never, { "grid": { "alias": "grid"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridViewContentComponent<any, any>, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListGridViewContentComponent<any, any>, "dbx-list-grid-view-content", never, { "grid": { "alias": "grid"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -3,21 +3,22 @@ import * as i1 from "./list.component";
 import * as i2 from "./list.content.empty.component";
 import * as i3 from "./list.view.value.component";
 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 "./list.view.value.modifier.selection.directive";
-import * as i9 from "@angular/common";
-import * as i10 from "@angular/material/core";
-import * as i11 from "@ngbracket/ngx-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";
+import * as i5 from "./list.view.value.group.title.directive";
+import * as i6 from "./list.view.value.selection.component";
+import * as i7 from "./list.view.value.modifier.directive";
+import * as i8 from "./list.view.value.modifier.ripple.directive";
+import * as i9 from "./list.view.value.modifier.selection.directive";
+import * as i10 from "@angular/common";
+import * as i11 from "@angular/material/core";
+import * as i12 from "@ngbracket/ngx-layout";
+import * as i13 from "../../loading/loading.module";
+import * as i14 from "../../router/layout/anchor/anchor.module";
+import * as i15 from "ngx-infinite-scroll";
+import * as i16 from "@dereekb/dbx-core";
+import * as i17 from "@angular/material/list";
+import * as i18 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.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 ɵmod: i0.ɵɵNgModuleDeclaration<DbxListLayoutModule, [typeof i1.DbxListComponent, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListViewContentComponent, typeof i3.DbxValueListViewContentGroupComponent, typeof i4.DbxValueListGridSizeDirective, typeof i4.DbxValueListGridViewComponent, typeof i4.DbxValueListGridViewContentComponent, typeof i5.DbxListTitleGroupDirective, typeof i5.DbxListTitleGroupHeaderComponent, typeof i6.DbxSelectionValueListViewComponent, typeof i6.DbxSelectionValueListViewContentComponent, typeof i7.DbxValueListItemModifierDirective, typeof i8.DbxListItemDisableRippleModifierDirective, typeof i9.DbxListItemIsSelectedModifierDirective, typeof i1.DbxListInternalContentDirective], [typeof i10.CommonModule, typeof i11.MatRippleModule, typeof i12.FlexLayoutModule, typeof i13.DbxLoadingModule, typeof i14.DbxRouterAnchorModule, typeof i15.InfiniteScrollModule, typeof i16.DbxInjectionComponentModule, typeof i17.MatListModule, typeof i18.MatIconModule], [typeof i1.DbxListComponent, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListViewContentComponent, typeof i3.DbxValueListViewContentGroupComponent, typeof i4.DbxValueListGridSizeDirective, typeof i4.DbxValueListGridViewComponent, typeof i4.DbxValueListGridViewContentComponent, typeof i5.DbxListTitleGroupDirective, typeof i5.DbxListTitleGroupHeaderComponent, typeof i6.DbxSelectionValueListViewComponent, typeof i6.DbxSelectionValueListViewContentComponent, typeof i7.DbxValueListItemModifierDirective, typeof i8.DbxListItemDisableRippleModifierDirective, typeof i9.DbxListItemIsSelectedModifierDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxListLayoutModule>;
 }

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

@@ -1,8 +1,10 @@
-import { TrackByFunction } from '@angular/core';
+import { ChangeDetectorRef, TrackByFunction } from '@angular/core';
+import { Observable } from 'rxjs';
 import { DbxValueListItem, AbstractDbxValueListViewConfig, DbxValueListItemConfig } from './list.view.value';
 import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
 import { DbxListView } from './list.view';
 import { Maybe } from '@dereekb/util';
+import { DbxValueListItemGroup, DbxValueListViewGroupDelegate } from './list.view.value.group';
 import * as i0 from "@angular/core";
 export interface DbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends AbstractDbxValueListViewConfig<T, I, V> {
     emitAllClicks?: boolean;
@@ -11,23 +13,52 @@ export interface DbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxVa
  * Renders a list view using input configuration. Requires a parent DbxListView.
  */
 export declare class DbxValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends DbxValueListViewConfig<T, I, V> = DbxValueListViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
-    readonly emitAllClicks$: import("rxjs").Observable<boolean | undefined>;
+    readonly emitAllClicks$: Observable<boolean | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewComponent<any, any, any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewComponent<any, any, any, any>, "dbx-list-view", never, {}, {}, never, never, false, never>;
 }
 /**
  * Content view for a DbxValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
  */
-export declare class DbxValueListItemViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
+export declare class DbxValueListViewContentComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
     readonly dbxListView: DbxListView<T>;
+    readonly _dbxListGroupDelegate: DbxValueListViewGroupDelegate<any, T, I>;
+    private _items;
+    readonly groups$: Observable<DbxValueListItemGroup<any, T, I>[]>;
     emitAllClicks?: Maybe<boolean>;
-    items?: Maybe<DbxValueListItemConfig<T, I>[]>;
-    readonly disabled$: import("rxjs").Observable<boolean>;
+    readonly disabled$: Observable<boolean>;
     readonly trackByFunction: TrackByFunction<DbxValueListItemConfig<T, I>>;
-    constructor(dbxListView: DbxListView<T>);
+    readonly trackGroupByFunction: TrackByFunction<DbxValueListItemGroup<any, T, I>>;
+    constructor(dbxListView: DbxListView<T>, inputDbxListGroupDelegate: Maybe<DbxValueListViewGroupDelegate<any, T, I>>);
+    ngOnDestroy(): void;
+    get items(): Maybe<DbxValueListItemConfig<T, I>[]>;
+    set items(items: Maybe<DbxValueListItemConfig<T, I>[]>);
     onClickItem(item: I): void;
     onClickValue(value: T): void;
     rippleDisabledOnItem(item: I): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListItemViewComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListItemViewComponent<any, any>, "dbx-list-view-content", never, { "emitAllClicks": { "alias": "emitAllClicks"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewContentComponent<any, any>, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewContentComponent<any, any>, "dbx-list-view-content", never, { "emitAllClicks": { "alias": "emitAllClicks"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, {}, never, never, false, never>;
+}
+/**
+ * Content view for a DbxValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
+ */
+export declare class DbxValueListViewContentGroupComponent<G, T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
+    readonly dbxValueListViewContentComponent: DbxValueListViewContentComponent<T>;
+    readonly cdRef: ChangeDetectorRef;
+    private _group;
+    private _cssClasses;
+    get cssClasses(): Maybe<string>;
+    get items(): Maybe<DbxValueListItemConfig<T, I>[]>;
+    get headerConfig(): Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>;
+    get footerConfig(): Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>;
+    readonly disabled$: Observable<boolean>;
+    readonly trackByFunction: TrackByFunction<DbxValueListItemConfig<T, I>>;
+    constructor(dbxValueListViewContentComponent: DbxValueListViewContentComponent<T>, cdRef: ChangeDetectorRef);
+    get group(): Maybe<DbxValueListItemGroup<G, T, I>>;
+    set group(group: Maybe<DbxValueListItemGroup<G, T, I>>);
+    onClickItem(item: I): void;
+    onClickValue(value: T): void;
+    rippleDisabledOnItem(item: I): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewContentGroupComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewContentGroupComponent<any, any, any>, "dbx-list-view-content-group", never, { "group": { "alias": "group"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -0,0 +1,44 @@
+import { CssClassesArray, Maybe, UniqueModel } from '@dereekb/util';
+import { DbxValueListItem, DbxValueListItemConfig } from './list.view.value';
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { Provider, Type } from '@angular/core';
+import { ObservableOrValue } from '@dereekb/rxjs';
+/**
+ * A group of DbxValueListItem values, grouped by common data, name, and id.
+ */
+export interface DbxValueListItemGroup<G, T, I extends DbxValueListItem<T>, H = unknown, F = unknown> extends Omit<DbxValueListItem<any>, 'itemValue' | 'icon'>, Readonly<Required<UniqueModel>> {
+    readonly data: G;
+    readonly items: DbxValueListItemConfig<T, I>[];
+    /**
+     * (Optional) View configuration for the group's header.
+     */
+    readonly headerConfig?: Maybe<DbxInjectionComponentConfig<H>>;
+    /**
+     * (Optional) View configuration for the group's header.
+     */
+    readonly footerConfig?: Maybe<DbxInjectionComponentConfig<F>>;
+    /**
+     * Whether or not to show the group's items. Defaults to true.
+     */
+    readonly showGroupItems?: boolean;
+    /**
+     * Custom CSS classes to apply to all groups.
+     */
+    readonly cssClasses?: CssClassesArray;
+}
+/**
+ * Function that generates an array of DbxValueListItemGroup values from a list of items.
+ */
+export type DbxValueListViewGroupValuesFunction<G, T, I extends DbxValueListItem<T>, H = unknown, F = unknown> = (items: DbxValueListItemConfig<T, I>[]) => ObservableOrValue<DbxValueListItemGroup<G, T, I, H, F>[]>;
+export declare const defaultDbxValueListViewGroupValuesFunction: <T, I extends DbxValueListItem<T>>(items: DbxValueListItemConfig<T, I>[]) => DbxValueListItemGroup<unknown, T, I, unknown, unknown>[];
+/**
+ * Interface for a view that renders the items of a DbxList.
+ */
+export declare abstract class DbxValueListViewGroupDelegate<G, T, I extends DbxValueListItem<T> = DbxValueListItem<T>, H = unknown, F = unknown> {
+    /**
+     * Groups all input items into groups.
+     */
+    abstract readonly groupValues: DbxValueListViewGroupValuesFunction<G, T, I, H, F>;
+}
+export declare function defaultDbxValueListViewGroupDelegate<T, I extends DbxValueListItem<T>>(): DbxValueListViewGroupDelegate<any, T, I>;
+export declare function provideDbxValueListViewGroupDelegate<D extends DbxValueListViewGroupDelegate<any, any, any, any>>(sourceType: Type<D>): Provider[];

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

@@ -0,0 +1,49 @@
+import { Type } from '@angular/core';
+import { PrimativeKey, SortCompareFunction, CssClassesArray } from '@dereekb/util';
+import { DbxValueListItem, DbxValueListItemConfig } from './list.view.value';
+export interface DbxListTitleGroupData<O extends PrimativeKey> {
+    /**
+     * Data Value. Should generally be defined, but can be null if the group is a default group.
+     */
+    readonly value: O;
+    /**
+     * Optional icon to show at the left.
+     */
+    readonly icon?: string;
+    readonly title: string;
+    readonly hint?: string;
+    /**
+     * Custom CSS classes to apply only to this group.
+     */
+    readonly cssClasses?: CssClassesArray;
+}
+export interface DbxListTitleGroupTitleDelegate<T, O extends PrimativeKey, D extends DbxListTitleGroupData<O> = DbxListTitleGroupData<O>, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
+    /**
+     * Returns a key value for the input item. If the item does not belong to a group, returns undefined.
+     *
+     * @param item
+     * @returns
+     */
+    readonly groupValueForItem: (item: DbxValueListItemConfig<T, I>) => O;
+    /**
+     * Converts a key value to a DbxListTitleGroupData for a group.
+     *
+     * @param value
+     * @returns
+     */
+    readonly dataForGroupValue: (value: O, items: DbxValueListItemConfig<T, I>[]) => D;
+    /**
+     * (Optional) sort function for sorting groups by their data.
+     */
+    readonly sortGroupsByData?: SortCompareFunction<D>;
+    /**
+     * Custom header component class to inject.
+     *
+     * DbxListTitleGroupHeaderComponent is injected by default.
+     */
+    readonly headerComponentClass?: Type<unknown>;
+    /**
+     * (Optional) CSS classes to apply to the group.
+     */
+    readonly cssClasses?: CssClassesArray;
+}

package/lib/layout/list/list.view.value.group.title.directive.d.ts

@@ -0,0 +1,31 @@
+import { InjectionToken } from '@angular/core';
+import { DbxValueListItem } from './list.view.value';
+import { DbxValueListViewGroupDelegate, DbxValueListViewGroupValuesFunction } from './list.view.value.group';
+import { Maybe, PrimativeKey } from '@dereekb/util';
+import { DbxListTitleGroupData, DbxListTitleGroupTitleDelegate } from './list.view.value.group.title';
+import * as i0 from "@angular/core";
+export declare const DBX_LIST_TITLE_GROUP_DATA: InjectionToken<unknown>;
+/**
+ * Delegate used to for grouping DbxValueListItemConfig<T, I> values.
+ */
+export declare class DbxListTitleGroupDirective<T, O extends PrimativeKey = PrimativeKey, D extends DbxListTitleGroupData<O> = DbxListTitleGroupData<O>, I extends DbxValueListItem<T> = DbxValueListItem<T>> implements DbxValueListViewGroupDelegate<D, T, I> {
+    private _delegate;
+    readonly groupValues: DbxValueListViewGroupValuesFunction<D, T, I, unknown, unknown>;
+    ngOnDestroy(): void;
+    get delegate(): Maybe<DbxListTitleGroupTitleDelegate<T, O, D, I>>;
+    set delegate(delegate: Maybe<DbxListTitleGroupTitleDelegate<T, O, D, I>>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxListTitleGroupDirective<any, any, any, any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListTitleGroupDirective<any, any, any, any>, "[dbxListTitleGroup]", never, { "delegate": { "alias": "dbxListTitleGroup"; "required": false; }; }, {}, never, never, false, never>;
+}
+/**
+ *
+ */
+export declare class DbxListTitleGroupHeaderComponent<O extends PrimativeKey, D extends DbxListTitleGroupData<O>> {
+    readonly data: D;
+    get icon(): string | undefined;
+    get title(): string;
+    get hint(): string | undefined;
+    constructor(data: D);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxListTitleGroupHeaderComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListTitleGroupHeaderComponent<any, any>, "dbx-list-title-group-header", never, {}, {}, never, never, false, never>;
+}

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

@@ -4,7 +4,8 @@ import { DbxListSelectionMode, DbxListView } from './list.view';
 import { DbxValueListItem, AbstractDbxValueListViewConfig } from './list.view.value';
 import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
 import { Maybe } from '@dereekb/util';
-import { DbxValueListItemViewComponent } from './list.view.value.component';
+import { DbxValueListViewContentComponent } from './list.view.value.component';
+import { DbxValueListViewGroupDelegate } from './list.view.value.group';
 import * as i0 from "@angular/core";
 export interface DbxSelectionValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends AbstractDbxValueListViewConfig<T, I, V> {
     readonly multiple?: boolean;
@@ -21,11 +22,11 @@ export declare class DbxSelectionValueListViewComponent<T, I extends DbxValueLis
 /**
  * Content view for a DbxSelectionValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
  */
-export declare class DbxSelectionValueListItemViewComponent<T> extends DbxValueListItemViewComponent<T> {
+export declare class DbxSelectionValueListViewContentComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> extends DbxValueListViewContentComponent<T, I> {
     multiple?: Maybe<boolean>;
     selectionMode: Maybe<DbxListSelectionMode>;
-    constructor(dbxListView: DbxListView<T>);
+    constructor(dbxListView: DbxListView<T>, inputDbxListGroupDelegate: Maybe<DbxValueListViewGroupDelegate<any, T, I>>);
     matSelectionChanged(selection: MatSelectionListChange): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSelectionValueListItemViewComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSelectionValueListItemViewComponent<any>, "dbx-selection-list-view-content", never, { "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSelectionValueListViewContentComponent<any, any>, [null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSelectionValueListViewContentComponent<any, any>, "dbx-selection-list-view-content", never, { "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, {}, never, never, false, never>;
 }

package/mapbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web/mapbox",
-  "version": "10.0.24",
+  "version": "10.1.0",
   "module": "fesm2022/dereekb-dbx-web-mapbox.mjs",
   "typings": "index.d.ts",
   "exports": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "10.0.24",
+  "version": "10.1.0",
   "peerDependencies": {
     "@angular/common": "^16.2.12",
     "@angular/core": "^16.2.12",

package/table/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web/table",
-  "version": "10.0.24",
+  "version": "10.1.0",
   "module": "fesm2022/dereekb-dbx-web-table.mjs",
   "typings": "index.d.ts",
   "exports": {