@angular/cdk 18.1.1 → 18.2.0-next.1

package/fesm2022/cdk.mjs

@@ -1,7 +1,7 @@
 import { Version } from '@angular/core';
 
 /** Current version of the Angular Component Development Kit. */
-const VERSION = new Version('18.1.1');
+const VERSION = new Version('18.2.0-next.1');
 
 export { VERSION };
 //# sourceMappingURL=cdk.mjs.map

package/fesm2022/cdk.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cdk.mjs","sources":["../../../../../../src/cdk/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.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Angular Component Development Kit. */\nexport const VERSION = new Version('18.1.1');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}
+{"version":3,"file":"cdk.mjs","sources":["../../../../../../src/cdk/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.io/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Angular Component Development Kit. */\nexport const VERSION = new Version('18.2.0-next.1');\n"],"names":[],"mappings":";;AAUA;MACa,OAAO,GAAG,IAAI,OAAO,CAAC,mBAAmB;;;;"}

package/fesm2022/coercion/private.mjs

@@ -0,0 +1,19 @@
+import { isObservable, of } from 'rxjs';
+
+/**
+ * Given either an Observable or non-Observable value, returns either the original
+ * Observable, or wraps it in an Observable that emits the non-Observable value.
+ */
+function coerceObservable(data) {
+    if (!isObservable(data)) {
+        return of(data);
+    }
+    return data;
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { coerceObservable };
+//# sourceMappingURL=private.mjs.map

package/fesm2022/coercion/private.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"private.mjs","sources":["../../../../../../../src/cdk/coercion/private/observable.ts","../../../../../../../src/cdk/coercion/private/private_public_index.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.io/license\n */\nimport {Observable, isObservable, of as observableOf} from 'rxjs';\n\n/**\n * Given either an Observable or non-Observable value, returns either the original\n * Observable, or wraps it in an Observable that emits the non-Observable value.\n */\nexport function coerceObservable<T>(data: T | Observable<T>): Observable<T> {\n  if (!isObservable(data)) {\n    return observableOf(data);\n  }\n  return data;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["observableOf"],"mappings":";;AASA;;;AAGG;AACG,SAAU,gBAAgB,CAAI,IAAuB,EAAA;AACzD,IAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;AACvB,QAAA,OAAOA,EAAY,CAAC,IAAI,CAAC,CAAC;KAC3B;AACD,IAAA,OAAO,IAAI,CAAC;AACd;;AClBA;;AAEG;;;;"}

package/fesm2022/drag-drop.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, Component, ViewEncapsulation, ChangeDetectionStrategy, inject, ApplicationRef, EnvironmentInjector, createComponent, Injectable, Inject, InjectionToken, booleanAttribute, Directive, Optional, SkipSelf, Input, EventEmitter, Injector, afterNextRender, Self, Output, NgModule } from '@angular/core';
+import { signal, Component, ViewEncapsulation, ChangeDetectionStrategy, inject, ApplicationRef, EnvironmentInjector, createComponent, Injectable, Inject, InjectionToken, booleanAttribute, Directive, Optional, SkipSelf, Input, EventEmitter, Injector, afterNextRender, numberAttribute, Self, Output, NgModule } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 import * as i1 from '@angular/cdk/scrolling';
 import { CdkScrollableModule } from '@angular/cdk/scrolling';
@@ -504,6 +504,11 @@ class DragRef {
          * pointer down before starting to drag the element.
          */
         this.dragStartDelay = 0;
+        /**
+         * If the parent of the dragged element has a `scale` transform, it can throw off the
+         * positioning when the user starts dragging. Use this input to notify the CDK of the scale.
+         */
+        this.scale = 1;
         this._disabled = false;
         /** Emits as the drag sequence is being prepared. */
         this.beforeStarted = new Subject();
@@ -1297,7 +1302,8 @@ class DragRef {
      * @param y New transform value along the Y axis.
      */
     _applyRootElementTransform(x, y) {
-        const transform = getTransform(x, y);
+        const scale = 1 / this.scale;
+        const transform = getTransform(x * scale, y * scale);
         const styles = this._rootElement.style;
         // Cache the previous transform amount only after the first drag sequence, because
         // we don't want our own transforms to stack on top of each other.
@@ -1619,6 +1625,7 @@ class SingleAxisSortStrategy {
                 : sibling.drag.getRootElement();
             // Update the offset to reflect the new position.
             sibling.offset += offset;
+            const transformAmount = Math.round(sibling.offset * (1 / sibling.drag.scale));
             // Since we're moving the items with a `transform`, we need to adjust their cached
             // client rects to reflect their new position, as well as swap their positions in the cache.
             // Note that we shouldn't use `getBoundingClientRect` here to update the cache, because the
@@ -1626,11 +1633,11 @@ class SingleAxisSortStrategy {
             if (isHorizontal) {
                 // Round the transforms since some browsers will
                 // blur the elements, for sub-pixel transforms.
-                elementToOffset.style.transform = combineTransforms(`translate3d(${Math.round(sibling.offset)}px, 0, 0)`, sibling.initialTransform);
+                elementToOffset.style.transform = combineTransforms(`translate3d(${transformAmount}px, 0, 0)`, sibling.initialTransform);
                 adjustDomRect(sibling.clientRect, 0, offset);
             }
             else {
-                elementToOffset.style.transform = combineTransforms(`translate3d(0, ${Math.round(sibling.offset)}px, 0)`, sibling.initialTransform);
+                elementToOffset.style.transform = combineTransforms(`translate3d(0, ${transformAmount}px, 0)`, sibling.initialTransform);
                 adjustDomRect(sibling.clientRect, offset, 0);
             }
         });
@@ -3191,6 +3198,11 @@ class CdkDrag {
         this._parentDrag = _parentDrag;
         this._destroyed = new Subject();
         this._handles = new BehaviorSubject([]);
+        /**
+         * If the parent of the dragged element has a `scale` transform, it can throw off the
+         * positioning when the user starts dragging. Use this input to notify the CDK of the scale.
+         */
+        this.scale = 1;
         /** Emits when the user starts dragging the item. */
         this.started = new EventEmitter();
         /** Emits when the user has released a drag item, before any animations have started. */
@@ -3247,6 +3259,10 @@ class CdkDrag {
         if (dropContainer) {
             this._dragRef._withDropContainer(dropContainer._dropListRef);
             dropContainer.addItem(this);
+            // The drop container reads this so we need to sync it here.
+            dropContainer._dropListRef.beforeStarted.pipe(takeUntil(this._destroyed)).subscribe(() => {
+                this._dragRef.scale = this.scale;
+            });
         }
         this._syncInputs(this._dragRef);
         this._handleEvents(this._dragRef);
@@ -3401,6 +3417,7 @@ class CdkDrag {
                     : null;
                 ref.disabled = this.disabled;
                 ref.lockAxis = this.lockAxis;
+                ref.scale = this.scale;
                 ref.dragStartDelay =
                     typeof dragStartDelay === 'object' && dragStartDelay
                         ? dragStartDelay
@@ -3539,7 +3556,7 @@ class CdkDrag {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: CdkDrag, deps: [{ token: i0.ElementRef }, { token: CDK_DROP_LIST, optional: true, skipSelf: true }, { token: DOCUMENT }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: CDK_DRAG_CONFIG, optional: true }, { token: i1$1.Directionality, optional: true }, { token: DragDrop }, { token: i0.ChangeDetectorRef }, { token: CDK_DRAG_HANDLE, optional: true, self: true }, { token: CDK_DRAG_PARENT, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.0", type: CdkDrag, isStandalone: true, selector: "[cdkDrag]", inputs: { data: ["cdkDragData", "data"], lockAxis: ["cdkDragLockAxis", "lockAxis"], rootElementSelector: ["cdkDragRootElement", "rootElementSelector"], boundaryElement: ["cdkDragBoundary", "boundaryElement"], dragStartDelay: ["cdkDragStartDelay", "dragStartDelay"], freeDragPosition: ["cdkDragFreeDragPosition", "freeDragPosition"], disabled: ["cdkDragDisabled", "disabled", booleanAttribute], constrainPosition: ["cdkDragConstrainPosition", "constrainPosition"], previewClass: ["cdkDragPreviewClass", "previewClass"], previewContainer: ["cdkDragPreviewContainer", "previewContainer"] }, outputs: { started: "cdkDragStarted", released: "cdkDragReleased", ended: "cdkDragEnded", entered: "cdkDragEntered", exited: "cdkDragExited", dropped: "cdkDragDropped", moved: "cdkDragMoved" }, host: { properties: { "class.cdk-drag-disabled": "disabled", "class.cdk-drag-dragging": "_dragRef.isDragging()" }, classAttribute: "cdk-drag" }, providers: [{ provide: CDK_DRAG_PARENT, useExisting: CdkDrag }], exportAs: ["cdkDrag"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.1.0", type: CdkDrag, isStandalone: true, selector: "[cdkDrag]", inputs: { data: ["cdkDragData", "data"], lockAxis: ["cdkDragLockAxis", "lockAxis"], rootElementSelector: ["cdkDragRootElement", "rootElementSelector"], boundaryElement: ["cdkDragBoundary", "boundaryElement"], dragStartDelay: ["cdkDragStartDelay", "dragStartDelay"], freeDragPosition: ["cdkDragFreeDragPosition", "freeDragPosition"], disabled: ["cdkDragDisabled", "disabled", booleanAttribute], constrainPosition: ["cdkDragConstrainPosition", "constrainPosition"], previewClass: ["cdkDragPreviewClass", "previewClass"], previewContainer: ["cdkDragPreviewContainer", "previewContainer"], scale: ["cdkDragScale", "scale", numberAttribute] }, outputs: { started: "cdkDragStarted", released: "cdkDragReleased", ended: "cdkDragEnded", entered: "cdkDragEntered", exited: "cdkDragExited", dropped: "cdkDragDropped", moved: "cdkDragMoved" }, host: { properties: { "class.cdk-drag-disabled": "disabled", "class.cdk-drag-dragging": "_dragRef.isDragging()" }, classAttribute: "cdk-drag" }, providers: [{ provide: CDK_DRAG_PARENT, useExisting: CdkDrag }], exportAs: ["cdkDrag"], usesOnChanges: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: CdkDrag, decorators: [{
             type: Directive,
@@ -3615,6 +3632,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
             }], previewContainer: [{
                 type: Input,
                 args: ['cdkDragPreviewContainer']
+            }], scale: [{
+                type: Input,
+                args: [{ alias: 'cdkDragScale', transform: numberAttribute }]
             }], started: [{
                 type: Output,
                 args: ['cdkDragStarted']