@angular/cdk-experimental 20.0.0-next.8 → 20.0.0-next.9

package/column-resize/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, AfterViewInit, OnDestroy, ElementRef, NgZone, Provider, OnInit, Injector, ViewContainerRef, ChangeDetectorRef, Type } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
-import { CdkTable, CdkColumnDef, _CoalescedStyleScheduler } from '@angular/cdk/table';
+import { Subject, Observable } from 'rxjs';
+import { CdkTable, CdkColumnDef } from '@angular/cdk/table';
 import { Directionality } from '@angular/cdk/bidi';
-import { OverlayRef, Overlay } from '@angular/cdk/overlay';
+import { OverlayRef } from '@angular/cdk/overlay';
 
 /** Indicates the width of a column. */
 interface ColumnSize {
@@ -231,6 +231,40 @@ declare class ResizeRef {
     constructor(origin: ElementRef, overlayRef: OverlayRef, minWidthPx: number, maxWidthPx: number, liveUpdates?: boolean);
 }
 
+/**
+ * @docs-private
+ */
+declare class _Schedule {
+    tasks: (() => unknown)[];
+    endTasks: (() => unknown)[];
+}
+/** Injection token used to provide a coalesced style scheduler. */
+declare const _COALESCED_STYLE_SCHEDULER: InjectionToken<_CoalescedStyleScheduler>;
+/**
+ * Allows grouping up CSSDom mutations after the current execution context.
+ * This can significantly improve performance when separate consecutive functions are
+ * reading from the CSSDom and then mutating it.
+ *
+ * @docs-private
+ */
+declare class _CoalescedStyleScheduler {
+    private _currentSchedule;
+    private _ngZone;
+    constructor(...args: unknown[]);
+    /**
+     * Schedules the specified task to run at the end of the current VM turn.
+     */
+    schedule(task: () => unknown): void;
+    /**
+     * Schedules the specified task to run after other scheduled tasks at the end of the current
+     * VM turn.
+     */
+    scheduleEnd(task: () => unknown): void;
+    private _createScheduleIfNeeded;
+    static ɵfac: i0.ɵɵFactoryDeclaration<_CoalescedStyleScheduler, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<_CoalescedStyleScheduler>;
+}
+
 /**
  * Base class for a component shown over the edge of a resizable column that is responsible
  * for handling column resize mouse events and displaying any visible UI on the column edge.
@@ -363,13 +397,13 @@ declare abstract class Resizable<HandleComponent extends ResizeOverlayHandle> im
     protected abstract readonly eventDispatcher: HeaderRowEventDispatcher;
     protected abstract readonly injector: Injector;
     protected abstract readonly ngZone: NgZone;
-    protected abstract readonly overlay: Overlay;
     protected abstract readonly resizeNotifier: ColumnResizeNotifierSource;
     protected abstract readonly resizeStrategy: ResizeStrategy;
     protected abstract readonly styleScheduler: _CoalescedStyleScheduler;
     protected abstract readonly viewContainerRef: ViewContainerRef;
     protected abstract readonly changeDetectorRef: ChangeDetectorRef;
     protected readonly columnSizeStore: ColumnSizeStore | null;
+    private _injector;
     private _viewInitialized;
     private _isDestroyed;
     /** The minimum width to allow the column to be sized to. */
@@ -399,5 +433,5 @@ declare abstract class Resizable<HandleComponent extends ResizeOverlayHandle> im
     static ɵdir: i0.ɵɵDirectiveDeclaration<Resizable<any>, never, never, {}, {}, never, never, true, never>;
 }
 
-export { COLUMN_RESIZE_OPTIONS, CdkColumnResize, CdkColumnResizeDefaultEnabledModule, CdkColumnResizeFlex, CdkColumnResizeModule, CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex, CdkFlexTableResizeStrategy, ColumnResize, ColumnResizeNotifier, ColumnResizeNotifierSource, ColumnSizeStore, FLEX_RESIZE_STRATEGY_PROVIDER, HeaderRowEventDispatcher, Resizable, ResizeOverlayHandle, ResizeRef, ResizeStrategy, TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER, TableLayoutFixedResizeStrategy };
+export { COLUMN_RESIZE_OPTIONS, CdkColumnResize, CdkColumnResizeDefaultEnabledModule, CdkColumnResizeFlex, CdkColumnResizeModule, CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex, CdkFlexTableResizeStrategy, ColumnResize, ColumnResizeNotifier, ColumnResizeNotifierSource, ColumnSizeStore, FLEX_RESIZE_STRATEGY_PROVIDER, HeaderRowEventDispatcher, Resizable, ResizeOverlayHandle, ResizeRef, ResizeStrategy, TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER, TableLayoutFixedResizeStrategy, _COALESCED_STYLE_SCHEDULER, _CoalescedStyleScheduler, _Schedule };
 export type { ColumnResizeOptions, ColumnSize, ColumnSizeAction };

