@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-1709.js

@@ -1,51 +1,460 @@
-import { inject as p, ref as v, getCurrentInstance as f, computed as m, onMounted as I, watch as y, toRef as h, onUnmounted as w } from "vue";
-import { useId as F } from "./chunk-1739.js";
-import { formContextKey as L, formItemContextKey as E } from "./chunk-1696.js";
-const B = () => {
-  const l = p(L, void 0), u = p(E, void 0);
-  return {
-    form: l,
-    formItem: u
-  };
-}, R = (l, {
-  formItemContext: u,
-  disableIdGeneration: i,
-  disableIdManagement: r
-}) => {
-  i || (i = v(!1)), r || (r = v(!1));
-  const a = f(), c = () => {
-    let e = a?.parent;
-    for (; e; ) {
-      if (e.type.name === "ElFormItem")
-        return !1;
-      if (e.type.name === "ElLabelWrap")
-        return !0;
-      e = e.parent;
-    }
-    return !1;
-  }, n = v();
-  let o;
-  const s = m(() => {
-    var e;
-    return !!(!(l.label || l.ariaLabel) && u && u.inputIds && ((e = u.inputIds) == null ? void 0 : e.length) <= 1);
+import { noop as W, isClient as z, toArray as V, watchImmediate as D, tryOnScopeDispose as F, notNullish as C, isObject as L, tryOnMounted as P, pxValue as N, injectLocal as k, isDef as j } from "./chunk-1722.js";
+import { clamp as pe, computedEager as be, createFilterWrapper as we, debounceFilter as ge, getLifeCycleTarget as ye, reactiveComputed as Ee, refDebounced as Oe, throttleFilter as xe, toReactive as Se, useDebounceFn as Re, useThrottleFn as Me, useTimeoutFn as We } from "./chunk-1722.js";
+import { toValue as y, computed as R, watch as S, shallowRef as b, getCurrentInstance as $, onMounted as J, unref as U, watchEffect as B, hasInjectionContext as Q, ref as Y, nextTick as G } from "vue";
+const x = z ? window : void 0, _ = z ? window.document : void 0;
+function g(n) {
+  var e;
+  const r = y(n);
+  return (e = r?.$el) !== null && e !== void 0 ? e : r;
+}
+function O(...n) {
+  const e = (o, a, u, l) => (o.addEventListener(a, u, l), () => o.removeEventListener(a, u, l)), r = R(() => {
+    const o = V(y(n[0])).filter((a) => a != null);
+    return o.every((a) => typeof a != "string") ? o : void 0;
+  });
+  return D(() => {
+    var o, a;
+    return [
+      (o = (a = r.value) === null || a === void 0 ? void 0 : a.map((u) => g(u))) !== null && o !== void 0 ? o : [x].filter((u) => u != null),
+      V(y(r.value ? n[1] : n[0])),
+      V(U(r.value ? n[2] : n[1])),
+      y(r.value ? n[3] : n[2])
+    ];
+  }, ([o, a, u, l], c, v) => {
+    if (!o?.length || !a?.length || !u?.length) return;
+    const i = L(l) ? { ...l } : l, s = o.flatMap((t) => a.flatMap((m) => u.map((h) => e(t, m, h, i))));
+    v(() => {
+      s.forEach((t) => t());
+    });
+  }, { flush: "post" });
+}
+function ie(n, e, r = {}) {
+  const { window: o = x, ignore: a = [], capture: u = !0, detectIframe: l = !1, controls: c = !1 } = r;
+  if (!o) return c ? {
+    stop: W,
+    cancel: W,
+    trigger: W
+  } : W;
+  let v = !0;
+  const i = (f) => y(a).some((p) => {
+    if (typeof p == "string") return Array.from(o.document.querySelectorAll(p)).some((d) => d === f.target || f.composedPath().includes(d));
+    {
+      const d = g(p);
+      return d && (f.target === d || f.composedPath().includes(d));
+    }
+  });
+  function s(f) {
+    const p = y(f);
+    return p && p.$.subTree.shapeFlag === 16;
+  }
+  function t(f, p) {
+    const d = y(f), M = d.$.subTree && d.$.subTree.children;
+    return M == null || !Array.isArray(M) ? !1 : M.some((I) => I.el === p.target || p.composedPath().includes(I.el));
+  }
+  const m = (f) => {
+    const p = g(n);
+    if (f.target != null && !(!(p instanceof Element) && s(n) && t(n, f)) && !(!p || p === f.target || f.composedPath().includes(p))) {
+      if ("detail" in f && f.detail === 0 && (v = !i(f)), !v) {
+        v = !0;
+        return;
+      }
+      e(f);
+    }
+  };
+  let h = !1;
+  const w = [
+    O(o, "click", (f) => {
+      h || (h = !0, setTimeout(() => {
+        h = !1;
+      }, 0), m(f));
+    }, {
+      passive: !0,
+      capture: u
+    }),
+    O(o, "pointerdown", (f) => {
+      const p = g(n);
+      v = !i(f) && !!(p && !f.composedPath().includes(p));
+    }, { passive: !0 }),
+    l && O(o, "blur", (f) => {
+      setTimeout(() => {
+        const p = g(n);
+        let d = o.document.activeElement;
+        for (; d?.shadowRoot; ) d = d.shadowRoot.activeElement;
+        d?.tagName === "IFRAME" && !p?.contains(o.document.activeElement) && e(f);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), E = () => w.forEach((f) => f());
+  return c ? {
+    stop: E,
+    cancel: () => {
+      v = !1;
+    },
+    trigger: (f) => {
+      v = !0, m(f), v = !1;
+    }
+  } : E;
+}
+// @__NO_SIDE_EFFECTS__
+function K() {
+  const n = b(!1), e = $();
+  return e && J(() => {
+    n.value = !0;
+  }, e), n;
+}
+// @__NO_SIDE_EFFECTS__
+function T(n) {
+  const e = /* @__PURE__ */ K();
+  return R(() => (e.value, !!n()));
+}
+function A(n, e, r = {}) {
+  const { window: o = x, ...a } = r;
+  let u;
+  const l = /* @__PURE__ */ T(() => o && "MutationObserver" in o), c = () => {
+    u && (u.disconnect(), u = void 0);
+  }, v = S(R(() => {
+    const t = V(y(n)).map(g).filter(C);
+    return new Set(t);
+  }), (t) => {
+    c(), l.value && t.size && (u = new MutationObserver(e), t.forEach((m) => u.observe(m, a)));
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), i = () => u?.takeRecords(), s = () => {
+    v(), c();
+  };
+  return F(s), {
+    isSupported: l,
+    stop: s,
+    takeRecords: i
+  };
+}
+function X(n, e, r = {}) {
+  const { window: o = x, document: a = o?.document, flush: u = "sync" } = r;
+  if (!o || !a) return W;
+  let l;
+  const c = (s) => {
+    l?.(), l = s;
+  }, v = B(() => {
+    const s = g(n);
+    if (s) {
+      const { stop: t } = A(a, (m) => {
+        m.map((h) => [...h.removedNodes]).flat().some((h) => h === s || h.contains(s)) && e(m);
+      }, {
+        window: o,
+        childList: !0,
+        subtree: !0
+      });
+      c(t);
+    }
+  }, { flush: u }), i = () => {
+    v(), c();
+  };
+  return F(i), i;
+}
+// @__NO_SIDE_EFFECTS__
+function se(n = {}) {
+  var e;
+  const { window: r = x, deep: o = !0, triggerOnRemoval: a = !1 } = n, u = (e = n.document) !== null && e !== void 0 ? e : r?.document, l = () => {
+    let i = u?.activeElement;
+    if (o)
+      for (var s; i?.shadowRoot; ) i = i == null || (s = i.shadowRoot) === null || s === void 0 ? void 0 : s.activeElement;
+    return i;
+  }, c = b(), v = () => {
+    c.value = l();
+  };
+  if (r) {
+    const i = {
+      capture: !0,
+      passive: !0
+    };
+    O(r, "blur", (s) => {
+      s.relatedTarget === null && v();
+    }, i), O(r, "focus", v, i);
+  }
+  return a && X(c, v, { document: u }), v(), c;
+}
+const Z = Symbol("vueuse-ssr-width");
+// @__NO_SIDE_EFFECTS__
+function q() {
+  const n = Q() ? k(Z, null) : null;
+  return typeof n == "number" ? n : void 0;
+}
+function ee(n, e = {}) {
+  const { window: r = x, ssrWidth: o = /* @__PURE__ */ q() } = e, a = /* @__PURE__ */ T(() => r && "matchMedia" in r && typeof r.matchMedia == "function"), u = b(typeof o == "number"), l = b(), c = b(!1), v = (i) => {
+    c.value = i.matches;
+  };
+  return B(() => {
+    if (u.value) {
+      u.value = !a.value, c.value = y(n).split(",").some((i) => {
+        const s = i.includes("not all"), t = i.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), m = i.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let h = !!(t || m);
+        return t && h && (h = o >= N(t[1])), m && h && (h = o <= N(m[1])), s ? !h : h;
+      });
+      return;
+    }
+    a.value && (l.value = r.matchMedia(y(n)), c.value = l.value.matches);
+  }), O(l, "change", v, { passive: !0 }), R(() => c.value);
+}
+function te(n) {
+  return JSON.parse(JSON.stringify(n));
+}
+function ue(n, e, r = {}) {
+  const { window: o = x, initialValue: a, observe: u = !1 } = r, l = b(a), c = R(() => {
+    var i;
+    return g(e) || (o == null || (i = o.document) === null || i === void 0 ? void 0 : i.documentElement);
   });
-  return I(() => {
-    o = y(
-      [h(l, "id"), i],
-      ([e, d]) => {
-        const t = e ?? (d ? void 0 : F().value);
-        t !== n.value && (u?.removeInputId && !c() && (n.value && u.removeInputId(n.value), !r?.value && !d && t && u.addInputId(t)), n.value = t);
-      },
-      { immediate: !0 }
-    );
-  }), w(() => {
-    o && o(), u?.removeInputId && n.value && u.removeInputId(n.value);
+  function v() {
+    const i = y(n), s = y(c);
+    if (s && o && i) {
+      var t;
+      l.value = ((t = o.getComputedStyle(s).getPropertyValue(i)) === null || t === void 0 ? void 0 : t.trim()) || l.value || a;
+    }
+  }
+  return u && A(c, v, {
+    attributeFilter: ["style", "class"],
+    window: o
+  }), S([c, () => y(n)], (i, s) => {
+    s[0] && s[1] && s[0].style.removeProperty(s[1]), v();
+  }, { immediate: !0 }), S([l, c], ([i, s]) => {
+    const t = y(n);
+    s?.style && t && (i == null ? s.style.removeProperty(t) : s.style.setProperty(t, i));
+  }, { immediate: !0 }), l;
+}
+// @__NO_SIDE_EFFECTS__
+function le(n = {}) {
+  const { document: e = _ } = n;
+  if (!e) return b("visible");
+  const r = b(e.visibilityState);
+  return O(e, "visibilitychange", () => {
+    r.value = e.visibilityState;
+  }, { passive: !0 }), r;
+}
+function H(n, e, r = {}) {
+  const { window: o = x, ...a } = r;
+  let u;
+  const l = /* @__PURE__ */ T(() => o && "ResizeObserver" in o), c = () => {
+    u && (u.disconnect(), u = void 0);
+  }, v = S(R(() => {
+    const s = y(n);
+    return Array.isArray(s) ? s.map((t) => g(t)) : [g(s)];
+  }), (s) => {
+    if (c(), l.value && o) {
+      u = new ResizeObserver(e);
+      for (const t of s) t && u.observe(t, a);
+    }
+  }, {
+    immediate: !0,
+    flush: "post"
+  }), i = () => {
+    c(), v();
+  };
+  return F(i), {
+    isSupported: l,
+    stop: i
+  };
+}
+function re(n, e = {}) {
+  const { reset: r = !0, windowResize: o = !0, windowScroll: a = !0, immediate: u = !0, updateTiming: l = "sync" } = e, c = b(0), v = b(0), i = b(0), s = b(0), t = b(0), m = b(0), h = b(0), w = b(0);
+  function E() {
+    const p = g(n);
+    if (!p) {
+      r && (c.value = 0, v.value = 0, i.value = 0, s.value = 0, t.value = 0, m.value = 0, h.value = 0, w.value = 0);
+      return;
+    }
+    const d = p.getBoundingClientRect();
+    c.value = d.height, v.value = d.bottom, i.value = d.left, s.value = d.right, t.value = d.top, m.value = d.width, h.value = d.x, w.value = d.y;
+  }
+  function f() {
+    l === "sync" ? E() : l === "next-frame" && requestAnimationFrame(() => E());
+  }
+  return H(n, f), S(() => g(n), (p) => !p && f()), A(n, f, { attributeFilter: ["style", "class"] }), a && O("scroll", f, {
+    capture: !0,
+    passive: !0
+  }), o && O("resize", f, { passive: !0 }), P(() => {
+    u && f();
   }), {
-    isLabeledByFormItem: s,
-    inputId: n
+    height: c,
+    bottom: v,
+    left: i,
+    right: s,
+    top: t,
+    width: m,
+    x: h,
+    y: w,
+    update: f
   };
-};
+}
+function ce(n, e = {
+  width: 0,
+  height: 0
+}, r = {}) {
+  const { window: o = x, box: a = "content-box" } = r, u = R(() => {
+    var t;
+    return (t = g(n)) === null || t === void 0 || (t = t.namespaceURI) === null || t === void 0 ? void 0 : t.includes("svg");
+  }), l = b(e.width), c = b(e.height), { stop: v } = H(n, ([t]) => {
+    const m = a === "border-box" ? t.borderBoxSize : a === "content-box" ? t.contentBoxSize : t.devicePixelContentBoxSize;
+    if (o && u.value) {
+      const h = g(n);
+      if (h) {
+        const w = h.getBoundingClientRect();
+        l.value = w.width, c.value = w.height;
+      }
+    } else if (m) {
+      const h = V(m);
+      l.value = h.reduce((w, { inlineSize: E }) => w + E, 0), c.value = h.reduce((w, { blockSize: E }) => w + E, 0);
+    } else
+      l.value = t.contentRect.width, c.value = t.contentRect.height;
+  }, r);
+  P(() => {
+    const t = g(n);
+    t && (l.value = "offsetWidth" in t ? t.offsetWidth : e.width, c.value = "offsetHeight" in t ? t.offsetHeight : e.height);
+  });
+  const i = S(() => g(n), (t) => {
+    l.value = t ? e.width : 0, c.value = t ? e.height : 0;
+  });
+  function s() {
+    v(), i();
+  }
+  return {
+    width: l,
+    height: c,
+    stop: s
+  };
+}
+function ae(n, e, r = {}) {
+  const { root: o, rootMargin: a, threshold: u = 0, window: l = x, immediate: c = !0 } = r, v = /* @__PURE__ */ T(() => l && "IntersectionObserver" in l), i = R(() => V(y(n)).map(g).filter(C));
+  let s = W;
+  const t = b(c), m = v.value ? S(() => [
+    i.value,
+    g(o),
+    y(a),
+    t.value
+  ], ([w, E, f]) => {
+    if (s(), !t.value || !w.length) return;
+    const p = new IntersectionObserver(e, {
+      root: g(E),
+      rootMargin: f,
+      threshold: u
+    });
+    w.forEach((d) => d && p.observe(d)), s = () => {
+      p.disconnect(), s = W;
+    };
+  }, {
+    immediate: c,
+    flush: "post"
+  }) : W, h = () => {
+    s(), m(), t.value = !1;
+  };
+  return F(h), {
+    isSupported: v,
+    isActive: t,
+    pause() {
+      s(), t.value = !1;
+    },
+    resume() {
+      t.value = !0;
+    },
+    stop: h
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function de(n, e, r, o = {}) {
+  var a, u;
+  const { clone: l = !1, passive: c = !1, eventName: v, deep: i = !1, defaultValue: s, shouldEmit: t } = o, m = $(), h = m?.emit || (m == null || (a = m.$emit) === null || a === void 0 ? void 0 : a.bind(m)) || (m == null || (u = m.proxy) === null || u === void 0 || (u = u.$emit) === null || u === void 0 ? void 0 : u.bind(m?.proxy));
+  let w = v;
+  w = w || `update:${e.toString()}`;
+  const E = (d) => l ? typeof l == "function" ? l(d) : te(d) : d, f = () => j(n[e]) ? E(n[e]) : s, p = (d) => {
+    t ? t(d) && h(w, d) : h(w, d);
+  };
+  if (c) {
+    const d = Y(f());
+    let M = !1;
+    return S(() => n[e], (I) => {
+      M || (M = !0, d.value = E(I), G(() => M = !1));
+    }), S(d, (I) => {
+      !M && (I !== n[e] || i) && p(I);
+    }, { deep: i }), d;
+  } else return R({
+    get() {
+      return f();
+    },
+    set(d) {
+      p(d);
+    }
+  });
+}
+// @__NO_SIDE_EFFECTS__
+function ve(n = {}) {
+  const { window: e = x } = n;
+  if (!e) return b(!1);
+  const r = b(e.document.hasFocus()), o = { passive: !0 };
+  return O(e, "blur", () => {
+    r.value = !1;
+  }, o), O(e, "focus", () => {
+    r.value = !0;
+  }, o), r;
+}
+// @__NO_SIDE_EFFECTS__
+function fe(n = {}) {
+  const { window: e = x, initialWidth: r = Number.POSITIVE_INFINITY, initialHeight: o = Number.POSITIVE_INFINITY, listenOrientation: a = !0, includeScrollbar: u = !0, type: l = "inner" } = n, c = b(r), v = b(o), i = () => {
+    if (e) if (l === "outer")
+      c.value = e.outerWidth, v.value = e.outerHeight;
+    else if (l === "visual" && e.visualViewport) {
+      const { width: t, height: m, scale: h } = e.visualViewport;
+      c.value = Math.round(t * h), v.value = Math.round(m * h);
+    } else u ? (c.value = e.innerWidth, v.value = e.innerHeight) : (c.value = e.document.documentElement.clientWidth, v.value = e.document.documentElement.clientHeight);
+  };
+  i(), P(i);
+  const s = { passive: !0 };
+  return O("resize", i, s), e && l === "visual" && e.visualViewport && O(e.visualViewport, "resize", i, s), a && S(ee("(orientation: portrait)"), () => i()), {
+    width: c,
+    height: v
+  };
+}
 export {
-  B as useFormItem,
-  R as useFormItemInputId
+  pe as clamp,
+  te as cloneFnJSON,
+  be as computedEager,
+  we as createFilterWrapper,
+  ge as debounceFilter,
+  _ as defaultDocument,
+  x as defaultWindow,
+  ye as getLifeCycleTarget,
+  k as injectLocal,
+  z as isClient,
+  j as isDef,
+  L as isObject,
+  W as noop,
+  C as notNullish,
+  ie as onClickOutside,
+  X as onElementRemoval,
+  N as pxValue,
+  Ee as reactiveComputed,
+  Oe as refDebounced,
+  xe as throttleFilter,
+  V as toArray,
+  Se as toReactive,
+  P as tryOnMounted,
+  F as tryOnScopeDispose,
+  g as unrefElement,
+  se as useActiveElement,
+  ue as useCssVar,
+  Re as useDebounceFn,
+  le as useDocumentVisibility,
+  re as useElementBounding,
+  ce as useElementSize,
+  O as useEventListener,
+  ae as useIntersectionObserver,
+  ee as useMediaQuery,
+  K as useMounted,
+  A as useMutationObserver,
+  H as useResizeObserver,
+  q as useSSRWidth,
+  T as useSupported,
+  Me as useThrottleFn,
+  We as useTimeoutFn,
+  de as useVModel,
+  ve as useWindowFocus,
+  fe as useWindowSize,
+  D as watchImmediate
 };

package/dist/chunks/chunk-1710.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("./chunk-1727.cjs"),d=require("./chunk-1753.cjs"),u=require("./chunk-1696.cjs"),m=(i,o={})=>{const t=e.ref(void 0),n=o.prop?t:d.useProp("size"),r=o.global?t:c.useGlobalSize(),s=o.form?{size:void 0}:e.inject(u.formContextKey,void 0),l=o.formItem?{size:void 0}:e.inject(u.formItemContextKey,void 0);return e.computed(()=>n.value||e.unref(i)||l?.size||s?.size||r.value||"")},a=i=>{const o=d.useProp("disabled"),t=e.inject(u.formContextKey,void 0);return e.computed(()=>{var n,r,s;return(s=(r=(n=o.value)!=null?n:e.unref(i))!=null?r:t?.disabled)!=null?s:!1})};exports.useFormDisabled=a;exports.useFormSize=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./chunk-1706.cjs"),e=require("vue"),c=({from:r,replacement:t,scope:i,version:o,ref:s,type:a="API"},u)=>{e.watch(()=>e.unref(u),d=>{d&&n.debugWarn(i,`[${a}] ${r} is about to be deprecated in version ${o}, please use ${t} instead.
+For more detail, please visit: ${s}
+`)},{immediate:!0})};exports.useDeprecated=c;

package/dist/chunks/chunk-1710.js

@@ -1,20 +1,12 @@
-import { ref as a, inject as s, computed as n, unref as u } from "vue";
-import { useGlobalSize as v } from "./chunk-1727.js";
-import { useProp as d } from "./chunk-1753.js";
-import { formContextKey as f, formItemContextKey as c } from "./chunk-1696.js";
-const y = (i, o = {}) => {
-  const e = a(void 0), l = o.prop ? e : d("size"), r = o.global ? e : v(), t = o.form ? { size: void 0 } : s(f, void 0), m = o.formItem ? { size: void 0 } : s(c, void 0);
-  return n(
-    () => l.value || u(i) || m?.size || t?.size || r.value || ""
-  );
-}, C = (i) => {
-  const o = d("disabled"), e = s(f, void 0);
-  return n(() => {
-    var l, r, t;
-    return (t = (r = (l = o.value) != null ? l : u(i)) != null ? r : e?.disabled) != null ? t : !1;
-  });
+import { debugWarn as m } from "./chunk-1706.js";
+import { watch as p, unref as n } from "vue";
+const c = ({ from: e, replacement: t, scope: r, version: i, ref: o, type: a = "API" }, s) => {
+  p(() => n(s), (d) => {
+    d && m(r, `[${a}] ${e} is about to be deprecated in version ${i}, please use ${t} instead.
+For more detail, please visit: ${o}
+`);
+  }, { immediate: !0 });
 };
 export {
-  C as useFormDisabled,
-  y as useFormSize
+  c as useDeprecated
 };

package/dist/chunks/chunk-1711.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),r=require("./chunk-1684.cjs"),q=require("./chunk-1687.cjs"),F=require("./chunk-1688.cjs"),b=require("./chunk-1697.cjs");function g(l,{disabled:s,beforeFocus:v,afterFocus:f,beforeBlur:d,afterBlur:E}={}){const h=n.getCurrentInstance(),{emit:m}=h,u=n.shallowRef(),o=n.ref(!1),i=e=>{const t=b.isFunction(v)?v(e):!1;n.unref(s)||o.value||t||(o.value=!0,m("focus",e),f?.())},a=e=>{var t;const c=b.isFunction(d)?d(e):!1;n.unref(s)||e.relatedTarget&&((t=u.value)!=null&&t.contains(e.relatedTarget))||c||(o.value=!1,m("blur",e),E?.())},p=e=>{var t,c;n.unref(s)||F.isFocusable(e.target)||(t=u.value)!=null&&t.contains(document.activeElement)&&u.value!==document.activeElement||(c=l.value)==null||c.focus()};return n.watch([u,()=>n.unref(s)],([e,t])=>{e&&(t?e.removeAttribute("tabindex"):e.setAttribute("tabindex","-1"))}),r.useEventListener(u,"focus",i,!0),r.useEventListener(u,"blur",a,!0),r.useEventListener(u,"click",p,!0),process.env.NODE_ENV==="test"&&n.onMounted(()=>{const e=q.isElement(l.value)?l.value:document.querySelector("input,textarea");e&&(r.useEventListener(e,"focus",i,!0),r.useEventListener(e,"blur",a,!0))}),{isFocused:o,wrapperRef:u,handleFocus:i,handleBlur:a}}exports.useFocusController=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("./chunk-1712.cjs"),d=require("vue"),p=require("./chunk-1713.cjs"),q=(n,u,M,b)=>{const o={offsetX:0,offsetY:0},a=d.ref(!1),v=(e,t)=>{if(n.value){const{offsetX:l,offsetY:f}=o,s=n.value.getBoundingClientRect(),i=Math.max(s.left,0),c=Math.max(s.top,0),r=s.width,w=s.height,y=document.documentElement.clientWidth,E=document.documentElement.clientHeight,D=-i+l,x=-c+f,P=y-i-r+l,T=E-c-(w<E?w:0)+f;b?.value||(e=p(e,D,P),t=p(t,x,T)),o.offsetX=e,o.offsetY=t,n.value.style.transform=`translate(${L.addUnit(e)}, ${L.addUnit(t)})`}},g=e=>{const t=e.clientX,l=e.clientY,{offsetX:f,offsetY:s}=o,i=r=>{a.value||(a.value=!0),v(f+r.clientX-t,s+r.clientY-l)},c=()=>{a.value=!1,document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",c)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",c)},X=()=>{u.value&&n.value&&(u.value.addEventListener("mousedown",g),window.addEventListener("resize",m))},h=()=>{u.value&&n.value&&(u.value.removeEventListener("mousedown",g),window.removeEventListener("resize",m))},Y=()=>{o.offsetX=0,o.offsetY=0,n.value&&(n.value.style.transform="")},m=()=>{const{offsetX:e,offsetY:t}=o;v(e,t)};return d.onMounted(()=>{d.watchEffect(()=>{M.value?X():h()})}),d.onBeforeUnmount(()=>{h()}),{isDragging:a,resetPosition:Y,updatePosition:m}};exports.useDraggable=q;

package/dist/chunks/chunk-1711.js

@@ -1,39 +1,44 @@
-import { getCurrentInstance as x, shallowRef as F, ref as _, watch as g, unref as c, onMounted as w } from "vue";
-import { useEventListener as u } from "./chunk-1684.js";
-import { isElement as C } from "./chunk-1687.js";
-import { isFocusable as k } from "./chunk-1688.js";
-import { isFunction as E } from "./chunk-1697.js";
-function y(a, {
-  disabled: r,
-  beforeFocus: f,
-  afterFocus: m,
-  beforeBlur: v,
-  afterBlur: d
-} = {}) {
-  const h = x(), { emit: p } = h, n = F(), o = _(!1), s = (e) => {
-    const t = E(f) ? f(e) : !1;
-    c(r) || o.value || t || (o.value = !0, p("focus", e), m?.());
-  }, i = (e) => {
-    var t;
-    const l = E(v) ? v(e) : !1;
-    c(r) || e.relatedTarget && ((t = n.value) != null && t.contains(e.relatedTarget)) || l || (o.value = !1, p("blur", e), d?.());
-  }, b = (e) => {
-    var t, l;
-    c(r) || k(e.target) || (t = n.value) != null && t.contains(document.activeElement) && n.value !== document.activeElement || (l = a.value) == null || l.focus();
+import { addUnit as w } from "./chunk-1712.js";
+import { ref as T, onMounted as W, watchEffect as y, onBeforeUnmount as z } from "vue";
+import E from "./chunk-1713.js";
+const j = (o, u, L, M) => {
+  const n = {
+    offsetX: 0,
+    offsetY: 0
+  }, a = T(!1), d = (t, e) => {
+    if (o.value) {
+      const { offsetX: f, offsetY: l } = n, s = o.value.getBoundingClientRect(), i = Math.max(s.left, 0), c = Math.max(s.top, 0), m = s.width, h = s.height, x = document.documentElement.clientWidth, g = document.documentElement.clientHeight, D = -i + f, b = -c + l, H = x - i - m + f, P = g - c - (h < g ? h : 0) + l;
+      M?.value || (t = E(t, D, H), e = E(e, b, P)), n.offsetX = t, n.offsetY = e, o.value.style.transform = `translate(${w(t)}, ${w(e)})`;
+    }
+  }, v = (t) => {
+    const e = t.clientX, f = t.clientY, { offsetX: l, offsetY: s } = n, i = (m) => {
+      a.value || (a.value = !0), d(l + m.clientX - e, s + m.clientY - f);
+    }, c = () => {
+      a.value = !1, document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", c);
+    };
+    document.addEventListener("mousemove", i), document.addEventListener("mouseup", c);
+  }, X = () => {
+    u.value && o.value && (u.value.addEventListener("mousedown", v), window.addEventListener("resize", r));
+  }, p = () => {
+    u.value && o.value && (u.value.removeEventListener("mousedown", v), window.removeEventListener("resize", r));
+  }, Y = () => {
+    n.offsetX = 0, n.offsetY = 0, o.value && (o.value.style.transform = "");
+  }, r = () => {
+    const { offsetX: t, offsetY: e } = n;
+    d(t, e);
   };
-  return g([n, () => c(r)], ([e, t]) => {
-    e && (t ? e.removeAttribute("tabindex") : e.setAttribute("tabindex", "-1"));
-  }), u(n, "focus", s, !0), u(n, "blur", i, !0), u(n, "click", b, !0), process.env.NODE_ENV === "test" && w(() => {
-    const e = C(a.value) ? a.value : document.querySelector("input,textarea");
-    e && (u(e, "focus", s, !0), u(e, "blur", i, !0));
+  return W(() => {
+    y(() => {
+      L.value ? X() : p();
+    });
+  }), z(() => {
+    p();
   }), {
-    isFocused: o,
-    /** Avoid using wrapperRef and handleFocus/handleBlur together */
-    wrapperRef: n,
-    handleFocus: s,
-    handleBlur: i
+    isDragging: a,
+    resetPosition: Y,
+    updatePosition: r
   };
-}
+};
 export {
-  y as useFocusController
+  j as useDraggable
 };

package/dist/chunks/chunk-1712.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-1697.cjs");class n extends Error{constructor(e){super(e),this.name="ElementPlusError"}}function s(r,e){throw new n(`[${r}] ${e}`)}function u(r,e){if(process.env.NODE_ENV!=="production"){const o=t.isString(r)?new n(`[${r}] ${e}`):r;console.warn(o)}}exports.debugWarn=u;exports.throwError=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./chunk-1741.cjs"),c=require("./chunk-1703.cjs"),n=require("./chunk-1721.cjs"),d=require("./chunk-1751.cjs"),f=require("./chunk-1706.cjs"),l=require("./chunk-1722.cjs"),y="utils/dom/style",o=(t="")=>t.split(" ").filter(r=>!!r.trim()),m=(t,r)=>{if(!t||!r)return!1;if(r.includes(" "))throw new Error("className should not contain space.");return t.classList.contains(r)},S=(t,r)=>{!t||!r.trim()||t.classList.add(...o(r))},b=(t,r)=>{!t||!r.trim()||t.classList.remove(...o(r))},g=(t,r)=>{if(!l.isClient||!t||!r||u.isShadowRoot(t))return"";let s=n.camelize(r);s==="float"&&(s="cssFloat");try{const e=t.style[s];if(e)return e;const i=document.defaultView?.getComputedStyle(t,"");return i?i[s]:""}catch{return t.style[s]}},a=(t,r,s)=>{if(!(!t||!r))if(n.isObject(r))d.entriesOf(r).forEach(([e,i])=>a(t,e,i));else{const e=n.camelize(r);t.style[e]=s}};function C(t,r="px"){if(!t&&t!==0)return"";if(c.isNumber(t)||c.isStringNumber(t))return`${t}${r}`;if(n.isString(t))return t;f.debugWarn(y,"binding value must be a string or number")}exports.addClass=S;exports.addUnit=C;exports.classNameToArray=o;exports.getStyle=g;exports.hasClass=m;exports.removeClass=b;exports.setStyle=a;