adverich-kun-ui 0.1.212 → 0.1.214

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

@@ -159,7 +159,8 @@ const Ie = {
                 "onClick:select": t(P),
                 ref_key: "listRef",
                 ref: x,
-                onKeyDown: ne
+                onKeyDown: ne,
+                selectable: !0
               }, {
                 default: i(() => [
                   t(Y) ? (s(), d(_, { key: 0 }, {

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

@@ -1,15 +1,15 @@
-import { mergeModels as g, ref as w, useModel as D, provide as p, computed as B, createElementBlock as M, openBlock as S, mergeProps as I, withModifiers as E, renderSlot as L } from "vue";
-const R = {
+import { mergeModels as g, ref as b, useModel as D, provide as w, computed as B, createElementBlock as M, openBlock as S, mergeProps as I, withModifiers as E, renderSlot as L } from "vue";
+const K = ["selectable"], C = {
   __name: "KunList",
   props: /* @__PURE__ */ g({
     nav: Boolean,
     sub: Boolean,
     dense: Boolean,
-    selectable: { type: Boolean, default: !0 },
+    selectable: { type: Boolean, default: !1 },
     selectionMode: {
       type: String,
       default: "single",
-      validator: (o) => ["single", "multiple"].includes(o)
+      validator: (l) => ["single", "multiple"].includes(l)
     },
     bgList: {
       type: String,
@@ -27,9 +27,9 @@ const R = {
     selectedModifiers: {}
   }),
   emits: /* @__PURE__ */ g(["keyDown", "click:select", "update:selected"], ["update:selected"]),
-  setup(o, { expose: b, emit: y }) {
-    const u = o, a = y, f = w(null), c = w([]), s = D(o, "selected");
-    p("registerListItemRef", (e) => {
+  setup(l, { expose: y, emit: p }) {
+    const u = l, a = p, f = b(null), c = b([]), s = D(l, "selected");
+    w("registerListItemRef", (e) => {
       e && !c.value.includes(e) && c.value.push(e);
     });
     const m = B(() => u.selectable && u.selectionMode === "multiple");
@@ -45,7 +45,7 @@ const R = {
       var t, n;
       return !u.selectable || e == null ? !1 : m.value ? (n = (t = s.value) == null ? void 0 : t.includes) == null ? void 0 : n.call(t, e) : s.value === e;
     }
-    p("kunListContext", {
+    w("kunListContext", {
       toggleItem: v,
       isSelected: k
     });
@@ -55,15 +55,15 @@ const R = {
       const t = e.key, n = c.value.filter(Boolean);
       if (!(!n.length || !["ArrowUp", "ArrowDown", "Enter"].includes(t))) {
         if (t === "Enter") {
-          const l = document.activeElement;
-          (l == null ? void 0 : l.getAttribute("role")) === "menuitem" && l.click();
+          const o = document.activeElement;
+          (o == null ? void 0 : o.getAttribute("role")) === "menuitem" && o.click();
           return;
         }
         if (t === "ArrowUp" || t === "ArrowDown") {
           e.preventDefault();
-          const l = n.findIndex((x) => x === document.activeElement);
+          const o = n.findIndex((x) => x === 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);
+          o === -1 ? d = t === "ArrowDown" ? 0 : n.length - 1 : t === "ArrowDown" ? d = (o + 1) % n.length : t === "ArrowUp" && (d = (o - 1 + n.length) % n.length);
           const i = n[d];
           (r = i == null ? void 0 : i.focus) == null || r.call(i);
           return;
@@ -71,13 +71,13 @@ const R = {
       }
     }
     function h(e = "ArrowDown") {
-      var l;
+      var o;
       const t = c.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);
+      (o = r == null ? void 0 : r.focus) == null || o.call(r);
     }
-    return b({ focusWithKey: h, focus: () => {
+    return y({ focusWithKey: h, 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({
@@ -85,23 +85,24 @@ const R = {
       ref: f,
       role: "list",
       class: ["w-full kun-list", [
-        o.bgList,
-        o.borderColor,
+        l.bgList,
+        l.borderColor,
         {
-          "space-y-1": !o.dense,
-          "space-y-0.5": o.dense,
-          "pl-4 border-l-2": o.sub,
-          "p-2 rounded-md": o.nav
+          "space-y-1": !l.dense,
+          "space-y-0.5": l.dense,
+          "pl-4 border-l-2": l.sub,
+          "p-2 rounded-md": l.nav
         }
       ]],
       tabindex: "-1",
       onKeydown: E(A, ["prevent"]),
-      onSelect: t[0] || (t[0] = (n) => a("click:select", n.detail))
+      onSelect: t[0] || (t[0] = (n) => a("click:select", n.detail)),
+      selectable: l.selectable
     }, e.$attrs), [
       L(e.$slots, "default")
-    ], 16));
+    ], 16, K));
   }
 };
 export {
-  R as default
+  C as default
 };

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

@@ -39,6 +39,7 @@ const H = { class: "flex w-full items-center" }, J = {
       type: String,
       default: "bg-blue-100 text-blue-600 dark:bg-blue-900 dark:text-blue-300"
     },
+    selectable: { type: Boolean, default: !1 },
     variant: { type: String, default: "text" },
     density: { type: String, default: "default" },
     rounded: { type: [Boolean, String], default: !0 },
@@ -65,16 +66,16 @@ const H = { class: "flex w-full items-center" }, J = {
     }), F(() => {
       m && m(null);
     });
-    const g = (a) => typeof a == "object" || typeof a == "function", B = i(() => !!(t.prependIcon || t.prependAvatar)), A = i(() => !!(t.appendIcon || t.appendAvatar)), w = i(() => {
+    const y = (a) => typeof a == "object" || typeof a == "function", B = i(() => !!(t.prependIcon || t.prependAvatar)), A = i(() => !!(t.appendIcon || t.appendAvatar)), w = i(() => {
       var a;
       return ((a = o == null ? void 0 : o.isSelected) == null ? void 0 : a.call(o, t.value)) ?? !1;
     }), I = i(() => t.active), O = i(() => !!t.to);
-    function y(a, x = null) {
+    function g(a, x = null) {
       var v, p;
       if (t.disabled) return;
       N("click", a);
       const r = ((v = u.value) == null ? void 0 : v.$el) ?? u.value;
-      r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), o && t.value !== null && ((p = o.toggleItem) == null || p.call(o, t.value), r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), x && x(a);
+      r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("select", { detail: t.value, bubbles: !0 })), o && t.selectable && t.value !== null && ((p = o.toggleItem) == null || p.call(o, t.value), r != null && r.dispatchEvent && r.dispatchEvent(new CustomEvent("selected", { detail: t.value, bubbles: !0 }))), x && x(a);
     }
     const P = i(() => {
       switch (t.variant) {
@@ -111,7 +112,7 @@ const H = { class: "flex w-full items-center" }, J = {
       t.itemPosition,
       {
         "cursor-not-allowed opacity-50": t.disabled,
-        [`cursor-pointer ${t.hoverBg}`]: !t.disabled,
+        [`cursor-pointer ${t.hoverBg}`]: t.selectable && !t.disabled,
         [t.activeClass]: w.value || I.value,
         "px-4": !t.noGutters
       },
@@ -133,8 +134,8 @@ const H = { class: "flex w-full items-center" }, J = {
           "aria-disabled": e.disabled,
           tabindex: "-1",
           class: $.value,
-          onClick: (S) => y(S, v),
-          onKeydown: K(R((S) => y(S, v), ["prevent"]), ["enter"])
+          onClick: (S) => g(S, v),
+          onKeydown: K(R((S) => g(S, v), ["prevent"]), ["enter"])
         }, a.$attrs), {
           default: C(() => [
             b("div", H, [
@@ -145,7 +146,7 @@ const H = { class: "flex w-full items-center" }, J = {
                     src: e.prependAvatar,
                     class: "w-8 h-8 rounded-full"
                   }, null, 8, Q)) : s("", !0),
-                  g(e.prependIcon) ? (n(), c(f(e.prependIcon), {
+                  y(e.prependIcon) ? (n(), c(f(e.prependIcon), {
                     key: 1,
                     class: "w-5 h-5"
                   })) : e.prependIcon ? (n(), l("i", {
@@ -171,7 +172,7 @@ const H = { class: "flex w-full items-center" }, J = {
                     src: e.appendAvatar,
                     class: "w-8 h-8 rounded-full"
                   }, null, 8, Z)) : s("", !0),
-                  g(e.appendIcon) ? (n(), c(f(e.appendIcon), {
+                  y(e.appendIcon) ? (n(), c(f(e.appendIcon), {
                     key: 1,
                     class: "w-5 h-5"
                   })) : e.appendIcon ? (n(), l("i", {
@@ -195,8 +196,8 @@ const H = { class: "flex w-full items-center" }, J = {
       "aria-disabled": e.disabled,
       tabindex: "-1",
       class: $.value,
-      onClick: y,
-      onKeydown: K(R(y, ["prevent"]), ["enter"])
+      onClick: g,
+      onKeydown: K(R(g, ["prevent"]), ["enter"])
     }, a.$attrs), {
       default: C(() => [
         b("div", _, [
@@ -207,7 +208,7 @@ const H = { class: "flex w-full items-center" }, J = {
                 src: e.prependAvatar,
                 class: "w-8 h-8 rounded-full"
               }, null, 8, te)) : s("", !0),
-              g(e.prependIcon) ? (n(), c(f(e.prependIcon), {
+              y(e.prependIcon) ? (n(), c(f(e.prependIcon), {
                 key: 1,
                 class: "w-5 h-5"
               })) : e.prependIcon ? (n(), l("i", {
@@ -233,7 +234,7 @@ const H = { class: "flex w-full items-center" }, J = {
                 src: e.appendAvatar,
                 class: "w-8 h-8 rounded-full"
               }, null, 8, re)) : s("", !0),
-              g(e.appendIcon) ? (n(), c(f(e.appendIcon), {
+              y(e.appendIcon) ? (n(), c(f(e.appendIcon), {
                 key: 1,
                 class: "w-5 h-5"
               })) : e.appendIcon ? (n(), l("i", {

package/package.json

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