package/combobox/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnDestroy, ViewContainerRef, TemplateRef, EventEmitter, InjectionToken, OnInit } from '@angular/core';
+import { InjectionToken, OnDestroy, ViewContainerRef, TemplateRef, EventEmitter, OnInit } from '@angular/core';
 import * as i1 from '@angular/cdk/overlay';
 import { BooleanInput } from '@angular/cdk/coercion';
 
@@ -10,7 +10,6 @@ declare const CDK_COMBOBOX: InjectionToken<CdkCombobox<unknown>>;
 declare class CdkCombobox<T = unknown> implements OnDestroy {
     private readonly _tagName;
     private readonly _elementRef;
-    private readonly _overlay;
     protected readonly _viewContainerRef: ViewContainerRef;
     private readonly _injector;
     private readonly _doc;

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('20.0.0-next.8');
+const VERSION = new Version('20.0.0-next.9');
 
 export { VERSION };
 //# sourceMappingURL=cdk-experimental.mjs.map

package/fesm2022/cdk-experimental.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../k8-fastbuild-ST-46c76129e412/bin/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('20.0.0-next.8');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"cdk-experimental.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-46c76129e412/bin/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('20.0.0-next.9');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}

package/fesm2022/column-resize.mjs

@@ -1,12 +1,13 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Renderer2, Input, Directive, Injectable, NgZone, CSP_NONCE, DOCUMENT, ElementRef, NgModule, Injector, runInInjectionContext, afterNextRender } from '@angular/core';
+import { InjectionToken, inject, Renderer2, Directive, Input, Injectable, NgZone, CSP_NONCE, DOCUMENT, ElementRef, NgModule, Injector, runInInjectionContext, afterNextRender } from '@angular/core';
 import { _IdGenerator } from '@angular/cdk/a11y';
 import { Subject, merge, combineLatest, Observable } from 'rxjs';
 import { mapTo, take, takeUntil, startWith, pairwise, distinctUntilChanged, share, map, skip, filter } from 'rxjs/operators';
-import { closest } from './polyfill-DRXnWbMt.mjs';
-import { _COALESCED_STYLE_SCHEDULER, CdkTable } from '@angular/cdk/table';
+import { c as closest } from './polyfill-CXksG4af.mjs';
+import { CdkTable } from '@angular/cdk/table';
 import { coerceCssPixelValue } from '@angular/cdk/coercion';
 import { ComponentPortal } from '@angular/cdk/portal';
+import { createFlexibleConnectedPositionStrategy, createOverlayRef, createRepositionScrollStrategy } from '@angular/cdk/overlay';
 import { ESCAPE } from '@angular/cdk/keycodes';
 
 // TODO: Figure out how to remove `mat-` classes from the CDK part of the
@@ -197,6 +198,73 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5",
             type: Injectable
         }] });
 
