adverich-kun-ui 0.1.30 → 0.1.32

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -1 +1,9 @@
-"use strict";const e=(t,r)=>{const o=t.__vccOpts||t;for(const[s,c]of r)o[s]=c;return o};module.exports=e;
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

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

@@ -1 +1,49 @@
-"use strict";const e=require("vue"),n={class:"h-svh top-0 left-0 bg-grey-900 w-full overflow-y-auto opacity-90",style:{position:"fixed","z-index":"2500"}},l={class:"rounded-lg px-16 py-14"},s={class:"flex justify-center py-4"},c={class:"rounded-full bg-red-200 p-6"},i={class:"text-center flex flex-col justify-center items-center bg-red-500 rounded-lg p-4"},a={key:0,class:"my-4 text-center text-3xl font-semibold"},d={class:"text-xl font-normal"},r={__name:"KunAlert",props:{modelValue:{type:Boolean,default:!1},title:{type:String,default:"Congratulation !!"},message:{type:String,default:"Your order have been taken and is being attended to"}},emits:["update:modelValue"],setup(t,{emit:u}){return(m,_)=>{const o=e.resolveComponent("KunIcon");return e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",l,[e.createElementVNode("div",s,[e.createElementVNode("div",c,[e.createVNode(o,{icon:"exclamation",size:"text-9xl"})])]),e.createElementVNode("div",i,[t.title?(e.openBlock(),e.createElementBlock("div",a,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),e.createElementVNode("div",d,e.toDisplayString(t.message),1)])])])}}};module.exports=r;
+import { resolveComponent as i, createElementBlock as o, openBlock as n, createElementVNode as e, createVNode as d, createCommentVNode as a, toDisplayString as s } from "vue";
+const c = {
+  class: "h-svh top-0 left-0 bg-grey-900 w-full overflow-y-auto opacity-90",
+  style: { position: "fixed", "z-index": "2500" }
+}, r = { class: "rounded-lg px-16 py-14" }, u = { class: "flex justify-center py-4" }, m = { class: "rounded-full bg-red-200 p-6" }, _ = { class: "text-center flex flex-col justify-center items-center bg-red-500 rounded-lg p-4" }, f = {
+  key: 0,
+  class: "my-4 text-center text-3xl font-semibold"
+}, p = { class: "text-xl font-normal" }, v = {
+  __name: "KunAlert",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: "Congratulation !!"
+    },
+    message: {
+      type: String,
+      default: "Your order have been taken and is being attended to"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(t, { emit: x }) {
+    return (y, g) => {
+      const l = i("KunIcon");
+      return n(), o("div", c, [
+        e("div", r, [
+          e("div", u, [
+            e("div", m, [
+              d(l, {
+                icon: "exclamation",
+                size: "text-9xl"
+              })
+            ])
+          ]),
+          e("div", _, [
+            t.title ? (n(), o("div", f, s(t.title), 1)) : a("", !0),
+            e("div", p, s(t.message), 1)
+          ])
+        ])
+      ]);
+    };
+  }
+};
+export {
+  v as default
+};

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

@@ -1 +1,127 @@
-"use strict";const e=require("vue"),o=require("../../../KunAppbarTitle/src/components/KunAppbarTitle.vue.js"),d={class:"flex items-center gap-2"},s={key:0,class:"flex-1 flex justify-center"},c={key:1,class:"flex-1 flex justify-end"},u={class:"flex items-center gap-2 ml-auto"},g={__name:"KunAppbar",props:{bgColor:{type:String,default:"bg-green-700"},title:{type:String,default:""},titleImage:{type:String,default:""},titleSize:{type:String,default:"text-base"},titleWeight:{type:String,default:"font-medium"},titlePosition:{type:String,default:"center",validator:t=>["left","center","right"].includes(t)},density:{type:String,default:"default"},elevation:{type:String,default:"md"},bordered:{type:Boolean,default:!1},showDrawerButton:{type:Boolean,default:!0}},setup(t){const i=t,a=e.computed(()=>{switch(i.density){case"comfortable":return"h-12 py-1";case"compact":return"h-10 py-0.5";default:return"h-14 py-2"}}),r=e.computed(()=>{const l=["sm","md","lg","xl","2xl"];return i.elevation==="none"||!l.includes(i.elevation)?"":`shadow-${i.elevation}`});return(l,n)=>(e.openBlock(),e.createElementBlock("header",{class:e.normalizeClass(["flex items-center px-4 w-full",[a.value,t.bgColor,r.value,t.bordered?"border-b border-gray-200":""]])},[e.createElementVNode("div",d,[e.renderSlot(l.$slots,"appbarButton",{},()=>[t.showDrawerButton?(e.openBlock(),e.createElementBlock("button",{key:0,class:"p-2 rounded-md hover:bg-white/10 transition",onClick:n[0]||(n[0]=m=>l.$emit("toggle-drawer"))},n[1]||(n[1]=[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",class:"h-5 w-5 text-white",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},[e.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 6h16M4 12h16M4 18h16"})],-1)]))):e.createCommentVNode("",!0)]),e.renderSlot(l.$slots,"prepend"),t.title&&t.titlePosition==="left"?(e.openBlock(),e.createBlock(o,{key:0,title:t.title,titleImage:t.titleImage,textSize:t.titleSize,fontWeight:t.titleWeight},null,8,["title","titleImage","textSize","fontWeight"])):e.createCommentVNode("",!0)]),t.title&&t.titlePosition==="center"?(e.openBlock(),e.createElementBlock("div",s,[e.createVNode(o,{title:t.title,titleImage:t.titleImage,textSize:t.titleSize,fontWeight:t.titleWeight},null,8,["title","titleImage","textSize","fontWeight"])])):e.createCommentVNode("",!0),t.title&&t.titlePosition==="right"?(e.openBlock(),e.createElementBlock("div",c,[e.createVNode(o,{title:t.title,titleImage:t.titleImage,textSize:t.titleSize,fontWeight:t.titleWeight},null,8,["title","titleImage","textSize","fontWeight"])])):e.createCommentVNode("",!0),e.createElementVNode("div",u,[e.renderSlot(l.$slots,"actions")])],2))}};module.exports=g;
+import { computed as u, createElementBlock as o, openBlock as i, normalizeClass as m, createElementVNode as a, createCommentVNode as r, renderSlot as s, createBlock as h, createVNode as g } from "vue";
+import d from "../../../KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
+const y = { class: "flex items-center gap-2" }, S = {
+  key: 0,
+  class: "flex-1 flex justify-center"
+}, w = {
+  key: 1,
+  class: "flex-1 flex justify-end"
+}, x = { class: "flex items-center gap-2 ml-auto" }, z = {
+  __name: "KunAppbar",
+  props: {
+    bgColor: {
+      type: String,
+      default: "bg-green-700"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    titleImage: {
+      type: String,
+      default: ""
+    },
+    titleSize: {
+      type: String,
+      default: "text-base"
+    },
+    titleWeight: {
+      type: String,
+      default: "font-medium"
+    },
+    titlePosition: {
+      type: String,
+      default: "center",
+      validator: (t) => ["left", "center", "right"].includes(t)
+    },
+    density: {
+      type: String,
+      default: "default"
+    },
+    elevation: {
+      type: String,
+      default: "md"
+    },
+    bordered: {
+      type: Boolean,
+      default: !1
+    },
+    showDrawerButton: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(t) {
+    const l = t, f = u(() => {
+      switch (l.density) {
+        case "comfortable":
+          return "h-12 py-1";
+        case "compact":
+          return "h-10 py-0.5";
+        default:
+          return "h-14 py-2";
+      }
+    }), c = u(() => {
+      const e = ["sm", "md", "lg", "xl", "2xl"];
+      return l.elevation === "none" || !e.includes(l.elevation) ? "" : `shadow-${l.elevation}`;
+    });
+    return (e, n) => (i(), o("header", {
+      class: m(["flex items-center px-4 w-full", [f.value, t.bgColor, c.value, t.bordered ? "border-b border-gray-200" : ""]])
+    }, [
+      a("div", y, [
+        s(e.$slots, "appbarButton", {}, () => [
+          t.showDrawerButton ? (i(), o("button", {
+            key: 0,
+            class: "p-2 rounded-md hover:bg-white/10 transition",
+            onClick: n[0] || (n[0] = (v) => e.$emit("toggle-drawer"))
+          }, n[1] || (n[1] = [
+            a("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              class: "h-5 w-5 text-white",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor"
+            }, [
+              a("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M4 6h16M4 12h16M4 18h16"
+              })
+            ], -1)
+          ]))) : r("", !0)
+        ]),
+        s(e.$slots, "prepend"),
+        t.title && t.titlePosition === "left" ? (i(), h(d, {
+          key: 0,
+          title: t.title,
+          titleImage: t.titleImage,
+          textSize: t.titleSize,
+          fontWeight: t.titleWeight
+        }, null, 8, ["title", "titleImage", "textSize", "fontWeight"])) : r("", !0)
+      ]),
+      t.title && t.titlePosition === "center" ? (i(), o("div", S, [
+        g(d, {
+          title: t.title,
+          titleImage: t.titleImage,
+          textSize: t.titleSize,
+          fontWeight: t.titleWeight
+        }, null, 8, ["title", "titleImage", "textSize", "fontWeight"])
+      ])) : r("", !0),
+      t.title && t.titlePosition === "right" ? (i(), o("div", w, [
+        g(d, {
+          title: t.title,
+          titleImage: t.titleImage,
+          textSize: t.titleSize,
+          fontWeight: t.titleWeight
+        }, null, 8, ["title", "titleImage", "textSize", "fontWeight"])
+      ])) : r("", !0),
+      a("div", x, [
+        s(e.$slots, "actions")
+      ])
+    ], 2));
+  }
+};
+export {
+  z as default
+};

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

