@varlet/ui 3.2.4 → 3.2.6-alpha.1713858357643

package/es/swipe/Swipe.mjs

@@ -231,6 +231,7 @@ const __sfc__ = defineComponent({
     let timer = -1;
     const swipeProvider = {
       size,
+      currentIndex: index,
       vertical
     };
     bindSwipeItems(swipeProvider);

package/es/swipe-item/SwipeItem.mjs

@@ -2,31 +2,29 @@ import { defineComponent, ref } from "vue";
 import { useSwipe } from "./provide.mjs";
 import { createNamespace } from "../utils/components.mjs";
 const { name, n } = createNamespace("swipe-item");
-import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { renderSlot as _renderSlot, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
+const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
+const _hoisted_1 = ["aria-hidden"];
 function __render__(_ctx, _cache) {
-  return _openBlock(), _createElementBlock(
-    "div",
-    {
-      class: _normalizeClass(_ctx.n()),
-      style: _normalizeStyle({
-        width: !_ctx.vertical ? `${_ctx.size}px` : void 0,
-        height: _ctx.vertical ? `${_ctx.size}px` : void 0,
-        transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.translate}px)`
-      })
-    },
-    [
-      _renderSlot(_ctx.$slots, "default")
-    ],
-    6
-    /* CLASS, STYLE */
-  );
+  return _openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.n()),
+    style: _normalizeStyle({
+      width: !_ctx.vertical ? `${_ctx.size}px` : void 0,
+      height: _ctx.vertical ? `${_ctx.size}px` : void 0,
+      transform: `translate${_ctx.vertical ? "Y" : "X"}(${_ctx.translate}px)`
+    }),
+    tabindex: "-1",
+    "aria-hidden": _ctx.currentIndex === _ctx.index ? "false" : "true"
+  }, [
+    _renderSlot(_ctx.$slots, "default")
+  ], 14, _hoisted_1);
 }
 const __sfc__ = defineComponent({
   name,
   setup() {
     const translate = ref(0);
     const { swipe, bindSwipe, index } = useSwipe();
-    const { size, vertical } = swipe;
+    const { size, currentIndex, vertical } = swipe;
     const swipeItemProvider = {
       index,
       setTranslate
@@ -38,6 +36,8 @@ const __sfc__ = defineComponent({
     return {
       n,
       size,
+      index,
+      currentIndex,
       vertical,
       translate
     };

package/es/switch/Switch.mjs

@@ -12,8 +12,9 @@ import { useEventListener } from "@varlet/use";
 const { name, n, classes } = createNamespace("switch");
 import { normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, pushScopeId as _pushScopeId, popScopeId as _popScopeId } from "vue";
 const _withScopeId = (n2) => (_pushScopeId(""), n2 = n2(), _popScopeId(), n2);
-const _hoisted_1 = ["tabindex"];
-const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
+const _hoisted_1 = ["aria-checked"];
+const _hoisted_2 = ["tabindex"];
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createElementVNode(
   "svg",
   { viewBox: "25 25 50 50" },
   [
@@ -27,97 +28,93 @@ const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ _createEle
   -1
   /* HOISTED */
 ));
-const _hoisted_3 = [
-  _hoisted_2
+const _hoisted_4 = [
+  _hoisted_3
 ];
 function __render__(_ctx, _cache) {
   const _component_var_hover_overlay = _resolveComponent("var-hover-overlay");
   const _component_var_form_details = _resolveComponent("var-form-details");
   const _directive_ripple = _resolveDirective("ripple");
   const _directive_hover = _resolveDirective("hover");
-  return _withDirectives((_openBlock(), _createElementBlock(
-    "div",
-    {
-      class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.variant, _ctx.n("--variant")]))
-    },
-    [
-      _createElementVNode(
-        "div",
-        {
-          ref: "switchRef",
-          class: _normalizeClass(_ctx.classes(_ctx.n("block"), [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")], [_ctx.isActive, _ctx.n("block--active")])),
-          style: _normalizeStyle(_ctx.styleComputed.switch),
-          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.switchActive && _ctx.switchActive(...args))
-        },
-        [
+  return _withDirectives((_openBlock(), _createElementBlock("div", {
+    class: _normalizeClass(_ctx.classes(_ctx.n(), [_ctx.variant, _ctx.n("--variant")])),
+    role: "switch",
+    "aria-checked": _ctx.modelValue
+  }, [
+    _createElementVNode(
+      "div",
+      {
+        ref: "switchRef",
+        class: _normalizeClass(_ctx.classes(_ctx.n("block"), [_ctx.disabled || _ctx.formDisabled, _ctx.n("--disabled")], [_ctx.isActive, _ctx.n("block--active")])),
+        style: _normalizeStyle(_ctx.styleComputed.switch),
+        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.switchActive && _ctx.switchActive(...args))
+      },
+      [
+        _createElementVNode(
+          "div",
+          {
+            style: _normalizeStyle(_ctx.styleComputed.track),
+            class: _normalizeClass(_ctx.classes(_ctx.n("track"), [_ctx.isActive, _ctx.n("track--active")], [_ctx.errorMessage && !_ctx.variant, _ctx.n("track--error")]))
+          },
+          null,
+          6
+          /* CLASS, STYLE */
+        ),
+        _withDirectives((_openBlock(), _createElementBlock("div", {
+          class: _normalizeClass(_ctx.classes(_ctx.n("ripple"), [_ctx.isActive, _ctx.n("ripple--active")])),
+          style: _normalizeStyle(_ctx.styleComputed.ripple),
+          tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
+          onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
+          onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
+        }, [
           _createElementVNode(
             "div",
             {
-              style: _normalizeStyle(_ctx.styleComputed.track),
-              class: _normalizeClass(_ctx.classes(_ctx.n("track"), [_ctx.isActive, _ctx.n("track--active")], [_ctx.errorMessage && !_ctx.variant, _ctx.n("track--error")]))
+              style: _normalizeStyle(_ctx.styleComputed.handle),
+              class: _normalizeClass(
+                _ctx.classes(
+                  _ctx.n("handle"),
+                  _ctx.n("$-elevation--2"),
+                  [_ctx.isActive, _ctx.n("handle--active")],
+                  [_ctx.errorMessage && !_ctx.variant, _ctx.n("handle--error")],
+                  [_ctx.hovering, _ctx.n("handle--hover")]
+                )
+              )
             },
-            null,
+            [
+              _ctx.loading ? (_openBlock(), _createElementBlock(
+                "span",
+                {
+                  key: 0,
+                  class: _normalizeClass(_ctx.n("loading")),
+                  style: _normalizeStyle({
+                    width: _ctx.radius,
+                    height: _ctx.radius
+                  })
+                },
+                [..._hoisted_4],
+                6
+                /* CLASS, STYLE */
+              )) : _createCommentVNode("v-if", true)
+            ],
             6
             /* CLASS, STYLE */
           ),
-          _withDirectives((_openBlock(), _createElementBlock("div", {
-            class: _normalizeClass(_ctx.classes(_ctx.n("ripple"), [_ctx.isActive, _ctx.n("ripple--active")])),
-            style: _normalizeStyle(_ctx.styleComputed.ripple),
-            tabindex: _ctx.disabled || _ctx.formDisabled ? void 0 : "0",
-            onFocus: _cache[0] || (_cache[0] = ($event) => _ctx.isFocusing = true),
-            onBlur: _cache[1] || (_cache[1] = ($event) => _ctx.isFocusing = false)
-          }, [
-            _createElementVNode(
-              "div",
-              {
-                style: _normalizeStyle(_ctx.styleComputed.handle),
-                class: _normalizeClass(
-                  _ctx.classes(
-                    _ctx.n("handle"),
-                    _ctx.n("$-elevation--2"),
-                    [_ctx.isActive, _ctx.n("handle--active")],
-                    [_ctx.errorMessage && !_ctx.variant, _ctx.n("handle--error")],
-                    [_ctx.hovering, _ctx.n("handle--hover")]
-                  )
-                )
-              },
-              [
-                _ctx.loading ? (_openBlock(), _createElementBlock(
-                  "span",
-                  {
-                    key: 0,
-                    class: _normalizeClass(_ctx.n("loading")),
-                    style: _normalizeStyle({
-                      width: _ctx.radius,
-                      height: _ctx.radius
-                    })
-                  },
-                  [..._hoisted_3],
-                  6
-                  /* CLASS, STYLE */
-                )) : _createCommentVNode("v-if", true)
-              ],
-              6
-              /* CLASS, STYLE */
-            ),
-            _createVNode(_component_var_hover_overlay, {
-              hovering: _ctx.hovering && !_ctx.disabled && !_ctx.formDisabled,
-              focusing: _ctx.isFocusing && !_ctx.disabled && !_ctx.formDisabled
-            }, null, 8, ["hovering", "focusing"])
-          ], 46, _hoisted_1)), [
-            [_directive_ripple, {
-              disabled: !_ctx.ripple || _ctx.disabled || _ctx.loading || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly
-            }]
-          ])
-        ],
-        6
-        /* CLASS, STYLE */
-      ),
-      _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
-    ],
-    2
-    /* CLASS */
-  )), [
+          _createVNode(_component_var_hover_overlay, {
+            hovering: _ctx.hovering && !_ctx.disabled && !_ctx.formDisabled,
+            focusing: _ctx.isFocusing && !_ctx.disabled && !_ctx.formDisabled
+          }, null, 8, ["hovering", "focusing"])
+        ], 46, _hoisted_2)), [
+          [_directive_ripple, {
+            disabled: !_ctx.ripple || _ctx.disabled || _ctx.loading || _ctx.formDisabled || _ctx.readonly || _ctx.formReadonly
+          }]
+        ])
+      ],
+      6
+      /* CLASS, STYLE */
+    ),
+    _createVNode(_component_var_form_details, { "error-message": _ctx.errorMessage }, null, 8, ["error-message"])
+  ], 10, _hoisted_1)), [
     [_directive_hover, _ctx.hover, "desktop"]
   ]);
 }

package/es/tooltip/Tooltip.mjs

@@ -44,7 +44,8 @@ function __render__(_ctx, _cache) {
                   "div",
                   {
                     style: _normalizeStyle({ background: _ctx.color, width: _ctx.sameWidth ? _ctx.toSizeUnit(Math.ceil(_ctx.hostSize.width)) : void 0 }),
-                    class: _normalizeClass(_ctx.classes(_ctx.n("content-container"), _ctx.n(`--${_ctx.type}`)))
+                    class: _normalizeClass(_ctx.classes(_ctx.n("content-container"), _ctx.n(`--${_ctx.type}`))),
+                    role: "tooltip"
                   },
                   [
                     _renderSlot(_ctx.$slots, "content", {}, () => [