@angular/cdk-experimental 19.1.0-next.1 → 19.1.0-next.3

package/column-resize/index.d.ts

@@ -6,6 +6,7 @@ import { _CoalescedStyleScheduler } from '@angular/cdk/table';
 import { Directionality } from '@angular/cdk/bidi';
 import { ElementRef } from '@angular/core';
 import * as i0 from '@angular/core';
+import { InjectionToken } from '@angular/core';
 import { Injector } from '@angular/core';
 import { NgZone } from '@angular/core';
 import { Observable } from 'rxjs';
@@ -130,12 +131,15 @@ export declare class CdkFlexTableResizeStrategy extends ResizeStrategy implement
     static ɵprov: i0.ɵɵInjectableDeclaration<CdkFlexTableResizeStrategy>;
 }
 
+export declare const COLUMN_RESIZE_OPTIONS: InjectionToken<ColumnResizeOptions>;
+
 /**
  * Base class for ColumnResize directives which attach to mat-table elements to
  * provide common events and services for column resizing.
  */
 export declare abstract class ColumnResize implements AfterViewInit, OnDestroy {
-    private _idGenerator;
+    private _renderer;
+    private _eventCleanups;
     protected readonly destroyed: Subject<void>;
     abstract readonly columnResizeNotifier: ColumnResizeNotifier;
     abstract readonly elementRef: ElementRef<HTMLElement>;
@@ -146,17 +150,24 @@ export declare abstract class ColumnResize implements AfterViewInit, OnDestroy {
     protected readonly selectorId: string;
     /** The id attribute of the table, if specified. */
     id?: string;
+    /**
+     * Whether to update the column's width continuously as the mouse position
+     * changes, or to wait until mouseup to apply the new size.
+     */
+    liveResizeUpdates: boolean;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /** Gets the unique CSS class name for this table instance. */
     getUniqueCssClass(): string;
+    /** Gets the ID for this table used for column size persistance. */
+    getTableId(): string;
     /** Called when a column in the table is resized. Applies a css class to the table element. */
     setResized(): void;
     private _listenForRowHoverEvents;
     private _listenForResizeActivity;
     private _listenForHoverActivity;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnResize, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnResize, never, never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnResize, never, never, { "liveResizeUpdates": { "alias": "liveResizeUpdates"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /** Service for triggering column resizes imperatively or being notified of them. */
@@ -185,6 +196,11 @@ export declare class ColumnResizeNotifierSource {
     static ɵprov: i0.ɵɵInjectableDeclaration<ColumnResizeNotifierSource>;
 }
 
+/** Configurable options for column resize. */
+export declare interface ColumnResizeOptions {
+    liveResizeUpdates?: boolean;
+}
+
 /** Indicates the width of a column. */
 export declare interface ColumnSize {
     /** The ID/name of the column, as defined in CdkColumnDef. */
@@ -214,9 +230,9 @@ export declare interface ColumnSizeAction extends ColumnSize {
  */
 export declare abstract class ColumnSizeStore {
     /** Returns the persisted size of the specified column in the specified table. */
-    abstract getSize(tableId: string, columnId: string): number;
+    abstract getSize(tableId: string, columnId: string): Observable<number | null> | null;
     /** Persists the size of the specified column in the specified table. */
-    abstract setSize(tableId: string, columnId: string): void;
+    abstract setSize(tableId: string, columnId: string, sizePx: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnSizeStore, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ColumnSizeStore>;
 }
@@ -305,6 +321,7 @@ export declare abstract class Resizable<HandleComponent extends ResizeOverlayHan
     protected abstract readonly styleScheduler: _CoalescedStyleScheduler;
     protected abstract readonly viewContainerRef: ViewContainerRef;
     protected abstract readonly changeDetectorRef: ChangeDetectorRef;
+    protected readonly columnSizeStore: ColumnSizeStore | null;
     private _viewInitialized;
     private _isDestroyed;
     /** The minimum width to allow the column to be sized to. */
@@ -338,6 +355,7 @@ export declare abstract class Resizable<HandleComponent extends ResizeOverlayHan
  * for handling column resize mouse events and displaying any visible UI on the column edge.
  */
 export declare abstract class ResizeOverlayHandle implements AfterViewInit, OnDestroy {
+    private _renderer;
     protected readonly destroyed: Subject<void>;
     protected abstract readonly columnDef: CdkColumnDef;
     protected abstract readonly document: Document;
@@ -348,16 +366,20 @@ export declare abstract class ResizeOverlayHandle implements AfterViewInit, OnDe
     protected abstract readonly resizeNotifier: ColumnResizeNotifierSource;
     protected abstract readonly resizeRef: ResizeRef;
     protected abstract readonly styleScheduler: _CoalescedStyleScheduler;
+    private _cumulativeDeltaX;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private _listenForMouseEvents;
     private _dragStarted;
     protected updateResizeActive(active: boolean): void;
+    private _triggerResize;
+    private _computeNewSize;
     private _getOriginWidth;
     private _getOriginOffset;
     private _updateOverlayOffset;
     private _isLtr;
     private _notifyResizeEnded;
+    private _observableFromEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizeOverlayHandle, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ResizeOverlayHandle, never, never, {}, {}, never, never, true, never>;
 }
@@ -368,7 +390,8 @@ export declare class ResizeRef {
     readonly overlayRef: OverlayRef;
     readonly minWidthPx: number;
     readonly maxWidthPx: number;
-    constructor(origin: ElementRef, overlayRef: OverlayRef, minWidthPx: number, maxWidthPx: number);
+    readonly liveUpdates: boolean;
+    constructor(origin: ElementRef, overlayRef: OverlayRef, minWidthPx: number, maxWidthPx: number, liveUpdates?: boolean);
 }
 
 /**

package/fesm2022/cdk-experimental.mjs

@@ -1,7 +1,7 @@
 import { Version } from '@angular/core';
 
 /** Current version of the CDK Experimental package. */
-const VERSION = new Version('19.1.0-next.1');
+const VERSION = new Version('19.1.0-next.3');
 
 export { VERSION };
 //# sourceMappingURL=cdk-experimental.mjs.map

package/fesm2022/cdk-experimental.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../../src/cdk-experimental/version.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the CDK Experimental package. */\nexport const VERSION = new Version('19.1.0-next.1');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../../src/cdk-experimental/version.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the CDK Experimental package. */\nexport const VERSION = new Version('19.1.0-next.3');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}