@dereekb/dbx-web 8.13.9 → 8.15.1

package/lib/extension/index.d.ts

@@ -1 +1,2 @@
 export * from './calendar';
+export * from './widget';

package/lib/extension/widget/index.d.ts

@@ -0,0 +1,6 @@
+export * from './widget';
+export * from './widget.component';
+export * from './widget.directive';
+export * from './widget.list.component';
+export * from './widget.module';
+export * from './widget.service';

package/lib/extension/widget/widget.component.d.ts

@@ -0,0 +1,20 @@
+import { Observable } from 'rxjs';
+import { OnDestroy } from '@angular/core';
+import { Maybe } from '@dereekb/util';
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { DbxWidgetDataPair } from './widget';
+import { DbxWidgetService } from './widget.service';
+import * as i0 from "@angular/core";
+/**
+ * Used to display a corresponding widget based on the input data.
+ */
+export declare class DbxWidgetViewComponent implements OnDestroy {
+    readonly dbxWidgetService: DbxWidgetService;
+    private _config;
+    readonly config$: Observable<Maybe<DbxInjectionComponentConfig>>;
+    constructor(dbxWidgetService: DbxWidgetService);
+    ngOnDestroy(): void;
+    set config(config: Maybe<DbxWidgetDataPair>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetViewComponent, "dbx-widget-view", never, { "config": "config"; }, {}, never, never>;
+}

package/lib/extension/widget/widget.d.ts

@@ -0,0 +1,13 @@
+import { ModelTypeDataPair, MapFunction } from '@dereekb/util';
+/**
+ * Widget type identifier
+ */
+export declare type DbxWidgetType = string;
+/**
+ * Type and data pair for a DbxWidget.
+ */
+export declare type DbxWidgetDataPair<T = unknown> = ModelTypeDataPair<T>;
+/**
+ * Used for converting the input data into a DbxWidgetDataPair value.
+ */
+export declare type DbxWidgetDataPairFactory<T> = MapFunction<T, DbxWidgetDataPair<T>>;

package/lib/extension/widget/widget.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare abstract class AbstractDbxWidgetComponent<T> {
+    readonly data: T;
+    constructor(data: T);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxWidgetComponent<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxWidgetComponent<any>, never, never, {}, {}, never>;
+}

package/lib/extension/widget/widget.list.component.d.ts

@@ -0,0 +1,21 @@
+import { AbstractDbxListWrapperDirective, DbxValueListGridViewConfig, AbstractDbxValueListViewItemComponent, DbxValueAsListItem, AbstractDbxListGridViewDirective } from '../../layout/list';
+import { DbxWidgetDataPair } from './widget';
+import * as i0 from "@angular/core";
+export declare type DbxWidgetDataPairWithSelection = DbxValueAsListItem<DbxWidgetDataPair>;
+/**
+ * Demo DbxSelectionListWrapperDirective
+ */
+export declare class DbxWidgetListGridComponent extends AbstractDbxListWrapperDirective<DbxWidgetDataPair> {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridComponent, "dbx-widget-grid", never, {}, {}, never, ["[top]", "[bottom]", "[empty]"]>;
+}
+export declare class DbxWidgetListGridViewComponent extends AbstractDbxListGridViewDirective<DbxWidgetDataPair> {
+    readonly config: DbxValueListGridViewConfig<DbxWidgetDataPairWithSelection>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewComponent, "ng-component", never, {}, {}, never, never>;
+}
+export declare class DbxWidgetListGridViewItemComponent extends AbstractDbxValueListViewItemComponent<DbxWidgetDataPair> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridViewItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewItemComponent, "ng-component", never, {}, {}, never, never>;
+}

package/lib/extension/widget/widget.module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./widget.component";
+import * as i2 from "./widget.list.component";
+import * as i3 from "@angular/common";
+import * as i4 from "../../layout/list/list.layout.module";
+import * as i5 from "@dereekb/dbx-core";
+/**
+ * Contains components related to displaying "widgets" for pieces of data.
+ */
+export declare class DbxWidgetModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxWidgetModule, [typeof i1.DbxWidgetViewComponent, typeof i2.DbxWidgetListGridComponent, typeof i2.DbxWidgetListGridViewComponent, typeof i2.DbxWidgetListGridViewItemComponent], [typeof i3.CommonModule, typeof i4.DbxListLayoutModule, typeof i5.DbxInjectionComponentModule], [typeof i1.DbxWidgetViewComponent, typeof i2.DbxWidgetListGridComponent, typeof i2.DbxWidgetListGridViewComponent, typeof i2.DbxWidgetListGridViewItemComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxWidgetModule>;
+}

