adverich-kun-ui 0.1.524 → 0.1.525

package/dist/components/KunList/src/components/KunList.vue.js

@@ -1,4 +1,4 @@
-import { mergeModels as g, ref as v, useModel as D, provide as p, computed as B, onUpdated as C, createElementBlock as M, openBlock as S, mergeProps as I, withModifiers as E, renderSlot as L } from "vue";
+import { mergeModels as g, ref as v, useModel as D, provide as b, computed as h, onUpdated as B, createElementBlock as E, openBlock as I, mergeProps as S, renderSlot as M } from "vue";
 const R = {
   __name: "KunList",
   props: /* @__PURE__ */ g({
@@ -21,15 +21,15 @@ const R = {
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ g(["keyDown", "click:select", "update:selected"], ["update:selected"]),
-  setup(o, { expose: w, emit: b }) {
-    const c = o, a = b, f = v(null), s = v([]), i = D(o, "selected");
-    p("registerListItemRef", (e) => {
+  setup(o, { expose: p, emit: w }) {
+    const c = o, a = w, f = v(null), s = v([]), i = D(o, "selected");
+    b("registerListItemRef", (e) => {
       e ? e.isConnected && !s.value.includes(e) && (s.value.push(e), s.value.sort((t, n) => {
         const r = t.id ?? "", l = n.id ?? "";
         return r.localeCompare(l, void 0, { numeric: !0, sensitivity: "base" });
       })) : s.value = s.value.filter((t) => t && t.isConnected);
     });
-    const m = B(() => c.selectable && c.selectionMode === "multiple");
+    const m = h(() => c.selectable && c.selectionMode === "multiple");
     function y(e) {
       if (!(!c.selectable || e == null))
         if (m.value) {
@@ -38,20 +38,21 @@ const R = {
         } else
           i.value = e;
     }
-    C(() => {
+    B(() => {
       s.value = s.value.filter((e) => e && e.isConnected);
     });
-    function k(e) {
+    function A(e) {
       var t, n;
       return !c.selectable || e == null ? !1 : m.value ? (n = (t = i.value) == null ? void 0 : t.includes) == null ? void 0 : n.call(t, e) : i.value === e;
     }
-    p("kunListContext", {
+    b("kunListContext", {
       toggleItem: y,
-      isSelected: k
+      isSelected: A
     });
-    function A(e) {
+    function k(e) {
       var r;
-      a("keyDown", e);
+      if (a("keyDown", e), ["INPUT", "TEXTAREA"].includes(e.target.tagName) || e.target.isContentEditable)
+        return;
       const t = e.key, n = s.value.filter((l) => l && l.isConnected);
       if (!(!n.length || !["ArrowUp", "ArrowDown", "Enter"].includes(t))) {
         if (t === "Enter") {
@@ -61,7 +62,7 @@ const R = {
         }
         if (t === "ArrowUp" || t === "ArrowDown") {
           e.preventDefault();
-          const l = n.findIndex((x) => x === document.activeElement);
+          const l = n.findIndex((C) => C === document.activeElement);
           let d = -1;
           l === -1 ? d = t === "ArrowDown" ? 0 : n.length - 1 : t === "ArrowDown" ? d = (l + 1) % n.length : t === "ArrowUp" && (d = (l - 1 + n.length) % n.length);
           const u = n[d];
@@ -70,17 +71,17 @@ const R = {
         }
       }
     }
-    function h(e = "ArrowDown") {
+    function x(e = "ArrowDown") {
       var l;
       const t = s.value.filter(Boolean);
       if (!t.length) return;
       const n = e === "ArrowDown" ? 0 : t.length - 1, r = t[n];
       (l = r == null ? void 0 : r.focus) == null || l.call(r);
     }
-    return w({ focusWithKey: h, focus: () => {
+    return p({ focusWithKey: x, focus: () => {
       var e, t;
       return (t = (e = f.value) == null ? void 0 : e.focus) == null ? void 0 : t.call(e);
-    } }), (e, t) => (S(), M("ul", I({
+    } }), (e, t) => (I(), E("ul", S({
       ref_key: "ulRef",
       ref: f,
       role: "list",
@@ -95,10 +96,10 @@ const R = {
         }
       ]],
       tabindex: "-1",
-      onKeydown: E(A, ["prevent"]),
+      onKeydown: k,
       onSelect: t[0] || (t[0] = (n) => a("click:select", n.detail))
     }, e.$attrs), [
-      L(e.$slots, "default")
+      M(e.$slots, "default")
     ], 16));
   }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adverich-kun-ui",
-  "version": "0.1.524",
+  "version": "0.1.525",
   "type": "module",
   "description": "Una librería de componentes Vue.js con Tailwind CSS",
   "main": "dist/index.js",