+/**
+ * @docs-private
+ */
+class _Schedule {
+    tasks = [];
+    endTasks = [];
+}
+/** Injection token used to provide a coalesced style scheduler. */
+const _COALESCED_STYLE_SCHEDULER = new InjectionToken('_COALESCED_STYLE_SCHEDULER');
+/**
+ * Allows grouping up CSSDom mutations after the current execution context.
+ * This can significantly improve performance when separate consecutive functions are
+ * reading from the CSSDom and then mutating it.
+ *
+ * @docs-private
+ */
+class _CoalescedStyleScheduler {
+    _currentSchedule = null;
+    _ngZone = inject(NgZone);
+    constructor() { }
+    /**
+     * Schedules the specified task to run at the end of the current VM turn.
+     */
+    schedule(task) {
+        this._createScheduleIfNeeded();
+        this._currentSchedule.tasks.push(task);
+    }
+    /**
+     * Schedules the specified task to run after other scheduled tasks at the end of the current
+     * VM turn.
+     */
+    scheduleEnd(task) {
+        this._createScheduleIfNeeded();
+        this._currentSchedule.endTasks.push(task);
+    }
+    _createScheduleIfNeeded() {
+        if (this._currentSchedule) {
+            return;
+        }
+        this._currentSchedule = new _Schedule();
+        this._ngZone.runOutsideAngular(() => 
+        // TODO(mmalerba): Scheduling this using something that runs less frequently
+        //  (e.g. requestAnimationFrame, setTimeout, etc.) causes noticeable jank with the column
+        //  resizer. We should audit the usages of schedule / scheduleEnd in that component and see
+        //  if we can refactor it so that we don't need to flush the tasks quite so frequently.
+        queueMicrotask(() => {
+            while (this._currentSchedule.tasks.length || this._currentSchedule.endTasks.length) {
+                const schedule = this._currentSchedule;
+                // Capture new tasks scheduled by the current set of tasks.
+                this._currentSchedule = new _Schedule();
+                for (const task of schedule.tasks) {
+                    task();
+                }
+                for (const task of schedule.endTasks) {
+                    task();
+                }
+            }
+            this._currentSchedule = null;
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: _CoalescedStyleScheduler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: _CoalescedStyleScheduler });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5", ngImport: i0, type: _CoalescedStyleScheduler, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
 /**
  * Provides an implementation for resizing a column.
  * The details of how resizing works for tables for flex mat-tables are quite different.
@@ -434,6 +502,7 @@ const PROVIDERS = [
     ColumnResizeNotifier,
     HeaderRowEventDispatcher,
     ColumnResizeNotifierSource,
+    { provide: _COALESCED_STYLE_SCHEDULER, useClass: _CoalescedStyleScheduler },
 ];
 const TABLE_PROVIDERS = [
     ...PROVIDERS,
@@ -613,6 +682,7 @@ class Resizable {
     overlayRef;
     destroyed = new Subject();
     columnSizeStore = inject(ColumnSizeStore, { optional: true });
+    _injector = inject(Injector);
     _viewInitialized = false;
     _isDestroyed = false;
     /** The minimum width to allow the column to be sized to. */
@@ -673,9 +743,7 @@ class Resizable {
         // of two table cells and is also useful for displaying a resize thumb
         // over both cells and extending it down the table as needed.
         const isRtl = this.directionality.value === 'rtl';
-        const positionStrategy = this.overlay
-            .position()
-            .flexibleConnectedTo(this.elementRef.nativeElement)
+        const positionStrategy = createFlexibleConnectedPositionStrategy(this._injector, this.elementRef.nativeElement)
             .withFlexibleDimensions(false)
             .withGrowAfterOpen(false)
             .withPush(false)
@@ -688,12 +756,12 @@ class Resizable {
                 overlayY: 'top',
             },
         ]);
-        return this.overlay.create({
+        return createOverlayRef(this._injector, {
             // Always position the overlay based on left-indexed coordinates.
             direction: 'ltr',
             disposeOnNavigation: true,
             positionStrategy,
-            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            scrollStrategy: createRepositionScrollStrategy(this._injector),
             width: '16px',
         });
     }
@@ -968,5 +1036,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0-next.5",
             type: Directive
         }] });
 
-export { COLUMN_RESIZE_OPTIONS, CdkColumnResize, CdkColumnResizeDefaultEnabledModule, CdkColumnResizeFlex, CdkColumnResizeModule, CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex, CdkFlexTableResizeStrategy, ColumnResize, ColumnResizeNotifier, ColumnResizeNotifierSource, ColumnSizeStore, FLEX_RESIZE_STRATEGY_PROVIDER, HeaderRowEventDispatcher, Resizable, ResizeOverlayHandle, ResizeRef, ResizeStrategy, TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER, TableLayoutFixedResizeStrategy };
+export { COLUMN_RESIZE_OPTIONS, CdkColumnResize, CdkColumnResizeDefaultEnabledModule, CdkColumnResizeFlex, CdkColumnResizeModule, CdkDefaultEnabledColumnResize, CdkDefaultEnabledColumnResizeFlex, CdkFlexTableResizeStrategy, ColumnResize, ColumnResizeNotifier, ColumnResizeNotifierSource, ColumnSizeStore, FLEX_RESIZE_STRATEGY_PROVIDER, HeaderRowEventDispatcher, Resizable, ResizeOverlayHandle, ResizeRef, ResizeStrategy, TABLE_LAYOUT_FIXED_RESIZE_STRATEGY_PROVIDER, TableLayoutFixedResizeStrategy, _COALESCED_STYLE_SCHEDULER, _CoalescedStyleScheduler, _Schedule };
 //# sourceMappingURL=column-resize.mjs.map