@@ -1 +1,31 @@
-"use strict";const e=require("vue"),n=["src"],i={key:1},c={__name:"KunAppbarTitle",props:{title:String,titleImage:String,textSize:{type:String,default:"text-base"},fontWeight:{type:String,default:"font-medium"}},setup(t){return(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["flex items-center min-w-0 truncate",[t.textSize,t.fontWeight]])},[t.titleImage?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.titleImage,alt:"Logo",class:"h-6 object-contain"},null,8,n)):(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(t.title),1))],2))}};module.exports=c;
+import { createElementBlock as e, openBlock as i, normalizeClass as n, toDisplayString as a } from "vue";
+const l = ["src"], c = { key: 1 }, m = {
+  __name: "KunAppbarTitle",
+  props: {
+    title: String,
+    titleImage: String,
+    textSize: {
+      type: String,
+      default: "text-base"
+    },
+    fontWeight: {
+      type: String,
+      default: "font-medium"
+    }
+  },
+  setup(t) {
+    return (o, s) => (i(), e("div", {
+      class: n(["flex items-center min-w-0 truncate", [t.textSize, t.fontWeight]])
+    }, [
+      t.titleImage ? (i(), e("img", {
+        key: 0,
+        src: t.titleImage,
+        alt: "Logo",
+        class: "h-6 object-contain"
+      }, null, 8, l)) : (i(), e("span", c, a(t.title), 1))
+    ], 2));
+  }
+};
+export {
+  m as default
+};

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

