sit-onyx 1.4.0-dev-20251111093451 → 1.4.0-dev-20251111161847

package/dist/index.esm-bundler.js

@@ -878,12 +878,42 @@ const useOutsideClick = ({
   };
   useGlobalEventListener({ type: "mousedown", listener: clickListener, disabled });
   if (checkOnTab) {
-    const keydownListener = async (event) => {
+    const keydownListener = (event) => {
       if (event.key !== "Tab") return;
-      await new Promise((resolve) => setTimeout(resolve));
       if (isOutsideClick(document.activeElement)) {
         onOutsideClick(event);
       }
+      const controller = new AbortController();
+      const { signal } = controller;
+      const onFocusIn = (event2) => {
+        const target = event2.target;
+        if (isOutsideClick(target)) {
+          onOutsideClick(event2);
+        }
+        controller.abort();
+      };
+      const onWindowBlur = (event2) => {
+        if (isOutsideClick(document.activeElement)) {
+          onOutsideClick(event2);
+        }
+        controller.abort();
+      };
+      const onKeyUp = (e) => {
+        if (e.key === "Tab") controller.abort();
+      };
+      document.addEventListener("focusin", onFocusIn, {
+        once: true,
+        capture: true,
+        // Capture phase to handle before component focus handlers
+        signal
+      });
+      window.addEventListener("blur", onWindowBlur, { once: true, signal });
+      document.addEventListener("keyup", onKeyUp, {
+        once: true,
+        capture: true,
+        // Capture phase to prevent conflicts with prevented keydown
+        signal
+      });
     };
     useGlobalEventListener({ type: "keydown", listener: keydownListener, disabled });
   }
@@ -7084,7 +7114,7 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock(
     "div",
     {
-      class: "onyx-table-wrapper onyx-component",
+      class: normalizeClass(["onyx-component", "onyx-table-wrapper", $setup.densityClass]),
       style: normalizeStyle($setup.style)
     },
     [
@@ -7105,14 +7135,15 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       }, $props.scrollContainerAttrs), [
         createElementVNode("table", {
           ref: "tableRef",
-          class: normalizeClass(["onyx-table onyx-text", [
+          class: normalizeClass([
+            "onyx-table",
+            "onyx-text",
+            `onyx-table--cell-truncation-${$setup.props.truncation}`,
             {
               "onyx-table--striped": $setup.props.striped,
-              "onyx-table--vertical-borders": $setup.props.withVerticalBorders,
-              [`onyx-table--cell-truncation-${$setup.props.truncation}`]: true
-            },
-            $setup.densityClass
-          ]]),
+              "onyx-table--vertical-borders": $setup.props.withVerticalBorders
+            }
+          ]),
           "aria-labelledby": $setup.headlineId
         }, [
           (openBlock(true), createElementBlock(
@@ -7180,8 +7211,8 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ])) : createCommentVNode("v-if", true)
     ],
-    4
-    /* STYLE */
+    6
+    /* CLASS, STYLE */
   );
 }
 const OnyxTable = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$Y], ["__file", "/home/runner/work/onyx/onyx/packages/sit-onyx/src/components/OnyxTable/OnyxTable.vue"]]);