@warp-ds/elements 2.0.2-next.4 → 2.0.2-next.6

package/dist/packages/attention/index.js

@@ -2704,7 +2704,7 @@ var computePosition2 = (reference, floating, options) => {
   }));
 };
 
-// node_modules/.pnpm/@warp-ds+core@1.1.7_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
+// node_modules/.pnpm/@warp-ds+core@1.1.8_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/attention/utils/helpers.js
 var TOP_START = "top-start";
 var TOP = "top";
 var TOP_END = "top-end";
@@ -2805,9 +2805,9 @@ async function useRecompute(state) {
         // checks overflow to trigger a flip. When disabled, it will ignore overflow
         fallbackPlacements: state == null ? void 0 : state.fallbackPlacements
       }),
-      !(state == null ? void 0 : state.noArrow) && (state == null ? void 0 : state.arrowEl) && arrow2({ element: state == null ? void 0 : state.arrowEl }),
       (state == null ? void 0 : state.flip) && shift2({ crossAxis: true }),
       // shifts the attentionEl to make sure that it stays in view
+      !(state == null ? void 0 : state.noArrow) && (state == null ? void 0 : state.arrowEl) && arrow2({ element: state == null ? void 0 : state.arrowEl }),
       hide2(),
       // will hide the attentionEl when it appears detached from the targetEl. Can be called multiple times in the middleware-array if you want to use several strategies. Default strategy is 'referenceHidden'.
       size2({
@@ -2853,10 +2853,6 @@ async function useRecompute(state) {
         left = typeof arrowX === "number" ? `${arrowX}px` : "";
         top = typeof arrowY === "number" ? `${arrowY}px` : "";
       }
-      const { x: shiftX } = middlewareData.shift || {};
-      if (typeof shiftX === "number") {
-        left = typeof arrowX === "number" ? `${arrowX - shiftX}px` : left;
-      }
       Object.assign(arrowEl.style, {
         top,
         right,
@@ -3293,7 +3289,10 @@ ${JSON.stringify(Object.keys(opposites))}`);
 ${JSON.stringify(directions)}`
       );
     }
-    setTimeout(() => this.requestUpdate(), 0);
+    setTimeout(() => {
+      this.requestUpdate();
+      this.handleDone();
+    }, 0);
     if (!this.callout) {
       window.addEventListener("click", this.handleDone);
       window.addEventListener("scroll", this.handleDone);