vuiii 1.0.0-beta.76 → 1.0.0-beta.78

package/dist/index-C1i_1Muv.js

@@ -0,0 +1,2809 @@
+import { defineComponent as M, ref as S, watch as ye, createElementBlock as m, openBlock as p, createCommentVNode as O, Fragment as H, renderList as Y, normalizeClass as T, renderSlot as w, mergeProps as q, createElementVNode as D, createTextVNode as oe, toDisplayString as L, defineAsyncComponent as hr, shallowRef as yr, createBlock as z, resolveDynamicComponent as Oe, useAttrs as Ye, useSlots as Ke, computed as k, unref as E, withModifiers as st, withCtx as P, useCssVars as $r, Transition as Gt, onUnmounted as Ht, onMounted as we, mergeModels as K, useModel as ne, createSlots as Qe, createVNode as U, nextTick as kr, resolveComponent as Ut, normalizeProps as lt, guardReactiveProps as ut, markRaw as _r, normalizeStyle as Ue, onBeforeUnmount as mt, Teleport as Xt, TransitionGroup as Yt } from "vue";
+import { useRouter as Kt, useRoute as wr } from "vue-router";
+const Cr = { class: "DropdownMenu" }, Ir = {
+  key: 0,
+  class: "DropdownMenu__items"
+}, Or = ["onClick", "onMouseenter", "onMouseleave"], Dr = /* @__PURE__ */ M({
+  __name: "DropdownMenu",
+  props: {
+    items: {},
+    cursorIndex: {}
+  },
+  emits: ["itemClick", "itemMouseenter", "itemMouseleave"],
+  setup(e, { emit: t }) {
+    const r = e, o = t, n = S([]);
+    return ye(
+      () => r.cursorIndex,
+      (l) => {
+        l !== void 0 && l >= 0 && n.value[l]?.scrollIntoView({
+          block: "nearest",
+          behavior: "smooth"
+        });
+      }
+    ), (l, c) => (p(), m("div", Cr, [
+      e.items?.length ? (p(), m("ul", Ir, [
+        (p(!0), m(H, null, Y(e.items, (a, i) => (p(), m("li", {
+          key: i,
+          class: T(["DropdownMenu__item", { "DropdownMenu__item--withCursor": e.cursorIndex === i }]),
+          ref_for: !0,
+          ref_key: "itemElements",
+          ref: n
+        }, [
+          w(l.$slots, "item", q({ ref_for: !0 }, { item: a, index: i, cursorIndex: e.cursorIndex }), () => [
+            D("button", {
+              class: "DropdownMenu__button",
+              onClick: (s) => o("itemClick", { item: a, index: i }),
+              onMouseenter: (s) => o("itemMouseenter", { item: a, index: i }),
+              onMouseleave: (s) => o("itemMouseleave", { item: a, index: i })
+            }, [
+              w(l.$slots, "itemLabel", q({ ref_for: !0 }, { item: a, index: i, cursorIndex: e.cursorIndex }), () => [
+                oe(L(a), 1)
+              ])
+            ], 40, Or)
+          ])
+        ], 2))), 128))
+      ])) : O("", !0)
+    ]));
+  }
+}), Lt = /* @__PURE__ */ Object.assign({ "../icons/arrow-narrow-down.vue": () => import("./arrow-narrow-down-BN5AJO0l.js"), "../icons/arrow-narrow-left.vue": () => import("./arrow-narrow-left-DjWiaIhd.js"), "../icons/arrow-narrow-right.vue": () => import("./arrow-narrow-right-DkXaxeYG.js"), "../icons/arrow-narrow-up.vue": () => import("./arrow-narrow-up-0cxnjCrw.js"), "../icons/arrow-up-tray.vue": () => import("./arrow-up-tray-DDl5rSQ4.js"), "../icons/caret-sort.vue": () => import("./caret-sort-DEFlBZh4.js"), "../icons/check.vue": () => import("./check-QTX9-01-.js"), "../icons/chevron-down.vue": () => import("./chevron-down-DeBIOait.js"), "../icons/chevron-left.vue": () => import("./chevron-left-BNN4Fuex.js"), "../icons/chevron-right.vue": () => import("./chevron-right-clNRHSw7.js"), "../icons/chevron-up.vue": () => import("./chevron-up-NuAcuUuQ.js"), "../icons/exclamation.vue": () => import("./exclamation-BOJsQn7-.js"), "../icons/mail.vue": () => import("./mail-CREsU-P5.js"), "../icons/minus.vue": () => import("./minus-BaYbC5to.js"), "../icons/pencil.vue": () => import("./pencil-CEoP4TmR.js"), "../icons/plus.vue": () => import("./plus-DY-H-DKb.js"), "../icons/search.vue": () => import("./search-BYRmS3Jf.js"), "../icons/spinner.vue": () => import("./spinner-CH_nnEa7.js"), "../icons/trash.vue": () => import("./trash-PXwpMiVT.js"), "../icons/triangle-down.vue": () => import("./triangle-down-cBa2wgWF.js"), "../icons/triangle-left.vue": () => import("./triangle-left-ChW4v-yZ.js"), "../icons/triangle-right.vue": () => import("./triangle-right-DSWOPUi8.js"), "../icons/triangle-up.vue": () => import("./triangle-up-C02JTADo.js"), "../icons/x.vue": () => import("./x-BtutIGv7.js") });
+let ct;
+function Br(e) {
+  const t = Object.keys(Lt).find((r) => r.endsWith(`/${e}.vue`));
+  if (t)
+    return hr(Lt[t]);
+}
+function za(e) {
+  ct = e;
+}
+function Sr(e) {
+  let t;
+  return ct && (t = ct(e)), t || (t = Br(e)), t || console.error("Unable to resolve icon component for name: " + e), t;
+}
+const Er = /* @__PURE__ */ M({
+  __name: "Icon",
+  props: {
+    name: {},
+    size: {}
+  },
+  setup(e) {
+    const t = e, r = yr(void 0);
+    return ye(
+      () => t.name,
+      () => r.value = Sr(t.name),
+      { immediate: !0 }
+    ), (o, n) => (p(), z(Oe(r.value), {
+      class: T(["Icon", { [`Icon--${o.$props.size}`]: o.$props.size }])
+    }, null, 8, ["class"]));
+  }
+}), N = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [o, n] of t)
+    r[o] = n;
+  return r;
+}, ae = /* @__PURE__ */ N(Er, [["__scopeId", "data-v-716f90e6"]]), Pr = {
+  inheritAttrs: !1
+}, Ar = /* @__PURE__ */ M({
+  ...Pr,
+  __name: "InputWrapper",
+  props: {
+    prefixIcon: {},
+    suffixIcon: {},
+    size: {},
+    invalid: { type: Boolean },
+    pill: { type: Boolean }
+  },
+  emits: ["click", "prefix-icon-click", "suffix-icon-click"],
+  setup(e) {
+    const t = e, r = Ye(), o = Ke(), n = k(() => !!r.onPrefixIconClick), l = k(() => !!r.onSuffixIconClick);
+    return (c, a) => (p(), m("div", {
+      class: T(["InputWrapper vuiii-input", [
+        c.$attrs.class,
+        {
+          "vuiii-input--invalid": c.$props.invalid,
+          "vuiii-input--disabled": c.$attrs.disabled,
+          "InputWrapper--pill": c.$props.pill,
+          [`vuiii-input--${c.$props.size}`]: c.$props.size
+        }
+      ]]),
+      onClick: a[2] || (a[2] = (i) => c.$emit("click", i))
+    }, [
+      E(o).prefix || t.prefixIcon ? w(c.$slots, "prefix", { key: 0 }, () => [
+        (p(), z(Oe(n.value ? "button" : "div"), {
+          class: T(["vuiii-input__prefix-icon", { InputWrapper__icon: n.value }]),
+          tabindex: "-1",
+          onClick: a[0] || (a[0] = st((i) => c.$emit("prefix-icon-click"), ["prevent"]))
+        }, {
+          default: P(() => [
+            c.$props.prefixIcon ? (p(), z(ae, {
+              key: 0,
+              name: c.$props.prefixIcon || "",
+              size: c.$props.size
+            }, null, 8, ["name", "size"])) : O("", !0)
+          ]),
+          _: 1
+        }, 8, ["class"]))
+      ], !0) : O("", !0),
+      w(c.$slots, "default", {}, void 0, !0),
+      E(o).suffix || t.suffixIcon ? w(c.$slots, "suffix", { key: 1 }, () => [
+        (p(), z(Oe(l.value ? "button" : "div"), {
+          class: T(["vuiii-input__suffix-icon", { InputWrapper__icon: l.value }]),
+          tabindex: "-1",
+          onClick: a[1] || (a[1] = st((i) => c.$emit("suffix-icon-click"), ["prevent"]))
+        }, {
+          default: P(() => [
+            c.$props.suffixIcon ? (p(), z(ae, {
+              key: 0,
+              name: c.$props.suffixIcon || "",
+              size: c.$props.size
+            }, null, 8, ["name", "size"])) : O("", !0)
+          ]),
+          _: 1
+        }, 8, ["class"]))
+      ], !0) : O("", !0)
+    ], 2));
+  }
+}), Je = /* @__PURE__ */ N(Ar, [["__scopeId", "data-v-12a63e74"]]), Qt = /* @__PURE__ */ M({
+  __name: "FadeTransition",
+  props: {
+    duration: { default: 300 }
+  },
+  setup(e) {
+    return $r((t) => ({
+      d1bc765e: t.duration + "ms"
+    })), (t, r) => (p(), z(Gt, { name: "fade" }, {
+      default: P(() => [
+        w(t.$slots, "default")
+      ]),
+      _: 3
+    }));
+  }
+});
+function Pe() {
+  const e = Ye();
+  return k(() => {
+    const { class: t, ...r } = e;
+    return r;
+  });
+}
+function Lr(e, t = {}) {
+  const r = S(0), o = k(() => E(e)[r.value]), n = () => {
+    const a = r.value + 1, i = E(e).length;
+    r.value = t.cycle ? a % i : Math.min(a, i - 1);
+  }, l = () => {
+    const a = r.value - 1, i = E(e).length;
+    r.value = t.cycle ? (a + i) % i : Math.max(a, 0);
+  }, c = () => {
+    r.value = 0;
+  };
+  return ye(r, () => t.onCursorMove?.()), ye(() => E(e).length, c), {
+    cursorIndex: r,
+    cursorItem: o,
+    moveCursorForward: n,
+    moveCursorBack: l,
+    resetCursor: c
+  };
+}
+function Jt(e, t) {
+  const r = (o) => {
+    e.value?.contains(o.target) || t(o);
+  };
+  window.addEventListener("mousedown", r), Ht(() => {
+    window.removeEventListener("mousedown", r);
+  });
+}
+var Z = "top", ie = "bottom", ue = "right", re = "left", bt = "auto", Ze = [Z, ie, ue, re], De = "start", xe = "end", Vr = "clippingParents", Zt = "viewport", Ve = "popper", Mr = "reference", Vt = /* @__PURE__ */ Ze.reduce(function(e, t) {
+  return e.concat([t + "-" + De, t + "-" + xe]);
+}, []), er = /* @__PURE__ */ [].concat(Ze, [bt]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + De, t + "-" + xe]);
+}, []), xr = "beforeRead", zr = "read", Rr = "afterRead", Fr = "beforeMain", Tr = "main", jr = "afterMain", Wr = "beforeWrite", qr = "write", Nr = "afterWrite", Gr = [xr, zr, Rr, Fr, Tr, jr, Wr, qr, Nr];
+function se(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function Q(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function $e(e) {
+  var t = Q(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function ee(e) {
+  var t = Q(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function gt(e) {
+  if (typeof ShadowRoot > "u")
+    return !1;
+  var t = Q(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function Hr(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(r) {
+    var o = t.styles[r] || {}, n = t.attributes[r] || {}, l = t.elements[r];
+    !ee(l) || !se(l) || (Object.assign(l.style, o), Object.keys(n).forEach(function(c) {
+      var a = n[c];
+      a === !1 ? l.removeAttribute(c) : l.setAttribute(c, a === !0 ? "" : a);
+    }));
+  });
+}
+function Ur(e) {
+  var t = e.state, r = {
+    popper: {
+      position: t.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), function() {
+    Object.keys(t.elements).forEach(function(o) {
+      var n = t.elements[o], l = t.attributes[o] || {}, c = Object.keys(t.styles.hasOwnProperty(o) ? t.styles[o] : r[o]), a = c.reduce(function(i, s) {
+        return i[s] = "", i;
+      }, {});
+      !ee(n) || !se(n) || (Object.assign(n.style, a), Object.keys(l).forEach(function(i) {
+        n.removeAttribute(i);
+      }));
+    });
+  };
+}
+const Xr = {
+  name: "applyStyles",
+  enabled: !0,
+  phase: "write",
+  fn: Hr,
+  effect: Ur,
+  requires: ["computeStyles"]
+};
+function le(e) {
+  return e.split("-")[0];
+}
+var he = Math.max, Xe = Math.min, Be = Math.round;
+function dt() {
+  var e = navigator.userAgentData;
+  return e != null && e.brands && Array.isArray(e.brands) ? e.brands.map(function(t) {
+    return t.brand + "/" + t.version;
+  }).join(" ") : navigator.userAgent;
+}
+function tr() {
+  return !/^((?!chrome|android).)*safari/i.test(dt());
+}
+function Se(e, t, r) {
+  t === void 0 && (t = !1), r === void 0 && (r = !1);
+  var o = e.getBoundingClientRect(), n = 1, l = 1;
+  t && ee(e) && (n = e.offsetWidth > 0 && Be(o.width) / e.offsetWidth || 1, l = e.offsetHeight > 0 && Be(o.height) / e.offsetHeight || 1);
+  var c = $e(e) ? Q(e) : window, a = c.visualViewport, i = !tr() && r, s = (o.left + (i && a ? a.offsetLeft : 0)) / n, u = (o.top + (i && a ? a.offsetTop : 0)) / l, d = o.width / n, v = o.height / l;
+  return {
+    width: d,
+    height: v,
+    top: u,
+    right: s + d,
+    bottom: u + v,
+    left: s,
+    x: s,
+    y: u
+  };
+}
+function rr(e) {
+  var t = Se(e), r = e.offsetWidth, o = e.offsetHeight;
+  return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - o) <= 1 && (o = t.height), {
+    x: e.offsetLeft,
+    y: e.offsetTop,
+    width: r,
+    height: o
+  };
+}
+function Yr(e, t) {
+  var r = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (r && gt(r)) {
+    var o = t;
+    do {
+      if (o && e.isSameNode(o))
+        return !0;
+      o = o.parentNode || o.host;
+    } while (o);
+  }
+  return !1;
+}
+function ce(e) {
+  return Q(e).getComputedStyle(e);
+}
+function Kr(e) {
+  return ["table", "td", "th"].indexOf(se(e)) >= 0;
+}
+function fe(e) {
+  return (($e(e) ? e.ownerDocument : (
+    // $FlowFixMe[prop-missing]
+    e.document
+  )) || window.document).documentElement;
+}
+function et(e) {
+  return se(e) === "html" ? e : (
+    // this is a quicker (but less type safe) way to save quite some bytes from the bundle
+    // $FlowFixMe[incompatible-return]
+    // $FlowFixMe[prop-missing]
+    e.assignedSlot || // step into the shadow DOM of the parent of a slotted node
+    e.parentNode || // DOM Element detected
+    (gt(e) ? e.host : null) || // ShadowRoot detected
+    // $FlowFixMe[incompatible-call]: HTMLElement is a Node
+    fe(e)
+  );
+}
+function Mt(e) {
+  return !ee(e) || // https://github.com/popperjs/popper-core/issues/837
+  ce(e).position === "fixed" ? null : e.offsetParent;
+}
+function Qr(e) {
+  var t = /firefox/i.test(dt()), r = /Trident/i.test(dt());
+  if (r && ee(e)) {
+    var o = ce(e);
+    if (o.position === "fixed")
+      return null;
+  }
+  var n = et(e);
+  for (gt(n) && (n = n.host); ee(n) && ["html", "body"].indexOf(se(n)) < 0; ) {
+    var l = ce(n);
+    if (l.transform !== "none" || l.perspective !== "none" || l.contain === "paint" || ["transform", "perspective"].indexOf(l.willChange) !== -1 || t && l.willChange === "filter" || t && l.filter && l.filter !== "none")
+      return n;
+    n = n.parentNode;
+  }
+  return null;
+}
+function tt(e) {
+  for (var t = Q(e), r = Mt(e); r && Kr(r) && ce(r).position === "static"; )
+    r = Mt(r);
+  return r && (se(r) === "html" || se(r) === "body" && ce(r).position === "static") ? t : r || Qr(e) || t;
+}
+function or(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function Ne(e, t, r) {
+  return he(e, Xe(t, r));
+}
+function Jr(e, t, r) {
+  var o = Ne(e, t, r);
+  return o > r ? r : o;
+}
+function nr() {
+  return {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  };
+}
+function Zr(e) {
+  return Object.assign({}, nr(), e);
+}
+function eo(e, t) {
+  return t.reduce(function(r, o) {
+    return r[o] = e, r;
+  }, {});
+}
+function Ee(e) {
+  return e.split("-")[1];
+}
+var to = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function ro(e, t) {
+  var r = e.x, o = e.y, n = t.devicePixelRatio || 1;
+  return {
+    x: Be(r * n) / n || 0,
+    y: Be(o * n) / n || 0
+  };
+}
+function xt(e) {
+  var t, r = e.popper, o = e.popperRect, n = e.placement, l = e.variation, c = e.offsets, a = e.position, i = e.gpuAcceleration, s = e.adaptive, u = e.roundOffsets, d = e.isFixed, v = c.x, f = v === void 0 ? 0 : v, g = c.y, b = g === void 0 ? 0 : g, h = typeof u == "function" ? u({
+    x: f,
+    y: b
+  }) : {
+    x: f,
+    y: b
+  };
+  f = h.x, b = h.y;
+  var $ = c.hasOwnProperty("x"), A = c.hasOwnProperty("y"), V = re, _ = Z, C = window;
+  if (s) {
+    var I = tt(r), R = "clientHeight", G = "clientWidth";
+    if (I === Q(r) && (I = fe(r), ce(I).position !== "static" && a === "absolute" && (R = "scrollHeight", G = "scrollWidth")), I = I, n === Z || (n === re || n === ue) && l === xe) {
+      _ = ie;
+      var j = d && I === C && C.visualViewport ? C.visualViewport.height : (
+        // $FlowFixMe[prop-missing]
+        I[R]
+      );
+      b -= j - o.height, b *= i ? 1 : -1;
+    }
+    if (n === re || (n === Z || n === ie) && l === xe) {
+      V = ue;
+      var F = d && I === C && C.visualViewport ? C.visualViewport.width : (
+        // $FlowFixMe[prop-missing]
+        I[G]
+      );
+      f -= F - o.width, f *= i ? 1 : -1;
+    }
+  }
+  var W = Object.assign({
+    position: a
+  }, s && to), y = u === !0 ? ro({
+    x: f,
+    y: b
+  }, Q(r)) : {
+    x: f,
+    y: b
+  };
+  if (f = y.x, b = y.y, i) {
+    var B;
+    return Object.assign({}, W, (B = {}, B[_] = A ? "0" : "", B[V] = $ ? "0" : "", B.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + f + "px, " + b + "px)" : "translate3d(" + f + "px, " + b + "px, 0)", B));
+  }
+  return Object.assign({}, W, (t = {}, t[_] = A ? b + "px" : "", t[V] = $ ? f + "px" : "", t.transform = "", t));
+}
+function oo(e) {
+  var t = e.state, r = e.options, o = r.gpuAcceleration, n = o === void 0 ? !0 : o, l = r.adaptive, c = l === void 0 ? !0 : l, a = r.roundOffsets, i = a === void 0 ? !0 : a, s = {
+    placement: le(t.placement),
+    variation: Ee(t.placement),
+    popper: t.elements.popper,
+    popperRect: t.rects.popper,
+    gpuAcceleration: n,
+    isFixed: t.options.strategy === "fixed"
+  };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, xt(Object.assign({}, s, {
+    offsets: t.modifiersData.popperOffsets,
+    position: t.options.strategy,
+    adaptive: c,
+    roundOffsets: i
+  })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, xt(Object.assign({}, s, {
+    offsets: t.modifiersData.arrow,
+    position: "absolute",
+    adaptive: !1,
+    roundOffsets: i
+  })))), t.attributes.popper = Object.assign({}, t.attributes.popper, {
+    "data-popper-placement": t.placement
+  });
+}
+const no = {
+  name: "computeStyles",
+  enabled: !0,
+  phase: "beforeWrite",
+  fn: oo,
+  data: {}
+};
+var qe = {
+  passive: !0
+};
+function ao(e) {
+  var t = e.state, r = e.instance, o = e.options, n = o.scroll, l = n === void 0 ? !0 : n, c = o.resize, a = c === void 0 ? !0 : c, i = Q(t.elements.popper), s = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return l && s.forEach(function(u) {
+    u.addEventListener("scroll", r.update, qe);
+  }), a && i.addEventListener("resize", r.update, qe), function() {
+    l && s.forEach(function(u) {
+      u.removeEventListener("scroll", r.update, qe);
+    }), a && i.removeEventListener("resize", r.update, qe);
+  };
+}
+const io = {
+  name: "eventListeners",
+  enabled: !0,
+  phase: "write",
+  fn: function() {
+  },
+  effect: ao,
+  data: {}
+};
+var so = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function Ge(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return so[t];
+  });
+}
+var lo = {
+  start: "end",
+  end: "start"
+};
+function zt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return lo[t];
+  });
+}
+function ht(e) {
+  var t = Q(e), r = t.pageXOffset, o = t.pageYOffset;
+  return {
+    scrollLeft: r,
+    scrollTop: o
+  };
+}
+function yt(e) {
+  return Se(fe(e)).left + ht(e).scrollLeft;
+}
+function uo(e, t) {
+  var r = Q(e), o = fe(e), n = r.visualViewport, l = o.clientWidth, c = o.clientHeight, a = 0, i = 0;
+  if (n) {
+    l = n.width, c = n.height;
+    var s = tr();
+    (s || !s && t === "fixed") && (a = n.offsetLeft, i = n.offsetTop);
+  }
+  return {
+    width: l,
+    height: c,
+    x: a + yt(e),
+    y: i
+  };
+}
+function co(e) {
+  var t, r = fe(e), o = ht(e), n = (t = e.ownerDocument) == null ? void 0 : t.body, l = he(r.scrollWidth, r.clientWidth, n ? n.scrollWidth : 0, n ? n.clientWidth : 0), c = he(r.scrollHeight, r.clientHeight, n ? n.scrollHeight : 0, n ? n.clientHeight : 0), a = -o.scrollLeft + yt(e), i = -o.scrollTop;
+  return ce(n || r).direction === "rtl" && (a += he(r.clientWidth, n ? n.clientWidth : 0) - l), {
+    width: l,
+    height: c,
+    x: a,
+    y: i
+  };
+}
+function $t(e) {
+  var t = ce(e), r = t.overflow, o = t.overflowX, n = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(r + n + o);
+}
+function ar(e) {
+  return ["html", "body", "#document"].indexOf(se(e)) >= 0 ? e.ownerDocument.body : ee(e) && $t(e) ? e : ar(et(e));
+}
+function Me(e, t) {
+  var r;
+  t === void 0 && (t = []);
+  var o = ar(e), n = o === ((r = e.ownerDocument) == null ? void 0 : r.body), l = Q(o), c = n ? [l].concat(l.visualViewport || [], $t(o) ? o : []) : o, a = t.concat(c);
+  return n ? a : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    a.concat(Me(et(c)))
+  );
+}
+function pt(e) {
+  return Object.assign({}, e, {
+    left: e.x,
+    top: e.y,
+    right: e.x + e.width,
+    bottom: e.y + e.height
+  });
+}
+function po(e, t) {
+  var r = Se(e, !1, t === "fixed");
+  return r.top = r.top + e.clientTop, r.left = r.left + e.clientLeft, r.bottom = r.top + e.clientHeight, r.right = r.left + e.clientWidth, r.width = e.clientWidth, r.height = e.clientHeight, r.x = r.left, r.y = r.top, r;
+}
+function Rt(e, t, r) {
+  return t === Zt ? pt(uo(e, r)) : $e(t) ? po(t, r) : pt(co(fe(e)));
+}
+function fo(e) {
+  var t = Me(et(e)), r = ["absolute", "fixed"].indexOf(ce(e).position) >= 0, o = r && ee(e) ? tt(e) : e;
+  return $e(o) ? t.filter(function(n) {
+    return $e(n) && Yr(n, o) && se(n) !== "body";
+  }) : [];
+}
+function vo(e, t, r, o) {
+  var n = t === "clippingParents" ? fo(e) : [].concat(t), l = [].concat(n, [r]), c = l[0], a = l.reduce(function(i, s) {
+    var u = Rt(e, s, o);
+    return i.top = he(u.top, i.top), i.right = Xe(u.right, i.right), i.bottom = Xe(u.bottom, i.bottom), i.left = he(u.left, i.left), i;
+  }, Rt(e, c, o));
+  return a.width = a.right - a.left, a.height = a.bottom - a.top, a.x = a.left, a.y = a.top, a;
+}
+function ir(e) {
+  var t = e.reference, r = e.element, o = e.placement, n = o ? le(o) : null, l = o ? Ee(o) : null, c = t.x + t.width / 2 - r.width / 2, a = t.y + t.height / 2 - r.height / 2, i;
+  switch (n) {
+    case Z:
+      i = {
+        x: c,
+        y: t.y - r.height
+      };
+      break;
+    case ie:
+      i = {
+        x: c,
+        y: t.y + t.height
+      };
+      break;
+    case ue:
+      i = {
+        x: t.x + t.width,
+        y: a
+      };
+      break;
+    case re:
+      i = {
+        x: t.x - r.width,
+        y: a
+      };
+      break;
+    default:
+      i = {
+        x: t.x,
+        y: t.y
+      };
+  }
+  var s = n ? or(n) : null;
+  if (s != null) {
+    var u = s === "y" ? "height" : "width";
+    switch (l) {
+      case De:
+        i[s] = i[s] - (t[u] / 2 - r[u] / 2);
+        break;
+      case xe:
+        i[s] = i[s] + (t[u] / 2 - r[u] / 2);
+        break;
+    }
+  }
+  return i;
+}
+function kt(e, t) {
+  t === void 0 && (t = {});
+  var r = t, o = r.placement, n = o === void 0 ? e.placement : o, l = r.strategy, c = l === void 0 ? e.strategy : l, a = r.boundary, i = a === void 0 ? Vr : a, s = r.rootBoundary, u = s === void 0 ? Zt : s, d = r.elementContext, v = d === void 0 ? Ve : d, f = r.altBoundary, g = f === void 0 ? !1 : f, b = r.padding, h = b === void 0 ? 0 : b, $ = Zr(typeof h != "number" ? h : eo(h, Ze)), A = v === Ve ? Mr : Ve, V = e.rects.popper, _ = e.elements[g ? A : v], C = vo($e(_) ? _ : _.contextElement || fe(e.elements.popper), i, u, c), I = Se(e.elements.reference), R = ir({
+    reference: I,
+    element: V,
+    placement: n
+  }), G = pt(Object.assign({}, V, R)), j = v === Ve ? G : I, F = {
+    top: C.top - j.top + $.top,
+    bottom: j.bottom - C.bottom + $.bottom,
+    left: C.left - j.left + $.left,
+    right: j.right - C.right + $.right
+  }, W = e.modifiersData.offset;
+  if (v === Ve && W) {
+    var y = W[n];
+    Object.keys(F).forEach(function(B) {
+      var x = [ue, ie].indexOf(B) >= 0 ? 1 : -1, J = [Z, ie].indexOf(B) >= 0 ? "y" : "x";
+      F[B] += y[J] * x;
+    });
+  }
+  return F;
+}
+function mo(e, t) {
+  t === void 0 && (t = {});
+  var r = t, o = r.placement, n = r.boundary, l = r.rootBoundary, c = r.padding, a = r.flipVariations, i = r.allowedAutoPlacements, s = i === void 0 ? er : i, u = Ee(o), d = u ? a ? Vt : Vt.filter(function(g) {
+    return Ee(g) === u;
+  }) : Ze, v = d.filter(function(g) {
+    return s.indexOf(g) >= 0;
+  });
+  v.length === 0 && (v = d);
+  var f = v.reduce(function(g, b) {
+    return g[b] = kt(e, {
+      placement: b,
+      boundary: n,
+      rootBoundary: l,
+      padding: c
+    })[le(b)], g;
+  }, {});
+  return Object.keys(f).sort(function(g, b) {
+    return f[g] - f[b];
+  });
+}
+function bo(e) {
+  if (le(e) === bt)
+    return [];
+  var t = Ge(e);
+  return [zt(e), t, zt(t)];
+}
+function go(e) {
+  var t = e.state, r = e.options, o = e.name;
+  if (!t.modifiersData[o]._skip) {
+    for (var n = r.mainAxis, l = n === void 0 ? !0 : n, c = r.altAxis, a = c === void 0 ? !0 : c, i = r.fallbackPlacements, s = r.padding, u = r.boundary, d = r.rootBoundary, v = r.altBoundary, f = r.flipVariations, g = f === void 0 ? !0 : f, b = r.allowedAutoPlacements, h = t.options.placement, $ = le(h), A = $ === h, V = i || (A || !g ? [Ge(h)] : bo(h)), _ = [h].concat(V).reduce(function(Ce, de) {
+      return Ce.concat(le(de) === bt ? mo(t, {
+        placement: de,
+        boundary: u,
+        rootBoundary: d,
+        padding: s,
+        flipVariations: g,
+        allowedAutoPlacements: b
+      }) : de);
+    }, []), C = t.rects.reference, I = t.rects.popper, R = /* @__PURE__ */ new Map(), G = !0, j = _[0], F = 0; F < _.length; F++) {
+      var W = _[F], y = le(W), B = Ee(W) === De, x = [Z, ie].indexOf(y) >= 0, J = x ? "width" : "height", X = kt(t, {
+        placement: W,
+        boundary: u,
+        rootBoundary: d,
+        altBoundary: v,
+        padding: s
+      }), te = x ? B ? ue : re : B ? ie : Z;
+      C[J] > I[J] && (te = Ge(te));
+      var Re = Ge(te), ve = [];
+      if (l && ve.push(X[y] <= 0), a && ve.push(X[te] <= 0, X[Re] <= 0), ve.every(function(Ce) {
+        return Ce;
+      })) {
+        j = W, G = !1;
+        break;
+      }
+      R.set(W, ve);
+    }
+    if (G)
+      for (var Fe = g ? 3 : 1, rt = function(de) {
+        var Le = _.find(function(je) {
+          var me = R.get(je);
+          if (me)
+            return me.slice(0, de).every(function(ot) {
+              return ot;
+            });
+        });
+        if (Le)
+          return j = Le, "break";
+      }, Ae = Fe; Ae > 0; Ae--) {
+        var Te = rt(Ae);
+        if (Te === "break") break;
+      }
+    t.placement !== j && (t.modifiersData[o]._skip = !0, t.placement = j, t.reset = !0);
+  }
+}
+const ho = {
+  name: "flip",
+  enabled: !0,
+  phase: "main",
+  fn: go,
+  requiresIfExists: ["offset"],
+  data: {
+    _skip: !1
+  }
+};
+function yo(e, t, r) {
+  var o = le(e), n = [re, Z].indexOf(o) >= 0 ? -1 : 1, l = typeof r == "function" ? r(Object.assign({}, t, {
+    placement: e
+  })) : r, c = l[0], a = l[1];
+  return c = c || 0, a = (a || 0) * n, [re, ue].indexOf(o) >= 0 ? {
+    x: a,
+    y: c
+  } : {
+    x: c,
+    y: a
+  };
+}
+function $o(e) {
+  var t = e.state, r = e.options, o = e.name, n = r.offset, l = n === void 0 ? [0, 0] : n, c = er.reduce(function(u, d) {
+    return u[d] = yo(d, t.rects, l), u;
+  }, {}), a = c[t.placement], i = a.x, s = a.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += i, t.modifiersData.popperOffsets.y += s), t.modifiersData[o] = c;
+}
+const ko = {
+  name: "offset",
+  enabled: !0,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: $o
+};
+function _o(e) {
+  var t = e.state, r = e.name;
+  t.modifiersData[r] = ir({
+    reference: t.rects.reference,
+    element: t.rects.popper,
+    placement: t.placement
+  });
+}
+const wo = {
+  name: "popperOffsets",
+  enabled: !0,
+  phase: "read",
+  fn: _o,
+  data: {}
+};
+function Co(e) {
+  return e === "x" ? "y" : "x";
+}
+function Io(e) {
+  var t = e.state, r = e.options, o = e.name, n = r.mainAxis, l = n === void 0 ? !0 : n, c = r.altAxis, a = c === void 0 ? !1 : c, i = r.boundary, s = r.rootBoundary, u = r.altBoundary, d = r.padding, v = r.tether, f = v === void 0 ? !0 : v, g = r.tetherOffset, b = g === void 0 ? 0 : g, h = kt(t, {
+    boundary: i,
+    rootBoundary: s,
+    padding: d,
+    altBoundary: u
+  }), $ = le(t.placement), A = Ee(t.placement), V = !A, _ = or($), C = Co(_), I = t.modifiersData.popperOffsets, R = t.rects.reference, G = t.rects.popper, j = typeof b == "function" ? b(Object.assign({}, t.rects, {
+    placement: t.placement
+  })) : b, F = typeof j == "number" ? {
+    mainAxis: j,
+    altAxis: j
+  } : Object.assign({
+    mainAxis: 0,
+    altAxis: 0
+  }, j), W = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, y = {
+    x: 0,
+    y: 0
+  };
+  if (I) {
+    if (l) {
+      var B, x = _ === "y" ? Z : re, J = _ === "y" ? ie : ue, X = _ === "y" ? "height" : "width", te = I[_], Re = te + h[x], ve = te - h[J], Fe = f ? -G[X] / 2 : 0, rt = A === De ? R[X] : G[X], Ae = A === De ? -G[X] : -R[X], Te = t.elements.arrow, Ce = f && Te ? rr(Te) : {
+        width: 0,
+        height: 0
+      }, de = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : nr(), Le = de[x], je = de[J], me = Ne(0, R[X], Ce[X]), ot = V ? R[X] / 2 - Fe - me - Le - F.mainAxis : rt - me - Le - F.mainAxis, pr = V ? -R[X] / 2 + Fe + me + je + F.mainAxis : Ae + me + je + F.mainAxis, nt = t.elements.arrow && tt(t.elements.arrow), fr = nt ? _ === "y" ? nt.clientTop || 0 : nt.clientLeft || 0 : 0, Ct = (B = W?.[_]) != null ? B : 0, vr = te + ot - Ct - fr, mr = te + pr - Ct, It = Ne(f ? Xe(Re, vr) : Re, te, f ? he(ve, mr) : ve);
+      I[_] = It, y[_] = It - te;
+    }
+    if (a) {
+      var Ot, br = _ === "x" ? Z : re, gr = _ === "x" ? ie : ue, be = I[C], We = C === "y" ? "height" : "width", Dt = be + h[br], Bt = be - h[gr], at = [Z, re].indexOf($) !== -1, St = (Ot = W?.[C]) != null ? Ot : 0, Et = at ? Dt : be - R[We] - G[We] - St + F.altAxis, Pt = at ? be + R[We] + G[We] - St - F.altAxis : Bt, At = f && at ? Jr(Et, be, Pt) : Ne(f ? Et : Dt, be, f ? Pt : Bt);
+      I[C] = At, y[C] = At - be;
+    }
+    t.modifiersData[o] = y;
+  }
+}
+const Oo = {
+  name: "preventOverflow",
+  enabled: !0,
+  phase: "main",
+  fn: Io,
+  requiresIfExists: ["offset"]
+};
+function Do(e) {
+  return {
+    scrollLeft: e.scrollLeft,
+    scrollTop: e.scrollTop
+  };
+}
+function Bo(e) {
+  return e === Q(e) || !ee(e) ? ht(e) : Do(e);
+}
+function So(e) {
+  var t = e.getBoundingClientRect(), r = Be(t.width) / e.offsetWidth || 1, o = Be(t.height) / e.offsetHeight || 1;
+  return r !== 1 || o !== 1;
+}
+function Eo(e, t, r) {
+  r === void 0 && (r = !1);
+  var o = ee(t), n = ee(t) && So(t), l = fe(t), c = Se(e, n, r), a = {
+    scrollLeft: 0,
+    scrollTop: 0
+  }, i = {
+    x: 0,
+    y: 0
+  };
+  return (o || !o && !r) && ((se(t) !== "body" || // https://github.com/popperjs/popper-core/issues/1078
+  $t(l)) && (a = Bo(t)), ee(t) ? (i = Se(t, !0), i.x += t.clientLeft, i.y += t.clientTop) : l && (i.x = yt(l))), {
+    x: c.left + a.scrollLeft - i.x,
+    y: c.top + a.scrollTop - i.y,
+    width: c.width,
+    height: c.height
+  };
+}
+function Po(e) {
+  var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), o = [];
+  e.forEach(function(l) {
+    t.set(l.name, l);
+  });
+  function n(l) {
+    r.add(l.name);
+    var c = [].concat(l.requires || [], l.requiresIfExists || []);
+    c.forEach(function(a) {
+      if (!r.has(a)) {
+        var i = t.get(a);
+        i && n(i);
+      }
+    }), o.push(l);
+  }
+  return e.forEach(function(l) {
+    r.has(l.name) || n(l);
+  }), o;
+}
+function Ao(e) {
+  var t = Po(e);
+  return Gr.reduce(function(r, o) {
+    return r.concat(t.filter(function(n) {
+      return n.phase === o;
+    }));
+  }, []);
+}
+function Lo(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(r) {
+      Promise.resolve().then(function() {
+        t = void 0, r(e());
+      });
+    })), t;
+  };
+}
+function Vo(e) {
+  var t = e.reduce(function(r, o) {
+    var n = r[o.name];
+    return r[o.name] = n ? Object.assign({}, n, o, {
+      options: Object.assign({}, n.options, o.options),
+      data: Object.assign({}, n.data, o.data)
+    }) : o, r;
+  }, {});
+  return Object.keys(t).map(function(r) {
+    return t[r];
+  });
+}
+var Ft = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function Tt() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return !t.some(function(o) {
+    return !(o && typeof o.getBoundingClientRect == "function");
+  });
+}
+function Mo(e) {
+  e === void 0 && (e = {});
+  var t = e, r = t.defaultModifiers, o = r === void 0 ? [] : r, n = t.defaultOptions, l = n === void 0 ? Ft : n;
+  return function(a, i, s) {
+    s === void 0 && (s = l);
+    var u = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, Ft, l),
+      modifiersData: {},
+      elements: {
+        reference: a,
+        popper: i
+      },
+      attributes: {},
+      styles: {}
+    }, d = [], v = !1, f = {
+      state: u,
+      setOptions: function($) {
+        var A = typeof $ == "function" ? $(u.options) : $;
+        b(), u.options = Object.assign({}, l, u.options, A), u.scrollParents = {
+          reference: $e(a) ? Me(a) : a.contextElement ? Me(a.contextElement) : [],
+          popper: Me(i)
+        };
+        var V = Ao(Vo([].concat(o, u.options.modifiers)));
+        return u.orderedModifiers = V.filter(function(_) {
+          return _.enabled;
+        }), g(), f.update();
+      },
+      // Sync update – it will always be executed, even if not necessary. This
+      // is useful for low frequency updates where sync behavior simplifies the
+      // logic.
+      // For high frequency updates (e.g. `resize` and `scroll` events), always
+      // prefer the async Popper#update method
+      forceUpdate: function() {
+        if (!v) {
+          var $ = u.elements, A = $.reference, V = $.popper;
+          if (Tt(A, V)) {
+            u.rects = {
+              reference: Eo(A, tt(V), u.options.strategy === "fixed"),
+              popper: rr(V)
+            }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(F) {
+              return u.modifiersData[F.name] = Object.assign({}, F.data);
+            });
+            for (var _ = 0; _ < u.orderedModifiers.length; _++) {
+              if (u.reset === !0) {
+                u.reset = !1, _ = -1;
+                continue;
+              }
+              var C = u.orderedModifiers[_], I = C.fn, R = C.options, G = R === void 0 ? {} : R, j = C.name;
+              typeof I == "function" && (u = I({
+                state: u,
+                options: G,
+                name: j,
+                instance: f
+              }) || u);
+            }
+          }
+        }
+      },
+      // Async and optimistically optimized update – it will not be executed if
+      // not necessary (debounced to run at most once-per-tick)
+      update: Lo(function() {
+        return new Promise(function(h) {
+          f.forceUpdate(), h(u);
+        });
+      }),
+      destroy: function() {
+        b(), v = !0;
+      }
+    };
+    if (!Tt(a, i))
+      return f;
+    f.setOptions(s).then(function(h) {
+      !v && s.onFirstUpdate && s.onFirstUpdate(h);
+    });
+    function g() {
+      u.orderedModifiers.forEach(function(h) {
+        var $ = h.name, A = h.options, V = A === void 0 ? {} : A, _ = h.effect;
+        if (typeof _ == "function") {
+          var C = _({
+            state: u,
+            name: $,
+            instance: f,
+            options: V
+          }), I = function() {
+          };
+          d.push(C || I);
+        }
+      });
+    }
+    function b() {
+      d.forEach(function(h) {
+        return h();
+      }), d = [];
+    }
+    return f;
+  };
+}
+var xo = [io, wo, no, Xr], zo = /* @__PURE__ */ Mo({
+  defaultModifiers: xo
+});
+function sr(e, t, r = {}) {
+  const o = S(void 0);
+  function n() {
+    zo(e.value, t.value, {
+      placement: r.placement || "bottom-start",
+      modifiers: [ho, Oo, ko, { name: "offset", options: { offset: [0, 4] } }]
+    });
+  }
+  function l() {
+    e.value && t.value && n();
+  }
+  return ye(e, l), ye(t, l), we(l), o;
+}
+function ge(e, t) {
+  return typeof t == "function" ? t(e) : t ? e[t] : e;
+}
+function jt(e, t = {}, r) {
+  const o = t.stringifyValue || String, n = o(ge(e, t.value));
+  return {
+    value: n,
+    label: ge(e, t.label),
+    disabled: t.disabled && ge(e, t.disabled),
+    description: t.description && ge(e, t.description),
+    icon: t.icon && ge(e, t.icon),
+    isSelected: r === void 0 ? void 0 : n === o(r),
+    data: e
+  };
+}
+function ke(e, t = {}, r) {
+  return Array.isArray(e) ? e.map((o) => jt(o, t, r)) : typeof e == "object" && e !== null ? Object.entries(e || {}).reduce((o, [n, l]) => o.concat({
+    ...jt(n, t, r),
+    label: l,
+    data: n
+  }), []) : [];
+}
+function lr(e, t = {}, r) {
+  return Array.isArray(e) ? e.map((o) => ({
+    label: ge(o, t.groupLabel),
+    options: ke(ge(o, t.groupOptions), t, r)
+  })) : typeof e == "object" && e !== null ? Object.entries(e || {}).reduce(
+    (o, [n, l]) => o.concat({ label: n, options: ke(l, t, r) }),
+    []
+  ) : [];
+}
+const Ro = ["placeholder", "disabled", "value"], Fo = { class: "Autocomplete__optionLabel" }, To = {
+  key: 0,
+  class: "Autocomplete__optionDescription"
+}, jo = {
+  inheritAttrs: !1
+}, Wo = /* @__PURE__ */ M({
+  ...jo,
+  __name: "Autocomplete",
+  props: /* @__PURE__ */ K({
+    prefixIcon: {},
+    suffixIcon: {},
+    size: { default: "normal" },
+    invalid: { type: Boolean },
+    pill: { type: Boolean },
+    options: {},
+    optionLabel: {},
+    optionValue: {},
+    optionDisabled: {},
+    optionDescription: {},
+    optionIcon: {},
+    groupLabel: {},
+    groupOptions: {},
+    placeholder: {},
+    disabled: { type: Boolean },
+    inputClass: {},
+    filter: {}
+  }, {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["prefix-icon-click", "suffix-icon-click", "select"], ["update:modelValue"]),
+  setup(e, { expose: t, emit: r }) {
+    const o = ne(e, "modelValue"), n = e, l = r, c = Pe(), a = S(), i = S(), s = S(), u = S(!1), d = k(() => {
+      const y = {
+        value: n.optionValue,
+        label: n.optionLabel,
+        disabled: n.optionDisabled,
+        description: n.optionDescription,
+        icon: n.optionIcon
+      };
+      return n.groupOptions ? lr(
+        n.options,
+        {
+          groupLabel: n.groupLabel,
+          groupOptions: n.groupOptions,
+          ...y
+        },
+        o.value
+      ).flatMap((x) => x.options) : ke(n.options, y, o.value);
+    });
+    function v(y, B) {
+      if (!B)
+        return !0;
+      const x = B.toLowerCase(), J = String(y.label).toLowerCase(), X = y.description ? String(y.description).toLowerCase() : "";
+      return J.includes(x) || X.includes(x);
+    }
+    const f = k(() => {
+      const y = n.filter || v;
+      return d.value.filter((B) => y(B, o.value));
+    }), g = k(() => f.value), { cursorIndex: b, cursorItem: h, moveCursorForward: $, moveCursorBack: A, resetCursor: V } = Lr(g), _ = k(() => a.value?.$el);
+    sr(_, i), Jt(_, (y) => {
+      u.value && !y.defaultPrevented && (y.preventDefault(), I());
+    });
+    function C() {
+      u.value || n.disabled || (u.value = !0, V());
+    }
+    function I() {
+      u.value && (u.value = !1);
+    }
+    function R(y) {
+      o.value = y.target.value, C();
+    }
+    function G(y) {
+      switch (y.key) {
+        case "ArrowDown":
+          y.preventDefault(), u.value ? $() : C();
+          break;
+        case "ArrowUp":
+          y.preventDefault(), u.value && A();
+          break;
+        case "Enter":
+          y.preventDefault(), u.value && h.value && W(h.value);
+          break;
+        case "Escape":
+          u.value && (y.preventDefault(), I());
+          break;
+        case "Tab":
+          I();
+          break;
+      }
+    }
+    function j() {
+      u.value || C();
+    }
+    function F({ item: y }) {
+      W(y);
+    }
+    function W(y) {
+      y.disabled || (o.value = String(y.label), l("select", y), I(), kr(() => {
+        s.value?.focus();
+      }));
+    }
+    return t({
+      inputElement: s,
+      focus: () => s.value?.focus(),
+      blur: () => s.value?.blur(),
+      open: C,
+      close: I,
+      filter: v
+    }), (y, B) => (p(), z(Je, {
+      ref_key: "rootElement",
+      ref: a,
+      class: T(["Autocomplete", y.$attrs.class]),
+      size: y.$props.size,
+      invalid: y.$props.invalid,
+      disabled: y.$props.disabled,
+      prefixIcon: y.$props.prefixIcon,
+      suffixIcon: y.$props.suffixIcon,
+      pill: y.$props.pill,
+      onClick: B[1] || (B[1] = (x) => s.value?.focus()),
+      onPrefixIconClick: B[2] || (B[2] = (x) => y.$emit("prefix-icon-click")),
+      onSuffixIconClick: B[3] || (B[3] = (x) => y.$emit("suffix-icon-click"))
+    }, Qe({
+      default: P(() => [
+        D("input", q({
+          ref_key: "inputElement",
+          ref: s
+        }, E(c), {
+          class: ["vuiii-input__nested Autocomplete__input", e.inputClass],
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          value: o.value,
+          onInput: R,
+          onClick: j,
+          onKeydown: G
+        }), null, 16, Ro),
+        U(Qt, { duration: 100 }, {
+          default: P(() => [
+            u.value && g.value.length > 0 ? (p(), m("div", {
+              key: 0,
+              class: "Autocomplete__dropdown",
+              ref_key: "dropdownElement",
+              ref: i
+            }, [
+              U(Dr, {
+                class: "Autocomplete__dropdownMenu",
+                items: g.value,
+                cursorIndex: E(b),
+                onItemClick: F,
+                onItemMouseenter: B[0] || (B[0] = ({ index: x }) => b.value = x)
+              }, {
+                itemLabel: P(({ item: x, index: J }) => [
+                  w(y.$slots, "option", {
+                    option: x,
+                    index: J,
+                    isHighlighted: E(b) === J
+                  }, () => [
+                    D("div", Fo, L(x.label), 1),
+                    x.description ? (p(), m("div", To, L(x.description), 1)) : O("", !0)
+                  ], !0)
+                ]),
+                _: 3
+              }, 8, ["items", "cursorIndex"])
+            ], 512)) : O("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 2
+    }, [
+      y.$slots.prefix ? {
+        name: "prefix",
+        fn: P(() => [
+          w(y.$slots, "prefix", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0,
+      y.$slots.suffix ? {
+        name: "suffix",
+        fn: P(() => [
+          w(y.$slots, "suffix", {}, void 0, !0)
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["class", "size", "invalid", "disabled", "prefixIcon", "suffixIcon", "pill"]));
+  }
+}), Ra = /* @__PURE__ */ N(Wo, [["__scopeId", "data-v-bc6aeb05"]]), qo = { class: "Breadcrumbs" }, No = /* @__PURE__ */ M({
+  __name: "Breadcrumbs",
+  props: {
+    breadcrumbs: { default: () => [] }
+  },
+  setup(e) {
+    return (t, r) => {
+      const o = Ut("router-link");
+      return p(), m("div", qo, [
+        (p(!0), m(H, null, Y(e.breadcrumbs, (n, l) => (p(), m("div", {
+          key: l,
+          class: "Breadcrumbs__breadcrumb"
+        }, [
+          U(o, {
+            to: n.link,
+            class: "Breadcrumbs__link"
+          }, {
+            default: P(() => [
+              oe(L(n.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["to"]),
+          U(ae, {
+            name: "chevron-right",
+            class: "Breadcrumbs__arrow"
+          })
+        ]))), 128))
+      ]);
+    };
+  }
+}), Fa = /* @__PURE__ */ N(No, [["__scopeId", "data-v-44a63a08"]]), Go = { key: 0 }, ze = /* @__PURE__ */ M({
+  __name: "Button",
+  props: {
+    disabled: { type: Boolean },
+    type: { default: "button" },
+    size: {},
+    variant: {},
+    prefixIcon: {},
+    suffixIcon: {},
+    label: {},
+    block: { type: Boolean },
+    loading: { type: Boolean },
+    outlined: { type: Boolean },
+    pill: { type: Boolean },
+    to: {},
+    href: {}
+  },
+  setup(e) {
+    const t = e, r = k(() => t.to ? "router-link" : t.href ? "a" : "button");
+    return (o, n) => (p(), z(Oe(r.value), q({
+      class: ["Button vuiii-button", {
+        [`vuiii-button--variant-${o.$props.variant}`]: o.$props.variant,
+        [`vuiii-button--size-${o.$props.size}`]: o.$props.size,
+        "vuiii-button--disabled": o.$props.disabled || o.$props.loading,
+        "vuiii-button--loading": o.$props.loading,
+        "vuiii-button--outlined": o.$props.outlined && o.$props.variant,
+        "vuiii-button--block": o.$props.block,
+        "vuiii-button--pill": o.$props.pill
+      }]
+    }, o.$attrs, {
+      to: r.value === "router-link" ? o.$props.to : void 0,
+      href: r.value === "a" ? o.$props.href : void 0,
+      type: r.value === "button" ? o.$props.type : void 0
+    }), {
+      default: P(() => [
+        w(o.$slots, "prefix", {}, () => [
+          o.$props.prefixIcon || o.$props.loading ? (p(), z(ae, {
+            key: 0,
+            class: "vuiii-button__icon vuiii-button__icon--prefix",
+            name: o.$props.loading ? "spinner" : o.$props.prefixIcon,
+            size: o.$props.size
+          }, null, 8, ["name", "size"])) : O("", !0)
+        ]),
+        o.$slots.default || o.$props.label ? (p(), m("span", Go, [
+          w(o.$slots, "default", {}, () => [
+            oe(L(o.$props.label), 1)
+          ])
+        ])) : O("", !0),
+        w(o.$slots, "suffix", {}, () => [
+          o.$props.suffixIcon ? (p(), z(ae, {
+            key: 0,
+            class: "vuiii-button__icon vuiii-button__icon--suffix",
+            name: o.$props.suffixIcon,
+            size: o.$props.size
+          }, null, 8, ["name", "size"])) : O("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class", "to", "href", "type"]));
+  }
+}), Ho = {}, Uo = { class: "ButtonGroup" };
+function Xo(e, t) {
+  return p(), m("div", Uo, [
+    w(e.$slots, "default", {}, void 0, !0)
+  ]);
+}
+const Yo = /* @__PURE__ */ N(Ho, [["render", Xo], ["__scopeId", "data-v-3d8ee6b9"]]), Ko = ["checked", "required", "disabled"], Qo = {
+  key: 0,
+  class: "Checkbox__switch"
+}, Jo = {
+  key: 1,
+  class: "Checkbox__checkbox vuiii-input"
+}, Zo = { key: 0 }, en = {
+  key: 0,
+  class: "Checkbox__label"
+}, tn = {
+  key: 0,
+  class: "Checkbox__required"
+}, rn = {
+  key: 1,
+  class: "Checkbox__description"
+}, on = {
+  inheritAttrs: !1
+}, nn = /* @__PURE__ */ M({
+  ...on,
+  __name: "Checkbox",
+  props: /* @__PURE__ */ K({
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    switch: { type: Boolean },
+    label: {},
+    description: {},
+    size: { default: "normal" },
+    valueParser: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = ne(e, "modelValue"), r = Pe(), o = e, n = k(() => o.valueParser || {
+      parse: Boolean,
+      stringify: Boolean
+    }), l = k(() => n.value.stringify(t.value));
+    function c(a) {
+      t.value = n.value.parse(a.target.checked);
+    }
+    return (a, i) => (p(), m("label", {
+      class: T(["Checkbox", [
+        a.$attrs.class,
+        {
+          [`Checkbox--size-${a.$props.size}`]: a.$props.size,
+          "Checkbox--disabled": a.$props.disabled
+        }
+      ]])
+    }, [
+      D("input", q({
+        checked: l.value,
+        class: "Checkbox__input",
+        required: a.$props.required,
+        disabled: a.$props.disabled,
+        type: "checkbox"
+      }, E(r), {
+        onInput: i[0] || (i[0] = (s) => c(s))
+      }), null, 16, Ko),
+      w(a.$slots, "symbol", lt(ut({ disabled: !!e.disabled, size: e.size, checked: l.value })), () => [
+        a.$props.switch ? (p(), m("div", Qo, [...i[1] || (i[1] = [
+          D("div", { class: "Checkbox__switchDot" }, null, -1)
+        ])])) : (p(), m("div", Jo, [
+          U(ae, {
+            name: "check",
+            class: "Checkbox__checkboxIcon",
+            size: a.$props.size
+          }, null, 8, ["size"])
+        ]))
+      ], !0),
+      a.$slots.default || a.$props.label || a.$props.description ? (p(), m("div", Zo, [
+        a.$slots.default || a.$props.label ? (p(), m("div", en, [
+          a.$props.required ? (p(), m("span", tn, "*")) : O("", !0),
+          w(a.$slots, "default", {}, () => [
+            oe(L(a.$props.label), 1)
+          ], !0)
+        ])) : O("", !0),
+        a.$props.description ? (p(), m("div", rn, L(a.$props.description), 1)) : O("", !0)
+      ])) : O("", !0)
+    ], 2));
+  }
+}), an = /* @__PURE__ */ N(nn, [["__scopeId", "data-v-927c8261"]]);
+function _t(e = "string") {
+  return {
+    string: {
+      stringify: (r) => r == null ? "" : String(r),
+      parse: (r) => r === "" ? void 0 : String(r)
+    },
+    number: {
+      stringify: (r) => r == null ? "" : String(r),
+      parse: (r) => r === "" ? void 0 : Number(r)
+    },
+    boolean: {
+      stringify: (r) => r ? "true" : "false",
+      parse: (r) => r === "true"
+    },
+    date: {
+      stringify: (r) => new Date(r).toISOString(),
+      parse: (r) => new Date(r)
+    }
+  }[e];
+}
+const sn = /* @__PURE__ */ M({
+  __name: "CheckboxGroup",
+  props: /* @__PURE__ */ K({
+    options: {},
+    optionLabel: {},
+    optionValue: {},
+    optionDisabled: {},
+    optionDescription: {},
+    valueParser: {},
+    type: {},
+    inline: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = ne(e, "modelValue"), r = e, o = k(() => r.valueParser || _t(r.type)), n = k(() => ke(r.options, {
+      value: r.optionValue,
+      label: r.optionLabel,
+      disabled: r.optionDisabled,
+      description: r.optionDescription,
+      stringifyValue: o.value.stringify
+    })), l = k(() => new Set(t.value)), c = (a, i) => {
+      const s = new Set(l.value.values()), u = o.value.parse(a);
+      i ? s.add(u) : s.delete(u), t.value = Array.from(s);
+    };
+    return (a, i) => (p(), m("div", {
+      class: T(["CheckboxGroup", { "CheckboxGroup--inline": a.$props.inline }])
+    }, [
+      (p(!0), m(H, null, Y(n.value, (s) => (p(), m("div", {
+        key: s.value
+      }, [
+        U(an, {
+          disabled: s.disabled,
+          "model-value": l.value.has(s.value),
+          label: s.label,
+          description: s.description,
+          "onUpdate:modelValue": (u) => c(s.value, u)
+        }, Qe({ _: 2 }, [
+          a.$slots.symbol ? {
+            name: "symbol",
+            fn: P(({ checked: u, disabled: d }) => [
+              w(a.$slots, "symbol", q({ ref_for: !0 }, { checked: u, disabled: d }), void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["disabled", "model-value", "label", "description", "onUpdate:modelValue"])
+      ]))), 128))
+    ], 2));
+  }
+}), Ta = /* @__PURE__ */ N(sn, [["__scopeId", "data-v-9484e97b"]]), ln = {
+  cancelLabel: "Cancel",
+  confirmLabel: "OK"
+}, ft = ln, un = S(1), _e = S([]), pe = k(() => _e.value[_e.value.length - 1]), cn = () => un.value++, wt = (e, t, { modal: r } = {}) => {
+  const o = document.activeElement;
+  return o.blur?.(), new Promise((n) => {
+    const l = {
+      id: cn(),
+      component: _r(e),
+      props: t,
+      resolve: n,
+      focusElement: o,
+      modal: r
+    };
+    _e.value.push(l);
+  });
+}, dn = (e) => {
+  typeof e == "string" && (e = {
+    content: e
+  });
+  const { title: t, content: r, confirmVariant: o, confirmLabel: n = ft.confirmLabel, confirmIcon: l, modal: c } = e;
+  return wt(ur, {
+    title: t,
+    content: r,
+    modal: c,
+    buttons: [
+      {
+        variant: o || "primary",
+        label: n || "",
+        icon: l
+      }
+    ]
+  });
+}, pn = (e) => {
+  typeof e == "string" && (e = {
+    content: e
+  });
+  const {
+    title: t,
+    content: r,
+    cancelLabel: o = ft.cancelLabel,
+    cancelVariant: n,
+    cancelIcon: l,
+    confirmLabel: c = ft.confirmLabel,
+    confirmVariant: a,
+    confirmIcon: i,
+    modal: s
+  } = e;
+  return wt(ur, {
+    title: t,
+    content: r,
+    modal: s,
+    buttons: [
+      {
+        variant: n || "secondary",
+        label: o || "",
+        icon: l,
+        value: !1
+      },
+      {
+        variant: a || "primary",
+        label: c || "",
+        icon: i,
+        value: !0
+      }
+    ]
+  });
+}, Wt = (e, t = void 0) => {
+  _e.value = _e.value.filter((r) => r.id !== e.id), e.resolve(t), e.focusElement && e.focusElement.focus?.();
+}, He = (e, t = void 0) => {
+  e.onBeforeClose ? e.onBeforeClose(() => Wt(e, t)) : Wt(e, t);
+}, fn = (e) => (e && pe.value && (pe.value.onBeforeClose = e), (t) => {
+  pe.value && He(pe.value, t);
+}), vn = {
+  open: wt,
+  alert: dn,
+  confirm: pn
+};
+function mn() {
+  return vn;
+}
+const bn = {
+  key: 1,
+  class: "DialogLayout__header"
+}, gn = { class: "DialogLayout__title" }, hn = { class: "DialogLayout__body" }, yn = { class: "DialogLayout__content" }, $n = {
+  key: 2,
+  class: "DialogLayout__footer"
+}, kn = { class: "DialogLayout__buttons" }, _n = /* @__PURE__ */ M({
+  __name: "DialogLayout",
+  props: {
+    title: { default: "" },
+    content: { default: "" },
+    width: { default: 600 },
+    withCloseButton: { type: Boolean },
+    scroll: { type: Boolean },
+    plain: { type: Boolean },
+    buttons: { default: () => [] }
+  },
+  setup(e) {
+    const t = Ke(), r = fn(), o = S(), n = e, l = k(() => !!(t.header || n.title)), c = k(() => !!t.footer || !!n.buttons?.length), a = k(() => {
+      const i = n.width + (Number(n.width) ? "px" : "");
+      return i && i !== "auto" ? {
+        width: "100%",
+        maxWidth: i
+      } : {};
+    });
+    return we(() => {
+      const i = o.value?.querySelectorAll("input");
+      if (i?.length) {
+        i[0]?.focus();
+        return;
+      }
+      const s = o.value?.querySelectorAll("button");
+      if (s?.length) {
+        const u = Array.from(s).find((d) => d.classList.contains("vuiii-button--primary"));
+        if (u) {
+          u.focus();
+          return;
+        }
+        s[0]?.focus();
+      }
+    }), (i, s) => (p(), m("div", {
+      ref_key: "root",
+      ref: o,
+      class: T(["DialogLayout", {
+        hasHeader: l.value,
+        hasFooter: c.value,
+        isScrollable: i.$props.scroll,
+        isPlain: i.$props.plain,
+        isWithCloseButton: i.$props.withCloseButton
+      }]),
+      style: Ue(a.value)
+    }, [
+      i.$props.withCloseButton ? (p(), m("div", {
+        key: 0,
+        class: "DialogLayout__close",
+        onClick: s[0] || (s[0] = (u) => E(r)())
+      }, [
+        U(ae, {
+          name: "x",
+          class: "DialogLayout__closeIcon"
+        })
+      ])) : O("", !0),
+      l.value ? (p(), m("div", bn, [
+        w(i.$slots, "header", {}, () => [
+          D("div", gn, L(i.$props.title), 1)
+        ], !0)
+      ])) : O("", !0),
+      D("div", hn, [
+        w(i.$slots, "default", {}, () => [
+          D("div", yn, L(i.$props.content), 1)
+        ], !0)
+      ]),
+      c.value ? (p(), m("div", $n, [
+        w(i.$slots, "footer", {}, () => [
+          D("div", kn, [
+            (p(!0), m(H, null, Y(i.$props.buttons, (u, d) => (p(), m("span", {
+              key: d,
+              class: "DialogLayout__buttonWrapper"
+            }, [
+              U(ze, {
+                type: "button",
+                label: u.label,
+                variant: u.variant,
+                "prefix-icon": u.icon,
+                disabled: u.disabled,
+                loading: u.loading,
+                onClick: (v) => E(r)(u.value)
+              }, null, 8, ["label", "variant", "prefix-icon", "disabled", "loading", "onClick"])
+            ]))), 128))
+          ])
+        ], !0)
+      ])) : O("", !0)
+    ], 6));
+  }
+}), ur = /* @__PURE__ */ N(_n, [["__scopeId", "data-v-9671bc6e"]]);
+function cr(e, t, r) {
+  const o = (n) => {
+    n.key.toLowerCase() === e.toLowerCase() && t(n);
+  };
+  we(() => {
+    window.addEventListener("keydown", o, r);
+  }), mt(() => {
+    window.removeEventListener("keydown", o, r);
+  });
+}
+const wn = { class: "DialogStack" }, Cn = {
+  key: 0,
+  class: "DialogStack__backdrop"
+}, In = ["onClick"], On = /* @__PURE__ */ M({
+  __name: "DialogStack",
+  setup(e) {
+    const t = (r, o) => {
+      !o.modal && r.target === r.currentTarget && He(o);
+    };
+    return cr("Escape", (r) => {
+      pe.value && !pe.value.modal && !r.defaultPrevented && (He(pe.value), r.preventDefault());
+    }), (r, o) => (p(), z(Xt, { to: "body" }, [
+      D("div", wn, [
+        U(Gt, { name: "DialogStack__backdrop" }, {
+          default: P(() => [
+            E(_e).length ? (p(), m("div", Cn)) : O("", !0)
+          ]),
+          _: 1
+        }),
+        U(Yt, { name: "DialogStack__dialog" }, {
+          default: P(() => [
+            (p(!0), m(H, null, Y(E(_e), (n) => (p(), m("div", {
+              key: n.id,
+              class: "DialogStack__dialogWrapper",
+              onClick: (l) => t(l, n)
+            }, [
+              (p(), z(Oe(n.component), q({ ref_for: !0 }, n.props, {
+                "data-dialog-id": n.id,
+                class: ["DialogStack__dialog", { isActive: E(pe)?.id === n.id }],
+                onClose: (l) => E(He)(n, l)
+              }), null, 16, ["data-dialog-id", "class", "onClose"]))
+            ], 8, In))), 128))
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), ja = /* @__PURE__ */ N(On, [["__scopeId", "data-v-075d0d5a"]]), Dn = /* @__PURE__ */ M({
+  __name: "Dropdown",
+  props: {
+    label: {},
+    variant: {},
+    block: { type: Boolean },
+    icon: {}
+  },
+  emits: ["open", "close"],
+  setup(e, { expose: t, emit: r }) {
+    const o = r, n = S(!1), l = S(), c = S();
+    function a() {
+      n.value || (n.value = !0, o("open"));
+    }
+    function i() {
+      n.value && (n.value = !1, o("close"));
+    }
+    function s(u) {
+      u ?? !n.value ? a() : i();
+    }
+    return sr(l, c), Jt(l, (u) => {
+      n.value && !u.defaultPrevented && (u.preventDefault(), i());
+    }), cr("Escape", (u) => {
+      n.value && !u.defaultPrevented && (u.preventDefault(), i());
+    }), t({
+      open: a,
+      close: i,
+      toggle: s,
+      isOpen: k(() => n.value)
+    }), (u, d) => (p(), m("div", {
+      class: T(["Dropdown", { "Dropdown--block": e.block }]),
+      ref_key: "rootElement",
+      ref: l
+    }, [
+      w(u.$slots, "trigger", lt(ut({ open: a, close: i, toggle: s, isOpen: n.value })), () => [
+        U(ze, {
+          label: e.label,
+          variant: e.variant,
+          block: e.block,
+          prefixIcon: e.icon,
+          suffixIcon: "chevron-down",
+          onClick: d[0] || (d[0] = (v) => s())
+        }, null, 8, ["label", "variant", "block", "prefixIcon"])
+      ], !0),
+      U(Qt, { duration: 100 }, {
+        default: P(() => [
+          n.value ? (p(), m("div", {
+            key: 0,
+            class: "Dropdown__dropdown",
+            ref_key: "dropdownElement",
+            ref: c
+          }, [
+            w(u.$slots, "default", lt(ut({ close: i })), void 0, !0)
+          ], 512)) : O("", !0)
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+}), Wa = /* @__PURE__ */ N(Dn, [["__scopeId", "data-v-53e81477"]]);
+function Bn(e, t) {
+  let r;
+  return (...o) => {
+    r && clearTimeout(r), r = setTimeout(() => e(...o), t);
+  };
+}
+async function Sn(e) {
+  const r = await (await fetch(
+    `undefined/media/download-from-url?url=${encodeURIComponent(e)}`
+  )).blob();
+  return new File([r], e.split("/").pop(), { type: r.type });
+}
+function En(e) {
+  return new DOMParser().parseFromString(e, "text/html").querySelector("img, video, audio")?.getAttribute("src") || null;
+}
+async function Pn(e) {
+  const t = Array.from(e.files);
+  if (t.length)
+    return t;
+  const r = e.getData("text/html");
+  if (r) {
+    const o = En(r);
+    if (o)
+      return [await Sn(o)];
+  }
+  return [];
+}
+function An(e, t, r = {}) {
+  const o = S(!1), n = k(() => Array.isArray(r.accept) ? r.accept : r.accept?.split(",").map((d) => d.trim())), l = Bn((d) => o.value = d, 1), c = (d) => Array.from(d.dataTransfer?.items || []).some((v) => ["file", "text/html"].includes(v.kind)), a = (d) => {
+    c(d) && (d.preventDefault(), d.stopPropagation(), d.dataTransfer.dropEffect = "copy", l(!0));
+  }, i = (d) => {
+    c(d) && (d.preventDefault(), d.stopPropagation(), d.dataTransfer.dropEffect = "copy");
+  }, s = (d) => {
+    c(d) && (d.preventDefault(), d.stopPropagation(), d.dataTransfer.dropEffect = "none", l(!1));
+  }, u = async (d) => {
+    if (c(d)) {
+      d.preventDefault(), d.stopPropagation();
+      try {
+        if (!d.dataTransfer)
+          return;
+        let v = await Pn(d.dataTransfer);
+        r.accept && (v = v.filter((f) => n.value?.some((g) => f.type.startsWith(g)))), r.multiple || (v = v.slice(0, 1)), o.value = !1, v.length && t(v);
+      } catch (v) {
+        r.onError?.(v);
+      }
+    }
+  };
+  return we(() => {
+    e.value?.addEventListener("dragover", a), e.value?.addEventListener("dragenter", i), e.value?.addEventListener("dragleave", s), e.value?.addEventListener("drop", u);
+  }), mt(() => {
+    e.value?.removeEventListener("dragover", a), e.value?.removeEventListener("dragenter", i), e.value?.removeEventListener("dragleave", s), e.value?.removeEventListener("drop", u);
+  }), {
+    isDropzoneActive: o
+  };
+}
+const qa = (e = document.body) => {
+  const t = (o) => {
+    o.defaultPrevented || (o.dataTransfer.dropEffect = "none", o.preventDefault());
+  }, r = (o) => {
+    o.preventDefault();
+  };
+  we(() => {
+    e.addEventListener("dragenter", r, !1), e.addEventListener("dragover", t, !1), e.addEventListener("dragleave", r, !1), e.addEventListener("drop", r, !1);
+  }), mt(() => {
+    e.removeEventListener("dragenter", r, !1), e.removeEventListener("dragover", t, !1), e.removeEventListener("dragleave", r, !1), e.removeEventListener("drop", r, !1);
+  });
+}, Ln = ["multiple", "accept"], Vn = /* @__PURE__ */ M({
+  __name: "FilePicker",
+  props: {
+    multiple: { type: Boolean, default: !1 },
+    accept: {},
+    label: {}
+  },
+  emits: ["files"],
+  setup(e, { emit: t }) {
+    const r = e, o = t, n = S(), l = S(), c = k(() => Array.isArray(r.accept) ? r.accept.join(",") : r.accept);
+    function a() {
+      l.value?.click();
+    }
+    function i(s) {
+      const u = s.target, d = u.files ? Array.from(u.files) : [];
+      o("files", d), u.value = "";
+    }
+    return An(n, (s) => o("files", s), {
+      accept: r.accept,
+      multiple: r.multiple
+    }), (s, u) => (p(), m(H, null, [
+      D("button", {
+        type: "button",
+        class: "FilePicker",
+        onClick: a,
+        ref_key: "pickerOpener",
+        ref: n
+      }, [
+        w(s.$slots, "default", {}, () => [
+          U(ze, {
+            "prefix-icon": "arrow-up-tray",
+            label: e.label,
+            variant: "primary",
+            outlined: ""
+          }, null, 8, ["label"])
+        ], !0)
+      ], 512),
+      D("input", {
+        ref_key: "fileInput",
+        ref: l,
+        type: "file",
+        multiple: e.multiple,
+        accept: c.value,
+        hidden: "",
+        onChange: i
+      }, null, 40, Ln)
+    ], 64));
+  }
+}), Na = /* @__PURE__ */ N(Vn, [["__scopeId", "data-v-40222e12"]]), Mn = {
+  key: 0,
+  class: "FormGroup__header"
+}, xn = ["for"], zn = {
+  key: 0,
+  class: "FormGroup__required"
+}, Rn = {
+  key: 1,
+  class: "FormGroup__description"
+}, Fn = {
+  key: 2,
+  class: "FormGroup__hint"
+}, Tn = {
+  key: 3,
+  class: "FormGroup__error"
+}, jn = /* @__PURE__ */ M({
+  __name: "FormGroup",
+  props: {
+    label: {},
+    for: {},
+    required: { type: Boolean },
+    error: { type: [String, Boolean] },
+    description: {},
+    hint: {}
+  },
+  setup(e) {
+    return (t, r) => (p(), m("div", {
+      class: T(["FormGroup", { "FormGroup--invalid": t.$props.error }])
+    }, [
+      t.$props.label || t.$slots.label ? (p(), m("div", Mn, [
+        D("label", {
+          class: "FormGroup__label",
+          for: t.$props.for
+        }, [
+          w(t.$slots, "label", {}, () => [
+            oe(L(t.$props.label), 1)
+          ], !0)
+        ], 8, xn),
+        t.$props.required ? (p(), m("div", zn, "*")) : O("", !0)
+      ])) : O("", !0),
+      t.$slots.description || t.$props.description ? (p(), m("div", Rn, [
+        w(t.$slots, "description", {}, () => [
+          oe(L(t.$props.description), 1)
+        ], !0)
+      ])) : O("", !0),
+      w(t.$slots, "default", {}, void 0, !0),
+      t.$slots.hint || t.$props.hint ? (p(), m("div", Fn, [
+        w(t.$slots, "hint", {}, () => [
+          oe(L(t.$props.hint), 1)
+        ], !0)
+      ])) : O("", !0),
+      t.$props.error && typeof t.$props.error == "string" ? (p(), m("div", Tn, L(t.$props.error), 1)) : O("", !0)
+    ], 2));
+  }
+}), Wn = /* @__PURE__ */ N(jn, [["__scopeId", "data-v-b18bb598"]]), qn = { class: "FormFields" }, Nn = /* @__PURE__ */ M({
+  __name: "FormFields",
+  props: {
+    fields: {},
+    modelValue: {},
+    validationResults: {}
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: t }) {
+    const r = e, o = k(() => r.fields.map((s) => ({
+      ...s,
+      value: c(s.name),
+      required: !!i(s.name, s.required),
+      disabled: !!i(s.name, s.disabled),
+      invalid: r.validationResults?.[s.name]?.isInvalid,
+      errorMessage: r.validationResults?.[s.name]?.errorMessage
+    }))), n = k(() => new Map(r.fields.map((s) => [s.name, s]))), l = t, c = (s) => (n.value.get(s).value?.getter || ((d) => d[s]))(r.modelValue), a = (s, u) => {
+      const v = (n.value.get(s).value?.setter || ((f, g) => ({ ...g, [s]: f })))(u, r.modelValue);
+      l("update:model-value", v);
+    }, i = (s, u) => typeof u == "function" ? u?.(r.modelValue[s]) : u;
+    return (s, u) => (p(), m("div", qn, [
+      (p(!0), m(H, null, Y(o.value, (d, v) => (p(), z(Wn, {
+        key: d.name,
+        label: d.label,
+        description: d.description,
+        hint: d.hint,
+        required: d.required,
+        invalid: d.invalid,
+        "error-message": d.errorMessage
+      }, {
+        default: P(() => [
+          w(s.$slots, `field:${String(d.name)}`, q({ ref_for: !0 }, { ...d, index: v }), () => [
+            (p(), z(Oe(d.component), q({
+              "model-value": d.value
+            }, { ref_for: !0 }, i(d.name, d.props), {
+              required: d.required,
+              disabled: d.disabled,
+              invalid: d.invalid,
+              "onUpdate:modelValue": (f) => a(d.name, f)
+            }), null, 16, ["model-value", "required", "disabled", "invalid", "onUpdate:modelValue"]))
+          ], !0)
+        ]),
+        _: 2
+      }, 1032, ["label", "description", "hint", "required", "invalid", "error-message"]))), 128))
+    ]));
+  }
+}), Ga = /* @__PURE__ */ N(Nn, [["__scopeId", "data-v-bf60c4d0"]]);
+function Gn(e, t) {
+  return t = [...t, "modelValue", "modelModifiers"], k(() => Object.fromEntries(Object.entries(e).filter(([r]) => !t.includes(r))));
+}
+const Ha = /* @__PURE__ */ M({
+  __name: "IconButton",
+  props: {
+    disabled: { type: Boolean },
+    type: {},
+    size: {},
+    variant: {},
+    loading: { type: Boolean },
+    outlined: { type: Boolean },
+    pill: { type: Boolean },
+    to: {},
+    href: {},
+    icon: {},
+    title: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const o = Gn(e, ["icon"]), n = t;
+    return (l, c) => (p(), z(ze, q({
+      class: "vuiii-icon-button",
+      prefixIcon: e.icon
+    }, E(o), {
+      onClick: c[0] || (c[0] = (a) => n("click", a))
+    }), null, 16, ["prefixIcon"]));
+  }
+}), Hn = ["aria-label", "type", "value"], Un = {
+  inheritAttrs: !1
+}, Xn = /* @__PURE__ */ M({
+  ...Un,
+  __name: "Input",
+  props: /* @__PURE__ */ K({
+    prefixIcon: {},
+    suffixIcon: {},
+    size: {},
+    invalid: { type: Boolean },
+    pill: { type: Boolean },
+    inputClass: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["prefix-icon-click", "suffix-icon-click"], ["update:modelValue"]),
+  setup(e, { expose: t }) {
+    const r = ne(e, "modelValue"), o = Ye(), n = Pe(), l = Ke(), c = S();
+    function a(s) {
+      const u = s.target;
+      return o.type === "number" ? u.valueAsNumber : o.type === "date" ? u.valueAsDate : u.value;
+    }
+    function i(s) {
+      r.value = a(s);
+    }
+    return t({
+      input: c,
+      focus: () => c.value.focus(),
+      select: () => c.value.select()
+    }), (s, u) => (p(), z(Je, {
+      "prefix-icon": s.$props.prefixIcon,
+      "suffix-icon": s.$props.suffixIcon,
+      size: s.$props.size,
+      invalid: s.$props.invalid,
+      pill: s.$props.pill,
+      class: T(s.$attrs.class),
+      disabled: s.$attrs.disabled,
+      onClick: u[1] || (u[1] = (d) => c.value.focus()),
+      onPrefixIconClick: u[2] || (u[2] = (d) => s.$emit("prefix-icon-click")),
+      onSuffixIconClick: u[3] || (u[3] = (d) => s.$emit("suffix-icon-click"))
+    }, Qe({
+      default: P(() => [
+        D("input", q({
+          ref_key: "input",
+          ref: c,
+          "aria-label": s.$attrs.placeholder || "input"
+        }, E(n), {
+          class: ["vuiii-input__nested Input__input", [
+            e.inputClass,
+            {
+              "Input__input--withPrefixIcon": s.$props.prefixIcon,
+              "Input__input--withSuffixIcon": s.$props.suffixIcon
+            }
+          ]],
+          type: s.$attrs.type || "text",
+          value: r.value,
+          onInput: u[0] || (u[0] = (d) => i(d))
+        }), null, 16, Hn)
+      ]),
+      _: 2
+    }, [
+      E(l).prefix ? {
+        name: "prefix",
+        fn: P(() => [
+          w(s.$slots, "prefix", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0,
+      E(l).suffix ? {
+        name: "suffix",
+        fn: P(() => [
+          w(s.$slots, "suffix", {}, void 0, !0)
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["prefix-icon", "suffix-icon", "size", "invalid", "pill", "class", "disabled"]));
+  }
+}), Ua = /* @__PURE__ */ N(Xn, [["__scopeId", "data-v-9075681e"]]), Xa = /* @__PURE__ */ M({
+  __name: "RadioButtonGroup",
+  props: /* @__PURE__ */ K({
+    options: {},
+    optionLabel: { type: [String, Number, Function] },
+    optionValue: { type: [String, Number, Function] },
+    optionDisabled: { type: [String, Number, Function] },
+    optionIcon: { type: [String, Number, Function] },
+    optionDescription: { type: [String, Number, Function] },
+    valueParser: {},
+    disabled: { type: Boolean },
+    size: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = ne(e, "modelValue"), r = e, o = k(
+      () => ke(
+        r.options,
+        {
+          value: r.optionValue,
+          label: r.optionLabel,
+          disabled: r.optionDisabled,
+          description: r.optionDescription,
+          icon: r.optionIcon
+        },
+        t.value
+      )
+    );
+    return (n, l) => (p(), z(Yo, null, {
+      default: P(() => [
+        (p(!0), m(H, null, Y(o.value, (c) => (p(), z(ze, {
+          key: c.value,
+          variant: "primary",
+          outlined: !c.isSelected,
+          label: c.label,
+          disabled: n.$props.disabled || c.disabled,
+          title: c.description,
+          "prefix-icon": c.icon,
+          size: n.$props.size,
+          onClick: (a) => t.value = c.value
+        }, null, 8, ["outlined", "label", "disabled", "title", "prefix-icon", "size", "onClick"]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+let Yn = 1;
+function Kn() {
+  return Yn++;
+}
+const Qn = ["value", "name", "disabled", "readonly", "checked", "onInput"], Jn = { key: 0 }, Zn = { class: "RadioGroup__label" }, ea = {
+  key: 0,
+  class: "RadioGroup__description"
+}, ta = {
+  inheritAttrs: !1
+}, ra = /* @__PURE__ */ M({
+  ...ta,
+  __name: "RadioGroup",
+  props: /* @__PURE__ */ K({
+    options: {},
+    optionLabel: {},
+    optionValue: {},
+    optionDisabled: {},
+    optionDescription: {},
+    valueParser: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    inline: { type: Boolean },
+    type: { default: "string" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = ne(e, "modelValue"), r = Ye(), o = Pe(), n = r.name || "RadioGroup-input-" + Kn(), l = e, c = k(() => l.valueParser || _t(l.type)), a = k(
+      () => ke(
+        l.options,
+        {
+          value: l.optionValue,
+          label: l.optionLabel,
+          disabled: l.optionDisabled,
+          description: l.optionDescription,
+          stringifyValue: c.value?.stringify
+        },
+        t.value
+      )
+    );
+    function i(s) {
+      t.value = c.value.parse(s);
+    }
+    return (s, u) => (p(), m("div", {
+      class: T(["RadioGroup", [s.$attrs.class, { "RadioGroup--inline": e.inline }]])
+    }, [
+      (p(!0), m(H, null, Y(a.value, (d) => (p(), m("label", {
+        key: d.value,
+        class: T(["RadioGroup__option", { "RadioGroup__option--disabled": s.$props.disabled || d.disabled }])
+      }, [
+        D("input", q({ ref_for: !0 }, E(o), {
+          value: d.value,
+          class: "RadioGroup__input",
+          type: "radio",
+          name: E(n),
+          disabled: s.$props.disabled || d.disabled,
+          readonly: s.$props.readonly,
+          checked: d.isSelected,
+          onInput: (v) => i(d.value)
+        }), null, 16, Qn),
+        w(s.$slots, "symbol", q({ ref_for: !0 }, { disabled: !!e.disabled, checked: !!d.isSelected }), () => [
+          u[0] || (u[0] = D("div", { class: "RadioGroup__radio vuiii-input" }, [
+            D("div", { class: "RadioGroup__radioDot" })
+          ], -1))
+        ], !0),
+        d.label || d.description || s.$slots.default ? (p(), m("div", Jn, [
+          w(s.$slots, "default", q({ ref_for: !0 }, { option: d }), () => [
+            D("div", Zn, L(d.label), 1)
+          ], !0),
+          d.description ? (p(), m("div", ea, L(d.description), 1)) : O("", !0)
+        ])) : O("", !0)
+      ], 2))), 128))
+    ], 2));
+  }
+}), Ya = /* @__PURE__ */ N(ra, [["__scopeId", "data-v-eaa91e04"]]), oa = ["value", "required"], na = ["disabled", "hidden"], aa = ["label"], ia = ["disabled", "value", "selected"], sa = ["disabled", "value", "selected"], la = { class: "Select__dropdownIcon vuiii-input__suffix-icon" }, ua = {
+  inheritAttrs: !1
+}, ca = /* @__PURE__ */ M({
+  ...ua,
+  __name: "Select",
+  props: /* @__PURE__ */ K({
+    options: {},
+    optionLabel: {},
+    optionValue: {},
+    optionDisabled: {},
+    groupLabel: {},
+    groupOptions: {},
+    valueParser: {},
+    placeholder: {},
+    size: { default: "normal" },
+    required: { type: Boolean },
+    inputClass: {},
+    invalid: { type: Boolean },
+    disabled: { type: Boolean },
+    pill: { type: Boolean },
+    type: { default: "string" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = ne(e, "modelValue"), r = Pe(), o = e, n = k(() => o.valueParser || _t(o.type)), l = k(() => n.value.stringify(t.value)), c = k(() => {
+      if (o.groupOptions)
+        return lr(
+          o.options,
+          {
+            groupLabel: o.groupLabel,
+            groupOptions: o.groupOptions,
+            value: o.optionValue,
+            label: o.optionLabel,
+            disabled: o.optionDisabled,
+            stringifyValue: n.value.stringify
+          },
+          t.value
+        );
+    }), a = k(() => {
+      if (!c.value)
+        return ke(
+          o.options,
+          {
+            value: o.optionValue,
+            label: o.optionLabel,
+            disabled: o.optionDisabled,
+            stringifyValue: n.value.stringify
+          },
+          t.value
+        );
+    });
+    function i(s) {
+      t.value = n.value.parse(s.target.value);
+    }
+    return (s, u) => (p(), z(Je, {
+      class: T(["Select", s.$attrs.class]),
+      size: s.$props.size,
+      invalid: s.$props.invalid,
+      disabled: s.$props.disabled,
+      pill: s.$props.pill
+    }, {
+      suffix: P(() => [
+        D("div", la, [
+          U(ae, {
+            name: "triangle-down",
+            size: s.$props.size
+          }, null, 8, ["size"])
+        ])
+      ]),
+      default: P(() => [
+        D("select", q(E(r), {
+          class: ["vuiii-input__nested Select__select", e.inputClass],
+          value: l.value,
+          required: s.$props.required,
+          onInput: u[0] || (u[0] = (d) => i(d))
+        }), [
+          s.$props.placeholder ? (p(), m("option", {
+            key: 0,
+            "data-placeholder": "",
+            disabled: s.$props.required,
+            hidden: s.$props.required,
+            value: "",
+            selected: ""
+          }, L(s.$props.placeholder), 9, na)) : O("", !0),
+          c.value ? (p(!0), m(H, { key: 1 }, Y(c.value, (d, v) => (p(), m("optgroup", {
+            key: v,
+            label: d.label
+          }, [
+            (p(!0), m(H, null, Y(d.options, (f) => (p(), m("option", {
+              key: f.value,
+              disabled: f.disabled,
+              value: f.value,
+              selected: f.isSelected
+            }, L(f.label), 9, ia))), 128))
+          ], 8, aa))), 128)) : (p(!0), m(H, { key: 2 }, Y(a.value, (d) => (p(), m("option", {
+            key: d.value,
+            disabled: d.disabled,
+            value: d.value,
+            selected: d.isSelected
+          }, L(d.label), 9, sa))), 128))
+        ], 16, oa)
+      ]),
+      _: 1
+    }, 8, ["class", "size", "invalid", "disabled", "pill"]));
+  }
+}), Ka = /* @__PURE__ */ N(ca, [["__scopeId", "data-v-d145e314"]]), vt = 7e3, da = 5, pa = S(1), Ie = S([]);
+function fa() {
+  return pa.value++;
+}
+function dr(e) {
+  Ie.value = Ie.value.filter(({ id: t }) => t !== e);
+}
+function qt(e, t = "success", r = vt) {
+  const o = {
+    id: fa(),
+    text: e,
+    type: t
+  };
+  Ie.value.push(o), Ie.value.length > da && Ie.value.shift(), r > 0 && setTimeout(() => dr(o.id), r);
+}
+const va = {
+  success: (e, t = vt) => qt(e, "success", t),
+  error: (e, t = vt) => qt(e, "error", t)
+};
+function ma() {
+  return va;
+}
+const ba = { class: "Snackbar" }, ga = ["onClick"], ha = /* @__PURE__ */ M({
+  __name: "SnackbarStack",
+  setup(e) {
+    const t = k(() => [...Ie.value].reverse());
+    return (r, o) => (p(), z(Xt, { to: "body" }, [
+      D("div", ba, [
+        U(Yt, { name: "Snackbar__transition" }, {
+          default: P(() => [
+            (p(!0), m(H, null, Y(t.value, (n, l) => (p(), m("div", {
+              key: n.id,
+              class: "Snackbar__message"
+            }, [
+              D("div", {
+                class: "Snackbar__messageWrapper",
+                style: Ue({ transform: `translateY(-${100 * l}%)` })
+              }, [
+                D("div", {
+                  class: T(["Snackbar__messageBlock", `Snackbar__messageBlock--${n.type}`])
+                }, [
+                  D("div", null, L(n.text), 1),
+                  D("div", {
+                    class: "Snackbar__messageClose",
+                    onClick: (c) => E(dr)(n.id)
+                  }, [
+                    U(ae, {
+                      class: "Snackbar__messageCloseIcon",
+                      name: "x"
+                    })
+                  ], 8, ga)
+                ], 2)
+              ], 4)
+            ]))), 128))
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), Qa = /* @__PURE__ */ N(ha, [["__scopeId", "data-v-e7c3ec03"]]), ya = { key: 0 }, $a = ["width"], ka = ["onClick"], _a = { class: "vuiii-table__sortIcon" }, wa = {
+  key: 1,
+  class: "vuiii-table__label"
+}, Ca = { key: 0 }, Ia = ["onClick", "onMouseenter", "onMouseleave"], Oa = { key: 0 }, Da = ["colspan"], Ba = { class: "vuiii-table__noDataMessage" }, Ja = /* @__PURE__ */ M({
+  __name: "Table",
+  props: /* @__PURE__ */ K({
+    items: {},
+    columns: {},
+    rowClass: { type: [String, Function] },
+    highlightOnHover: { type: Boolean },
+    noDataMessage: {}
+  }, {
+    sortColumnName: {
+      default: null
+    },
+    sortColumnNameModifiers: {},
+    sortDirection: {
+      default: "asc"
+    },
+    sortDirectionModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["click-row", "mouseenter-row", "mouseleave-row", "sort"], ["update:sortColumnName", "update:sortDirection"]),
+  setup(e, { emit: t }) {
+    const r = ne(e, "sortColumnName"), o = ne(e, "sortDirection"), n = e, l = t, c = k(() => n.columns.reduce(
+      (v, f) => [...v, typeof f == "string" ? { name: f } : f],
+      []
+    )), a = k(() => c.value.some((v) => v.label));
+    function i(v, f) {
+      return typeof v == "string" && typeof f == "string" ? v.localeCompare(f) : v - f;
+    }
+    const s = k(() => {
+      const v = (g, b) => {
+        const h = typeof g.value == "function" ? g.value(b) : b[g.name], $ = typeof g.formatter == "function" ? g.formatter(h) : h, A = typeof g.cellClass == "function" ? g.cellClass({ item: b, value: h }) : g.cellClass;
+        return {
+          column: g,
+          value: h,
+          formattedValue: $,
+          cellClass: A,
+          item: b
+        };
+      }, f = n.items?.map((g, b) => {
+        const h = typeof n.rowClass == "function" ? n.rowClass({ item: g, index: b }) : n.rowClass, $ = c.value.reduce((A, V) => [...A, v(V, g)], []);
+        return {
+          item: g,
+          rowClass: h,
+          cells: $
+        };
+      }) || [];
+      if (r.value) {
+        const g = c.value.findIndex((h) => h.name === r.value), b = c.value[g]?.sorter ?? i;
+        f.sort(
+          (h, $) => b(h.cells[g]?.value, $.cells[g]?.value) * (o.value === "asc" ? 1 : -1)
+        );
+      }
+      return f;
+    });
+    function u(v, { index: f, item: g }) {
+      v.defaultPrevented || l("click-row", { index: f, item: g });
+    }
+    function d(v) {
+      r.value === v ? o.value = o.value === "asc" ? "desc" : "asc" : (r.value = v, o.value = "asc"), l("sort", { sortColumnName: r.value, sortDirection: o.value });
+    }
+    return (v, f) => {
+      const g = Ut("router-link");
+      return p(), m("table", {
+        class: T(["vuiii-table", { "vuiii-table--hover": v.$props.highlightOnHover && e.items?.length }])
+      }, [
+        a.value ? (p(), m("thead", ya, [
+          D("tr", null, [
+            (p(!0), m(H, null, Y(c.value, (b, h) => (p(), m("th", {
+              key: h,
+              style: Ue({ textAlign: b.align || "left" }),
+              width: b.width
+            }, [
+              b.sortable ? (p(), m("div", {
+                key: 0,
+                class: T(["vuiii-table__label vuiii-table__label--sortable", { "vuiii-table__label vuiii-table__label--activeSort": r.value === b.name }]),
+                onClick: st(($) => d(b.name), ["prevent"]),
+                role: "button",
+                tabindex: "0"
+              }, [
+                oe(L(b.label) + " ", 1),
+                D("div", _a, [
+                  U(ae, {
+                    name: "caret-sort",
+                    size: "small"
+                  })
+                ])
+              ], 10, ka)) : (p(), m("div", wa, L(b.label), 1))
+            ], 12, $a))), 128)),
+            v.$slots.tools ? (p(), m("th", Ca)) : O("", !0)
+          ])
+        ])) : O("", !0),
+        D("tbody", null, [
+          (p(!0), m(H, null, Y(s.value, (b, h) => (p(), m("tr", {
+            key: h,
+            class: T(b.rowClass),
+            onClick: ($) => u($, { index: h, item: b.item }),
+            onMouseenter: ($) => v.$emit("mouseenter-row", { index: h, item: b.item }),
+            onMouseleave: ($) => v.$emit("mouseleave-row", { index: h, item: b.item })
+          }, [
+            (p(!0), m(H, null, Y(b.cells, ($) => (p(), m("td", {
+              key: $.column.name,
+              style: Ue({ textAlign: $.column.align || "left" }),
+              class: T($.cellClass)
+            }, [
+              w(v.$slots, `column:${$.column.name}`, q({ ref_for: !0 }, { item: b.item, value: $.value, index: h, column: $.column }), () => [
+                $.column.href ? (p(), z(g, {
+                  key: 0,
+                  class: "vuiii-link",
+                  to: $.column.href($.item),
+                  target: $.column.target
+                }, {
+                  default: P(() => [
+                    oe(L($.formattedValue), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to", "target"])) : (p(), m(H, { key: 1 }, [
+                  oe(L($.formattedValue), 1)
+                ], 64))
+              ])
+            ], 6))), 128)),
+            v.$slots.rowOptions ? (p(), m("td", {
+              key: 0,
+              class: "vuiii-table__rowOptions",
+              onClick: f[0] || (f[0] = ($) => $.preventDefault())
+            }, [
+              w(v.$slots, "rowOptions", q({ ref_for: !0 }, { item: b.item, index: h }))
+            ])) : O("", !0)
+          ], 42, Ia))), 128)),
+          !e.items?.length && (v.$props.noDataMessage || v.$slots.noDataMessage) ? (p(), m("tr", Oa, [
+            D("td", {
+              colspan: Object.keys(e.columns).length
+            }, [
+              w(v.$slots, "noDataMessage", {}, () => [
+                D("div", Ba, L(v.$props.noDataMessage), 1)
+              ])
+            ], 8, Da)
+          ])) : O("", !0)
+        ])
+      ], 2);
+    };
+  }
+}), Sa = ["value", "disabled", "readonly"], Ea = {
+  inheritAttrs: !1
+}, Pa = /* @__PURE__ */ M({
+  ...Ea,
+  __name: "Textarea",
+  props: /* @__PURE__ */ K({
+    prefixIcon: {},
+    size: {},
+    invalid: { type: Boolean },
+    pill: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ K(["prefix-icon-click"], ["update:modelValue"]),
+  setup(e, { expose: t }) {
+    const r = ne(e, "modelValue"), o = Pe(), n = Ke(), l = S();
+    function c(a) {
+      r.value = a.target.value;
+    }
+    return t({
+      focus: () => l.value.focus(),
+      select: () => l.value.select()
+    }), (a, i) => (p(), z(Je, {
+      class: T(["Textarea", a.$attrs.class]),
+      size: a.$props.size,
+      invalid: a.$props.invalid,
+      disabled: a.$props.disabled,
+      "prefix-icon": a.$props.prefixIcon,
+      onClick: i[1] || (i[1] = (s) => l.value.focus()),
+      onPrefixIconClick: i[2] || (i[2] = (s) => a.$emit("prefix-icon-click"))
+    }, Qe({
+      default: P(() => [
+        D("textarea", q(E(o), {
+          ref_key: "textareaElement",
+          ref: l,
+          class: "vuiii-input__nested Textarea__textarea",
+          value: a.$props.modelValue,
+          disabled: a.$props.disabled,
+          readonly: a.$props.readonly,
+          onInput: i[0] || (i[0] = (s) => c(s))
+        }), null, 16, Sa)
+      ]),
+      _: 2
+    }, [
+      E(n).prefix ? {
+        name: "prefix",
+        fn: P(() => [
+          w(a.$slots, "prefix", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1032, ["class", "size", "invalid", "disabled", "prefix-icon"]));
+  }
+}), Za = /* @__PURE__ */ N(Pa, [["__scopeId", "data-v-4b234a9c"]]);
+function Aa(e, t = {}) {
+  const r = ma(), o = mn(), n = Kt(), l = S(!1), c = S(!1), a = S(null), i = S(t.initialResultValue), s = async (...u) => {
+    try {
+      if (l.value = !0, a.value = null, t.onBeforeSubmit && await t.onBeforeSubmit({ params: u, dialog: o, snackbar: r }) === !1) {
+        l.value = !1;
+        return;
+      }
+      i.value = await e(...u);
+    } catch (d) {
+      if (a.value = d, t.errorMessage && r && r.error(
+        typeof t.errorMessage == "function" ? t.errorMessage({ error: d, params: u }) : t.errorMessage || d.message
+      ), l.value = !1, t.onError && t.onError({ error: d, params: u, router: n, snackbar: r, dialog: o }))
+        return;
+      throw d;
+    }
+    return c.value = !0, l.value = !1, t.successMessage && r && r.success(
+      typeof t.successMessage == "function" ? t.successMessage({ result: i.value, params: u }) : t.successMessage
+    ), t.onSuccess?.({ result: i.value, params: u, router: n, snackbar: r, dialog: o }), t.redirectOnSuccess && n.push(
+      typeof t.redirectOnSuccess == "function" ? t.redirectOnSuccess({ result: i.value, params: u }) : t.redirectOnSuccess
+    ), i.value;
+  };
+  return t.immediate && we(s), {
+    submit: s,
+    result: i,
+    error: a,
+    isSubmitting: l,
+    hasSubbmitted: c
+  };
+}
+const La = (e, t = {}) => {
+  const {
+    isSubmitting: r,
+    hasSubbmitted: o,
+    submit: n,
+    result: l,
+    error: c
+  } = Aa(e, {
+    onBeforeSubmit: t.onBeforeLoad ? ({ params: a, dialog: i, snackbar: s }) => t.onBeforeLoad({ params: a, dialog: i, snackbar: s }) : void 0,
+    onSuccess: ({ router: a, params: i, result: s }) => t.onSuccess?.({ data: s, params: i, router: a }),
+    onError: ({ router: a, error: i, params: s }) => t.onError?.({ error: i, params: s, router: a }),
+    successMessage: typeof t.successMessage == "function" ? ({ params: a, result: i }) => t.successMessage({ data: i, params: a }) : t.successMessage,
+    errorMessage: typeof t.errorMessage == "function" ? ({ params: a, error: i }) => t.errorMessage({ error: i, params: a }) : t.errorMessage,
+    immediate: t.immediate,
+    initialResultValue: t.initialValue
+  });
+  return {
+    load: n,
+    isLoading: r,
+    hasLoaded: o,
+    data: l,
+    error: c
+  };
+}, it = 25;
+function ei(e, t = {}) {
+  const r = S([]), o = S(), { immediate: n, initialValue: l, ...c } = t, { isLoading: a, hasLoaded: i, load: s } = La(e, c), u = async (f = 1) => {
+    const g = await s({ page: f, itemsPerPage: t.itemsPerPage || it });
+    return r.value = g.items, o.value = g.pagination, g;
+  }, d = async () => {
+    if (!o.value?.hasNextPage)
+      return;
+    const f = await s({
+      page: o.value.currentPage + 1,
+      itemsPerPage: t.itemsPerPage || it
+    });
+    return t.append ? r.value = [...r.value, ...f.items] : r.value = f.items, o.value = f.pagination, f;
+  }, v = async () => {
+    if (!o.value?.hasPreviousPage)
+      return;
+    const f = await s({
+      page: o.value.currentPage - 1,
+      itemsPerPage: t.itemsPerPage || it
+    });
+    return t.append ? r.value = [...f.items, ...r.value] : r.value = f.items, o.value = f.pagination, f;
+  };
+  return n && we(u), {
+    isLoading: a,
+    hasLoaded: i,
+    items: r,
+    pagination: o,
+    loadPage: u,
+    loadNextPage: d,
+    loadPreviousPage: v
+  };
+}
+function ti(e, t) {
+  const r = (o) => {
+    e.value?.contains(o.target) || t(o);
+  };
+  window.addEventListener("focus", r), Ht(() => {
+    window.removeEventListener("focus", r);
+  });
+}
+const Nt = (e) => e !== "" && e !== void 0 && e !== null && (Array.isArray(e) ? e.length > 0 : !0);
+function Va(e) {
+  const t = Kt(), r = wr(), o = k(() => {
+    let a = r.query;
+    return e.filter?.length && (a = Object.fromEntries(
+      Object.entries(a).filter(([i]) => e.filter?.includes(i))
+    )), a = Object.fromEntries(
+      Object.entries(a).map(([i, s]) => [
+        i,
+        decodeURIComponent(e.parse?.[i] ? e.parse[i](s) : s)
+      ])
+    ), e.defaults && Object.entries(e.defaults).forEach(([i, s]) => {
+      a[i] === void 0 && (a[i] = s);
+    }), a;
+  }), n = (a, i) => encodeURIComponent(e.serialize?.[a] ? e.serialize[a](i) : i), l = (a) => {
+    const i = Object.fromEntries(
+      Object.entries(a).filter(([s, u]) => Nt(u)).map(([s, u]) => [s, n(s, u)])
+    );
+    return t.push({
+      query: i
+    });
+  }, c = (a, i) => {
+    const s = {
+      ...r.query
+    };
+    return s[a] = Nt(i) ? n(a, i) : void 0, t.push({ query: s });
+  };
+  return ye(o, () => e.onChange?.(o.value), { immediate: e.immediate }), {
+    queryParams: o,
+    setQuery: l,
+    setQueryParam: c
+  };
+}
+function ri(e) {
+  const { queryParams: t, setQuery: r } = Va({
+    onChange: (l) => e.onChange?.(l.page),
+    filter: ["page"],
+    parse: { page: (l) => Number(l) || 1 },
+    immediate: e.immediate
+  });
+  return { page: k(() => t.value.page), setPage: (l) => r({ page: String(l) }) };
+}
+function oi(e) {
+  const t = S(), r = S(!1), o = async (i) => (r.value = !0, t.value = await e(i), r.value = !1, n.value), n = k(() => t.value?.isValid ?? !1), l = k(() => !n.value), c = k(
+    () => t.value && !r.value ? t.value.errorMessages : {}
+  ), a = k(
+    () => t.value?.validatedFields ?? {}
+  );
+  return {
+    isValidating: k(() => r.value),
+    isValid: n,
+    isInvalid: l,
+    errorMessages: c,
+    validatedFields: a,
+    validate: o
+  };
+}
+function ni(e, t = {}) {
+  let r = Array.from(e.clipboardData?.items || []).filter((o) => o.kind === "file").map((o) => o.getAsFile()).filter((o) => o !== null);
+  return t.accept && (r = r.filter((o) => o.type.startsWith(t.accept + "/"))), t.multiple || (r = r.slice(0, 1)), r;
+}
+class ai extends Error {
+}
+export {
+  Ra as A,
+  Fa as B,
+  an as C,
+  ur as D,
+  fn as E,
+  Na as F,
+  mn as G,
+  ma as H,
+  ae as I,
+  za as J,
+  ke as K,
+  ni as L,
+  Pn as M,
+  En as N,
+  Ya as R,
+  Ka as S,
+  Za as T,
+  ai as V,
+  N as _,
+  ze as a,
+  Yo as b,
+  Ta as c,
+  ja as d,
+  Wa as e,
+  Dr as f,
+  Ga as g,
+  Wn as h,
+  Ha as i,
+  Ua as j,
+  Xa as k,
+  Qa as l,
+  Ja as m,
+  Qt as n,
+  An as o,
+  qa as p,
+  La as q,
+  ei as r,
+  Jt as s,
+  ti as t,
+  Lr as u,
+  cr as v,
+  ri as w,
+  Va as x,
+  Aa as y,
+  oi as z
+};