@dereekb/dbx-web 12.1.13 → 12.2.0

package/lib/interaction/popover/popover.content.component.d.ts

@@ -1,6 +1,6 @@
 import { BehaviorSubject } from 'rxjs';
 import { OnDestroy } from '@angular/core';
-import { ResizedEvent } from 'angular-resize-event-package';
+import { ResizedEvent } from '../../screen/resize';
 import * as i0 from "@angular/core";
 /**
  * Popover content wrapper component.

package/lib/layout/block/two.block.component.d.ts

@@ -1,4 +1,4 @@
-import { ResizedEvent } from 'angular-resize-event-package';
+import { ResizedEvent } from '../../screen/resize';
 import * as i0 from "@angular/core";
 /**
  * Wrapper of a block that is broken into two parts, with the bottom content's height

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

@@ -1,9 +1,9 @@
 import { OnDestroy } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { ResizedEvent } from 'angular-resize-event-package';
 import { Observable } from 'rxjs';
 import { TwoColumnsContextStore } from './two.column.store';
 import { Maybe } from '@dereekb/util';
+import { ResizedEvent } from '../../../screen/resize';
 import * as i0 from "@angular/core";
 export interface DbxTwoColumnViewState {
     readonly showRight: boolean;

package/lib/screen/index.d.ts

@@ -1,3 +1,5 @@
+export * from './resize';
+export * from './resize.directive';
 export * from './screen';
 export * from './screen.service';
 export * from './screen.providers';

package/lib/screen/resize.d.ts

@@ -0,0 +1,19 @@
+import { ElementRef, Signal } from '@angular/core';
+/**
+ * Resize event used by resizeSignal.
+ *
+ * Maintains the same pattern as https://github.com/NemesLaszlo/angular-resize-event
+ */
+export interface ResizedEvent {
+    readonly newRect: DOMRectReadOnly;
+    readonly oldRect?: DOMRectReadOnly;
+    readonly isFirst: boolean;
+}
+/**
+ * Creates a new Signal that emits resize events.
+ *
+ * Must be created in an injectable context.
+ *
+ * @param inputElement The element to observe for resize events. If not provided, the host element will be injected.
+ */
+export declare function resizeSignal(inputElement?: ElementRef<HTMLElement>): Signal<ResizedEvent>;

package/lib/screen/resize.directive.d.ts

@@ -0,0 +1,14 @@
+import { ElementRef } from '@angular/core';
+import { ResizedEvent } from './resize';
+import * as i0 from "@angular/core";
+/**
+ * Directive that emits resize events when the parent element is resized.
+ */
+export declare class DbxResizedDirective {
+    readonly elementRef: ElementRef<HTMLElement>;
+    readonly resizedSignal: import("@angular/core").Signal<ResizedEvent>;
+    readonly dbxResized: import("@angular/core").OutputEmitterRef<ResizedEvent>;
+    protected _resizeEffect: import("@angular/core").EffectRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxResizedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxResizedDirective, "[dbxResized]", never, {}, { "dbxResized": "dbxResized"; }, never, never, true, never>;
+}

package/mapbox/lib/mapbox.layout.component.d.ts

@@ -2,8 +2,7 @@ import { Subject, Observable } from 'rxjs';
 import { ElementRef, OnDestroy, OnInit, Signal } from '@angular/core';
 import { DbxMapboxMapStore } from './mapbox.store';
 import { type Maybe } from '@dereekb/util';
-import { DbxThemeColor } from '@dereekb/dbx-web';
-import { ResizedEvent } from 'angular-resize-event-package';
+import { DbxThemeColor, ResizedEvent } from '@dereekb/dbx-web';
 import { MatDrawerContainer } from '@angular/material/sidenav';
 import * as i0 from "@angular/core";
 export type DbxMapboxLayoutSide = 'left' | 'right';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "12.1.13",
+  "version": "12.2.0",
   "peerDependencies": {
     "@angular/common": "^18.0.0",
     "@angular/core": "^18.0.0",
@@ -20,7 +20,6 @@
     "ngx-infinite-scroll": "^18.0.0",
     "@angular/platform-browser": "^18.0.0",
     "@uirouter/angular": "15.0.0",
-    "angular-resize-event-package": "3.5.0",
     "change-case-all": "^2.1.0",
     "class-validator": "^0.14.0"
   },

package/table/lib/table.column.size.directive.d.ts

@@ -0,0 +1,29 @@
+import { ElementRef, OnDestroy, OnInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export type DbxColumnSizeColumnValue = 'head' | 'tail' | number;
+export declare class DbxColumnSizeDirective implements OnDestroy {
+    readonly elementRef: ElementRef<HTMLElement>;
+    readonly resized: import("@angular/core").Signal<import("@dereekb/dbx-web").ResizedEvent>;
+    private readonly _columnsMap;
+    readonly columns$: import("rxjs").Observable<Map<DbxColumnSizeColumnValue, DbxColumnSizeColumnDirective>>;
+    readonly columnsSignal: import("@angular/core").Signal<Map<DbxColumnSizeColumnValue, DbxColumnSizeColumnDirective> | undefined>;
+    readonly visibleColumnsSignal: import("@angular/core").Signal<number>;
+    addColumn(column: DbxColumnSizeColumnDirective): void;
+    removeColumn(column: DbxColumnSizeColumnDirective): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxColumnSizeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxColumnSizeDirective, "[dbx-column-size]", ["dbxColumnSize"], {}, {}, never, never, true, never>;
+}
+/**
+ * References a specific element and the index of the column.
+ */
+export declare class DbxColumnSizeColumnDirective implements OnInit, OnDestroy {
+    readonly dbxColumnSizeDirective: DbxColumnSizeDirective;
+    readonly elementRef: ElementRef<HTMLElement>;
+    readonly index: import("@angular/core").InputSignal<DbxColumnSizeColumnValue>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get width(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxColumnSizeColumnDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxColumnSizeColumnDirective, "[dbx-column-size-column]", never, { "index": { "alias": "dbx-column-size-column"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/table/lib/table.component.d.ts

@@ -45,6 +45,7 @@ export declare class DbxTableViewComponent<I, C, T, G = unknown> {
     readonly contextSignal: Signal<LoadingState<import("./table").DbxTableContextData<I, C, T>> | undefined>;
     readonly dataLoadingContextSignal: Signal<LoadingState<DbxTableViewElement<T, G>[]> | undefined>;
     readonly viewDelegateSignal: Signal<import("./table").DbxTableViewDelegate<I, C, T, G> | undefined>;
+    readonly elementsSignal: Signal<DbxTableViewElement<T, G>[]>;
     onScrollDown(): void;
     showItemRow(_: number, row: DbxTableViewElement<T, G>): boolean;
     showGroupHeaderRow(_: number, row: DbxTableViewElement<T, G>): boolean;

package/table/lib/table.item.cell.component.d.ts

@@ -4,6 +4,7 @@ import { DbxTableColumn } from './table';
 import * as i0 from "@angular/core";
 export declare class DbxTableItemCellComponent<T, C> extends AbstractDbxTableItemDirective<T, C> {
     readonly column: import("@angular/core").InputSignal<Maybe<DbxTableColumn<C>>>;
+    readonly column$: import("rxjs").Observable<DbxTableColumn<C>>;
     readonly config$: import("rxjs").Observable<Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<any>>>;
     readonly configSignal: import("@angular/core").Signal<Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<any>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTableItemCellComponent<any, any>, never>;