@warp-ds/elements 2.0.2-next.3 → 2.0.2-next.5

package/dist/index.js

@@ -3825,7 +3825,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";
@@ -3926,9 +3926,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({
@@ -3974,10 +3974,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,
@@ -4457,7 +4453,7 @@ if (!customElements.get("w-box")) {
 // packages/breadcrumbs/index.js
 import { html as html12 } from "lit";
 
-// node_modules/.pnpm/@warp-ds+core@1.1.7_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/breadcrumbs/index.js
+// node_modules/.pnpm/@warp-ds+core@1.1.8_@floating-ui+dom@1.6.10/node_modules/@warp-ds/core/dist/breadcrumbs/index.js
 function interleave(array, separator2) {
   return array.flatMap((el) => [el, separator2]).slice(0, -1);
 }
@@ -5754,6 +5750,11 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
       event.preventDefault();
     }
   }
+  // Fire a custom 'change' event, used when the dropdown changes state.
+  onChange({ target }) {
+    const event = new CustomEvent("change", { detail: target.value });
+    this.dispatchEvent(event);
+  }
   render() {
     return html24`<div class="${select.wrapper}">
       ${when(
@@ -5780,7 +5781,8 @@ var WarpSelect = class extends kebabCaseAttributes(WarpElement15) {
           aria-describedby="${ifDefined5(__privateGet(this, _WarpSelect_instances, helpId_get))}"
           aria-invalid="${ifDefined5(this.invalid)}"
           aria-errormessage="${ifDefined5(this.invalid && __privateGet(this, _WarpSelect_instances, helpId_get))}"
-          @keydown=${this.handleKeyDown}>
+          @keydown=${this.handleKeyDown}
+          @change=${this.onChange}>
           ${unsafeHTML(this._options)}
         </select>
         <div class="${__privateGet(this, _WarpSelect_instances, chevronClasses_get2)}">