vlite3 1.3.4 → 1.3.5

package/components/Dropdown/Dropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as le, ref as i, computed as f, inject as ne, onMounted as oe, onUnmounted as ae, watch as M, provide as L, reactive as ie, toRefs as se, openBlock as V, createElementBlock as re, normalizeStyle as de, createVNode as P, unref as u, withCtx as m, createBlock as ue, normalizeClass as ce, createSlots as fe, renderSlot as v, normalizeProps as R, guardReactiveProps as W, createCommentVNode as me } from "vue";
+import { defineComponent as le, ref as i, computed as f, inject as ne, onMounted as oe, onUnmounted as ae, watch as M, provide as L, reactive as ie, toRefs as se, openBlock as V, createElementBlock as de, normalizeStyle as re, createVNode as P, unref as u, withCtx as m, createBlock as ue, normalizeClass as ce, createSlots as fe, renderSlot as v, normalizeProps as R, guardReactiveProps as W, createCommentVNode as me } from "vue";
 import ve from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import he from "./DropdownMenu.vue.js";
@@ -53,7 +53,7 @@ const xe = /* @__PURE__ */ le({
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
   setup(t, { emit: z }) {
-    const l = t, h = z, b = i(!1), y = i(null), r = i({
+    const l = t, h = z, b = i(!1), y = i(null), d = i({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
@@ -117,8 +117,8 @@ const xe = /* @__PURE__ */ le({
     );
     const c = f(() => {
       const e = [...S.value], o = new Set(e.map((n) => n.value ?? n.label));
-      return k.value.forEach((n, d) => {
-        o.has(d) || (e.unshift(n), o.add(d));
+      return k.value.forEach((n, r) => {
+        o.has(r) || (e.unshift(n), o.add(r));
       }), e;
     }), { selectedBuffer: k, isHydrating: K, hydrateSelected: E } = pe({
       fetchSelected: l.fetchSelected,
@@ -143,13 +143,13 @@ const xe = /* @__PURE__ */ le({
     );
     const _ = (e) => {
       if (l.disabled || l.readonly || e.disabled) return;
-      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? r.value = {
+      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? d.value = {
         title: e.confirmation.title || "Confirm Selection",
         description: e.confirmation.description || "Are you sure you want to select this option?",
         confirmText: e.confirmation.confirmText || "Confirm",
         cancelText: e.confirmation.cancelText || "Cancel",
         variant: e.confirmation.variant || "primary"
-      } : r.value = {
+      } : d.value = {
         title: "Confirm Selection",
         description: `Are you sure you want to select "${e.label}"?`,
         confirmText: "Confirm",
@@ -162,8 +162,8 @@ const xe = /* @__PURE__ */ le({
       k.value.has(o) || k.value.set(o, e);
       const n = Y(e);
       if (!l.isNested) {
-        const d = e._originalOption || e, a = d.value ?? d.label;
-        (e._path || [d]).forEach((T) => {
+        const r = e._originalOption || e, a = r.value ?? r.label;
+        (e._path || [r]).forEach((T) => {
           typeof T.onSelect == "function" && T.onSelect({
             value: a,
             option: T,
@@ -177,14 +177,15 @@ const xe = /* @__PURE__ */ le({
     }, te = () => {
       y.value = null, b.value = !1;
     };
-    return (e, o) => (V(), re("div", {
+    return (e, o) => (V(), de("div", {
       class: "relative inline-block text-left",
-      style: de({ direction: t.direction })
+      style: re({ direction: t.direction })
     }, [
       P(u(ve), {
         content: "",
         trigger: "click",
         arrow: !1,
+        disabled: t.disabled || t.readonly,
         teleport: t.teleport,
         offset: t.offset,
         placement: j.value,
@@ -283,14 +284,14 @@ const xe = /* @__PURE__ */ le({
           ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime"])) : me("", !0)
         ]),
         _: 3
-      }, 8, ["teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className", "styles"]),
+      }, 8, ["disabled", "teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className", "styles"]),
       P(ge, {
         show: b.value,
-        title: r.value.title,
-        description: r.value.description,
-        "confirm-text": r.value.confirmText,
-        "cancel-text": r.value.cancelText,
-        variant: r.value.variant,
+        title: d.value.title,
+        description: d.value.description,
+        "confirm-text": d.value.confirmText,
+        "cancel-text": d.value.cancelText,
+        variant: d.value.variant,
         onConfirm: ee,
         onCancel: te
       }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,7 +1,7 @@
 import o from "./DropdownMenu.vue2.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d7105497"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-1742cff5"]]);
 export {
-  _ as default
+  m as default
 };

package/components/Dropdown/DropdownMenu.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as ee, ref as j, computed as y, watch as E, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as i, createVNode as O, createCommentVNode as u, renderSlot as b, unref as r, normalizeStyle as se, normalizeClass as T, createElementVNode as k, toDisplayString as N, createBlock as h, Fragment as P, renderList as oe, withCtx as V, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
-import w from "../Icon.vue.js";
+import { defineComponent as ee, ref as j, computed as g, watch as T, onMounted as te, onBeforeUnmount as le, openBlock as o, createElementBlock as c, createVNode as O, createCommentVNode as f, renderSlot as k, unref as r, normalizeStyle as se, normalizeClass as E, createElementVNode as w, toDisplayString as N, createBlock as h, Fragment as P, renderList as oe, withCtx as V, createSlots as ne, mergeProps as re, nextTick as ae } from "vue";
+import p from "../Icon.vue.js";
 import ie from "../Input.vue.js";
 /* empty css            */
 import ce from "./DropdownItem.vue.js";
@@ -53,19 +53,19 @@ const ve = ["dir"], ye = {
   },
   emits: ["select", "close", "load-more", "search"],
   setup(a, { emit: D }) {
-    const t = a, m = D, _ = j(null), c = j(""), { getMenuId: z, getAllRecursiveIds: H } = me(), L = y(() => {
-      if (c.value && c.value.trim() !== "")
+    const t = a, m = D, _ = j(null), i = j(""), { getMenuId: z, getAllRecursiveIds: H } = me(), L = g(() => {
+      if (i.value && i.value.trim() !== "")
         return t.searchEmptyMessage ? t.searchEmptyMessage : `No results found for
-"${c.value}"`;
+"${i.value}"`;
       const e = $("vlite.dropdown.empty");
       return e !== "vlite.dropdown.empty" ? e : t.emptyMessage;
-    }), R = y(() => {
+    }), R = g(() => {
       const e = $("vlite.dropdown.search");
       return e !== "vlite.dropdown.search" ? e : "Search...";
-    }), f = y(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = y(() => t.searchable ? t.remote || (f.value.length || 0) > 5 || c.value.length > 0 : !1);
-    let p = null;
-    E(c, (e) => {
-      t.remote && (p && clearTimeout(p), p = setTimeout(() => {
+    }), u = g(() => t.options ? t.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), B = g(() => t.searchable ? i.value && i.value.trim() !== "" ? !0 : t.remote ? t.loading ? !0 : t.hasMore || (u.value.length || 0) > 5 : (u.value.length || 0) > 5 : !1);
+    let v = null;
+    T(i, (e) => {
+      t.remote && (v && clearTimeout(v), v = setTimeout(() => {
         e !== void 0 && m("search", e);
       }, t.debounceTime));
     });
@@ -75,7 +75,7 @@ const ve = ["dir"], ye = {
     }, x = (e, s) => {
       e.disabled || m("select", e);
     }, {
-      focusedIndex: g,
+      focusedIndex: b,
       isKeyboardMode: M,
       filteredOptions: F,
       handleKeyDown: C,
@@ -83,12 +83,12 @@ const ve = ["dir"], ye = {
       onMouseEnterItem: S,
       scrollToIndex: K
     } = fe({
-      options: f,
-      searchQuery: c,
+      options: u,
+      searchQuery: i,
       containerRef: _,
       emit: (e, ...s) => m(e, ...s),
       handleSelect: (e, s) => x(e)
-    }), v = y(() => t.remote ? c.value ? f.value : t.cachedOptions.length ? t.cachedOptions : f.value : F.value), U = (e) => {
+    }), y = g(() => t.remote ? i.value ? u.value : t.cachedOptions.length ? t.cachedOptions : u.value : F.value), U = (e) => {
       if (!(!t.selected || typeof t.selected != "object") && e.key && e.key in t.selected)
         return t.selected[e.key];
     }, q = (e) => e.disabled ? !1 : Array.isArray(t.selected) ? t.selected.includes(e.value) : t.selected && typeof t.selected == "object" && e.key ? t.selected[e.key] === e.value : t.selected === e.value, G = (e) => !e.key || !t.selected || typeof t.selected != "object" ? !1 : !!t.selected[e.key], J = (e, s) => {
@@ -117,27 +117,27 @@ const ve = ["dir"], ye = {
     }, W = async () => {
       await ae();
       let e = -1;
-      t.layout !== "grouped" && (t.selectedIndex !== null && t.selectedIndex >= 0 ? e = t.selectedIndex : t.selected !== void 0 && typeof t.selected != "object" && (e = f.value.findIndex((s) => s.value === t.selected)), e !== -1 && K(e));
+      t.layout !== "grouped" && (t.selectedIndex !== null && t.selectedIndex >= 0 ? e = t.selectedIndex : t.selected !== void 0 && typeof t.selected != "object" && (e = u.value.findIndex((s) => s.value === t.selected)), e !== -1 && K(e));
     };
-    E(
-      () => v.value,
+    T(
+      () => y.value,
       () => {
-        g.value = -1;
+        b.value = -1;
       }
     ), te(() => {
       W(), window.addEventListener("keydown", C);
     }), le(() => {
-      window.removeEventListener("keydown", C);
+      window.removeEventListener("keydown", C), v && clearTimeout(v), i.value && t.remote && m("search", "");
     });
     const X = (e) => e.labelI18n ? $(e.labelI18n) : e.label, Y = (e) => e.showChevron !== !1;
-    return (e, s) => (o(), i("div", {
+    return (e, s) => (o(), c("div", {
       class: "dropdown-menu w-full flex flex-col",
       dir: a.direction
     }, [
-      B.value ? (o(), i("div", ye, [
+      B.value ? (o(), c("div", ye, [
         O(ie, {
-          modelValue: c.value,
-          "onUpdate:modelValue": s[0] || (s[0] = (l) => c.value = l),
+          modelValue: i.value,
+          "onUpdate:modelValue": s[0] || (s[0] = (l) => i.value = l),
           placeholder: R.value,
           icon: "lucide:search",
           size: "sm",
@@ -149,17 +149,17 @@ const ve = ["dir"], ye = {
           "show-clear-button": !1,
           "data-testid": "dropdown-search-input"
         }, null, 8, ["modelValue", "placeholder"])
-      ])) : u("", !0),
-      e.$slots.header ? (o(), i("div", ge, [
-        b(e.$slots, "header", {}, void 0, !0)
-      ])) : u("", !0),
-      f.value.length > 0 || v.value.length === 0 ? (o(), i("div", {
+      ])) : f("", !0),
+      e.$slots.header ? (o(), c("div", ge, [
+        k(e.$slots, "header", {}, void 0, !0)
+      ])) : f("", !0),
+      u.value.length > 0 || y.value.length === 0 ? (o(), c("div", {
         key: 2,
         ref_key: "containerRef",
         ref: _,
         tabindex: B.value ? -1 : 0,
         role: "menu",
-        class: T([
+        class: E([
           "w-full p-1 space-y-0.5 overflow-y-auto overflow-x-hidden focus:outline-none flex-1 scrollbar-thin",
           t.class
         ]),
@@ -168,26 +168,26 @@ const ve = ["dir"], ye = {
         (...l) => r(I) && r(I)(...l)),
         onScroll: A
       }, [
-        !a.isCustomSlotMenu && v.value.length === 0 && !a.loading && !(f.value.length === 0 && e.$slots.menu) ? (o(), i("div", ke, [
-          O(w, {
+        !a.isCustomSlotMenu && y.value.length === 0 && !a.loading && !(u.value.length === 0 && e.$slots.menu) ? (o(), c("div", ke, [
+          O(p, {
             icon: "lucide:inbox",
             class: "w-8 h-8 mb-2 opacity-70"
           }),
-          k("span", null, N(L.value), 1)
-        ])) : u("", !0),
+          w("span", null, N(L.value), 1)
+        ])) : f("", !0),
         a.layout === "grouped" ? (o(), h(ue, {
           key: 1,
-          options: v.value,
+          options: y.value,
           selected: a.selected,
           selectable: a.selectable,
           columns: a.columns,
           onSelect: x
-        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), i(P, { key: 2 }, oe(v.value, (l, n) => (o(), i(P, { key: n }, [
-          l.label === "---" ? (o(), i("div", we)) : l.data?.isBoolean ? (o(), h(de, {
+        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), c(P, { key: 2 }, oe(y.value, (l, n) => (o(), c(P, { key: n }, [
+          l.label === "---" ? (o(), c("div", we)) : l.data?.isBoolean ? (o(), h(de, {
             key: 1,
             option: l,
             value: G(l),
-            focused: r(M) && r(g) === n,
+            focused: r(M) && r(b) === n,
             onChange: J,
             onMouseenter: (d) => r(S)(n)
           }, null, 8, ["option", "value", "focused", "onMouseenter"])) : l.children && l.children.length > 0 ? (o(), h(he, {
@@ -207,30 +207,30 @@ const ve = ["dir"], ye = {
             onOnSelect: (d) => Q(l, d)
           }, {
             trigger: V(() => [
-              k("div", {
+              w("div", {
                 tabindex: 0,
                 "data-dropdown-item": "",
-                class: T(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1", [
-                  r(M) && r(g) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
+                class: E(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-1 focus-visible:ring-primary focus-visible:ring-offset-1", [
+                  r(M) && r(b) === n ? "bg-accent text-accent-foreground" : "hover:bg-accent hover:text-accent-foreground",
                   l.disabled ? "opacity-50 cursor-not-allowed" : "",
                   l.triggerClass || l.class || ""
                 ]]),
                 onMouseenter: (d) => r(S)(n)
               }, [
-                k("div", xe, [
-                  l.icon || l.emoji ? (o(), h(w, {
+                w("div", xe, [
+                  l.icon || l.emoji ? (o(), h(p, {
                     key: 0,
                     icon: l.icon,
                     emoji: l.emoji,
                     class: "mr-2 h-4 w-4 shrink-0 mt-0.5"
-                  }, null, 8, ["icon", "emoji"])) : u("", !0),
-                  k("span", Me, N(X(l)), 1)
+                  }, null, 8, ["icon", "emoji"])) : f("", !0),
+                  w("span", Me, N(X(l)), 1)
                 ]),
-                Y(l) ? (o(), h(w, {
+                Y(l) ? (o(), h(p, {
                   key: 0,
                   icon: a.direction === "rtl" ? "lucide:chevron-left" : "lucide:chevron-right",
                   class: "h-4 w-4 text-muted-foreground shrink-0 ml-2"
-                }, null, 8, ["icon"])) : u("", !0)
+                }, null, 8, ["icon"])) : f("", !0)
               ], 42, pe)
             ]),
             _: 2
@@ -239,7 +239,7 @@ const ve = ["dir"], ye = {
             option: l,
             index: n,
             selected: q(l),
-            focused: r(M) && r(g) === n,
+            focused: r(M) && r(b) === n,
             selectable: a.selectable,
             onClick: (d) => x(l),
             onMouseenter: (d) => r(S)(n)
@@ -247,23 +247,23 @@ const ve = ["dir"], ye = {
             e.$slots.item ? {
               name: "default",
               fn: V((d) => [
-                b(e.$slots, "item", re({ ref_for: !0 }, d), void 0, !0)
+                k(e.$slots, "item", re({ ref_for: !0 }, d), void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["option", "index", "selected", "focused", "selectable", "onClick", "onMouseenter"]))
         ], 64))), 128)),
-        a.loading ? (o(), i("div", Se, [
-          O(w, {
+        a.loading ? (o(), c("div", Se, [
+          O(p, {
             icon: "lucide:loader-2",
             class: "w-4 h-4 animate-spin text-muted-foreground"
           })
-        ])) : u("", !0),
-        b(e.$slots, "menu", {}, void 0, !0)
-      ], 46, be)) : u("", !0),
-      e.$slots.footer ? (o(), i("div", Oe, [
-        b(e.$slots, "footer", {}, void 0, !0)
-      ])) : u("", !0)
+        ])) : f("", !0),
+        k(e.$slots, "menu", {}, void 0, !0)
+      ], 46, be)) : f("", !0),
+      e.$slots.footer ? (o(), c("div", Oe, [
+        k(e.$slots, "footer", {}, void 0, !0)
+      ])) : f("", !0)
     ], 8, ve));
   }
 });

package/components/Form/Form.vue.d.ts

@@ -37,6 +37,7 @@ interface Props {
     pageHeaderClass?: string;
     backButtonProps?: ButtonProps;
     backButtonPath?: string;
+    layout?: 'vertical' | 'inline';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -87,6 +88,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {
     footer: boolean;
     class: string;
     loading: boolean;
+    layout: "vertical" | "inline";
     isUpdate: boolean;
     folderId: string;
     className: string;

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-fdd38572"]]);
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d4325cd1"]]);
 export {
-  p as default
+  _ as default
 };