vlite3 1.4.31 → 1.4.33

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/index.d.ts

@@ -65,6 +65,7 @@ export { default as ImageMagnifier } from './components/ImageMagnifier.vue';
 export * from './components/ThemeProvider';
 export * from './components/SeoProvider';
 export * from './components/ScaleGenerator';
+export * from './components/PanZoomViewport';
 export { THEME_STYLES_KEY, useThemeStyles } from './composables/useThemeStyles';
 export { useSeo, SEO_CONTEXT_KEY, type SeoContextBag, type SeoContextHandle } from './composables/useSeo';
 export { default as Icon } from './components/Icon.vue';
@@ -96,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';