package/lib/extension/widget/widget.service.d.ts

@@ -0,0 +1,32 @@
+import { Type } from '@angular/core';
+import { Maybe } from '@dereekb/util';
+import { DbxWidgetType } from './widget';
+import * as i0 from "@angular/core";
+export interface DbxWidgetEntry {
+    /**
+     * Widget type to respond to.
+     */
+    readonly type: DbxWidgetType;
+    /**
+     * Widget component class to use.
+     */
+    readonly componentClass: Type<unknown>;
+}
+/**
+ * Service used to register widgets.
+ */
+export declare class DbxWidgetService {
+    private _entries;
+    /**
+     * Used to register an entry. If an entry with the same type is already registered, this will override it by default.
+     *
+     * @param entry
+     * @param override
+     */
+    register(entry: DbxWidgetEntry, override?: boolean): boolean;
+    getWidgetIdentifiers(): DbxWidgetType[];
+    getWidgetEntry(type: DbxWidgetType): Maybe<DbxWidgetEntry>;
+    getWidgetEntries(types: Iterable<DbxWidgetType>): DbxWidgetEntry[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbxWidgetService>;
+}

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

@@ -1,7 +1,10 @@
+import { OnDestroy } from '@angular/core';
+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 { 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> {
     grid?: Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>;
@@ -10,8 +13,8 @@ export interface DbxValueListGridViewConfig<T, I extends DbxValueListItem<T> = D
  * 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>;
+    readonly grid$: Observable<Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>>;
+    readonly emitAllClicks$: 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>;
 }
@@ -28,15 +31,30 @@ export interface DbxValueListGridItemViewGridSizeConfig {
     columns: string;
 }
 export declare const DEFAULT_LIST_GRID_SIZE_CONFIG: DbxValueListGridItemViewGridSizeConfig;
+/**
+ * Optional parent directive used to control grid size.
+ */
+export declare class DbxValueListGridSizeDirective implements OnDestroy {
+    private _gridSize;
+    readonly gridSize$: Observable<Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>>;
+    get gridSize(): Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>;
+    set gridSize(gridSize: Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridSizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxValueListGridSizeDirective, "[dbxListGridSize]", never, { "gridSize": "dbxListGridSize"; }, {}, never>;
+}
 /**
  * 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>>;
+export declare class DbxValueListGridItemViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> extends DbxValueListItemViewComponent<T, I> implements OnDestroy {
+    private _gridSizeOverride?;
+    private _defaultGrid;
+    readonly grid$: Observable<DbxValueListGridItemViewGridSizeConfig>;
+    readonly gap$: Observable<string>;
+    readonly columns$: Observable<string>;
+    constructor(dbxListView: DbxListView<T>, _gridSizeOverride?: DbxValueListGridSizeDirective | undefined);
     set grid(grid: Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>);
-    get gap(): string;
-    get columns(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridItemViewComponent<any, any>, never>;
+    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": "grid"; }, {}, never, never>;
 }

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

@@ -17,6 +17,6 @@ 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.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 ɵ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 ɵinj: i0.ɵɵInjectorDeclaration<DbxListLayoutModule>;
 }

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "8.13.9",
+  "version": "8.15.1",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0",
     "@angular/material": "^13.0.0",
-    "@dereekb/rxjs": "8.13.9",
-    "@dereekb/dbx-core": "8.13.9",
-    "angular-calendar": "^0.29.0",
+    "@dereekb/rxjs": "8.15.1",
+    "@dereekb/dbx-core": "8.15.1",
+    "angular-calendar": "~0.29.0",
     "@angular/flex-layout": "^13.0.0-beta.38",
     "ng-overlay-container": "^13.0.2",
     "@angular/cdk": "^13.0.0",
-    "angular-resize-event": "^3.1.1",
+    "angular-resize-event": "~3.1.1",
     "ngx-infinite-scroll": "^13.0.2",
     "linkify-string": "4.0.0-beta.5",
     "@uirouter/angular": "^9.1.0"