vlite3 1.4.32 → 1.4.33

package/components/Dropdown/Dropdown.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as ae, ref as a, computed as f, inject as ie, onMounted as se, onUnmounted as re, watch as x, provide as L, reactive as de, toRefs as ue, openBlock as R, createElementBlock as ce, normalizeStyle as fe, createVNode as N, unref as u, withCtx as m, createBlock as me, normalizeClass as ve, createSlots as he, renderSlot as v, normalizeProps as z, guardReactiveProps as j, createCommentVNode as ye, createElementVNode as ge } from "vue";
-import be from "v-tooltip-lite";
+import { defineComponent as re, ref as a, computed as u, inject as de, onMounted as ue, onUnmounted as ce, watch as x, provide as L, reactive as fe, toRefs as me, openBlock as N, createElementBlock as ve, normalizeStyle as ye, createVNode as R, unref as c, withCtx as m, createBlock as j, normalizeClass as he, createSlots as ge, renderSlot as v, normalizeProps as z, guardReactiveProps as U, createCommentVNode as q, createElementVNode as be } from "vue";
+import Ce from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
-import Ce from "./DropdownMenu.vue.js";
-import pe from "./DropdownTrigger.vue.js";
-import Se from "../ConfirmationModal.vue.js";
-import { useDropdownIds as we } from "./composables/useDropdownIds.js";
-import { useDropdownSelection as Oe } from "./composables/useDropdownSelection.js";
-import { useDropdownHydration as $e } from "./composables/useDropdownHydration.js";
-const He = /* @__PURE__ */ ae({
+import pe from "./DropdownMenu.vue.js";
+import Se from "./DropdownTrigger.vue.js";
+import we from "../ConfirmationModal.vue.js";
+import { useDropdownIds as Oe } from "./composables/useDropdownIds.js";
+import { useDropdownSelection as $e } from "./composables/useDropdownSelection.js";
+import { useDropdownHydration as Ie } from "./composables/useDropdownHydration.js";
+const Ve = /* @__PURE__ */ re({
   __name: "Dropdown",
   props: {
     selected: {},
@@ -54,63 +54,65 @@ const He = /* @__PURE__ */ ae({
     trigger: { default: "click" }
   },
   emits: ["onSelect", "update:modelValue", "onOpen", "onClose", "update:isOpen", "load-more", "search"],
-  setup(t, { emit: U }) {
-    const l = t, h = U, b = a(!1), y = a(null), r = a({
+  setup(t, { emit: F }) {
+    const n = t, y = F, h = a(!1), g = a(null), G = u(() => n.doubleConfirmation || h.value ? !0 : (n.options ?? []).some(
+      (e) => typeof e == "object" && e !== null && !!e.confirmation
+    )), r = a({
       title: "Confirm Selection",
       description: "Are you sure you want to select this option?",
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), q = f(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), F = f(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), C = a(l.isOpen || !1), p = a(0), G = a(null), O = a(null), $ = () => {
+    }), J = u(() => n.position ? n.position : n.direction === "rtl" ? "bottom-end" : "bottom-start"), K = u(() => n.nestedPosition ? n.nestedPosition : n.direction === "rtl" ? "left-start" : "right-start"), C = a(n.isOpen || !1), p = a(0), Q = a(null), O = a(null), $ = () => {
       O.value && setTimeout(() => {
         O.value?.focus({ preventScroll: !0 });
       }, 10);
-    }, J = `dropdown-${Math.random().toString(36).substring(2, 9)}`, I = f(() => l.menuId || J), g = a([]), s = ie("dropdown-context", null), K = (e) => {
-      g.value.includes(e) || g.value.push(e), s?.registerChildId?.(e);
-    }, Q = (e) => {
-      g.value = g.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
+    }, X = `dropdown-${Math.random().toString(36).substring(2, 9)}`, I = u(() => n.menuId || X), b = a([]), s = de("dropdown-context", null), Y = (e) => {
+      b.value.includes(e) || b.value.push(e), s?.registerChildId?.(e);
+    }, Z = (e) => {
+      b.value = b.value.filter((o) => o !== e), s?.unregisterChildId?.(e);
     };
-    se(() => {
+    ue(() => {
       s?.registerChildId && s.registerChildId(`#${I.value}`);
-    }), re(() => {
+    }), ce(() => {
       s?.unregisterChildId && s.unregisterChildId(`#${I.value}`);
     }), x(
-      () => l.isOpen,
+      () => n.isOpen,
       (e) => {
         if (e !== void 0) {
-          if ((l.disabled || l.readonly) && e) return;
+          if ((n.disabled || n.readonly) && e) return;
           C.value = e;
         }
       }
     );
     const A = (e) => {
-      if (l.disabled || l.readonly) {
-        C.value = !1, h("update:isOpen", !1);
+      if (n.disabled || n.readonly) {
+        C.value = !1, y("update:isOpen", !1);
         return;
       }
-      C.value = e, h("update:isOpen", e), h(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
+      C.value = e, y("update:isOpen", e), y(e ? "onOpen" : "onClose"), s?.onChildToggle?.(e);
     }, S = () => {
       A(!1);
-    }, X = (e) => {
+    }, _ = (e) => {
       e ? p.value++ : p.value = Math.max(0, p.value - 1);
     };
     L("dropdown-context", {
       close: S,
       onChildToggle: (e) => {
-        X(e), s?.onChildToggle?.(e);
+        _(e), s?.onChildToggle?.(e);
       },
-      registerChildId: K,
-      unregisterChildId: Q
+      registerChildId: Y,
+      unregisterChildId: Z
     }), L("modal-context", null);
-    const k = f(() => l.options ? l.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), w = a([]), E = a(!1), T = a(!1);
+    const k = u(() => n.options ? n.options.map((e) => typeof e == "string" || typeof e == "number" ? { label: String(e), value: String(e) } : e) : []), w = a([]), E = a(!1), T = a(!1);
     x(
       k,
       (e) => {
         if (e) {
-          if (l.remote) {
+          if (n.remote) {
             const o = [...w.value];
-            e.forEach((n) => {
-              o.some((i) => i.value !== void 0 && n.value !== void 0 ? typeof i.value == "object" && i.key && n.key ? i.key === n.key && i.value[i.key] === n.value[n.key] : i.value === n.value : i.label === n.label) || o.push(n);
+            e.forEach((l) => {
+              o.some((i) => i.value !== void 0 && l.value !== void 0 ? typeof i.value == "object" && i.key && l.key ? i.key === l.key && i.value[i.key] === l.value[l.key] : i.value === l.value : i.label === l.label) || o.push(l);
             }), w.value = o;
           } else
             w.value = e;
@@ -121,24 +123,24 @@ const He = /* @__PURE__ */ ae({
       },
       { immediate: !0 }
     );
-    const c = f(() => {
-      const e = [...w.value], o = new Set(e.map((n) => n.value ?? n.label));
-      return B.value.forEach((n, d) => {
-        o.has(d) || (e.unshift(n), o.add(d));
+    const f = u(() => {
+      const e = [...w.value], o = new Set(e.map((l) => l.value ?? l.label));
+      return B.value.forEach((l, d) => {
+        o.has(d) || (e.unshift(l), o.add(d));
       }), e;
-    }), { selectedBuffer: B, isHydrating: Y, hydrateSelected: H } = $e({
-      fetchSelected: l.fetchSelected,
-      getAvailableOptions: () => c.value,
+    }), { selectedBuffer: B, isHydrating: ee, hydrateSelected: H } = Ie({
+      fetchSelected: n.fetchSelected,
+      getAvailableOptions: () => f.value,
       isReady: () => T.value
-    }), { getAllRecursiveIds: Z } = we(), _ = de({
-      ...ue(l),
-      options: c
-    }), { currentValue: M, selectedLabel: V, selectedIcon: W, selectOption: ee } = Oe(
-      _,
-      h
-    ), te = f(() => {
-      const e = l.ignoreClickOutside || [], o = Z(c.value);
-      return [.../* @__PURE__ */ new Set([...e, ...o, ...g.value])];
+    }), { getAllRecursiveIds: te } = Oe(), ne = fe({
+      ...me(n),
+      options: f
+    }), { currentValue: M, selectedLabel: V, selectedIcon: W, selectOption: le } = $e(
+      ne,
+      y
+    ), oe = u(() => {
+      const e = n.ignoreClickOutside || [], o = te(f.value);
+      return [.../* @__PURE__ */ new Set([...e, ...o, ...b.value])];
     });
     x(
       () => M.value,
@@ -147,9 +149,9 @@ const He = /* @__PURE__ */ ae({
       },
       { deep: !0 }
     );
-    const le = (e) => {
-      if (l.disabled || l.readonly || e.disabled) return;
-      l.doubleConfirmation || !!e.confirmation ? (y.value = e, typeof e.confirmation == "object" ? r.value = {
+    const ae = (e) => {
+      if (n.disabled || n.readonly || e.disabled) return;
+      n.doubleConfirmation || !!e.confirmation ? (g.value = e, typeof e.confirmation == "object" ? r.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",
@@ -161,50 +163,50 @@ const He = /* @__PURE__ */ ae({
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, b.value = !0, S()) : (D(e), l.closeOnSelect && (S(), $()));
+      }, h.value = !0, S()) : (D(e), n.closeOnSelect && (S(), $()));
     }, D = (e) => {
-      if (l.disabled || l.readonly || e.disabled) return;
+      if (n.disabled || n.readonly || e.disabled) return;
       const o = e.value ?? e.label;
       B.value.has(o) || B.value.set(o, e);
-      const n = ee(e);
-      if (!l.isNested) {
+      const l = le(e);
+      if (!n.isNested) {
         const d = e._originalOption || e, i = d.value ?? d.label;
         (e._path || [d]).forEach((P) => {
           typeof P.onSelect == "function" && P.onSelect({
             value: i,
             option: P,
-            data: c.value || [],
-            values: n
+            data: f.value || [],
+            values: l
           });
         });
       }
-    }, ne = () => {
-      y.value && (D(y.value), y.value = null, b.value = !1, $());
-    }, oe = () => {
-      y.value = null, b.value = !1, $();
+    }, ie = () => {
+      g.value && (D(g.value), g.value = null, h.value = !1, $());
+    }, se = () => {
+      g.value = null, h.value = !1, $();
     };
-    return (e, o) => (R(), ce("div", {
+    return (e, o) => (N(), ve("div", {
       class: "relative inline-block text-left",
-      style: fe({ direction: t.direction }),
+      style: ye({ direction: t.direction }),
       ref_key: "dropdownWrapper",
-      ref: G
+      ref: Q
     }, [
-      N(u(be), {
+      R(c(Ce), {
         content: "",
         trigger: t.trigger,
         arrow: !1,
         disabled: t.disabled || t.readonly,
         teleport: t.teleport,
         offset: t.offset,
-        placement: q.value,
+        placement: J.value,
         isOpen: C.value,
         keepAlive: p.value > 0,
         menuId: I.value,
-        ignoreClickOutside: te.value,
+        ignoreClickOutside: oe.value,
         class: "w-full flex!",
         className: "dropdown " + (t.className || "") + (t.variant === "transparent" ? " unstyled-dropdown" : "") + (t.variant === "secondary" ? " dropdown-secondary" : ""),
-        onOnShow: o[2] || (o[2] = (n) => e.$emit("onOpen")),
-        onOnHide: o[3] || (o[3] = (n) => e.$emit("onClose")),
+        onOnShow: o[2] || (o[2] = (l) => e.$emit("onOpen")),
+        onOnHide: o[3] || (o[3] = (l) => e.$emit("onClose")),
         "onUpdate:isOpen": A,
         triggerClass: "w-full flex items-center",
         styles: {
@@ -215,16 +217,16 @@ const He = /* @__PURE__ */ ae({
           ...t.variant === "transparent" ? { background: "transparent", border: "none", boxShadow: "none" } : {}
         }
       }, {
-        trigger: m(({ isOpen: n }) => [
-          v(e.$slots, "trigger", z(j({
-            selectedLabel: u(V),
-            selectedIcon: t.showSelectedIcon ? u(W) : void 0,
-            isOpen: n
+        trigger: m(({ isOpen: l }) => [
+          v(e.$slots, "trigger", z(U({
+            selectedLabel: c(V),
+            selectedIcon: t.showSelectedIcon ? c(W) : void 0,
+            isOpen: l
           })), () => [
-            N(pe, {
-              "selected-label": u(V),
-              "selected-icon": t.showSelectedIcon ? u(W) : void 0,
-              "is-open": n,
+            R(Se, {
+              "selected-label": c(V),
+              "selected-icon": t.showSelectedIcon ? c(W) : void 0,
+              "is-open": l,
               direction: t.direction,
               disabled: t.disabled,
               readonly: t.readonly,
@@ -234,34 +236,34 @@ const He = /* @__PURE__ */ ae({
           ])
         ]),
         default: m(() => [
-          !(t.disabled || t.readonly) && (k.value.length || c.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (R(), me(Ce, {
+          !(t.disabled || t.readonly) && (k.value.length || f.value.length || e.$slots.menu || e.$slots.item || e.$slots.default || t.remote || t.searchable) ? (N(), j(pe, {
             key: 0,
             options: k.value,
-            cachedOptions: c.value,
-            class: ve(t.className),
+            cachedOptions: f.value,
+            class: he(t.className),
             emptyMessage: t.emptyMessage,
             searchEmptyMessage: t.searchEmptyMessage,
-            selected: u(M),
+            selected: c(M),
             selectedIndex: t.selectedIndex,
             maxHeight: t.maxHeight,
-            nestedPosition: F.value,
+            nestedPosition: K.value,
             nestedOffset: t.nestedOffset,
             selectable: t.selectable,
             direction: t.direction,
             isCustomSlotMenu: !!e.$slots?.default || !!e.$slots?.menu,
             layout: t.layout,
             columns: t.columns,
-            loading: t.loading || u(Y),
+            loading: t.loading || c(ee),
             hasMore: t.hasMore,
             searchable: t.searchable,
             remote: t.remote,
             debounceTime: t.debounceTime,
             trigger: t.trigger,
-            onSelect: le,
+            onSelect: ae,
             onClose: S,
-            onLoadMore: o[0] || (o[0] = (n) => e.$emit("load-more")),
-            onSearch: o[1] || (o[1] = (n) => e.$emit("search", n))
-          }, he({ _: 2 }, [
+            onLoadMore: o[0] || (o[0] = (l) => e.$emit("load-more")),
+            onSearch: o[1] || (o[1] = (l) => e.$emit("search", l))
+          }, ge({ _: 2 }, [
             e.$slots.menu || e.$slots?.default ? {
               name: "menu",
               fn: m(() => [
@@ -272,8 +274,8 @@ const He = /* @__PURE__ */ ae({
             } : void 0,
             e.$slots.item ? {
               name: "item",
-              fn: m((n) => [
-                v(e.$slots, "item", z(j(n)))
+              fn: m((l) => [
+                v(e.$slots, "item", z(U(l)))
               ]),
               key: "1"
             } : void 0,
@@ -291,21 +293,22 @@ const He = /* @__PURE__ */ ae({
               ]),
               key: "3"
             } : void 0
-          ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime", "trigger"])) : ye("", !0)
+          ]), 1032, ["options", "cachedOptions", "class", "emptyMessage", "searchEmptyMessage", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "isCustomSlotMenu", "layout", "columns", "loading", "hasMore", "searchable", "remote", "debounceTime", "trigger"])) : q("", !0)
         ]),
         _: 3
       }, 8, ["trigger", "disabled", "teleport", "offset", "placement", "isOpen", "keepAlive", "menuId", "ignoreClickOutside", "className", "styles"]),
-      N(Se, {
-        show: b.value,
+      G.value ? (N(), j(we, {
+        key: 0,
+        show: h.value,
         title: r.value.title,
         description: r.value.description,
         "confirm-text": r.value.confirmText,
         "cancel-text": r.value.cancelText,
         variant: r.value.variant,
-        onConfirm: ne,
-        onCancel: oe
-      }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"]),
-      ge("span", {
+        onConfirm: ie,
+        onCancel: se
+      }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text", "variant"])) : q("", !0),
+      be("span", {
         ref_key: "focusTrapAfter",
         ref: O,
         tabindex: "-1",
@@ -316,5 +319,5 @@ const He = /* @__PURE__ */ ae({
   }
 });
 export {
-  He as default
+  Ve as default
 };

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,4 +1,4 @@
-import o from "./DropdownMenu.vue2.js";
+import o from "./DropdownMenu.vue3.js";
 /* empty css                  */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-173c7a02"]]);

package/components/Form/{AccordionView.vue2.js → AccordionView.vue.js}

@@ -1,5 +1,5 @@
 import o from "./AccordionView.vue3.js";
-/* empty css                  */
+/* empty css                   */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bb30cb10"]]);
 export {

package/components/Form/FormField.vue.js

@@ -69,7 +69,7 @@ const Be = /* @__PURE__ */ q({
       richTextEditor: t(se)
     }, P = t(s), e = d, h = j, o = (a, l) => {
       h("change", { value: a, data: l });
-    }, k = (a) => {
+    }, R = (a) => {
       h("change", { value: a });
     }, u = c(() => K(e.field, {
       values: e.values,
@@ -92,7 +92,7 @@ const Be = /* @__PURE__ */ q({
       }, y = X(
         e.field.placeholderI18n,
         e.field.placeholder
-      ), R = e.variant === "floating" && e.label && !e.floatingActive, f = R ? "" : y;
+      ), k = e.variant === "floating" && e.label && !e.floatingActive, f = k ? "" : y;
       if (a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || !a)
         return {
           ...i,
@@ -185,7 +185,7 @@ const Be = /* @__PURE__ */ q({
           triggerProps: {
             variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
             size: e.size,
-            ...R ? { text: "​" } : {}
+            ...k ? { text: "​" } : {}
           }
         };
       if (a === "multiSelect")
@@ -233,7 +233,7 @@ const Be = /* @__PURE__ */ q({
             variant: e.variant === "floating" ? "outline-floating" : e.variant || "outline",
             size: e.size,
             class: "px-3!",
-            ...R ? { text: "​" } : {}
+            ...k ? { text: "​" } : {}
           }
         };
       if (a === "dateRangePicker")
@@ -298,7 +298,8 @@ const Be = /* @__PURE__ */ q({
           modelValue: e.value || "#000000",
           variant: e.variant,
           size: e.size,
-          rounded: e.rounded
+          rounded: e.rounded,
+          allowReset: e.field.props?.allowReset ?? !1
         };
       if (a === "iconPicker")
         return {
@@ -342,14 +343,14 @@ const Be = /* @__PURE__ */ q({
     }), N = c(() => {
       const a = u.value;
       return a === "text" || a === "email" || a === "password" || a === "tel" || a === "url" || a === "search" || a === "textarea" || a === "switch" || a === "check" || !a ? {
-        "update:modelValue": k
+        "update:modelValue": R
       } : a === "number" && x.value ? {
         "update:modelValue": (l) => {
           const n = l === "" ? void 0 : Number(l);
           h("change", { value: isNaN(n) ? void 0 : n });
         }
       } : a === "number" ? {
-        "update:modelValue": k
+        "update:modelValue": R
       } : a === "select" ? {
         onSelect: (l) => {
           o(l.value, l.data);
@@ -381,7 +382,7 @@ const Be = /* @__PURE__ */ q({
           o(l);
         }
       } : a === "tags" ? {
-        "update:modelValue": k,
+        "update:modelValue": R,
         change: (l) => o(l)
       } : a === "richTextEditor" ? {
         "update:modelValue": (l) => o(l)

package/components/Form/index.vue2.js

@@ -1,6 +1,6 @@
 import { defineComponent as b, computed as d, openBlock as n, createElementBlock as g, createElementVNode as R, createBlock as r, withCtx as x, createTextVNode as k, toDisplayString as I, createCommentVNode as v, unref as l } from "vue";
 import B from "./TableView.vue.js";
-import C from "./AccordionView.vue2.js";
+import C from "./AccordionView.vue.js";
 import U from "../Label.vue.js";
 import N from "../Button.vue.js";
 import { useCustomFieldRows as V } from "./composables/useCustomFieldRows.js";

package/components/Kanban/Kanban.vue.d.ts

@@ -32,12 +32,26 @@ declare const __VLS_component: import('vue').DefineComponent<KanbanProps, {}, {}
     change: (payload: KanbanChangeEvent) => any;
     move: (payload: KanbanMoveEvent) => any;
     "update:data": (val: Record<string | number, any[]>) => any;
-    "item-moved": (itemId: string | number, toColumnId: string | number, newPosition: number, item: any) => any;
+    "item-move-failed": (payload: {
+        itemId: string | number;
+        toColumnId: string | number;
+        fromColumnId: string | number;
+        newPosition: number;
+        item: any;
+        error: unknown;
+    }) => any;
 }, string, import('vue').PublicProps, Readonly<KanbanProps> & Readonly<{
     onChange?: (payload: KanbanChangeEvent) => any;
     onMove?: (payload: KanbanMoveEvent) => any;
     "onUpdate:data"?: (val: Record<string | number, any[]>) => any;
-    "onItem-moved"?: (itemId: string | number, toColumnId: string | number, newPosition: number, item: any) => any;
+    "onItem-move-failed"?: (payload: {
+        itemId: string | number;
+        toColumnId: string | number;
+        fromColumnId: string | number;
+        newPosition: number;
+        item: any;
+        error: unknown;
+    }) => any;
 }>, {
     class: string;
     group: string;

package/components/Kanban/Kanban.vue.js

@@ -1,7 +1,7 @@
 import o from "./Kanban.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-52c07c6d"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2dd0633e"]]);
 export {
-  m as default
+  p as default
 };