@squirrel-cloud/ui-vue 0.0.9 → 0.1.1

package/dist/squirrel-cloud-ui-vue.js

@@ -1,21 +1,21 @@
-import { createElementBlock as f, openBlock as r, createElementVNode as g, defineComponent as y, computed as u, normalizeClass as v, createVNode as C, unref as _, withCtx as q, createBlock as h, createCommentVNode as x, renderSlot as m, resolveDynamicComponent as z, mergeModels as B, useSlots as T, useModel as N, useTemplateRef as M, withDirectives as R, vModelText as V, normalizeStyle as D } from "vue";
-const E = (i, e) => {
-  const a = i.__vccOpts || i;
-  for (const [n, t] of e)
-    a[n] = t;
-  return a;
-}, F = {}, O = {
+import { createElementBlock as N, openBlock as C, createElementVNode as nt, defineComponent as J, computed as b, normalizeClass as Q, createVNode as Xt, unref as it, withCtx as ut, createBlock as Y, createCommentVNode as yt, renderSlot as D, resolveDynamicComponent as xt, mergeModels as bt, useSlots as re, useModel as jt, useTemplateRef as St, withDirectives as Ut, vModelText as le, ref as tt, shallowRef as ce, watch as vt, getCurrentScope as ae, onScopeDispose as ue, shallowReadonly as X, onBeforeUnmount as fe, Fragment as de, withModifiers as $t, Teleport as pe, Transition as me, normalizeStyle as Yt, vShow as he } from "vue";
+const ge = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, i] of e)
+    n[o] = i;
+  return n;
+}, ve = {}, we = {
   class: "sq-icon is-loading",
   "data-icon": "loading"
 };
