@1337exp/taoui 1.10.3 → 1.10.4

package/dist/index.cjs

@@ -7259,6 +7259,7 @@
       let dragMoved = 0;
       let dragPointer = -1;
       let scrollFrame = 0;
+      let focusFrame = 0;
       let autoplayTimer = 0;
       const step = vue.computed(() => Math.max(1, Math.round(props.perView)));
       const lastIndex = vue.computed(() => Math.max(count.value - step.value, 0));
@@ -7367,18 +7368,32 @@
         hoverPaused.value = false;
         syncAutoplay();
       }
-      function onFocusIn() {
-        focusPaused.value = true;
-        stopAutoplay();
+      function hasKeyboardFocus(root) {
+        const active = document.activeElement;
+        if (!(active instanceof HTMLElement) || !root.contains(active)) {
+          return false;
+        }
+        try {
+          return active.matches(":focus-visible");
+        } catch {
+          return true;
+        }
       }
-      function onFocusOut(event) {
+      function scheduleFocusPause(event) {
         const root = event.currentTarget;
-        const next = event.relatedTarget;
-        if (next && root.contains(next)) {
-          return;
-        }
-        focusPaused.value = false;
-        syncAutoplay();
+        cancelAnimationFrame(focusFrame);
+        focusFrame = requestAnimationFrame(() => {
+          if (!track.value) {
+            return;
+          }
+          const next = hasKeyboardFocus(root);
+          focusPaused.value = next;
+          if (next) {
+            stopAutoplay();
+            return;
+          }
+          syncAutoplay();
+        });
       }
       function onScroll() {
         if (dragging.value) {
@@ -7515,6 +7530,7 @@
       vue.onBeforeUnmount(() => {
         endDrag();
         cancelAnimationFrame(scrollFrame);
+        cancelAnimationFrame(focusFrame);
         stopAutoplay();
         document.removeEventListener("visibilitychange", onVisibilityChange);
         window.removeEventListener("blur", onWindowBlur);
@@ -7526,8 +7542,8 @@
           style: vue.normalizeStyle(trackStyle.value),
           onMouseenter: onMouseEnter,
           onMouseleave: onMouseLeave,
-          onFocusin: onFocusIn,
-          onFocusout: onFocusOut
+          onFocusin: scheduleFocusPause,
+          onFocusout: scheduleFocusPause
         }, [
           vue.createElementVNode("div", _hoisted_1$4, [
             vue.renderSlot(_ctx.$slots, "prev", {
@@ -7650,7 +7666,7 @@
       };
     }
   });
-  const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bc396e5d"]]);
+  const TaoCarousel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-b4139b57"]]);
   const _hoisted_1$3 = ["aria-label"];
   const _hoisted_2$2 = ["aria-label"];
   const _hoisted_3$2 = {