@dnd-kit/dom 0.0.8 → 0.0.9-beta-20250205131546

package/index.cjs

@@ -381,9 +381,7 @@ var _Feedback = class _Feedback extends (_a = abstract.Plugin, _overlay_dec = [s
     __privateAdd(this, _Feedback_instances);
     __privateAdd(this, _overlay, __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
     this.state = {
-      initial: {
-        translate: { x: 0, y: 0 }
-      },
+      initial: {},
       current: {}
     };
     this.registerEffect(__privateMethod(this, _Feedback_instances, injectStyles_fn));
@@ -399,15 +397,13 @@ _init = __decoratorStart(_a);
 _overlay = new WeakMap();
 _Feedback_instances = new WeakSet();
 render_fn = function() {
-  var _a4, _b2;
+  var _a4, _b2, _c3;
   const { state: state$1, manager, options } = this;
   const { dragOperation } = manager;
   const { position, source, status } = dragOperation;
   if (status.idle) {
     state$1.current = {};
-    state$1.initial = {
-      translate: { x: 0, y: 0 }
-    };
+    state$1.initial = {};
     return;
   }
   if (!source) return;
@@ -464,9 +460,9 @@ render_fn = function() {
     };
     if (scaleDelta.x !== 1 || scaleDelta.y !== 1) {
       const { scaleX, scaleY } = elementFrameTransform;
-      const { x: tX, y: tY } = transformOrigin;
-      initial.coordinates.x += (width * scaleX - width) * tX;
-      initial.coordinates.y += (height * scaleY - height) * tY;
+      const { x: tX2, y: tY2 } = transformOrigin;
+      initial.coordinates.x += (width * scaleX - width) * tX2;
+      initial.coordinates.y += (height * scaleY - height) * tY2;
     }
   }
   if (!initial.dimensions) {
@@ -493,7 +489,10 @@ render_fn = function() {
   };
   feedbackElement.setAttribute(ATTRIBUTE, "true");
   const transform = state.untracked(() => dragOperation.transform);
-  const translateString = `${transform.x * frameTransform.scaleX + initial.translate.x}px ${transform.y * frameTransform.scaleY + initial.translate.y}px 0`;
+  const initialTranslate = (_b2 = initial.translate) != null ? _b2 : { x: 0, y: 0 };
+  const tX = transform.x * frameTransform.scaleX + initialTranslate.x;
+  const tY = transform.y * frameTransform.scaleY + initialTranslate.y;
+  const translateString = `${tX}px ${tY}px 0`;
   styles.set(
     {
       width,
@@ -520,26 +519,6 @@ render_fn = function() {
     utilities.showPopover(feedbackElement);
     feedbackElement.addEventListener("beforetoggle", preventPopoverClose);
   }
-  const actual = new utilities.DOMRectangle(feedbackElement, {
-    frameTransform,
-    ignoreTransforms: true
-  });
-  const offset = {
-    top: projected.top - actual.top,
-    left: projected.left - actual.left
-  };
-  if (Math.abs(offset.left) > 0.01 || Math.abs(offset.top) > 0.01) {
-    styles.set(
-      {
-        top: actual.top + offset.top,
-        left: actual.left + offset.left
-      },
-      CSS_PREFIX
-    );
-  } else {
-    offset.left = 0;
-    offset.top = 0;
-  }
   const resizeObserver = new ResizeObserver(() => {
     if (!placeholder) return;
     const placeholderShape = new utilities.DOMRectangle(placeholder, {
@@ -624,14 +603,16 @@ render_fn = function() {
     });
   }
   const cleanupEffect = state.effect(() => {
+    var _a5;
     const { transform: transform2, status: status2 } = dragOperation;
     if (!transform2.x && !transform2.y && !state$1.current.translate) {
       return;
     }
     if (status2.dragging) {
       const translateTransition = isKeyboardOperation ? "250ms cubic-bezier(0.25, 1, 0.5, 1)" : "0ms linear";
-      const x = transform2.x / frameTransform.scaleX + initial.translate.x;
-      const y = transform2.y / frameTransform.scaleY + initial.translate.y;
+      const initialTranslate2 = (_a5 = initial.translate) != null ? _a5 : { x: 0, y: 0 };
+      const x = transform2.x / frameTransform.scaleX + initialTranslate2.x;
+      const y = transform2.y / frameTransform.scaleY + initialTranslate2.y;
       styles.set(
         {
           transition: `${transition}, translate ${translateTransition}`,
@@ -646,7 +627,7 @@ render_fn = function() {
       };
     }
   });
-  const id = (_b2 = manager.dragOperation.source) == null ? void 0 : _b2.id;
+  const id = (_c3 = manager.dragOperation.source) == null ? void 0 : _c3.id;
   const restoreFocus = () => {
     var _a5;
     if (!isKeyboardOperation || id == null) {