vlite3 1.4.32 → 1.4.34

package/components/Kanban/types.d.ts

@@ -38,6 +38,36 @@ export interface KanbanMoveEvent {
     oldIndex: number;
     newIndex: number;
 }
+/**
+ * Extra context passed as the 5th argument to `onItemMoved` / `@item-moved`.
+ * `revert()` restores the card to its pre-drop column and index immediately.
+ */
+export interface KanbanItemMovedMeta {
+    fromColumnId: string | number;
+    oldIndex: number;
+    newIndex: number;
+    previousPosition: any;
+    /** Imperative escape hatch — usually unnecessary; the board auto-reverts on reject/false. */
+    revert: () => void;
+}
+/**
+ * Async move handler. Return a Promise that settles when the server confirms.
+ *
+ * - resolve / return `void` | `true` → keep the optimistic placement
+ * - return `false` → auto-revert the card to its previous column/index
+ * - reject / throw → auto-revert (same as `false`)
+ *
+ * Bound via `:on-item-moved` or `@item-moved` (both map to this prop).
+ */
+export type KanbanItemMovedHandler = (itemId: string | number, toColumnId: string | number, newPosition: number, item: any, meta: KanbanItemMovedMeta) => void | boolean | Promise<void | boolean>;
+export interface KanbanItemMoveFailedPayload {
+    itemId: string | number;
+    toColumnId: string | number;
+    fromColumnId: string | number;
+    newPosition: number;
+    item: any;
+    error: unknown;
+}
 export interface KanbanProps {
     columns: KanbanColumn[];
     group?: string;
@@ -61,4 +91,11 @@ export interface KanbanProps {
      * Example: :is-item-disabled="(item) => item.locked === true"
      */
     isItemDisabled?: (item: any) => boolean;
+    /**
+     * Called after an optimistic drop. Await a mutation here — if it rejects
+     * (or returns `false`), the board automatically moves the card back.
+     *
+     * Use `@item-moved` or `:on-item-moved` — both bind this prop.
+     */
+    onItemMoved?: KanbanItemMovedHandler;
 }

package/components/QRCode/QRCode.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as h, ref as v, computed as c, watchEffect as y, openBlock as s, createElementBlock as u, normalizeStyle as x, toDisplayString as z, createCommentVNode as C } from "vue";
-import _ from "qrcode";
-const U = ["src", "alt"], k = {
+import { defineComponent as x, ref as g, computed as s, watchEffect as R, openBlock as u, createElementBlock as f, normalizeStyle as U, toDisplayString as z, createCommentVNode as C } from "vue";
+import { resolveModuleRuntime as _ } from "../../utils/UtilsModuleInterop.js";
+const k = ["src", "alt"], L = {
   key: 1,
   class: "text-[10px] text-danger text-center leading-tight px-1"
-}, R = /* @__PURE__ */ h({
+}, Q = /* @__PURE__ */ x({
   __name: "QRCode",
   props: {
     value: {},
@@ -15,19 +15,19 @@ const U = ["src", "alt"], k = {
     alt: { default: "QR Code" },
     color: {}
   },
-  setup(f) {
-    const e = f, n = v(""), r = v("");
-    let o = 0;
-    const l = c(() => {
+  setup(m) {
+    const e = m, a = g(""), r = g("");
+    let l = 0;
+    const i = s(() => {
       const t = e.value || "";
       return /^data:image\//i.test(t) ? t : "";
     });
-    y(async () => {
-      const t = ++o;
-      n.value = "", r.value = "";
-      const i = e.value?.trim() || "", p = e.imageUrl || l.value;
-      if (!i || p) return;
-      const m = {
+    R(async () => {
+      const t = ++l;
+      a.value = "", r.value = "";
+      const c = e.value?.trim() || "", y = e.imageUrl || i.value;
+      if (typeof window > "u" || !c || y) return;
+      const v = {
         errorCorrectionLevel: e.errorCorrectionLevel,
         margin: e.margin,
         color: {
@@ -35,34 +35,39 @@ const U = ["src", "alt"], k = {
           light: e.color?.light || "#ffffffff"
         }
       };
-      typeof e.size == "number" && (m.width = e.size * e.scale);
+      typeof e.size == "number" && (v.width = e.size * e.scale);
       try {
-        const a = await _.toDataURL(i, m);
-        t === o && (n.value = a);
-      } catch (a) {
-        t === o && (r.value = a instanceof Error ? a.message : "Failed to render QR code");
+        const o = await import("qrcode"), p = _(
+          o,
+          (n) => !!(n && typeof n == "object" && "toDataURL" in n && typeof n.toDataURL == "function")
+        );
+        if (!p) throw new Error("The QR code runtime is unavailable.");
+        const w = await p.toDataURL(c, v);
+        t === l && (a.value = w);
+      } catch (o) {
+        t === l && (r.value = o instanceof Error ? o.message : "Failed to render QR code");
       }
     });
-    const d = c(() => e.imageUrl ? e.imageUrl : l.value ? l.value : n.value), g = c(() => {
+    const d = s(() => e.imageUrl ? e.imageUrl : i.value ? i.value : a.value), h = s(() => {
       const t = typeof e.size == "number" ? `${e.size}px` : e.size;
       return {
         width: t,
         height: t
       };
     });
-    return (t, i) => (s(), u("div", {
+    return (t, c) => (u(), f("div", {
       class: "inline-flex justify-center items-center max-w-full",
-      style: x(g.value)
+      style: U(h.value)
     }, [
-      d.value ? (s(), u("img", {
+      d.value ? (u(), f("img", {
         key: 0,
         src: d.value,
-        alt: f.alt,
+        alt: m.alt,
         class: "w-full h-full object-contain pointer-events-none"
-      }, null, 8, U)) : r.value ? (s(), u("span", k, z(r.value), 1)) : C("", !0)
+      }, null, 8, k)) : r.value ? (u(), f("span", L, z(r.value), 1)) : C("", !0)
     ], 4));
   }
 });
 export {
-  R as default
+  Q as default
 };

package/components/ToastNotification.vue.js

@@ -1,7 +1,7 @@
 import o from "./ToastNotification.vue2.js";
 /* empty css                       */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9c775c23"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b3a7f1a6"]]);
 export {
   r as default
 };

package/components/ToastNotification.vue2.js

@@ -87,7 +87,7 @@ const Z = {
       (o(), y(U, { to: "body" }, [
         (o(), i(v, null, _(V, (t) => m("div", {
           key: t,
-          class: g(["fixed z-[9999999999]! px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
+          class: g(["fixed z-[9999999999]! pointer-events-none px-4 flex flex-col gap-2 transition-all duration-300 max-w-full sm:max-w-120", [
             N[t],
             t.includes("center") ? "items-center" : t.includes("right") ? "items-end" : "items-start"
           ]]),
@@ -95,7 +95,7 @@ const Z = {
           onMouseleave: j
         }, [
           m("div", {
-            class: g(["relative w-full transition-all pointer-events-auto", [{ "flex-col-reverse": t.includes("top") }]])
+            class: g(["relative w-full transition-all", [{ "flex-col-reverse": t.includes("top") }]])
           }, [
             w(q, {
               name: d(t).length <= 1 ? "first-toast" : "stack-toast",
@@ -117,7 +117,7 @@ const Z = {
                   if (a && a.key === r.id && J(a, u)) return a;
                   const f = (o(), i("div", {
                     key: r.id,
-                    class: g(["toast-item col-start-1 h-max row-start-1 mb-1 w-auto border pl-4 pr-6 py-2.5 flex gap-2.5 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu", [
+                    class: g(["toast-item pointer-events-auto col-start-1 h-max row-start-1 mb-1 w-auto border pl-4 pr-6 py-2.5 flex gap-2.5 items-start transition-all duration-300 ease-[cubic-bezier(0.16,1,0.3,1)] transform-gpu", [
                       D(r.type),
                       r.description || r.action ? "rounded-xl" : "rounded-full"
                     ]]),

package/components/index.d.ts

@@ -15,7 +15,7 @@ export * from './Cart';
 export { default as CheckBox } from './CheckBox.vue';
 export { Chip } from './Chip';
 export { ChoiceBox } from './ChoiceBox';
-export { ColorPicker } from './ColorPicker';
+export { ColorPicker, COLOR_PICKER_RESET_VALUE } from './ColorPicker';
 export { default as ConfirmationModal } from './ConfirmationModal.vue';
 export { CustomFields } from './Form';
 export { DataList } from './DataList';

package/composables/useKeyStroke.d.ts

@@ -12,7 +12,25 @@ interface KeyStrokeComposable {
     offKeyStroke: (key: string | string[], handler?: KeyStrokeHandler) => void;
     destroy: () => void;
 }
+/**
+ * SSR-safe keyboard composable.
+ *
+ * Components may call `useKeyStroke()` and register handlers unconditionally
+ * during `setup()` — including on the server. Registrations are stored in
+ * plain per-composable state; actual DOM listeners are attached only in the
+ * browser, after the owning component has mounted (or immediately when used
+ * outside a component in a browser context). Default event targets are
+ * resolved lazily at attach time, never during registration.
+ */
 export declare const useKeyStroke: () => KeyStrokeComposable;
+/**
+ * SSR-safe advanced keyboard-shortcut composable.
+ *
+ * Combination parsing, meta⇄ctrl alternatives, and matching order are
+ * unchanged. Global `window`/`document` listeners are attached only in the
+ * browser after mount (or immediately when used outside a component in a
+ * browser context) and are always detached on unmount.
+ */
 export declare const useAdvancedKeyStroke: () => {
     onKeyStroke: (keys: string, handler: KeyStrokeHandler) => void;
     offKeyStroke: (keys: string, handler?: KeyStrokeHandler) => void;

package/composables/useKeyStroke.js

@@ -1,94 +1,120 @@
-import { onUnmounted as k } from "vue";
-const S = () => {
-  const o = /* @__PURE__ */ new Map(), r = (n) => {
-    const f = s(n.key), c = o.get(f);
-    c && c.forEach(({ handler: y, options: u }) => {
-      u?.preventDefault && n.preventDefault(), u?.stopPropagation && n.stopPropagation(), y(n);
+import { getCurrentInstance as A, onMounted as T, onUnmounted as D, unref as x } from "vue";
+import { isBrowser as S } from "../utils/environment.js";
+const U = () => {
+  const o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), u = [], m = A();
+  let p = S && !m;
+  const g = (n) => n ? n.toLowerCase() : "", v = (n) => {
+    const s = g(n.key), r = o.get(s);
+    r && r.forEach(({ handler: f, options: d }) => {
+      d?.preventDefault && n.preventDefault(), d?.stopPropagation && n.stopPropagation(), f(n);
     });
-  }, s = (n) => n ? n.toLowerCase() : "", p = (n) => n ? "value" in n ? n.value || document : n || document : document, w = (n, f, c = {}) => {
-    const y = Array.isArray(n) ? n : [n], u = p(c.target);
-    y.forEach((d) => {
-      const m = s(d);
-      o.has(m) || (o.set(m, /* @__PURE__ */ new Set()), u.addEventListener("keydown", r, {
-        passive: c.passive ?? !0,
-        capture: c.capture ?? !1
-      })), o.get(m).add({ handler: f, options: c });
-    });
-  }, v = (n, f) => {
-    (Array.isArray(n) ? n : [n]).forEach((y) => {
-      const u = s(y), d = o.get(u);
-      d && (f ? d.forEach((m) => {
-        m.handler === f && d.delete(m);
-      }) : d.clear(), d.size === 0 && (o.delete(u), document.removeEventListener("keydown", r)));
-    });
-  }, K = () => {
-    document.removeEventListener("keydown", r), o.clear();
+  }, k = (n) => S ? x(n) ?? document : null, E = (n) => {
+    const s = k(n.target);
+    if (!s) return;
+    const r = n.capture ?? !1, f = i.get(s);
+    f?.has(r) || (s.addEventListener("keydown", v, {
+      passive: n.passive ?? !0,
+      capture: r
+    }), i.set(s, (f ?? /* @__PURE__ */ new Set()).add(r)));
+  }, C = (n) => {
+    p ? E(n) : u.push(n);
+  }, M = () => {
+    i.forEach((n, s) => {
+      n.forEach((r) => {
+        s.removeEventListener("keydown", v, { capture: r });
+      });
+    }), i.clear(), u.length = 0;
+  }, z = (n, s, r = {}) => {
+    (Array.isArray(n) ? n : [n]).forEach((d) => {
+      const l = g(d);
+      o.has(l) || o.set(l, /* @__PURE__ */ new Set());
+      const K = o.get(l);
+      let b = !1;
+      K.forEach((t) => {
+        t.handler === s && (b = !0);
+      }), b || K.add({ handler: s, options: r });
+    }), C(r);
+  }, w = (n, s) => {
+    (Array.isArray(n) ? n : [n]).forEach((f) => {
+      const d = g(f), l = o.get(d);
+      l && (s ? l.forEach((K) => {
+        K.handler === s && l.delete(K);
+      }) : l.clear(), l.size === 0 && o.delete(d));
+    }), o.size === 0 && M();
+  }, L = () => {
+    M(), o.clear();
   };
-  return k(() => {
-    K();
-  }), {
-    onKeyStroke: w,
-    offKeyStroke: v,
-    destroy: K
+  return m && (T(() => {
+    p = !0, u.splice(0).forEach(E);
+  }), D(L)), {
+    onKeyStroke: z,
+    offKeyStroke: w,
+    destroy: L
   };
-}, M = () => {
-  const o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map();
-  let s = null;
-  const p = (t) => {
+}, q = () => {
+  const o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Map();
+  let u = null, m = !1, p = !1;
+  const g = A();
+  let v = S && !g;
+  const k = (t) => {
     if (!t) return "";
     const e = t.toLowerCase();
     return e === "cmd" || e === "meta" || e === "metakey" ? "meta" : e === "ctrl" || e === "control" || e === "controlkey" ? "ctrl" : e === "alt" || e === "option" || e === "altkey" ? "alt" : e === "shift" || e === "shiftkey" ? "shift" : e;
-  }, w = (t) => t.toLowerCase().split("+").map((e) => e.trim()).map(p).sort(), v = (t) => {
-    const e = [t.join("+")], h = t.includes("meta"), l = t.includes("ctrl");
+  }, E = (t) => t.toLowerCase().split("+").map((e) => e.trim()).map(k).sort(), C = (t) => {
+    const e = [t.join("+")], h = t.includes("meta"), y = t.includes("ctrl");
     if (h) {
-      const i = t.map((a) => a === "meta" ? "ctrl" : a);
-      e.push(i.join("+"));
-    } else if (l) {
-      const i = t.map((a) => a === "ctrl" ? "meta" : a);
-      e.push(i.join("+"));
+      const a = t.map((c) => c === "meta" ? "ctrl" : c);
+      e.push(a.join("+"));
+    } else if (y) {
+      const a = t.map((c) => c === "ctrl" ? "meta" : c);
+      e.push(a.join("+"));
     }
     return e;
-  }, K = (t) => {
+  }, M = (t) => {
     const e = [];
     return t.metaKey && e.push("meta"), t.ctrlKey && e.push("ctrl"), t.altKey && e.push("alt"), t.shiftKey && e.push("shift"), e.sort();
-  }, n = (t, e) => t.length !== e.length ? !1 : t.every((h, l) => h === e[l]), f = (t) => {
-    const e = p(t.key);
-    s && (clearTimeout(s), s = null);
-    const l = [...K(t)];
-    ["meta", "ctrl", "alt", "shift"].includes(e) || l.push(e), l.sort(), r.forEach((i, a) => {
-      const b = w(a);
-      n(b, l) && i.forEach((C) => C(t));
-    }), s = window.setTimeout(() => {
-      o.clear(), s = null;
+  }, z = (t, e) => t.length !== e.length ? !1 : t.every((h, y) => h === e[y]), w = () => {
+    u && (clearTimeout(u), u = null);
+  }, L = (t) => {
+    const e = k(t.key);
+    w();
+    const y = [...M(t)];
+    ["meta", "ctrl", "alt", "shift"].includes(e) || y.push(e), y.sort(), i.forEach((a, c) => {
+      const j = E(c);
+      z(j, y) && a.forEach((R) => R(t));
+    }), u = setTimeout(() => {
+      o.clear(), u = null;
     }, 100);
-  }, c = (t) => {
-    const e = p(t.key);
-    o.delete(e), s && (clearTimeout(s), s = null);
-  }, y = () => {
-    o.clear(), s && (clearTimeout(s), s = null);
-  }, u = () => {
-    document.hidden && (o.clear(), s && (clearTimeout(s), s = null));
+  }, n = (t) => {
+    const e = k(t.key);
+    o.delete(e), w();
+  }, s = () => {
+    o.clear(), w();
+  }, r = () => {
+    document.hidden && (o.clear(), w());
+  }, f = () => {
+    !S || m || (m = !0, window.addEventListener("keydown", L, { passive: !1 }), window.addEventListener("keyup", n, { passive: !1 }), window.addEventListener("blur", s, { passive: !0 }), document.addEventListener("visibilitychange", r, { passive: !0 }));
   }, d = () => {
-    window.addEventListener("keydown", f, { passive: !1 }), window.addEventListener("keyup", c, { passive: !1 }), window.addEventListener("blur", y, { passive: !0 }), document.addEventListener("visibilitychange", u, { passive: !0 });
-  }, m = () => {
-    window.removeEventListener("keydown", f), window.removeEventListener("keyup", c), window.removeEventListener("blur", y), document.removeEventListener("visibilitychange", u), s && (clearTimeout(s), s = null);
-  }, L = (t, e) => {
-    const h = w(t), l = v(h);
-    l.forEach((i) => {
-      r.has(i) || r.set(i, /* @__PURE__ */ new Set()), r.get(i).add(e);
-    }), r.size === l.length && d();
-  }, g = (t, e) => {
-    const h = w(t);
-    v(h).forEach((i) => {
-      const a = r.get(i);
-      a && (e ? a.delete(e) : a.clear(), a.size === 0 && r.delete(i));
-    }), r.size === 0 && m();
-  }, E = () => {
-    m(), r.clear(), o.clear();
+    m && (m = !1, window.removeEventListener("keydown", L), window.removeEventListener("keyup", n), window.removeEventListener("blur", s), document.removeEventListener("visibilitychange", r)), w();
+  }, l = (t, e) => {
+    const h = E(t);
+    C(h).forEach((a) => {
+      i.has(a) || i.set(a, /* @__PURE__ */ new Set()), i.get(a).add(e);
+    }), p = !0, v && f();
+  }, K = (t, e) => {
+    const h = E(t);
+    C(h).forEach((a) => {
+      const c = i.get(a);
+      c && (e ? c.delete(e) : c.clear(), c.size === 0 && i.delete(a));
+    }), i.size === 0 && (p = !1, d());
+  }, b = () => {
+    d(), i.clear(), o.clear(), p = !1;
   };
-  return k(E), { onKeyStroke: L, offKeyStroke: g, destroy: E };
+  return g && (T(() => {
+    v = !0, p && f();
+  }), D(b)), { onKeyStroke: l, offKeyStroke: K, destroy: b };
 };
 export {
-  M as useAdvancedKeyStroke,
-  S as useKeyStroke
+  q as useAdvancedKeyStroke,
+  U as useKeyStroke
 };

package/composables/useTheme.js

@@ -20,7 +20,7 @@ function c() {
   d(
     t,
     (i) => {
-      localStorage.setItem("builto-theme", i), n(i);
+      typeof window > "u" || (localStorage.setItem("builto-theme", i), n(i));
     },
     { immediate: !0 }
   ), r(() => {

package/directives/vScrollReveal.js

@@ -1,5 +1,5 @@
-import c from "scrollreveal";
-const o = /* @__PURE__ */ new WeakMap(), s = {
+import { resolveModuleRuntime as f } from "../utils/UtilsModuleInterop.js";
+const s = /* @__PURE__ */ new WeakMap(), i = {
   distance: "50px",
   duration: 800,
   delay: 200,
@@ -15,34 +15,39 @@ const o = /* @__PURE__ */ new WeakMap(), s = {
   useDelay: "always",
   viewFactor: 0
 };
-function r(e) {
+function a(e) {
   if (!e) return window;
   if (e === document.body || e === document.documentElement)
     return document.documentElement;
   const t = getComputedStyle(e).overflowY;
-  return (t === "auto" || t === "scroll" || t === "overlay") && e.scrollHeight > e.clientHeight ? e : r(e.parentElement);
+  return (t === "auto" || t === "scroll" || t === "overlay") && e.scrollHeight > e.clientHeight ? e : a(e.parentElement);
 }
-const u = {
-  mounted: (e, l) => {
+const d = {
+  mounted: async (e, n) => {
     if (typeof window > "u") return;
-    const t = r(e.parentElement);
-    let n = o.get(t);
-    n || (n = c({
+    const t = await import("scrollreveal"), o = f(
+      t,
+      (u) => typeof u == "function"
+    );
+    if (!o) return;
+    const l = a(e.parentElement);
+    let r = s.get(l);
+    r || (r = o({
       // If container is window/html, ScrollReveal expects 'document.documentElement' usually,
       // but 'container' option defaults to window.document.documentElement.
       // If it's a specific div, we pass that div.
-      container: t === window ? document.documentElement : t
-    }), o.set(t, n));
-    const a = Object.assign({}, s, l.value);
-    e.classList.add("v-scroll-reveal"), n.reveal(e, a);
+      container: l === window ? document.documentElement : l
+    }), s.set(l, r));
+    const c = Object.assign({}, i, n.value);
+    e.classList.add("v-scroll-reveal"), r.reveal(e, c);
   },
-  updated: (e, l) => {
-    if (!(typeof window > "u") && JSON.stringify(l.value) !== JSON.stringify(l.oldValue)) {
-      const t = r(e.parentElement), n = o.get(t);
-      n && n.reveal(e, Object.assign({}, s, l.value));
+  updated: (e, n) => {
+    if (!(typeof window > "u") && JSON.stringify(n.value) !== JSON.stringify(n.oldValue)) {
+      const t = a(e.parentElement), o = s.get(t);
+      o && o.reveal(e, Object.assign({}, i, n.value));
     }
   }
 };
 export {
-  u as vScrollReveal
+  d as vScrollReveal
 };

package/index.d.ts

@@ -97,6 +97,7 @@ export { default as ThemeToggle } from './components/ThemeToggle.vue';
 export { default as GoogleLogin } from './components/GoogleLogin.vue';
 export { default as GoogleMap } from './components/GoogleMap.vue';
 export { default as ColorPicker } from './components/ColorPicker/ColorPicker.vue';
+export { COLOR_PICKER_RESET_VALUE } from './components/ColorPicker/constants';
 export { default as ConfirmationModal } from './components/ConfirmationModal.vue';
 export { default as ToastNotification } from './components/ToastNotification.vue';
 export { default as CommandPaletteContent } from './components/CommandPalette/CommandPaletteContent.vue';