adverich-kun-ui 0.1.14 → 0.1.15

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,49 @@
+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

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

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

@@ -0,0 +1,23 @@
+import { createElementBlock as e, openBlock as i, normalizeClass as n, toDisplayString as a } from "vue";
+const o = {
+  __name: "KunAppbarTitle",
+  props: {
+    title: String,
+    textSize: {
+      type: String,
+      default: "text-base"
+    },
+    fontWeight: {
+      type: String,
+      default: "font-medium"
+    }
+  },
+  setup(t) {
+    return (r, l) => (i(), e("div", {
+      class: n(["flex items-center min-w-0 truncate", [t.textSize, t.fontWeight]])
+    }, a(t.title), 3));
+  }
+};
+export {
+  o as default
+};

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

@@ -0,0 +1,140 @@
+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

@@ -0,0 +1,104 @@
+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

@@ -0,0 +1,119 @@
+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

@@ -0,0 +1,10 @@
+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
+};