@quoreadmin/ui 1.9.3 → 1.10.1

package/dist/index169.js

@@ -1,497 +1,210 @@
-import { noop as j, tryOnMounted as U, isClient as K, toArray as X, watchImmediate as re, notNullish as le, tryOnScopeDispose as ee, injectLocal as ue, pxValue as H, increaseWithUnit as se, isObject as ie, useThrottleFn as ae, useDebounceFn as ce } from "./index180.js";
-import { createFilterWrapper as We, debounceFilter as De, getLifeCycleTarget as Fe, throttleFilter as Ce } from "./index180.js";
-import { shallowRef as T, computed as A, toValue as S, reactive as Y, watch as _, hasInjectionContext as de, watchEffect as fe, getCurrentInstance as ve, onMounted as me, unref as te } from "vue";
-const C = K ? window : void 0;
-function W(t) {
-  var v;
-  const o = S(t);
-  return (v = o?.$el) !== null && v !== void 0 ? v : o;
-}
-function O(...t) {
-  const v = (l, d, u, m) => (l.addEventListener(d, u, m), () => l.removeEventListener(d, u, m)), o = A(() => {
-    const l = X(S(t[0])).filter((d) => d != null);
-    return l.every((d) => typeof d != "string") ? l : void 0;
-  });
-  return re(() => {
-    var l, d;
-    return [
-      (l = (d = o.value) === null || d === void 0 ? void 0 : d.map((u) => W(u))) !== null && l !== void 0 ? l : [C].filter((u) => u != null),
-      X(S(o.value ? t[1] : t[0])),
-      X(te(o.value ? t[2] : t[1])),
-      S(o.value ? t[3] : t[2])
-    ];
-  }, ([l, d, u, m], h, r) => {
-    if (!l?.length || !d?.length || !u?.length) return;
-    const p = ie(m) ? { ...m } : m, f = l.flatMap((b) => d.flatMap((y) => u.map((n) => v(b, y, n, p))));
-    r(() => {
-      f.forEach((b) => b());
-    });
-  }, { flush: "post" });
-}
-function Ee(t, v, o = {}) {
-  const { window: l = C, ignore: d = [], capture: u = !0, detectIframe: m = !1, controls: h = !1 } = o;
-  if (!l) return h ? {
-    stop: j,
-    cancel: j,
-    trigger: j
-  } : j;
-  let r = !0;
-  const p = (e) => S(d).some((s) => {
-    if (typeof s == "string") return Array.from(l.document.querySelectorAll(s)).some((c) => c === e.target || e.composedPath().includes(c));
-    {
-      const c = W(s);
-      return c && (e.target === c || e.composedPath().includes(c));
-    }
-  });
-  function f(e) {
-    const s = S(e);
-    return s && s.$.subTree.shapeFlag === 16;
-  }
-  function b(e, s) {
-    const c = S(e), w = c.$.subTree && c.$.subTree.children;
-    return w == null || !Array.isArray(w) ? !1 : w.some((x) => x.el === s.target || s.composedPath().includes(x.el));
-  }
-  const y = (e) => {
-    const s = W(t);
-    if (e.target != null && !(!(s instanceof Element) && f(t) && b(t, e)) && !(!s || s === e.target || e.composedPath().includes(s))) {
-      if ("detail" in e && e.detail === 0 && (r = !p(e)), !r) {
-        r = !0;
-        return;
-      }
-      v(e);
-    }
-  };
-  let n = !1;
-  const i = [
-    O(l, "click", (e) => {
-      n || (n = !0, setTimeout(() => {
-        n = !1;
-      }, 0), y(e));
-    }, {
-      passive: !0,
-      capture: u
-    }),
-    O(l, "pointerdown", (e) => {
-      const s = W(t);
-      r = !p(e) && !!(s && !e.composedPath().includes(s));
-    }, { passive: !0 }),
-    m && O(l, "blur", (e) => {
-      setTimeout(() => {
-        var s;
-        const c = W(t);
-        ((s = l.document.activeElement) === null || s === void 0 ? void 0 : s.tagName) === "IFRAME" && !c?.contains(l.document.activeElement) && v(e);
-      }, 0);
-    }, { passive: !0 })
-  ].filter(Boolean), E = () => i.forEach((e) => e());
-  return h ? {
-    stop: E,
-    cancel: () => {
-      r = !1;
+import { defineComponent as q, ref as o, computed as c, watch as k, onBeforeUnmount as M, onMounted as z, onUnmounted as K, nextTick as Q } from "vue";
+import { onClickOutside as b, useBreakpoints as W, breakpointsTailwind as _ } from "./index173.js";
+import { EditorContent as $, useEditor as D } from "./index206.js";
+import G from "./index207.js";
+import I from "./index208.js";
+import { Underline as J } from "./index209.js";
+import { TextStyle as N, Color as X } from "./index210.js";
+import { Link as Y } from "./index211.js";
+import { Placeholder as Z } from "./index212.js";
+import ee from "./index24.js";
+import te from "./index172.js";
+const ve = q({
+  components: {
+    EditorContent: $,
+    EmojiPicker: G,
+    QFileUpload: ee
+  },
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
     },
-    trigger: (e) => {
-      r = !0, y(e), r = !1;
-    }
-  } : E;
-}
-// @__NO_SIDE_EFFECTS__
-function he() {
-  const t = T(!1), v = ve();
-  return v && me(() => {
-    t.value = !0;
-  }, v), t;
-}
-// @__NO_SIDE_EFFECTS__
-function q(t) {
-  const v = /* @__PURE__ */ he();
-  return A(() => (v.value, !!t()));
-}
-function ne(t, v, o = {}) {
-  const { window: l = C, ...d } = o;
-  let u;
-  const m = /* @__PURE__ */ q(() => l && "MutationObserver" in l), h = () => {
-    u && (u.disconnect(), u = void 0);
-  }, r = _(A(() => {
-    const b = X(S(t)).map(W).filter(le);
-    return new Set(b);
-  }), (b) => {
-    h(), m.value && b.size && (u = new MutationObserver(v), b.forEach((y) => u.observe(y, d)));
-  }, {
-    immediate: !0,
-    flush: "post"
-  }), p = () => u?.takeRecords(), f = () => {
-    r(), h();
-  };
-  return ee(f), {
-    isSupported: m,
-    stop: f,
-    takeRecords: p
-  };
-}
-const pe = /* @__PURE__ */ Symbol("vueuse-ssr-width");
-// @__NO_SIDE_EFFECTS__
-function oe() {
-  const t = de() ? ue(pe, null) : null;
-  return typeof t == "number" ? t : void 0;
-}
-function z(t, v = {}) {
-  const { window: o = C, ssrWidth: l = /* @__PURE__ */ oe() } = v, d = /* @__PURE__ */ q(() => o && "matchMedia" in o && typeof o.matchMedia == "function"), u = T(typeof l == "number"), m = T(), h = T(!1), r = (p) => {
-    h.value = p.matches;
-  };
-  return fe(() => {
-    if (u.value) {
-      u.value = !d.value, h.value = S(t).split(",").some((p) => {
-        const f = p.includes("not all"), b = p.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), y = p.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
-        let n = !!(b || y);
-        return b && n && (n = l >= H(b[1])), y && n && (n = l <= H(y[1])), f ? !n : n;
-      });
-      return;
-    }
-    d.value && (m.value = o.matchMedia(S(t)), h.value = m.value.matches);
-  }), O(m, "change", r, { passive: !0 }), A(() => h.value);
-}
-const Se = {
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280,
-  "2xl": 1536
-};
-// @__NO_SIDE_EFFECTS__
-function Te(t, v = {}) {
-  function o(n, i) {
-    let E = S(t[S(n)]);
-    return i != null && (E = se(E, i)), typeof E == "number" && (E = `${E}px`), E;
-  }
-  const { window: l = C, strategy: d = "min-width", ssrWidth: u = /* @__PURE__ */ oe() } = v, m = typeof u == "number", h = m ? T(!1) : { value: !0 };
-  m && U(() => h.value = !!l);
-  function r(n, i) {
-    return !h.value && m ? n === "min" ? u >= H(i) : u <= H(i) : l ? l.matchMedia(`(${n}-width: ${i})`).matches : !1;
-  }
-  const p = (n) => z(() => `(min-width: ${o(n)})`, v), f = (n) => z(() => `(max-width: ${o(n)})`, v), b = Object.keys(t).reduce((n, i) => (Object.defineProperty(n, i, {
-    get: () => d === "min-width" ? p(i) : f(i),
-    enumerable: !0,
-    configurable: !0
-  }), n), {});
-  function y() {
-    const n = Object.keys(t).map((i) => [
-      i,
-      b[i],
-      H(o(i))
-    ]).sort((i, E) => i[2] - E[2]);
-    return A(() => n.filter(([, i]) => i.value).map(([i]) => i));
-  }
-  return Object.assign(b, {
-    greaterOrEqual: p,
-    smallerOrEqual: f,
-    greater(n) {
-      return z(() => `(min-width: ${o(n, 0.1)})`, v);
+    attachments: {
+      type: Object,
+      default: () => []
     },
-    smaller(n) {
-      return z(() => `(max-width: ${o(n, -0.1)})`, v);
+    allowEmojis: {
+      type: Boolean,
+      default: !1
     },
-    between(n, i) {
-      return z(() => `(min-width: ${o(n)}) and (max-width: ${o(i, -0.1)})`, v);
+    // If the wysiwyg should allow users to upload files/images
+    allowAttachments: {
+      type: Boolean,
+      default: !1
     },
-    isGreater(n) {
-      return r("min", o(n, 0.1));
+    allowFormatting: {
+      type: Boolean,
+      default: !1
     },
-    isGreaterOrEqual(n) {
-      return r("min", o(n));
+    disabled: {
+      type: Boolean,
+      default: !1
     },
-    isSmaller(n) {
-      return r("max", o(n, -0.1));
+    /** Specify file types allowed */
+    // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
+    filesAllowed: {
+      type: String,
+      default: "image/*,.pdf"
     },
-    isSmallerOrEqual(n) {
-      return r("max", o(n));
+    // If NOT isStacked we can expand it to be stacked when focused or files are attached
+    expands: {
+      type: Boolean,
+      default: !1
     },
-    isInBetween(n, i) {
-      return r("min", o(n)) && r("max", o(i, -0.1));
+    isStacked: {
+      type: Boolean,
+      default: !0
     },
-    current: y,
-    active() {
-      const n = y();
-      return A(() => n.value.length === 0 ? "" : n.value.at(d === "min-width" ? -1 : 0));
-    }
-  });
-}
-function xe(t, v = {}) {
-  const o = T(!1), l = T(null);
-  let d = 0, u = !0;
-  if (K) {
-    var m, h;
-    const r = typeof v == "function" ? { onDrop: v } : v, p = (m = r.multiple) !== null && m !== void 0 ? m : !0, f = (h = r.preventDefaultForUnhandled) !== null && h !== void 0 ? h : !1, b = (e) => {
-      var s, c;
-      const w = Array.from((s = (c = e.dataTransfer) === null || c === void 0 ? void 0 : c.files) !== null && s !== void 0 ? s : []);
-      return w.length === 0 ? null : p ? w : [w[0]];
-    }, y = (e) => {
-      const s = te(r.dataTypes);
-      return typeof s == "function" ? s(e) : s?.length ? e.length === 0 ? !1 : e.every((c) => s.some((w) => c.includes(w))) : !0;
-    }, n = (e) => {
-      if (r.checkValidity) return r.checkValidity(e);
-      const s = y(Array.from(e ?? []).map((w) => w.type)), c = p || e.length <= 1;
-      return s && c;
-    }, i = () => /^(?:(?!chrome|android).)*safari/i.test(navigator.userAgent) && !("chrome" in window), E = (e, s) => {
-      var c, w;
-      const x = (c = e.dataTransfer) === null || c === void 0 ? void 0 : c.items;
-      if (u = (w = x && n(x)) !== null && w !== void 0 ? w : !1, f && e.preventDefault(), !i() && !u) {
-        e.dataTransfer && (e.dataTransfer.dropEffect = "none");
-        return;
-      }
-      e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy");
-      const L = b(e);
-      switch (s) {
-        case "enter":
-          var V;
-          d += 1, o.value = !0, (V = r.onEnter) === null || V === void 0 || V.call(r, null, e);
-          break;
-        case "over":
-          var g;
-          (g = r.onOver) === null || g === void 0 || g.call(r, null, e);
-          break;
-        case "leave":
-          var M;
-          d -= 1, d === 0 && (o.value = !1), (M = r.onLeave) === null || M === void 0 || M.call(r, null, e);
-          break;
-        case "drop":
-          if (d = 0, o.value = !1, u) {
-            var a;
-            l.value = L, (a = r.onDrop) === null || a === void 0 || a.call(r, L, e);
-          }
-          break;
-      }
-    };
-    O(t, "dragenter", (e) => E(e, "enter")), O(t, "dragover", (e) => E(e, "over")), O(t, "dragleave", (e) => E(e, "leave")), O(t, "drop", (e) => E(e, "drop"));
-  }
-  return {
-    files: l,
-    isOverDropZone: o
-  };
-}
-function be(t, v, o = {}) {
-  const { window: l = C, ...d } = o;
-  let u;
-  const m = /* @__PURE__ */ q(() => l && "ResizeObserver" in l), h = () => {
-    u && (u.disconnect(), u = void 0);
-  }, r = _(A(() => {
-    const f = S(t);
-    return Array.isArray(f) ? f.map((b) => W(b)) : [W(f)];
-  }), (f) => {
-    if (h(), m.value && l) {
-      u = new ResizeObserver(v);
-      for (const b of f) b && u.observe(b, d);
-    }
-  }, {
-    immediate: !0,
-    flush: "post"
-  }), p = () => {
-    h(), r();
-  };
-  return ee(p), {
-    isSupported: m,
-    stop: p
-  };
-}
-function Me(t, v = {}) {
-  const { reset: o = !0, windowResize: l = !0, windowScroll: d = !0, immediate: u = !0, updateTiming: m = "sync" } = v, h = T(0), r = T(0), p = T(0), f = T(0), b = T(0), y = T(0), n = T(0), i = T(0);
-  function E() {
-    const s = W(t);
-    if (!s) {
-      o && (h.value = 0, r.value = 0, p.value = 0, f.value = 0, b.value = 0, y.value = 0, n.value = 0, i.value = 0);
-      return;
-    }
-    const c = s.getBoundingClientRect();
-    h.value = c.height, r.value = c.bottom, p.value = c.left, f.value = c.right, b.value = c.top, y.value = c.width, n.value = c.x, i.value = c.y;
-  }
-  function e() {
-    m === "sync" ? E() : m === "next-frame" && requestAnimationFrame(() => E());
-  }
-  return be(t, e), _(() => W(t), (s) => !s && e()), ne(t, e, { attributeFilter: ["style", "class"] }), d && O("scroll", e, {
-    capture: !0,
-    passive: !0
-  }), l && O("resize", e, { passive: !0 }), U(() => {
-    u && e();
-  }), {
-    height: h,
-    bottom: r,
-    left: p,
-    right: f,
-    top: b,
-    width: y,
-    x: n,
-    y: i,
-    update: e
-  };
-}
-const J = 1;
-function we(t, v = {}) {
-  const { throttle: o = 0, idle: l = 200, onStop: d = j, onScroll: u = j, offset: m = {
-    left: 0,
-    right: 0,
-    top: 0,
-    bottom: 0
-  }, observe: h = { mutation: !1 }, eventListenerOptions: r = {
-    capture: !1,
-    passive: !0
-  }, behavior: p = "auto", window: f = C, onError: b = (a) => {
-    console.error(a);
-  } } = v, y = typeof h == "boolean" ? { mutation: h } : h, n = T(0), i = T(0), E = A({
-    get() {
-      return n.value;
+    isStandalone: {
+      type: Boolean,
+      default: !1
     },
-    set(a) {
-      s(a, void 0);
-    }
-  }), e = A({
-    get() {
-      return i.value;
+    placeholder: {
+      type: String,
+      default: ""
     },
-    set(a) {
-      s(void 0, a);
+    processing: {
+      type: Boolean,
+      default: !1
     }
-  });
-  function s(a, D) {
-    var R, P, I, B;
-    if (!f) return;
-    const $ = S(t);
-    if (!$) return;
-    (R = $ instanceof Document ? f.document.body : $) === null || R === void 0 || R.scrollTo({
-      top: (P = S(D)) !== null && P !== void 0 ? P : e.value,
-      left: (I = S(a)) !== null && I !== void 0 ? I : E.value,
-      behavior: S(p)
-    });
-    const F = ($ == null || (B = $.document) === null || B === void 0 ? void 0 : B.documentElement) || $?.documentElement || $;
-    E != null && (n.value = F.scrollLeft), e != null && (i.value = F.scrollTop);
+    // If we have attachments, the wysiwyg should show the image preview as thumbnails (circle back)
+    // showThumbnails: {
+    //     type: Boolean,
+    //     default: true,
+    // },
+    // circle back to this
+    // mentions: {
+    //     // Refine type as we get further
+    //     type: Array as PropType<any>,
+    //     default: () => [],
+    // },
+  },
+  emits: ["update:model-value", "update:attachments", "keyboard-open"],
+  setup(a, { emit: i }) {
+    const d = o(), u = o(!1), C = o(""), f = o(), x = o(), s = o(!1), m = o(!1), n = o(!1), r = o([]), v = o(), E = o(), p = o(), l = o(!1), S = o(window.innerHeight), B = c(() => t.value.getAttributes("textStyle").color || "#121517"), h = c(() => a.attachments), V = c(() => a.isStacked || a.expands && (h.value.length > 0 || n.value || !t.value.isEmpty) || m.value), U = W(_).greaterOrEqual("md"), j = () => {
+      const e = window.prompt("URL");
+      t.value.chain().focus().extendMarkRange("link").setLink({ href: e || "" }).run();
+    }, L = (e) => {
+      t.value.chain().focus().setColor(e).run(), g();
+    }, F = () => {
+      s.value = !s.value;
+    }, g = () => {
+      s.value = !1;
+    }, O = () => {
+      v.value?.fileUpload?.choose();
+    }, P = (e) => {
+      t.value.chain().focus().insertContent(e).run(), f.value.$el.click();
+    }, w = async () => {
+      if (await Q(), n.value) {
+        const e = l.value, T = visualViewport?.height || window.innerHeight;
+        l.value = S.value - T > 0, e !== l.value && (n.value = l.value, i("keyboard-open", l.value));
+      }
+    }, R = () => {
+      n.value && a.expands && (l.value = !1, i("keyboard-open", l.value)), n.value = !1;
+    }, A = (e) => {
+      t.value.chain().focus().insertContent(e.i).run(), u.value = !1;
+    }, H = (e) => {
+      r.value = e, y();
+    }, y = () => {
+      let e = "";
+      t.value.isEmpty || (e = a.allowFormatting ? t.value.getHTML() : t.value.getText()), r.value !== a.attachments && i("update:attachments", r.value), i("update:model-value", e);
+    }, t = o(
+      D({
+        extensions: [
+          I.configure({
+            // Disable an included extension
+            // Command + z = undo
+            // TODO: Add an undo button if this is needed
+            // history: false,
+            // Configure an included extension
+            heading: {
+              levels: [1, 2]
+            }
+          }),
+          J,
+          N,
+          X,
+          Y.configure({
+            openOnClick: !1
+          }),
+          Z.configure({
+            placeholder: a.placeholder
+          })
+        ],
+        content: a.modelValue,
+        // Set this to the initial value coming in.
+        onUpdate: y,
+        editable: !a.disabled
+        // make the text editable or not - default is editable
+      })
+    );
+    return k(() => a.modelValue, (e) => {
+      t.value && !e && t.value.commands.clearContent();
+    }), k(() => a.disabled, (e) => {
+      t.value && (t.value.options.editable = !e, t.value.view.update(t.value.view.props));
+    }), M(() => {
+      t.value?.destroy();
+    }), z(() => {
+      visualViewport && a.expands && visualViewport.addEventListener("resize", w);
+    }), K(() => {
+      visualViewport && a.expands && visualViewport.removeEventListener("resize", w);
+    }), b(d, () => {
+      u.value = !1;
+    }), b(p, () => {
+      n.value && a.expands && (l.value = !1, i("keyboard-open", l.value)), n.value = !1;
+    }), {
+      colors: te.theme.colors,
+      colorExclusions: [
+        "success",
+        "success-light",
+        "error",
+        "error-light",
+        "warning",
+        "warning-light",
+        "info",
+        "info-light",
+        "transparent",
+        "current",
+        "green-quore",
+        "blue-sky",
+        "blue-quore",
+        "complaint",
+        "recurring",
+        "workorder"
+      ],
+      editor: t,
+      editorRef: E,
+      // refs
+      emojiPickerElement: d,
+      showEmojiPicker: u,
+      emojiSearch: C,
+      invoker: f,
+      isExpanded: V,
+      multiUploader: x,
+      showColorMenu: s,
+      focused: n,
+      files: h,
+      showFormatOptions: m,
+      uploadedfiles: r,
+      fileUploadRef: v,
+      wysiwygRef: p,
+      // computed
+      setColor: B,
+      // methods
+      mdAndLarger: U,
+      setLink: j,
+      selectColor: L,
+      showColors: F,
+      onClickAction: R,
+      onClickOutColors: g,
+      attachFiles: O,
+      appendEmoji: P,
+      onSelectEmoji: A,
+      onSelectFiles: H
+    };
   }
-  const c = T(!1), w = Y({
-    left: !0,
-    right: !1,
-    top: !0,
-    bottom: !1
-  }), x = Y({
-    left: !1,
-    right: !1,
-    top: !1,
-    bottom: !1
-  }), L = (a) => {
-    c.value && (c.value = !1, x.left = !1, x.right = !1, x.top = !1, x.bottom = !1, d(a));
-  }, V = ce(L, o + l), g = (a) => {
-    var D;
-    if (!f) return;
-    const R = (a == null || (D = a.document) === null || D === void 0 ? void 0 : D.documentElement) || a?.documentElement || W(a), { display: P, flexDirection: I, direction: B } = f.getComputedStyle(R), $ = B === "rtl" ? -1 : 1, F = R.scrollLeft;
-    x.left = F < n.value, x.right = F > n.value;
-    const G = Math.abs(F * $) <= (m.left || 0), N = Math.abs(F * $) + R.clientWidth >= R.scrollWidth - (m.right || 0) - J;
-    P === "flex" && I === "row-reverse" ? (w.left = N, w.right = G) : (w.left = G, w.right = N), n.value = F;
-    let k = R.scrollTop;
-    a === f.document && !k && (k = f.document.body.scrollTop), x.top = k < i.value, x.bottom = k > i.value;
-    const Q = Math.abs(k) <= (m.top || 0), Z = Math.abs(k) + R.clientHeight >= R.scrollHeight - (m.bottom || 0) - J;
-    P === "flex" && I === "column-reverse" ? (w.top = Z, w.bottom = Q) : (w.top = Q, w.bottom = Z), i.value = k;
-  }, M = (a) => {
-    var D;
-    f && (g((D = a.target.documentElement) !== null && D !== void 0 ? D : a.target), c.value = !0, V(a), u(a));
-  };
-  return O(t, "scroll", o ? ae(M, o, !0, !1) : M, r), U(() => {
-    try {
-      const a = S(t);
-      if (!a) return;
-      g(a);
-    } catch (a) {
-      b(a);
-    }
-  }), y?.mutation && t != null && t !== f && t !== document && ne(t, () => {
-    const a = S(t);
-    a && g(a);
-  }, {
-    attributes: !0,
-    childList: !0,
-    subtree: !0
-  }), O(t, "scrollend", L, r), {
-    x: E,
-    y: e,
-    isScrolling: c,
-    arrivedState: w,
-    directions: x,
-    measure() {
-      const a = S(t);
-      f && a && g(a);
-    }
-  };
-}
-function Oe(t, v = {}) {
-  const { threshold: o = 50, onSwipe: l, onSwipeEnd: d, onSwipeStart: u, passive: m = !0 } = v, h = Y({
-    x: 0,
-    y: 0
-  }), r = Y({
-    x: 0,
-    y: 0
-  }), p = A(() => h.x - r.x), f = A(() => h.y - r.y), { max: b, abs: y } = Math, n = A(() => b(y(p.value), y(f.value)) >= o), i = T(!1), E = A(() => n.value ? y(p.value) > y(f.value) ? p.value > 0 ? "left" : "right" : f.value > 0 ? "up" : "down" : "none"), e = (g) => [g.touches[0].clientX, g.touches[0].clientY], s = (g, M) => {
-    h.x = g, h.y = M;
-  }, c = (g, M) => {
-    r.x = g, r.y = M;
-  }, w = {
-    passive: m,
-    capture: !m
-  }, x = (g) => {
-    i.value && d?.(g, E.value), i.value = !1;
-  }, L = [
-    O(t, "touchstart", (g) => {
-      if (g.touches.length !== 1) return;
-      const [M, a] = e(g);
-      s(M, a), c(M, a), u?.(g);
-    }, w),
-    O(t, "touchmove", (g) => {
-      if (g.touches.length !== 1) return;
-      const [M, a] = e(g);
-      c(M, a), w.capture && !w.passive && Math.abs(p.value) > Math.abs(f.value) && g.preventDefault(), !i.value && n.value && (i.value = !0), i.value && l?.(g);
-    }, w),
-    O(t, ["touchend", "touchcancel"], x, w)
-  ];
-  return {
-    isSwiping: i,
-    direction: E,
-    coordsStart: h,
-    coordsEnd: r,
-    lengthX: p,
-    lengthY: f,
-    stop: () => L.forEach((g) => g())
-  };
-}
-function $e(t = {}) {
-  const { window: v = C, ...o } = t;
-  return we(v, o);
-}
+});
 export {
-  Se as breakpointsTailwind,
-  We as createFilterWrapper,
-  De as debounceFilter,
-  C as defaultWindow,
-  Fe as getLifeCycleTarget,
-  se as increaseWithUnit,
-  ue as injectLocal,
-  K as isClient,
-  ie as isObject,
-  j as noop,
-  le as notNullish,
-  Ee as onClickOutside,
-  H as pxValue,
-  Ce as throttleFilter,
-  X as toArray,
-  U as tryOnMounted,
-  ee as tryOnScopeDispose,
-  W as unrefElement,
-  Te as useBreakpoints,
-  ce as useDebounceFn,
-  xe as useDropZone,
-  Me as useElementBounding,
-  O as useEventListener,
-  z as useMediaQuery,
-  he as useMounted,
-  ne as useMutationObserver,
-  be as useResizeObserver,
-  oe as useSSRWidth,
-  we as useScroll,
-  q as useSupported,
-  Oe as useSwipe,
-  ae as useThrottleFn,
-  $e as useWindowScroll,
-  re as watchImmediate
+  ve as default
 };