@dereekb/dbx-web 8.5.3 → 8.7.0

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

@@ -2,6 +2,8 @@ export * from './list.content.empty.component';
 export * from './list.component';
 export * from './list.directive';
 export * from './list.layout.module';
+export * from './list.grid.view.directive';
+export * from './list.grid.view.component';
 export * from './list.view.directive';
 export * from './list.view.selection.directive';
 export * from './list.view.value.component';

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

@@ -0,0 +1,42 @@
+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 * as i0 from "@angular/core";
+export interface DbxValueListGridViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends DbxValueListViewConfig<T, I, V> {
+    grid?: Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>;
+}
+/**
+ * Renders a grid view using input configuration. Requires a parent DbxListView.
+ */
+export declare class DbxValueListGridViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends DbxValueListGridViewConfig<T, I, V> = DbxValueListGridViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
+    readonly grid$: import("rxjs").Observable<Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>>;
+    readonly emitAllClicks$: import("rxjs").Observable<boolean | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridViewComponent<any, any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListGridViewComponent<any, any, any, any>, "dbx-list-grid-view", never, {}, {}, never, never>;
+}
+export interface DbxValueListGridItemViewGridSizeConfig {
+    /**
+     * Gap size in %, px, vw, vh
+     */
+    gap: string;
+    /**
+     * Columns configuration.
+     *
+     * Example: repeat(auto-fill, minmax(200px, 1fr))
+     */
+    columns: string;
+}
+export declare const DEFAULT_LIST_GRID_SIZE_CONFIG: DbxValueListGridItemViewGridSizeConfig;
+/**
+ * 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> {
+    private _grid;
+    get grid(): Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>;
+    set grid(grid: Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>);
+    get gap(): string;
+    get columns(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridItemViewComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListGridItemViewComponent<any, any>, "dbx-list-grid-view-content", never, { "grid": "grid"; }, {}, never, never>;
+}

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

@@ -0,0 +1,10 @@
+import { AbstractDbxListViewDirective } from './list.view.directive';
+import * as i0 from "@angular/core";
+export declare const DEFAULT_DBX_VALUE_LIST_GRID_DIRECTIVE_TEMPLATE = "<dbx-list-grid-view [config]=\"config\"></dbx-list-grid-view>";
+/**
+ * Abstract DbxListGridView implementation.
+ */
+export declare abstract class AbstractDbxListGridViewDirective<T> extends AbstractDbxListViewDirective<T> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxListGridViewDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListGridViewDirective<any>, never, never, {}, {}, never>;
+}

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

@@ -2,18 +2,21 @@ import * as i0 from "@angular/core";
 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.view.value.selection.component";
-import * as i5 from "./list.view.value.modifier.directive";
-import * as i6 from "./list.view.value.modifier.ripple.directive";
-import * as i7 from "@angular/common";
-import * as i8 from "../../loading/loading.module";
-import * as i9 from "../../router/layout/anchor/anchor.module";
-import * as i10 from "ngx-infinite-scroll";
-import * as i11 from "@dereekb/dbx-core";
-import * as i12 from "@angular/material/list";
-import * as i13 from "@angular/material/icon";
+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";
 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.DbxSelectionValueListViewComponent, typeof i4.DbxSelectionValueListItemViewComponent, typeof i5.DbxValueListItemModifierDirective, typeof i6.DbxListItemDisableRippleModifierDirective], [typeof i7.CommonModule, typeof i8.DbxLoadingModule, typeof i9.DbxRouterAnchorModule, typeof i10.InfiniteScrollModule, typeof i11.DbxInjectionComponentModule, typeof i12.MatListModule, typeof i13.MatIconModule], [typeof i1.DbxListComponent, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListItemViewComponent, typeof i4.DbxSelectionValueListViewComponent, typeof i4.DbxSelectionValueListItemViewComponent, typeof i5.DbxValueListItemModifierDirective, typeof i6.DbxListItemDisableRippleModifierDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxListLayoutModule, [typeof i1.DbxListComponent, typeof i1.DbxListInternalContentDirective, typeof i2.DbxListEmptyContentComponent, typeof i3.DbxValueListViewComponent, typeof i3.DbxValueListItemViewComponent, 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.DbxValueListGridViewComponent, typeof i4.DbxValueListGridItemViewComponent, typeof i5.DbxSelectionValueListViewComponent, typeof i5.DbxSelectionValueListItemViewComponent, typeof i6.DbxValueListItemModifierDirective, typeof i7.DbxListItemDisableRippleModifierDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxListLayoutModule>;
 }

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

@@ -25,6 +25,7 @@ export declare class DbxValueListItemViewComponent<T, I extends DbxValueListItem
     constructor(dbxListView: DbxListView<T>);
     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": "emitAllClicks"; "items": "items"; }, {}, never, never>;
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "8.5.3",
+  "version": "8.7.0",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0",
     "@angular/material": "^13.0.0",
-    "@dereekb/rxjs": "8.5.3",
-    "@dereekb/dbx-core": "8.5.3",
+    "@dereekb/rxjs": "8.7.0",
+    "@dereekb/dbx-core": "8.7.0",
     "@angular/flex-layout": "^13.0.0-beta.38",
     "ng-overlay-container": "^13.0.2",
     "@angular/cdk": "^13.0.0",