-function P(i, e) {
-  return r(), f("span", O, e[0] || (e[0] = [
-    g("svg", {
+function ye(t, e) {
+  return C(), N("span", we, e[0] || (e[0] = [
+    nt("svg", {
       viewBox: "0 0 48 48",
       version: "1.1",
       xmlns: "http://www.w3.org/2000/svg"
     }, [
-      g("circle", {
+      nt("circle", {
         cx: "24",
         cy: "24",
         r: "20"
@@ -23,7 +23,7 @@ function P(i, e) {
     ], -1)
   ]));
 }
-const U = /* @__PURE__ */ E(F, [["render", P]]), j = ["disabled"], K = /* @__PURE__ */ y({
+const xe = /* @__PURE__ */ ge(ve, [["render", ye]]), be = ["disabled"], Sn = /* @__PURE__ */ J({
   __name: "SqButton",
   props: {
     type: {},
@@ -34,35 +34,35 @@ const U = /* @__PURE__ */ E(F, [["render", P]]), j = ["disabled"], K = /* @__PUR
     disabled: { type: Boolean },
     size: { default: "md" }
   },
-  setup(i) {
-    const e = i, a = u(() => {
+  setup(t) {
+    const e = t, n = b(() => {
       const s = [];
       return e.size !== "md" && s.push(`sq-button--${e.size}`), e.type && s.push(`is-${e.type}`), e.round && s.push("is-round"), e.text && s.push("is-text"), s;
-    }), n = u(() => e.loading ? U : e.icon), t = u(() => e.loading || e.disabled);
-    return (s, l) => (r(), f("button", {
-      class: v(["sq-button", a.value]),
-      disabled: t.value
+    }), o = b(() => e.loading ? xe : e.icon), i = b(() => e.loading || e.disabled);
+    return (s, r) => (C(), N("button", {
+      class: Q(["sq-button", n.value]),
+      disabled: i.value
     }, [
-      C(_($), {
+      Xt(it(Bt), {
         size: e.size
       }, {
-        default: q(() => [
-          n.value ? (r(), h(z(n.value), { key: 0 })) : x("", !0),
-          m(s.$slots, "default")
+        default: ut(() => [
+          o.value ? (C(), Y(xt(o.value), { key: 0 })) : yt("", !0),
+          D(s.$slots, "default")
         ]),
         _: 3
       }, 8, ["size"])
-    ], 10, j));
+    ], 10, be));
   }
-}), A = {
+}), Se = {
   key: 0,
   class: "sq-input-prefix"
-}, G = ["disabled", "readonly"], H = {
+}, Re = ["disabled", "readonly"], Ce = {
   key: 1,
   class: "sq-input-suffix"
-}, Q = /* @__PURE__ */ y({
+}, Rn = /* @__PURE__ */ J({
   __name: "SqInput",
-  props: /* @__PURE__ */ B({
+  props: /* @__PURE__ */ bt({
     status: {},
     round: { type: Boolean },
     showStatusIcon: { type: Boolean },
@@ -75,53 +75,1126 @@ const U = /* @__PURE__ */ E(F, [["render", P]]), j = ["disabled"], K = /* @__PUR
     value: { type: String, default: "" },
     valueModifiers: {}
   }),
-  emits: /* @__PURE__ */ B(["focus", "blur", "input", "change"], ["update:value"]),
-  setup(i, { expose: e, emit: a }) {
-    const n = T(), t = a, s = i, l = N(i, "value"), d = M("inputRef"), S = u(() => {
-      const o = [];
-      return s.size !== "md" && o.push(`sq-input--${s.size}`), s.status && o.push(`is-${s.status}`), s.round && o.push("is-round"), s.disabled && o.push("is-disabled"), o;
-    }), b = u(() => n.prefix || s.prefixIcon), w = u(() => {
-      const o = s.showStatusIcon && s.status;
-      return n.suffix || o || s.suffixIcon;
-    }), k = u(() => s.suffixIcon);
-    function I() {
-      var o;
-      (o = d.value) == null || o.focus();
-    }
-    function L() {
-      var o;
-      (o = d.value) == null || o.blur();
-    }
-    return e({ focus: I, blur: L }), (o, c) => (r(), f("section", {
-      class: v(["sq-input", S.value])
+  emits: /* @__PURE__ */ bt(["focus", "blur", "input", "change"], ["update:value"]),
+  setup(t, { expose: e, emit: n }) {
+    const o = re(), i = n, s = t, r = jt(t, "value"), l = St("inputRef"), a = b(() => {
+      const p = [];
+      return s.size !== "md" && p.push(`sq-input--${s.size}`), s.status && p.push(`is-${s.status}`), s.round && p.push("is-round"), s.disabled && p.push("is-disabled"), p;
+    }), c = b(() => o.prefix || s.prefixIcon), u = b(() => {
+      const p = s.showStatusIcon && s.status;
+      return o.suffix || p || s.suffixIcon;
+    }), f = b(() => s.suffixIcon);
+    function m() {
+      var p;
+      (p = l.value) == null || p.focus();
+    }
+    function d() {
+      var p;
+      (p = l.value) == null || p.blur();
+    }
+    return e({ focus: m, blur: d }), (p, h) => (C(), N("section", {
+      class: Q(["sq-input", a.value])
     }, [
-      b.value ? (r(), f("span", A, [
-        m(o.$slots, "prefix", {}, () => [
-          (r(), h(z(s.prefixIcon)))
+      c.value ? (C(), N("span", Se, [
+        D(p.$slots, "prefix", {}, () => [
+          (C(), Y(xt(s.prefixIcon)))
         ])
-      ])) : x("", !0),
-      R(g("input", {
-        "onUpdate:modelValue": c[0] || (c[0] = (p) => l.value = p),
+      ])) : yt("", !0),
+      Ut(nt("input", {
+        "onUpdate:modelValue": h[0] || (h[0] = (g) => r.value = g),
         class: "sq-input-inner",
         disabled: s.disabled,
         readonly: s.readonly,
         ref_key: "inputRef",
-        ref: d,
-        onFocus: c[1] || (c[1] = (p) => t("focus", p)),
-        onBlur: c[2] || (c[2] = (p) => t("blur", p)),
-        onInput: c[3] || (c[3] = (p) => t("input", p)),
-        onChange: c[4] || (c[4] = (p) => t("change", p))
-      }, null, 40, G), [
-        [V, l.value]
+        ref: l,
+        onFocus: h[1] || (h[1] = (g) => i("focus", g)),
+        onBlur: h[2] || (h[2] = (g) => i("blur", g)),
+        onInput: h[3] || (h[3] = (g) => i("input", g)),
+        onChange: h[4] || (h[4] = (g) => i("change", g))
+      }, null, 40, Re), [
+        [le, r.value]
       ]),
-      w.value ? (r(), f("span", H, [
-        m(o.$slots, "suffix", {}, () => [
-          (r(), h(z(k.value)))
+      u.value ? (C(), N("span", Ce, [
+        D(p.$slots, "suffix", {}, () => [
+          (C(), Y(xt(f.value)))
         ])
-      ])) : x("", !0)
+      ])) : yt("", !0)
     ], 2));
   }
-}), W = /* @__PURE__ */ y({
+}), Rt = Math.min, j = Math.max, lt = Math.round, rt = Math.floor, k = (t) => ({
+  x: t,
+  y: t
+}), Ae = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+}, Le = {
+  start: "end",
+  end: "start"
+};
+function Lt(t, e) {
+  return typeof t == "function" ? t(e) : t;
+}
+function K(t) {
+  return t.split("-")[0];
+}
+function ft(t) {
+  return t.split("-")[1];
+}
+function Oe(t) {
+  return t === "x" ? "y" : "x";
+}
+function Kt(t) {
+  return t === "y" ? "height" : "width";
+}
+const Te = /* @__PURE__ */ new Set(["top", "bottom"]);
+function q(t) {
+  return Te.has(K(t)) ? "y" : "x";
+}
+function Gt(t) {
+  return Oe(q(t));
+}
+function Ee(t, e, n) {
+  n === void 0 && (n = !1);
+  const o = ft(t), i = Gt(t), s = Kt(i);
+  let r = i === "x" ? o === (n ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
+  return e.reference[s] > e.floating[s] && (r = ct(r)), [r, ct(r)];
+}
+function ke(t) {
+  const e = ct(t);
+  return [Ct(t), e, Ct(e)];
+}
+function Ct(t) {
+  return t.replace(/start|end/g, (e) => Le[e]);
+}
+const zt = ["left", "right"], Mt = ["right", "left"], Be = ["top", "bottom"], _e = ["bottom", "top"];
+function Pe(t, e, n) {
+  switch (t) {
+    case "top":
+    case "bottom":
+      return n ? e ? Mt : zt : e ? zt : Mt;
+    case "left":
+    case "right":
+      return e ? Be : _e;
+    default:
+      return [];
+  }
+}
+function De(t, e, n, o) {
+  const i = ft(t);
+  let s = Pe(K(t), n === "start", o);
+  return i && (s = s.map((r) => r + "-" + i), e && (s = s.concat(s.map(Ct)))), s;
+}
+function ct(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Ae[e]);
+}
+function $e(t) {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    ...t
+  };
+}
+function ze(t) {
+  return typeof t != "number" ? $e(t) : {
+    top: t,
+    right: t,
+    bottom: t,
+    left: t
+  };
+}
+function at(t) {
+  const {
+    x: e,
+    y: n,
+    width: o,
+    height: i
+  } = t;
+  return {
+    width: o,
+    height: i,
+    top: n,
+    left: e,
+    right: e + o,
+    bottom: n + i,
+    x: e,
+    y: n
+  };
+}
+function Vt(t, e, n) {
+  let {
+    reference: o,
+    floating: i
+  } = t;
+  const s = q(e), r = Gt(e), l = Kt(r), a = K(e), c = s === "y", u = o.x + o.width / 2 - i.width / 2, f = o.y + o.height / 2 - i.height / 2, m = o[l] / 2 - i[l] / 2;
+  let d;
+  switch (a) {
+    case "top":
+      d = {
+        x: u,
+        y: o.y - i.height
+      };
+      break;
+    case "bottom":
+      d = {
+        x: u,
+        y: o.y + o.height
+      };
+      break;
+    case "right":
+      d = {
+        x: o.x + o.width,
+        y: f
+      };
+      break;
+    case "left":
+      d = {
+        x: o.x - i.width,
+        y: f
+      };
+      break;
+    default:
+      d = {
+        x: o.x,
+        y: o.y
+      };
+  }
+  switch (ft(e)) {
+    case "start":
+      d[r] -= m * (n && c ? -1 : 1);
+      break;
+    case "end":
+      d[r] += m * (n && c ? -1 : 1);
+      break;
+  }
+  return d;
+}
+const Me = async (t, e, n) => {
+  const {
+    placement: o = "bottom",
+    strategy: i = "absolute",
+    middleware: s = [],
+    platform: r
+  } = n, l = s.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let c = await r.getElementRects({
+    reference: t,
+    floating: e,
+    strategy: i
+  }), {
+    x: u,
+    y: f
+  } = Vt(c, o, a), m = o, d = {}, p = 0;
+  for (let h = 0; h < l.length; h++) {
+    const {
+      name: g,
+      fn: v
+    } = l[h], {
+      x: w,
+      y: x,
+      data: R,
+      reset: S
+    } = await v({
+      x: u,
+      y: f,
+      initialPlacement: o,
+      placement: m,
+      strategy: i,
+      middlewareData: d,
+      rects: c,
+      platform: r,
+      elements: {
+        reference: t,
+        floating: e
+      }
+    });
+    u = w ?? u, f = x ?? f, d = {
+      ...d,
+      [g]: {
+        ...d[g],
+        ...R
+      }
+    }, S && p <= 50 && (p++, typeof S == "object" && (S.placement && (m = S.placement), S.rects && (c = S.rects === !0 ? await r.getElementRects({
+      reference: t,
+      floating: e,
+      strategy: i
+    }) : S.rects), {
+      x: u,
+      y: f
+    } = Vt(c, m, a)), h = -1);
+  }
+  return {
+    x: u,
+    y: f,
+    placement: m,
+    strategy: i,
+    middlewareData: d
+  };
+};
+async function Ve(t, e) {
+  var n;
+  e === void 0 && (e = {});
+  const {
+    x: o,
+    y: i,
+    platform: s,
+    rects: r,
+    elements: l,
+    strategy: a
+  } = t, {
+    boundary: c = "clippingAncestors",
+    rootBoundary: u = "viewport",
+    elementContext: f = "floating",
+    altBoundary: m = !1,
+    padding: d = 0
+  } = Lt(e, t), p = ze(d), g = l[m ? f === "floating" ? "reference" : "floating" : f], v = at(await s.getClippingRect({
+    element: (n = await (s.isElement == null ? void 0 : s.isElement(g))) == null || n ? g : g.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
+    boundary: c,
+    rootBoundary: u,
+    strategy: a
+  })), w = f === "floating" ? {
+    x: o,
+    y: i,
+    width: r.floating.width,
+    height: r.floating.height
+  } : r.reference, x = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(l.floating)), R = await (s.isElement == null ? void 0 : s.isElement(x)) ? await (s.getScale == null ? void 0 : s.getScale(x)) || {
+    x: 1,
+    y: 1
+  } : {
+    x: 1,
+    y: 1
+  }, S = at(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+    elements: l,
+    rect: w,
+    offsetParent: x,
+    strategy: a
+  }) : w);
+  return {
+    top: (v.top - S.top + p.top) / R.y,
+    bottom: (S.bottom - v.bottom + p.bottom) / R.y,
+    left: (v.left - S.left + p.left) / R.x,
+    right: (S.right - v.right + p.right) / R.x
+  };
+}
+const Fe = function(t) {
+  return t === void 0 && (t = {}), {
+    name: "flip",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        placement: i,
+        middlewareData: s,
+        rects: r,
+        initialPlacement: l,
+        platform: a,
+        elements: c
+      } = e, {
+        mainAxis: u = !0,
+        crossAxis: f = !0,
+        fallbackPlacements: m,
+        fallbackStrategy: d = "bestFit",
+        fallbackAxisSideDirection: p = "none",
+        flipAlignment: h = !0,
+        ...g
+      } = Lt(t, e);
+      if ((n = s.arrow) != null && n.alignmentOffset)
+        return {};
+      const v = K(i), w = q(l), x = K(l) === l, R = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), S = m || (x || !h ? [ct(l)] : ke(l)), z = p !== "none";
+      !m && z && S.push(...De(l, h, p, R));
+      const y = [l, ...S], L = await Ve(e, g), M = [];
+      let H = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (u && M.push(L[v]), f) {
+        const V = Ee(i, r, R);
+        M.push(L[V[0]], L[V[1]]);
+      }
+      if (H = [...H, {
+        placement: i,
+        overflows: M
+      }], !M.every((V) => V <= 0)) {
+        var _t, Pt;
+        const V = (((_t = s.flip) == null ? void 0 : _t.index) || 0) + 1, gt = y[V];
+        if (gt && (!(f === "alignment" ? w !== q(gt) : !1) || // We leave the current main axis only if every placement on that axis
+        // overflows the main axis.
+        H.every((O) => q(O.placement) === w ? O.overflows[0] > 0 : !0)))
+          return {
+            data: {
+              index: V,
+              overflows: H
+            },
+            reset: {
+              placement: gt
+            }
+          };
+        let Z = (Pt = H.filter((F) => F.overflows[0] <= 0).sort((F, O) => F.overflows[1] - O.overflows[1])[0]) == null ? void 0 : Pt.placement;
+        if (!Z)
+          switch (d) {
+            case "bestFit": {
+              var Dt;
+              const F = (Dt = H.filter((O) => {
+                if (z) {
+                  const P = q(O.placement);
+                  return P === w || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  P === "y";
+                }
+                return !0;
+              }).map((O) => [O.placement, O.overflows.filter((P) => P > 0).reduce((P, se) => P + se, 0)]).sort((O, P) => O[1] - P[1])[0]) == null ? void 0 : Dt[0];
+              F && (Z = F);
+              break;
+            }
+            case "initialPlacement":
+              Z = l;
+              break;
+          }
+        if (i !== Z)
+          return {
+            reset: {
+              placement: Z
+            }
+          };
+      }
+      return {};
+    }
+  };
+}, qe = /* @__PURE__ */ new Set(["left", "top"]);
+async function Ne(t, e) {
+  const {
+    placement: n,
+    platform: o,
+    elements: i
+  } = t, s = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), r = K(n), l = ft(n), a = q(n) === "y", c = qe.has(r) ? -1 : 1, u = s && a ? -1 : 1, f = Lt(e, t);
+  let {
+    mainAxis: m,
+    crossAxis: d,
+    alignmentAxis: p
+  } = typeof f == "number" ? {
+    mainAxis: f,
+    crossAxis: 0,
+    alignmentAxis: null
+  } : {
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
+  };
+  return l && typeof p == "number" && (d = l === "end" ? p * -1 : p), a ? {
+    x: d * u,
+    y: m * c
+  } : {
+    x: m * c,
+    y: d * u
+  };
+}
+const Ie = function(t) {
+  return t === void 0 && (t = 0), {
+    name: "offset",
+    options: t,
+    async fn(e) {
+      var n, o;
+      const {
+        x: i,
+        y: s,
+        placement: r,
+        middlewareData: l
+      } = e, a = await Ne(e, t);
+      return r === ((n = l.offset) == null ? void 0 : n.placement) && (o = l.arrow) != null && o.alignmentOffset ? {} : {
+        x: i + a.x,
+        y: s + a.y,
+        data: {
+          ...a,
+          placement: r
+        }
+      };
+    }
+  };
+};
+function dt() {
+  return typeof window < "u";
+}
+function W(t) {
+  return Ot(t) ? (t.nodeName || "").toLowerCase() : "#document";
+}
+function A(t) {
+  var e;
+  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
+}
+function _(t) {
+  var e;
+  return (e = (Ot(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+}
+function Ot(t) {
+  return dt() ? t instanceof Node || t instanceof A(t).Node : !1;
+}
+function T(t) {
+  return dt() ? t instanceof Element || t instanceof A(t).Element : !1;
+}
+function B(t) {
+  return dt() ? t instanceof HTMLElement || t instanceof A(t).HTMLElement : !1;
+}
+function Ft(t) {
+  return !dt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof A(t).ShadowRoot;
+}
+const We = /* @__PURE__ */ new Set(["inline", "contents"]);
+function st(t) {
+  const {
+    overflow: e,
+    overflowX: n,
+    overflowY: o,
+    display: i
+  } = E(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !We.has(i);
+}
+const He = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function Xe(t) {
+  return He.has(W(t));
+}
+const je = [":popover-open", ":modal"];
+function pt(t) {
+  return je.some((e) => {
+    try {
+      return t.matches(e);
+    } catch {
+      return !1;
+    }
+  });
+}
+const Ue = ["transform", "translate", "scale", "rotate", "perspective"], Ye = ["transform", "translate", "scale", "rotate", "perspective", "filter"], Ke = ["paint", "layout", "strict", "content"];
+function Tt(t) {
+  const e = Et(), n = T(t) ? E(t) : t;
+  return Ue.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || Ye.some((o) => (n.willChange || "").includes(o)) || Ke.some((o) => (n.contain || "").includes(o));
+}
+function Ge(t) {
+  let e = $(t);
+  for (; B(e) && !G(e); ) {
+    if (Tt(e))
+      return e;
+    if (pt(e))
+      return null;
+    e = $(e);
+  }
+  return null;
+}
+function Et() {
+  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
+}
+const Je = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function G(t) {
+  return Je.has(W(t));
+}
+function E(t) {
+  return A(t).getComputedStyle(t);
+}
+function mt(t) {
+  return T(t) ? {
+    scrollLeft: t.scrollLeft,
+    scrollTop: t.scrollTop
+  } : {
+    scrollLeft: t.scrollX,
+    scrollTop: t.scrollY
+  };
+}
+function $(t) {
+  if (W(t) === "html")
+    return t;
+  const e = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    t.assignedSlot || // DOM Element detected.
+    t.parentNode || // ShadowRoot detected.
+    Ft(t) && t.host || // Fallback.
+    _(t)
+  );
+  return Ft(e) ? e.host : e;
+}
+function Jt(t) {
+  const e = $(t);
+  return G(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : B(e) && st(e) ? e : Jt(e);
+}
+function ot(t, e, n) {
+  var o;
+  e === void 0 && (e = []), n === void 0 && (n = !0);
+  const i = Jt(t), s = i === ((o = t.ownerDocument) == null ? void 0 : o.body), r = A(i);
+  if (s) {
+    const l = At(r);
+    return e.concat(r, r.visualViewport || [], st(i) ? i : [], l && n ? ot(l) : []);
+  }
+  return e.concat(i, ot(i, [], n));
+}
+function At(t) {
+  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+}
+function Qt(t) {
+  const e = E(t);
+  let n = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
+  const i = B(t), s = i ? t.offsetWidth : n, r = i ? t.offsetHeight : o, l = lt(n) !== s || lt(o) !== r;
+  return l && (n = s, o = r), {
+    width: n,
+    height: o,
+    $: l
+  };
+}
+function kt(t) {
+  return T(t) ? t : t.contextElement;
+}
+function U(t) {
+  const e = kt(t);
+  if (!B(e))
+    return k(1);
+  const n = e.getBoundingClientRect(), {
+    width: o,
+    height: i,
+    $: s
+  } = Qt(e);
+  let r = (s ? lt(n.width) : n.width) / o, l = (s ? lt(n.height) : n.height) / i;
+  return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
+    x: r,
+    y: l
+  };
+}
+const Qe = /* @__PURE__ */ k(0);
+function Zt(t) {
+  const e = A(t);
+  return !Et() || !e.visualViewport ? Qe : {
+    x: e.visualViewport.offsetLeft,
+    y: e.visualViewport.offsetTop
+  };
+}
+function Ze(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== A(t) ? !1 : e;
+}
+function I(t, e, n, o) {
+  e === void 0 && (e = !1), n === void 0 && (n = !1);
+  const i = t.getBoundingClientRect(), s = kt(t);
+  let r = k(1);
+  e && (o ? T(o) && (r = U(o)) : r = U(t));
+  const l = Ze(s, n, o) ? Zt(s) : k(0);
+  let a = (i.left + l.x) / r.x, c = (i.top + l.y) / r.y, u = i.width / r.x, f = i.height / r.y;
+  if (s) {
+    const m = A(s), d = o && T(o) ? A(o) : o;
+    let p = m, h = At(p);
+    for (; h && o && d !== p; ) {
+      const g = U(h), v = h.getBoundingClientRect(), w = E(h), x = v.left + (h.clientLeft + parseFloat(w.paddingLeft)) * g.x, R = v.top + (h.clientTop + parseFloat(w.paddingTop)) * g.y;
+      a *= g.x, c *= g.y, u *= g.x, f *= g.y, a += x, c += R, p = A(h), h = At(p);
+    }
+  }
+  return at({
+    width: u,
+    height: f,
+    x: a,
+    y: c
+  });
+}
+function ht(t, e) {
+  const n = mt(t).scrollLeft;
+  return e ? e.left + n : I(_(t)).left + n;
+}
+function te(t, e) {
+  const n = t.getBoundingClientRect(), o = n.left + e.scrollLeft - ht(t, n), i = n.top + e.scrollTop;
+  return {
+    x: o,
+    y: i
+  };
+}
+function tn(t) {
+  let {
+    elements: e,
+    rect: n,
+    offsetParent: o,
+    strategy: i
+  } = t;
+  const s = i === "fixed", r = _(o), l = e ? pt(e.floating) : !1;
+  if (o === r || l && s)
+    return n;
+  let a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, c = k(1);
+  const u = k(0), f = B(o);
+  if ((f || !f && !s) && ((W(o) !== "body" || st(r)) && (a = mt(o)), B(o))) {
+    const d = I(o);
+    c = U(o), u.x = d.x + o.clientLeft, u.y = d.y + o.clientTop;
+  }
+  const m = r && !f && !s ? te(r, a) : k(0);
+  return {
+    width: n.width * c.x,
+    height: n.height * c.y,
+    x: n.x * c.x - a.scrollLeft * c.x + u.x + m.x,
+    y: n.y * c.y - a.scrollTop * c.y + u.y + m.y
+  };
+}
+function en(t) {
+  return Array.from(t.getClientRects());
+}
+function nn(t) {
+  const e = _(t), n = mt(t), o = t.ownerDocument.body, i = j(e.scrollWidth, e.clientWidth, o.scrollWidth, o.clientWidth), s = j(e.scrollHeight, e.clientHeight, o.scrollHeight, o.clientHeight);
+  let r = -n.scrollLeft + ht(t);
+  const l = -n.scrollTop;
+  return E(o).direction === "rtl" && (r += j(e.clientWidth, o.clientWidth) - i), {
+    width: i,
+    height: s,
+    x: r,
+    y: l
+  };
+}
+const qt = 25;
+function on(t, e) {
+  const n = A(t), o = _(t), i = n.visualViewport;
+  let s = o.clientWidth, r = o.clientHeight, l = 0, a = 0;
+  if (i) {
+    s = i.width, r = i.height;
+    const u = Et();
+    (!u || u && e === "fixed") && (l = i.offsetLeft, a = i.offsetTop);
+  }
+  const c = ht(o);
+  if (c <= 0) {
+    const u = o.ownerDocument, f = u.body, m = getComputedStyle(f), d = u.compatMode === "CSS1Compat" && parseFloat(m.marginLeft) + parseFloat(m.marginRight) || 0, p = Math.abs(o.clientWidth - f.clientWidth - d);
+    p <= qt && (s -= p);
+  } else c <= qt && (s += c);
+  return {
+    width: s,
+    height: r,
+    x: l,
+    y: a
+  };
+}
+const sn = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function rn(t, e) {
+  const n = I(t, !0, e === "fixed"), o = n.top + t.clientTop, i = n.left + t.clientLeft, s = B(t) ? U(t) : k(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, a = i * s.x, c = o * s.y;
+  return {
+    width: r,
+    height: l,
+    x: a,
+    y: c
+  };
+}
+function Nt(t, e, n) {
+  let o;
+  if (e === "viewport")
+    o = on(t, n);
+  else if (e === "document")
+    o = nn(_(t));
+  else if (T(e))
+    o = rn(e, n);
+  else {
+    const i = Zt(t);
+    o = {
+      x: e.x - i.x,
+      y: e.y - i.y,
+      width: e.width,
+      height: e.height
+    };
+  }
+  return at(o);
+}
+function ee(t, e) {
+  const n = $(t);
+  return n === e || !T(n) || G(n) ? !1 : E(n).position === "fixed" || ee(n, e);
+}
+function ln(t, e) {
+  const n = e.get(t);
+  if (n)
+    return n;
+  let o = ot(t, [], !1).filter((l) => T(l) && W(l) !== "body"), i = null;
+  const s = E(t).position === "fixed";
+  let r = s ? $(t) : t;
+  for (; T(r) && !G(r); ) {
+    const l = E(r), a = Tt(r);
+    !a && l.position === "fixed" && (i = null), (s ? !a && !i : !a && l.position === "static" && !!i && sn.has(i.position) || st(r) && !a && ee(t, r)) ? o = o.filter((u) => u !== r) : i = l, r = $(r);
+  }
+  return e.set(t, o), o;
+}
+function cn(t) {
+  let {
+    element: e,
+    boundary: n,
+    rootBoundary: o,
+    strategy: i
+  } = t;
+  const r = [...n === "clippingAncestors" ? pt(e) ? [] : ln(e, this._c) : [].concat(n), o], l = r[0], a = r.reduce((c, u) => {
+    const f = Nt(e, u, i);
+    return c.top = j(f.top, c.top), c.right = Rt(f.right, c.right), c.bottom = Rt(f.bottom, c.bottom), c.left = j(f.left, c.left), c;
+  }, Nt(e, l, i));
+  return {
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
+  };
+}
+function an(t) {
+  const {
+    width: e,
+    height: n
+  } = Qt(t);
+  return {
+    width: e,
+    height: n
+  };
+}
+function un(t, e, n) {
+  const o = B(e), i = _(e), s = n === "fixed", r = I(t, !0, s, e);
+  let l = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  const a = k(0);
+  function c() {
+    a.x = ht(i);
+  }
+  if (o || !o && !s)
+    if ((W(e) !== "body" || st(i)) && (l = mt(e)), o) {
+      const d = I(e, !0, s, e);
+      a.x = d.x + e.clientLeft, a.y = d.y + e.clientTop;
+    } else i && c();
+  s && !o && i && c();
+  const u = i && !o && !s ? te(i, l) : k(0), f = r.left + l.scrollLeft - a.x - u.x, m = r.top + l.scrollTop - a.y - u.y;
+  return {
+    x: f,
+    y: m,
+    width: r.width,
+    height: r.height
+  };
+}
+function wt(t) {
+  return E(t).position === "static";
+}
+function It(t, e) {
+  if (!B(t) || E(t).position === "fixed")
+    return null;
+  if (e)
+    return e(t);
+  let n = t.offsetParent;
+  return _(t) === n && (n = n.ownerDocument.body), n;
+}
+function ne(t, e) {
+  const n = A(t);
+  if (pt(t))
+    return n;
+  if (!B(t)) {
+    let i = $(t);
+    for (; i && !G(i); ) {
+      if (T(i) && !wt(i))
+        return i;
+      i = $(i);
+    }
+    return n;
+  }
+  let o = It(t, e);
+  for (; o && Xe(o) && wt(o); )
+    o = It(o, e);
+  return o && G(o) && wt(o) && !Tt(o) ? n : o || Ge(t) || n;
+}
+const fn = async function(t) {
+  const e = this.getOffsetParent || ne, n = this.getDimensions, o = await n(t.floating);
+  return {
+    reference: un(t.reference, await e(t.floating), t.strategy),
+    floating: {
+      x: 0,
+      y: 0,
+      width: o.width,
+      height: o.height
+    }
+  };
+};
+function dn(t) {
+  return E(t).direction === "rtl";
+}
+const pn = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: tn,
+  getDocumentElement: _,
+  getClippingRect: cn,
+  getOffsetParent: ne,
+  getElementRects: fn,
+  getClientRects: en,
+  getDimensions: an,
+  getScale: U,
+  isElement: T,
+  isRTL: dn
+};
+function oe(t, e) {
+  return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
+}
+function mn(t, e) {
+  let n = null, o;
+  const i = _(t);
+  function s() {
+    var l;
+    clearTimeout(o), (l = n) == null || l.disconnect(), n = null;
+  }
+  function r(l, a) {
+    l === void 0 && (l = !1), a === void 0 && (a = 1), s();
+    const c = t.getBoundingClientRect(), {
+      left: u,
+      top: f,
+      width: m,
+      height: d
+    } = c;
+    if (l || e(), !m || !d)
+      return;
+    const p = rt(f), h = rt(i.clientWidth - (u + m)), g = rt(i.clientHeight - (f + d)), v = rt(u), x = {
+      rootMargin: -p + "px " + -h + "px " + -g + "px " + -v + "px",
+      threshold: j(0, Rt(1, a)) || 1
+    };
+    let R = !0;
+    function S(z) {
+      const y = z[0].intersectionRatio;
+      if (y !== a) {
+        if (!R)
+          return r();
+        y ? r(!1, y) : o = setTimeout(() => {
+          r(!1, 1e-7);
+        }, 1e3);
+      }
+      y === 1 && !oe(c, t.getBoundingClientRect()) && r(), R = !1;
+    }
+    try {
+      n = new IntersectionObserver(S, {
+        ...x,
+        // Handle <iframe>s
+        root: i.ownerDocument
+      });
+    } catch {
+      n = new IntersectionObserver(S, x);
+    }
+    n.observe(t);
+  }
+  return r(!0), s;
+}
+function hn(t, e, n, o) {
+  o === void 0 && (o = {});
+  const {
+    ancestorScroll: i = !0,
+    ancestorResize: s = !0,
+    elementResize: r = typeof ResizeObserver == "function",
+    layoutShift: l = typeof IntersectionObserver == "function",
+    animationFrame: a = !1
+  } = o, c = kt(t), u = i || s ? [...c ? ot(c) : [], ...ot(e)] : [];
+  u.forEach((v) => {
+    i && v.addEventListener("scroll", n, {
+      passive: !0
+    }), s && v.addEventListener("resize", n);
+  });
+  const f = c && l ? mn(c, n) : null;
+  let m = -1, d = null;
+  r && (d = new ResizeObserver((v) => {
+    let [w] = v;
+    w && w.target === c && d && (d.unobserve(e), cancelAnimationFrame(m), m = requestAnimationFrame(() => {
+      var x;
+      (x = d) == null || x.observe(e);
+    })), n();
+  }), c && !a && d.observe(c), d.observe(e));
+  let p, h = a ? I(t) : null;
+  a && g();
+  function g() {
+    const v = I(t);
+    h && !oe(h, v) && n(), h = v, p = requestAnimationFrame(g);
+  }
+  return n(), () => {
+    var v;
+    u.forEach((w) => {
+      i && w.removeEventListener("scroll", n), s && w.removeEventListener("resize", n);
+    }), f == null || f(), (v = d) == null || v.disconnect(), d = null, a && cancelAnimationFrame(p);
+  };
+}
+const gn = Ie, vn = Fe, wn = (t, e, n) => {
+  const o = /* @__PURE__ */ new Map(), i = {
+    platform: pn,
+    ...n
+  }, s = {
+    ...i.platform,
+    _c: o
+  };
+  return Me(t, e, {
+    ...i,
+    platform: s
+  });
+};
+function yn(t) {
+  return t != null && typeof t == "object" && "$el" in t;
+}
+function Wt(t) {
+  if (yn(t)) {
+    const e = t.$el;
+    return Ot(e) && W(e) === "#comment" ? null : e;
+  }
+  return t;
+}
+function et(t) {
+  return typeof t == "function" ? t() : it(t);
+}
+function ie(t) {
+  return typeof window > "u" ? 1 : (t.ownerDocument.defaultView || window).devicePixelRatio || 1;
+}
+function Ht(t, e) {
+  const n = ie(t);
+  return Math.round(e * n) / n;
+}
+function xn(t, e, n) {
+  n === void 0 && (n = {});
+  const o = n.whileElementsMounted, i = b(() => {
+    var y;
+    return (y = et(n.open)) != null ? y : !0;
+  }), s = b(() => et(n.middleware)), r = b(() => {
+    var y;
+    return (y = et(n.placement)) != null ? y : "bottom";
+  }), l = b(() => {
+    var y;
+    return (y = et(n.strategy)) != null ? y : "absolute";
+  }), a = b(() => {
+    var y;
+    return (y = et(n.transform)) != null ? y : !0;
+  }), c = b(() => Wt(t.value)), u = b(() => Wt(e.value)), f = tt(0), m = tt(0), d = tt(l.value), p = tt(r.value), h = ce({}), g = tt(!1), v = b(() => {
+    const y = {
+      position: d.value,
+      left: "0",
+      top: "0"
+    };
+    if (!u.value)
+      return y;
+    const L = Ht(u.value, f.value), M = Ht(u.value, m.value);
+    return a.value ? {
+      ...y,
+      transform: "translate(" + L + "px, " + M + "px)",
+      ...ie(u.value) >= 1.5 && {
+        willChange: "transform"
+      }
+    } : {
+      position: d.value,
+      left: L + "px",
+      top: M + "px"
+    };
+  });
+  let w;
+  function x() {
+    if (c.value == null || u.value == null)
+      return;
+    const y = i.value;
+    wn(c.value, u.value, {
+      middleware: s.value,
+      placement: r.value,
+      strategy: l.value
+    }).then((L) => {
+      f.value = L.x, m.value = L.y, d.value = L.strategy, p.value = L.placement, h.value = L.middlewareData, g.value = y !== !1;
+    });
+  }
+  function R() {
+    typeof w == "function" && (w(), w = void 0);
+  }
+  function S() {
+    if (R(), o === void 0) {
+      x();
+      return;
+    }
+    if (c.value != null && u.value != null) {
+      w = o(c.value, u.value, x);
+      return;
+    }
+  }
+  function z() {
+    i.value || (g.value = !1);
+  }
+  return vt([s, r, l, i], x, {
+    flush: "sync"
+  }), vt([c, u], S, {
+    flush: "sync"
+  }), vt(i, z, {
+    flush: "sync"
+  }), ae() && ue(R), {
+    x: X(f),
+    y: X(m),
+    strategy: X(d),
+    placement: X(p),
+    middlewareData: X(h),
+    isPositioned: X(g),
+    floatingStyles: v,
+    update: x
+  };
+}
+const Cn = /* @__PURE__ */ J({
+  __name: "SqPopover",
+  props: /* @__PURE__ */ bt({
+    placement: { default: "top" },
+    offset: { default: 10 },
+    teleported: { type: Boolean },
+    trigger: { default: "hover" },
+    showAfter: { default: 0 },
+    hideAfter: { default: 300 },
+    disabled: { type: Boolean },
+    popoverClass: {}
+  }, {
+    visible: { type: Boolean },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
+  setup(t) {
+    let e;
+    const n = t, o = St("triggerRef"), i = St("popverRef"), s = jt(t, "visible"), { floatingStyles: r } = xn(o, i, {
+      placement: n.placement,
+      whileElementsMounted: hn,
+      middleware: [gn(n.offset), vn()]
+    });
+    fe(() => {
+      m(), document.removeEventListener("click", f);
+    });
+    function l() {
+      n.trigger !== "hover" || n.disabled || (m(), e = setTimeout(() => {
+        u();
+      }, n.showAfter));
+    }
+    function a() {
+      n.trigger === "hover" && (m(), e = setTimeout(() => {
+        f();
+      }, n.hideAfter));
+    }
+    function c() {
+      n.trigger === "click" && (s.value ? f() : n.disabled || u());
+    }
+    function u() {
+      s.value = !0, document.addEventListener("click", f);
+    }
+    function f() {
+      s.value = !1, document.removeEventListener("click", f);
+    }
+    function m() {
+      e && (clearTimeout(e), e = void 0);
+    }
+    return (d, p) => (C(), N(de, null, [
+      nt("span", {
+        class: "sq-popover-trigger",
+        ref_key: "triggerRef",
+        ref: o,
+        onMouseenter: l,
+        onMouseleave: a,
+        onClick: $t(c, ["stop"])
+      }, [
+        D(d.$slots, "reference")
+      ], 544),
+      (C(), Y(pe, {
+        to: "body",
+        disabled: !n.teleported
+      }, [
+        Xt(me, { name: "sq-fade" }, {
+          default: ut(() => [
+            Ut(nt("div", {
+              class: Q(["sq-popover", d.popoverClass]),
+              ref_key: "popverRef",
+              ref: i,
+              style: Yt(it(r)),
+              onClick: p[0] || (p[0] = $t(() => {
+              }, ["stop"]))
+            }, [
+              D(d.$slots, "default")
+            ], 6), [
+              [he, s.value]
+            ])
+          ]),
+          _: 3
+        })
+      ], 8, ["disabled"]))
+    ], 64));
+  }
+}), An = /* @__PURE__ */ J({
   __name: "SqTag",
   props: {
     type: {},
@@ -129,22 +1202,22 @@ const U = /* @__PURE__ */ E(F, [["render", P]]), j = ["disabled"], K = /* @__PUR
     round: { type: Boolean },
     size: { default: "md" }
   },
-  setup(i) {
-    const e = i, a = u(() => {
-      const t = [];
-      return e.size !== "md" && t.push(`sq-tag--${e.size}`), e.theme !== "materialize" && e.type && t.push(`is-${e.theme}`), e.type && t.push(`is-${e.type}`), e.round && t.push("is-round"), t;
-    }), n = u(() => e.size === "lg" ? "md" : "sm");
-    return (t, s) => (r(), h(_($), {
-      class: v(["sq-tag", a.value]),
-      size: n.value
+  setup(t) {
+    const e = t, n = b(() => {
+      const i = [];
+      return e.size !== "md" && i.push(`sq-tag--${e.size}`), e.theme !== "materialize" && e.type && i.push(`is-${e.theme}`), e.type && i.push(`is-${e.type}`), e.round && i.push("is-round"), i;
+    }), o = b(() => e.size === "lg" ? "md" : "sm");
+    return (i, s) => (C(), Y(it(Bt), {
+      class: Q(["sq-tag", n.value]),
+      size: o.value
     }, {
-      default: q(() => [
-        m(t.$slots, "default")
+      default: ut(() => [
+        D(i.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "size"]));
   }
-}), X = /* @__PURE__ */ y({
+}), Ln = /* @__PURE__ */ J({
   __name: "SqCheckTag",
   props: {
     checked: { type: Boolean, default: !1 },
@@ -153,48 +1226,49 @@ const U = /* @__PURE__ */ E(F, [["render", P]]), j = ["disabled"], K = /* @__PUR
     size: { default: "md" }
   },
   emits: ["change"],
-  setup(i, { emit: e }) {
-    const a = e, n = i, t = u(() => {
-      const l = [];
-      return n.size !== "md" && l.push(`sq-tag--${n.size}`), n.type && l.push(`is-${n.type}`), n.round && l.push("is-round"), n.checked && l.push("is-checked"), l;
-    }), s = u(() => n.size === "lg" ? "md" : "sm");
-    return (l, d) => (r(), h(_($), {
-      class: v(["sq-check-tag", t.value]),
+  setup(t, { emit: e }) {
+    const n = e, o = t, i = b(() => {
+      const r = [];
+      return o.size !== "md" && r.push(`sq-tag--${o.size}`), o.type && r.push(`is-${o.type}`), o.round && r.push("is-round"), o.checked && r.push("is-checked"), r;
+    }), s = b(() => o.size === "lg" ? "md" : "sm");
+    return (r, l) => (C(), Y(it(Bt), {
+      class: Q(["sq-check-tag", i.value]),
       size: s.value,
-      onClick: d[0] || (d[0] = (S) => a("change", !n.checked))
+      onClick: l[0] || (l[0] = (a) => n("change", !o.checked))
     }, {
-      default: q(() => [
-        m(l.$slots, "default")
+      default: ut(() => [
+        D(r.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "size"]));
   }
-}), $ = /* @__PURE__ */ y({
+}), Bt = /* @__PURE__ */ J({
   __name: "SqText",
   props: {
     rowNum: { default: 1 },
     ellipsis: { type: Boolean, default: !1 },
     size: { default: "md" }
   },
-  setup(i) {
-    const e = i, a = u(() => {
-      const t = [];
-      return e.size !== "md" && t.push(`s-text--${e.size}`), e.ellipsis && t.push(e.rowNum > 1 ? "multi-line" : "single-line"), t;
-    }), n = u(
+  setup(t) {
+    const e = t, n = b(() => {
+      const i = [];
+      return e.size !== "md" && i.push(`s-text--${e.size}`), e.ellipsis && i.push(e.rowNum > 1 ? "multi-line" : "single-line"), i;
+    }), o = b(
       () => e.ellipsis ? `--row-num: ${e.rowNum}` : ""
     );
-    return (t, s) => (r(), f("span", {
-      class: v(["sq-text", a.value]),
-      style: D(n.value)
+    return (i, s) => (C(), N("span", {
+      class: Q(["sq-text", n.value]),
+      style: Yt(o.value)
     }, [
-      m(t.$slots, "default")
+      D(i.$slots, "default")
     ], 6));
   }
 });
 export {
-  K as SqButton,
-  X as SqCheckTag,
-  Q as SqInput,
-  W as SqTag,
-  $ as SqText
+  Sn as SqButton,
+  Ln as SqCheckTag,
+  Rn as SqInput,
+  Cn as SqPopover,
+  An as SqTag,
+  Bt as SqText
 };