@@ -1 +1,140 @@
-"use strict";const e=require("vue"),E=require("../composables/KunAutocompleteProps.js"),M=require("../composables/useAutocomplete.js");;/* empty css                      */const S=require("../../../../_virtual/_plugin-vue_export-helper.js"),A={class:"relative"},_=["close-on-content-click","max-height"],F={class:"w-full px-2 py-1"},q={__name:"KunAutocomplete",props:e.mergeModels(E,{modelValue:{default:null},modelModifiers:{},items:{default:[],type:Array},itemsModifiers:{}}),emits:e.mergeModels(["createItem"],["update:modelValue","update:items"]),setup(c,{emit:f}){const p=c;e.ref(0);const l=e.useModel(c,"modelValue"),a=e.useModel(c,"items"),v=f,{selectedItem:n,textFieldRef:k,menuModel:r,search:u,isCloseOnSelect:C,setSelectedItemValue:h,placeholder:V,openMenu:y,closeMenu:m,focusOnMenu:d,createItem:x,clearSelection:g}=M.useAutocomplete(p,v,l,a);e.watchEffect(()=>{isObject(l.value)&&!isNotEmpty(l.value)&&(n.value={}),isArray(l.value)&&!isNotEmpty(l.value)&&(n.value=[]),l.value===null&&(n.value=null),h()});function K(t){u.value="",l.value=t,m()}return(t,o)=>{const i=e.resolveComponent("KunIcon"),I=e.resolveComponent("KunTextField"),N=e.resolveComponent("KunBtn"),b=e.resolveComponent("KunListItem"),w=e.resolveComponent("KunVirtualScroller");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed opacity-10 w-svw inset-0 h-svh",onClick:o[0]||(o[0]=s=>r.value=!1)})):e.createCommentVNode("",!0),e.createElementVNode("div",A,[e.createVNode(I,{modelValue:e.unref(u),"onUpdate:modelValue":o[2]||(o[2]=s=>e.isRef(u)?u.value=s:null),ref_key:"textFieldRef",ref:k,placeholder:t.isArray(e.unref(n))&&e.unref(n).length?"":e.unref(V),onKeyup:e.withKeys(e.unref(d),["down"]),onClickInput:e.unref(y),onPressEsc:e.unref(m),onChange:o[3]||(o[3]=s=>console.log("change")),onFocusInput:e.unref(d)},e.createSlots({_:2},[t.hasIcons?{name:"append-inner",fn:e.withCtx(()=>[t.clearable&&e.unref(n)?(e.openBlock(),e.createBlock(i,{key:0,onClick:e.unref(g),size:"text-xl",color:"text-error",icon:"close",class:e.normalizeClass(["mr-1",t.isNotEmpty(e.unref(n))?"cursor-pointer":"cursor-default"]),disabled:!t.isNotEmpty(e.unref(n))},null,8,["onClick","class","disabled"])):e.createCommentVNode("",!0),e.createVNode(i,{color:"text-accent-button",size:"text-xl",class:"cursor-pointer",icon:e.unref(r)?"menuUp":"menuDown",onClick:o[1]||(o[1]=s=>r.value=!e.unref(r))},null,8,["icon"]),t.required?(e.openBlock(),e.createBlock(i,{key:1,color:"text-red-900",size:"text-lg",class:"mb-3",icon:"asterisk"})):e.createCommentVNode("",!0)]),key:"0"}:void 0]),1032,["modelValue","placeholder","onKeyup","onClickInput","onPressEsc","onFocusInput"]),e.withDirectives(e.createElementVNode("div",{class:"absolute h-fit left-0 w-full z-50 bg-surface rounded-b border border-field-border-focus ring-1 focus:ring-field-ring-focus","close-on-content-click":e.unref(C),"max-height":t.maxHeight},[e.createVNode(w,{items:a.value,search:e.unref(u),searchBy:"name",maxHeight:250},e.createSlots({default:e.withCtx(({item:s,itemKey:B})=>[e.createVNode(b,{item:s,itemKey:B,title:"name",cursor:"cursor-pointer",onSelect:K},null,8,["item","itemKey"])]),_:2},[t.hasCreateItem?{name:"topButton",fn:e.withCtx(()=>[e.createElementVNode("div",F,[e.createVNode(N,{onClick:e.unref(x),class:"w-full rounded-md bg-accent-button",size:"xs"},{default:e.withCtx(()=>o[4]||(o[4]=[e.createTextVNode("Crear item")])),_:1},8,["onClick"])])]),key:"0"}:void 0]),1032,["items","search"])],8,_),[[e.vShow,e.unref(r)]])])],64)}}},z=S(q,[["__scopeId","data-v-c3a2b846"]]);module.exports=z;
+import { mergeModels as K, ref as $, useModel as g, watchEffect as D, resolveComponent as u, createElementBlock as x, openBlock as a, Fragment as H, createCommentVNode as f, createElementVNode as v, unref as e, createVNode as c, withDirectives as L, withKeys as U, isRef as j, createSlots as C, withCtx as m, createBlock as I, normalizeClass as q, createTextVNode as G, vShow as J } from "vue";
+import Q from "../composables/KunAutocompleteProps.js";
+import { useAutocomplete as W } from "../composables/useAutocomplete.js";
+/* empty css                     */
+import X from "../../../../_virtual/_plugin-vue_export-helper.js";
+const Y = { class: "relative" }, Z = ["close-on-content-click", "max-height"], ee = { class: "w-full px-2 py-1" }, te = {
+  __name: "KunAutocomplete",
+  props: /* @__PURE__ */ K(Q, {
+    modelValue: { default: null },
+    modelModifiers: {},
+    items: { default: [], type: Array },
+    itemsModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["createItem"], ["update:modelValue", "update:items"]),
+  setup(d, { emit: b }) {
+    const V = d;
+    $(0);
+    const l = g(d, "modelValue"), y = g(d, "items"), w = b, {
+      selectedItem: n,
+      textFieldRef: E,
+      menuModel: s,
+      search: r,
+      isCloseOnSelect: M,
+      setSelectedItemValue: N,
+      placeholder: S,
+      openMenu: _,
+      closeMenu: h,
+      focusOnMenu: k,
+      createItem: B,
+      clearSelection: F
+    } = W(V, w, l, y);
+    D(() => {
+      isObject(l.value) && !isNotEmpty(l.value) && (n.value = {}), isArray(l.value) && !isNotEmpty(l.value) && (n.value = []), l.value === null && (n.value = null), N();
+    });
+    function z(t) {
+      r.value = "", l.value = t, h();
+    }
+    return (t, o) => {
+      const p = u("KunIcon"), A = u("KunTextField"), O = u("KunBtn"), P = u("KunListItem"), R = u("KunVirtualScroller");
+      return a(), x(H, null, [
+        e(s) ? (a(), x("div", {
+          key: 0,
+          class: "fixed opacity-10 w-svw inset-0 h-svh",
+          onClick: o[0] || (o[0] = (i) => s.value = !1)
+        })) : f("", !0),
+        v("div", Y, [
+          c(A, {
+            modelValue: e(r),
+            "onUpdate:modelValue": o[2] || (o[2] = (i) => j(r) ? r.value = i : null),
+            ref_key: "textFieldRef",
+            ref: E,
+            placeholder: t.isArray(e(n)) && e(n).length ? "" : e(S),
+            onKeyup: U(e(k), ["down"]),
+            onClickInput: e(_),
+            onPressEsc: e(h),
+            onChange: o[3] || (o[3] = (i) => console.log("change")),
+            onFocusInput: e(k)
+          }, C({ _: 2 }, [
+            t.hasIcons ? {
+              name: "append-inner",
+              fn: m(() => [
+                t.clearable && e(n) ? (a(), I(p, {
+                  key: 0,
+                  onClick: e(F),
+                  size: "text-xl",
+                  color: "text-error",
+                  icon: "close",
+                  class: q(["mr-1", t.isNotEmpty(e(n)) ? "cursor-pointer" : "cursor-default"]),
+                  disabled: !t.isNotEmpty(e(n))
+                }, null, 8, ["onClick", "class", "disabled"])) : f("", !0),
+                c(p, {
+                  color: "text-accent-button",
+                  size: "text-xl",
+                  class: "cursor-pointer",
+                  icon: e(s) ? "menuUp" : "menuDown",
+                  onClick: o[1] || (o[1] = (i) => s.value = !e(s))
+                }, null, 8, ["icon"]),
+                t.required ? (a(), I(p, {
+                  key: 1,
+                  color: "text-red-900",
+                  size: "text-lg",
+                  class: "mb-3",
+                  icon: "asterisk"
+                })) : f("", !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["modelValue", "placeholder", "onKeyup", "onClickInput", "onPressEsc", "onFocusInput"]),
+          L(v("div", {
+            class: "absolute h-fit left-0 w-full z-50 bg-surface rounded-b border border-field-border-focus ring-1 focus:ring-field-ring-focus",
+            "close-on-content-click": e(M),
+            "max-height": t.maxHeight
+          }, [
+            c(R, {
+              items: y.value,
+              search: e(r),
+              searchBy: "name",
+              maxHeight: 250
+            }, C({
+              default: m(({ item: i, itemKey: T }) => [
+                c(P, {
+                  item: i,
+                  itemKey: T,
+                  title: "name",
+                  cursor: "cursor-pointer",
+                  onSelect: z
+                }, null, 8, ["item", "itemKey"])
+              ]),
+              _: 2
+            }, [
+              t.hasCreateItem ? {
+                name: "topButton",
+                fn: m(() => [
+                  v("div", ee, [
+                    c(O, {
+                      onClick: e(B),
+                      class: "w-full rounded-md bg-accent-button",
+                      size: "xs"
+                    }, {
+                      default: m(() => o[4] || (o[4] = [
+                        G("Crear item")
+                      ])),
+                      _: 1
+                    }, 8, ["onClick"])
+                  ])
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["items", "search"])
+          ], 8, Z), [
+            [J, e(s)]
+          ])
+        ])
+      ], 64);
+    };
+  }
+}, re = /* @__PURE__ */ X(te, [["__scopeId", "data-v-c3a2b846"]]);
+export {
+  re as default
+};

package/dist/components/KunAutocomplete/src/composables/KunAutocompleteProps.js

@@ -1 +1,104 @@
-"use strict";const e={label:{type:String},itemValue:{type:String,default:""},itemTitle:{type:String,default:""},itemText:{type:String,default:""},itemSubtitle:{type:String,default:""},returnObject:{type:Boolean,default:!1},searchableKeys:{type:Array,default:[]},focusOnSelect:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},clearOnSelect:{type:Boolean,default:!1},clearSearchOnSelect:{type:Boolean,default:!0},closeOnSelect:{type:Boolean,default:!0},startEmtpy:{type:Boolean,default:!1},placeholderText:{type:String,default:"Seleccionar"},textNoItems:{type:String,default:"No hay elementos"},hasCreateItem:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},required:{type:Boolean,default:!1},maxHeight:{default:500},density:{type:String,default:"comfortable"},hideDetails:{type:Boolean,default:!0},hasIcons:{type:Boolean,default:!0},bgItemListColor:{type:String,default:"bg-transparent"},selectedColor:{type:String,default:"bg-primary"},attach:{type:Boolean,default:!1}};module.exports=e;
+const e = {
+  label: {
+    type: String
+  },
+  itemValue: {
+    type: String,
+    default: ""
+  },
+  itemTitle: {
+    type: String,
+    default: ""
+  },
+  itemText: {
+    type: String,
+    default: ""
+  },
+  itemSubtitle: {
+    type: String,
+    default: ""
+  },
+  returnObject: {
+    type: Boolean,
+    default: !1
+  },
+  searchableKeys: {
+    type: Array,
+    default: []
+  },
+  focusOnSelect: {
+    type: Boolean,
+    default: !1
+  },
+  clearable: {
+    type: Boolean,
+    default: !1
+  },
+  clearOnSelect: {
+    type: Boolean,
+    default: !1
+  },
+  clearSearchOnSelect: {
+    type: Boolean,
+    default: !0
+  },
+  closeOnSelect: {
+    type: Boolean,
+    default: !0
+  },
+  startEmtpy: {
+    type: Boolean,
+    default: !1
+  },
+  placeholderText: {
+    type: String,
+    default: "Seleccionar"
+  },
+  textNoItems: {
+    type: String,
+    default: "No hay elementos"
+  },
+  hasCreateItem: {
+    type: Boolean,
+    default: !1
+  },
+  multiple: {
+    type: Boolean,
+    default: !1
+  },
+  required: {
+    type: Boolean,
+    default: !1
+  },
+  // ***** STYLE ***** //
+  maxHeight: {
+    default: 500
+  },
+  density: {
+    type: String,
+    default: "comfortable"
+  },
+  hideDetails: {
+    type: Boolean,
+    default: !0
+  },
+  hasIcons: {
+    type: Boolean,
+    default: !0
+  },
+  bgItemListColor: {
+    type: String,
+    default: "bg-transparent"
+  },
+  selectedColor: {
+    type: String,
+    default: "bg-primary"
+  },
+  attach: {
+    type: Boolean,
+    default: !1
+  }
+};
+export {
+  e as default
+};

package/dist/components/KunAutocomplete/src/composables/useAutocomplete.js

@@ -1 +1,119 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),i=require("../utils/helpers.js");function R(t,g,l,b){const n=a.ref(null),y=a.ref(null),O=a.ref(null),v=a.ref(!1),c=a.ref(""),d=a.computed(()=>!t.searchableKeys.length),j=a.computed(()=>t.clearOnSelect);a.computed(()=>t.clearSearchOnSelect),a.computed(()=>t.focusOnSelect);const x=a.computed(()=>t.closeOnSelect);function T(){i.isArray(l.value)&&(l.value.length?n.value=b.value.filter(e=>i.isObject(e)?l.value.some(u=>u[t.itemTitle].includes(e[t.itemTitle])):l.value.some(u=>u.includes(e))):n.value=[]),(i.isObject(l.value)&&Object.keys(l.value).length||typeof l.value=="number"&&l.value||typeof l.value=="string"&&l.value||typeof l.value=="boolean")&&(n.value=b.value.find(e=>i.isObject(e)?t.returnObject?t.itemValue?e[t.itemValue]===l.value[t.itemValue]:e[t.itemTitle]===l.value[t.itemTitle]:e[t.itemValue]===l.value:e===l.value))}const m=a.computed(()=>n.value?i.isArray(n.value)?n.value.length?o(n.value,t.itemTitle,"hasDefault"):t.placeholderText:i.isObject(n.value)?o(n.value,t.itemTitle,"hasDefault"):n.value.toString():b.value.length?t.placeholderText:t.textNoItems),I=a.computed(()=>t.startEmtpy&&c.value.length<3?[]:b.value.filter(u=>{if(i.isObject(u)){const s=Object.values(u).filter(f=>{if(!i.isObject(f)&&!i.isArray(f))return f}),r=[u].reduce((f,D)=>t.searchableKeys.map(N=>D[N]),[]),S=d.value?s:r;return S?S.some(f=>f?f.toString().toLowerCase().includes(c.value.toLowerCase()):""):c.value?u==c.value:u}return u.toString().toLowerCase().includes(c.value.toLowerCase())}).slice(0,currentBatchStep.value)),A=a.computed(()=>t.itemText.includes(",")?t.itemText.split(","):t.itemText);function o(e,u,s){if(i.isObject(e)){if(u)return i.isArray(u)?u.map(r=>e[r]??"No definido").join(" - "):u.includes(",")?u.split(",").map(r=>e[r]).join(" - "):!t.returnObject&&typeof e[u]=="number"||e[u]?e[u].toString():"";if(s)return Object.values(e)[0]}return i.isArray(e)?t.returnObject?e.map(r=>r[u]).join(" - "):e.map(r=>r).join(" - "):s&&typeof e!="number"&&e.includes(",")?e.split(","):e}function C(e){let u=e[0];if(!t.multiple)n.value=e[0],t.returnObject&&(l.value=u),!t.returnObject&&i.isObject(u)&&(t.itemValue?l.value=u[t.itemValue]:l.value=Object.values(u)[0]),i.isObject(u)||(l.value=u),v.value=!1;else if(n.value||(n.value=[]),K(u))M(u),l.value=n.value;else{if(t.returnObject&&n.value.push(u),!t.returnObject&&i.isObject(u))if(t.itemValue)n.value.push(u[t.itemValue]);else{l.value=n.value.push(Object.values(u)[0]);return}l.value=n.value}j.value&&h(),y.value.focus()}function K(e){return n.value===null?!1:n.value.some(u=>t.returnObject?u[t.itemValue]===e[t.itemValue]:u===e[t.itemValue])}function M(e){if(t.returnObject){let u=n.value.find(r=>r[t.itemValue]===e[t.itemValue]),s=n.value.indexOf(u);n.value.splice(s,1)}else{let u=n.value.indexOf(e[t.itemValue]);n.value.splice(u,1)}}function k(e){e.key!=="Tab"&&(v.value=!0)}function w(e){j.value&&(v.value=!1)}function F(){v.value=!0,O.value&&O.value.focus()}function L(){v.value=!1,g("createItem")}function E(e){let u=n.value.indexOf(e);n.value.splice(u,1),l.value=n.value}function h(){c.value="",i.isArray(l.value)&&(n.value=[]),i.isObject(l.value)&&(n.value={}),typeof l.value=="number"&&l.value&&(n.value=0),typeof l.value=="string"&&l.value&&(n.value=""),typeof l.value=="boolean"&&(n.value=!1),l.value=n.value}function q(e){if(!e.disabledItem)return!1;if(e.disabledItem)return!0}return{selectedItem:n,textFieldRef:y,listRef:O,menuModel:v,search:c,isCloseOnSelect:x,isClearOnSelect:j,setSelectedItemValue:T,placeholder:m,filteredItems:I,textArr:A,itemToString:o,getSelectedItem:C,openMenu:k,closeMenu:w,focusOnMenu:F,createItem:L,removeItem:E,clearSelection:h,isDisabled:q}}exports.useAutocomplete=R;
+import { ref as O, computed as r } from "vue";
+import { isArray as b, isObject as i } from "../utils/helpers.js";
+function J(t, T, l, h) {
+  const n = O(null), o = O(null), y = O(null), v = O(!1), f = O(""), I = r(() => !t.searchableKeys.length), j = r(() => t.clearOnSelect);
+  r(() => t.clearSearchOnSelect), r(() => t.focusOnSelect);
+  const m = r(() => t.closeOnSelect);
+  function d() {
+    b(l.value) && (l.value.length ? n.value = h.value.filter(
+      (e) => i(e) ? l.value.some(
+        (u) => u[t.itemTitle].includes(e[t.itemTitle])
+      ) : l.value.some((u) => u.includes(e))
+    ) : n.value = []), (i(l.value) && Object.keys(l.value).length || typeof l.value == "number" && l.value || typeof l.value == "string" && l.value || typeof l.value == "boolean") && (n.value = h.value.find(
+      (e) => i(e) ? t.returnObject ? t.itemValue ? e[t.itemValue] === l.value[t.itemValue] : e[t.itemTitle] === l.value[t.itemTitle] : e[t.itemValue] === l.value : e === l.value
+    ));
+  }
+  const C = r(() => n.value ? b(n.value) ? n.value.length ? S(n.value, t.itemTitle, "hasDefault") : t.placeholderText : i(n.value) ? S(n.value, t.itemTitle, "hasDefault") : n.value.toString() : h.value.length ? t.placeholderText : t.textNoItems), K = r(() => t.startEmtpy && f.value.length < 3 ? [] : h.value.filter((u) => {
+    if (i(u)) {
+      const s = Object.values(u).filter((c) => {
+        if (!i(c) && !b(c))
+          return c;
+      }), a = [u].reduce((c, B) => t.searchableKeys.map((q) => B[q]), []), x = I.value ? s : a;
+      return x ? x.some(
+        (c) => c ? c.toString().toLowerCase().includes(f.value.toLowerCase()) : ""
+      ) : f.value ? u == f.value : u;
+    }
+    return u.toString().toLowerCase().includes(f.value.toLowerCase());
+  }).slice(0, currentBatchStep.value)), k = r(() => t.itemText.includes(",") ? t.itemText.split(",") : t.itemText);
+  function S(e, u, s) {
+    if (i(e)) {
+      if (u)
+        return b(u) ? u.map((a) => e[a] ?? "No definido").join(" - ") : u.includes(",") ? u.split(",").map((a) => e[a]).join(" - ") : !t.returnObject && typeof e[u] == "number" || e[u] ? e[u].toString() : "";
+      if (s)
+        return Object.values(e)[0];
+    }
+    return b(e) ? t.returnObject ? e.map((a) => a[u]).join(" - ") : e.map((a) => a).join(" - ") : s && typeof e != "number" && e.includes(",") ? e.split(",") : e;
+  }
+  function w(e) {
+    let u = e[0];
+    if (!t.multiple)
+      n.value = e[0], t.returnObject && (l.value = u), !t.returnObject && i(u) && (t.itemValue ? l.value = u[t.itemValue] : l.value = Object.values(u)[0]), i(u) || (l.value = u), v.value = !1;
+    else if (n.value || (n.value = []), A(u))
+      F(u), l.value = n.value;
+    else {
+      if (t.returnObject && n.value.push(u), !t.returnObject && i(u))
+        if (t.itemValue)
+          n.value.push(u[t.itemValue]);
+        else {
+          l.value = n.value.push(Object.values(u)[0]);
+          return;
+        }
+      l.value = n.value;
+    }
+    j.value && g(), o.value.focus();
+  }
+  function A(e) {
+    return n.value === null ? !1 : n.value.some(
+      (u) => t.returnObject ? u[t.itemValue] === e[t.itemValue] : u === e[t.itemValue]
+    );
+  }
+  function F(e) {
+    if (t.returnObject) {
+      let u = n.value.find(
+        (a) => a[t.itemValue] === e[t.itemValue]
+      ), s = n.value.indexOf(u);
+      n.value.splice(s, 1);
+    } else {
+      let u = n.value.indexOf(e[t.itemValue]);
+      n.value.splice(u, 1);
+    }
+  }
+  function L(e) {
+    e.key !== "Tab" && (v.value = !0);
+  }
+  function M(e) {
+    j.value && (v.value = !1);
+  }
+  function E() {
+    v.value = !0, y.value && y.value.focus();
+  }
+  function D() {
+    v.value = !1, T("createItem");
+  }
+  function N(e) {
+    let u = n.value.indexOf(e);
+    n.value.splice(u, 1), l.value = n.value;
+  }
+  function g() {
+    f.value = "", b(l.value) && (n.value = []), i(l.value) && (n.value = {}), typeof l.value == "number" && l.value && (n.value = 0), typeof l.value == "string" && l.value && (n.value = ""), typeof l.value == "boolean" && (n.value = !1), l.value = n.value;
+  }
+  function R(e) {
+    if (!e.disabledItem) return !1;
+    if (e.disabledItem) return !0;
+  }
+  return {
+    selectedItem: n,
+    textFieldRef: o,
+    listRef: y,
+    menuModel: v,
+    search: f,
+    isCloseOnSelect: m,
+    isClearOnSelect: j,
+    setSelectedItemValue: d,
+    placeholder: C,
+    filteredItems: K,
+    textArr: k,
+    itemToString: S,
+    getSelectedItem: w,
+    openMenu: L,
+    closeMenu: M,
+    focusOnMenu: E,
+    createItem: D,
+    removeItem: N,
+    clearSelection: g,
+    isDisabled: R
+  };
+}
+export {
+  J as useAutocomplete
+};

package/dist/components/KunAutocomplete/src/utils/helpers.js

@@ -1 +1,10 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(r){return r!==null&&typeof r=="object"&&!Array.isArray(r)}function e(r){return Array.isArray(r)}exports.isArray=e;exports.isObject=t;
+function t(r) {
+  return r !== null && typeof r == "object" && !Array.isArray(r);
+}
+function n(r) {
+  return Array.isArray(r);
+}
+export {
+  n as isArray,
+  t as isObject
+};