@prefabs.tech/vue3-ui 0.12.0

package/dist/PrefabsTechVue3UI.es.js

@@ -0,0 +1,4151 @@
+import { defineComponent as A, ref as _, useSlots as Se, createElementBlock as p, createCommentVNode as k, unref as H, openBlock as d, normalizeClass as N, Fragment as q, renderList as se, createElementVNode as h, createVNode as le, withDirectives as bt, vShow as Ct, toDisplayString as O, Transition as gn, withCtx as G, createBlock as j, resolveDynamicComponent as _e, computed as Y, renderSlot as I, createTextVNode as Q, onMounted as yt, nextTick as Je, getCurrentInstance as Gt, watch as Ve, getCurrentScope as Vn, onScopeDispose as jn, hasInjectionContext as mn, inject as zn, toValue as Ce, shallowRef as Ft, watchEffect as Rn, onBeforeUnmount as vn, normalizeStyle as Ne, mergeProps as be, createSlots as Hn, resolveComponent as bn, h as Qt, withModifiers as Zn } from "vue";
+const Gn = ["aria-orientation"], qn = ["data-expanded"], Wn = ["aria-expanded", "onClick"], Yn = ["src"], Un = {
+  key: 0,
+  class: "pane",
+  role: "region"
+}, Xn = {
+  name: "Accordion"
+}, R0 = /* @__PURE__ */ A({
+  ...Xn,
+  props: {
+    canSelfCollapse: {
+      default: !1,
+      required: !1,
+      type: Boolean
+    },
+    defaultIndex: {
+      default: 0,
+      required: !1,
+      type: Number
+    },
+    direction: {
+      default: "vertical",
+      required: !1,
+      type: String
+    }
+  },
+  setup(e) {
+    const t = e, n = _(t.defaultIndex), o = (l) => {
+      !t.canSelfCollapse || n.value !== l ? n.value = l : n.value = -1;
+    }, i = Se(), a = i?.default ? i.default().filter((l) => l?.props?.title) : null;
+    return (l, r) => H(a) ? (d(), p("div", {
+      key: 0,
+      class: N(["accordion", t.direction]),
+      "aria-orientation": t.direction
+    }, [
+      (d(!0), p(q, null, se(H(a), (s, u) => (d(), p("section", {
+        key: u,
+        "data-expanded": u === n.value
+      }, [
+        h("header", null, [
+          h("button", {
+            tabindex: "0",
+            type: "button",
+            "aria-expanded": u === n.value,
+            onClick: (f) => o(u)
+          }, [
+            bt(h("img", {
+              src: s?.props?.icon,
+              class: "icon"
+            }, null, 8, Yn), [
+              [Ct, s?.props?.icon]
+            ]),
+            h("span", null, O(s?.props?.title), 1)
+          ], 8, Wn)
+        ]),
+        le(gn, {
+          appear: "",
+          name: "expand"
+        }, {
+          default: G(() => [
+            u === n.value ? (d(), p("div", Un, [
+              (d(), j(_e(s)))
+            ])) : k("", !0)
+          ]),
+          _: 2
+        }, 1024)
+      ], 8, qn))), 128))
+    ], 10, Gn)) : k("", !0);
+  }
+}), Kn = {
+  key: 0,
+  class: "icon-left"
+}, Qn = {
+  key: 1,
+  class: "label"
+}, Jn = {
+  key: 2,
+  class: "icon-right"
+}, eo = {
+  name: "BadgeComponent"
+}, to = /* @__PURE__ */ A({
+  ...eo,
+  props: {
+    iconLeft: {
+      default: null,
+      type: String
+    },
+    iconRight: {
+      default: null,
+      type: String
+    },
+    label: {
+      default: null,
+      type: String
+    },
+    rounded: Boolean,
+    severity: {
+      default: "primary",
+      type: String,
+      validator: (e) => [
+        "primary",
+        "secondary",
+        "alternate",
+        "success",
+        "danger",
+        "warning"
+      ].includes(e)
+    }
+  },
+  setup(e) {
+    const t = e, n = Se(), o = Y(() => ["badge", t.rounded && "rounded", t.severity].filter(Boolean).join(" "));
+    return (i, a) => (d(), p("span", {
+      class: N(o.value)
+    }, [
+      e.iconLeft || H(n).iconLeft ? (d(), p("span", Kn, [
+        I(i.$slots, "iconLeft", {}, () => [
+          h("i", {
+            class: N(e.iconLeft)
+          }, null, 2)
+        ])
+      ])) : k("", !0),
+      e.label ? (d(), p("div", Qn, O(e.label), 1)) : k("", !0),
+      e.iconRight || H(n).iconRight ? (d(), p("span", Jn, [
+        I(i.$slots, "iconRight", {}, () => [
+          h("i", {
+            class: N(e.iconRight)
+          }, null, 2)
+        ])
+      ])) : k("", !0)
+    ], 2));
+  }
+}), no = {
+  name: "LoadingIcon"
+}, et = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, i] of t)
+    n[o] = i;
+  return n;
+}, oo = { class: "loading" };
+function io(e, t, n, o, i, a) {
+  return d(), p("div", oo, "Loading");
+}
+const wt = /* @__PURE__ */ et(no, [["render", io], ["__scopeId", "data-v-4c97cef5"]]), ao = {
+  key: 0,
+  class: "icon-left"
+}, lo = {
+  key: 1,
+  class: "label"
+}, ro = {
+  key: 2,
+  class: "icon-right"
+}, so = {
+  name: "ButtonElement"
+}, he = /* @__PURE__ */ A({
+  ...so,
+  props: {
+    ariaLabel: {
+      default: "button",
+      type: String
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    iconLeft: {
+      default: null,
+      type: [String, Boolean]
+    },
+    iconRight: {
+      default: null,
+      type: [String, Boolean]
+    },
+    label: {
+      default: null,
+      type: String
+    },
+    loading: {
+      default: !1,
+      type: Boolean
+    },
+    rounded: {
+      default: !1,
+      type: Boolean
+    },
+    severity: {
+      default: "primary",
+      type: String,
+      validator: (e) => [
+        "primary",
+        "secondary",
+        "alternate",
+        "success",
+        "danger",
+        "warning"
+      ].includes(e)
+    },
+    size: {
+      default: "medium",
+      type: String,
+      validator: (e) => ["small", "medium", "large"].includes(e)
+    },
+    to: {
+      default: null,
+      type: String
+    },
+    title: {
+      default: null,
+      type: String
+    },
+    variant: {
+      default: "filled",
+      type: String,
+      validator: (e) => ["outlined", "filled", "textOnly"].includes(e)
+    }
+  },
+  emits: ["click"],
+  setup(e, { emit: t }) {
+    const n = t, o = e, i = Se(), a = Y(() => [
+      "button",
+      o.severity,
+      o.size,
+      o.variant === "textOnly" ? "text-only" : o.variant,
+      !(o.label || i.label) && "icon-only",
+      o.loading && "loading",
+      o.rounded && "rounded",
+      r.value && "disabled"
+    ].filter(Boolean).join(" ")), l = Y(() => o.to ? "link" : "button"), r = Y(() => o.disabled || o.loading);
+    function s() {
+      n("click");
+    }
+    return (u, f) => (d(), j(_e(e.to ? "a" : "button"), {
+      "aria-label": e.ariaLabel,
+      class: N(a.value),
+      disabled: !e.to && r.value,
+      href: e.to && !r.value ? e.to : null,
+      role: l.value,
+      title: e.title,
+      onClick: f[0] || (f[0] = (c) => !e.to && s())
+    }, {
+      default: G(() => [
+        e.iconLeft || H(i).iconLeft ? (d(), p("span", ao, [
+          I(u.$slots, "iconLeft", {}, () => [
+            h("i", {
+              class: N(e.iconLeft)
+            }, null, 2)
+          ])
+        ])) : k("", !0),
+        u.$slots.label || e.label ? (d(), p("div", lo, [
+          I(u.$slots, "label", {}, () => [
+            h("span", null, O(e.label), 1)
+          ])
+        ])) : k("", !0),
+        e.iconRight || H(i).iconRight ? (d(), p("span", ro, [
+          I(u.$slots, "iconRight", {}, () => [
+            h("i", {
+              class: N(e.iconRight)
+            }, null, 2)
+          ])
+        ])) : k("", !0),
+        e.loading ? (d(), j(wt, {
+          key: 3,
+          class: "loading-button"
+        })) : k("", !0)
+      ]),
+      _: 3
+    }, 8, ["aria-label", "class", "disabled", "href", "role", "title"]));
+  }
+}), uo = { class: "card" }, co = {
+  key: 0,
+  class: "card-header"
+}, fo = { class: "card-title" }, ho = { class: "card-body" }, po = {
+  key: 1,
+  class: "card-footer"
+}, go = {
+  name: "Card"
+}, mo = /* @__PURE__ */ A({
+  ...go,
+  props: {
+    title: {
+      type: String,
+      default: void 0
+    }
+  },
+  setup(e) {
+    return (t, n) => (d(), p("div", uo, [
+      t.$slots.header || e.title ? (d(), p("header", co, [
+        I(t.$slots, "header", {}, () => [
+          h("h3", fo, O(e.title), 1)
+        ])
+      ])) : k("", !0),
+      h("div", ho, [
+        I(t.$slots, "default")
+      ]),
+      t.$slots.footer ? (d(), p("footer", po, [
+        I(t.$slots, "footer")
+      ])) : k("", !0)
+    ]));
+  }
+}), vo = { class: "label" }, bo = { class: "value" }, Co = {
+  name: "DataElement"
+}, H0 = /* @__PURE__ */ A({
+  ...Co,
+  props: {
+    caption: {
+      type: String,
+      required: !0
+    },
+    direction: {
+      default: "vertical",
+      type: String,
+      validator: (e) => ["horizontal", "vertical"].includes(e)
+    },
+    mode: {
+      default: "attr",
+      type: String,
+      validator: (e) => ["attr", "stat"].includes(e)
+    },
+    value: {
+      default: "",
+      type: [String, Number]
+    }
+  },
+  setup(e) {
+    return (t, n) => (d(), p("div", {
+      class: N([
+        "data",
+        { "data-stat": e.mode === "stat" },
+        `direction-${e.direction}`
+      ])
+    }, [
+      h("div", vo, [
+        I(t.$slots, "caption", {}, () => [
+          Q(O(e.caption), 1)
+        ])
+      ]),
+      h("div", bo, [
+        I(t.$slots, "value", {}, () => [
+          Q(O(e.value), 1)
+        ])
+      ])
+    ], 2));
+  }
+}), yo = ["disabled"], wo = { class: "label" }, So = {
+  name: "LoadingButton"
+}, ko = /* @__PURE__ */ A({
+  ...So,
+  props: {
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    label: {
+      type: String,
+      required: !0
+    },
+    loading: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (t, n) => (d(), p("button", {
+      disabled: e.disabled || e.loading,
+      class: N(["loading-button", { loading: e.loading }]),
+      onClick: n[0] || (n[0] = (o) => t.$emit("click"))
+    }, [
+      h("div", wo, [
+        h("span", null, O(e.label), 1)
+      ]),
+      e.loading ? (d(), j(wt, { key: 0 })) : k("", !0)
+    ], 10, yo));
+  }
+}), $o = /* @__PURE__ */ et(ko, [["__scopeId", "data-v-3fdbc7b3"]]), Eo = {
+  name: "SubPane"
+}, Do = { class: "sub-pane" };
+function To(e, t, n, o, i, a) {
+  return d(), p("div", Do);
+}
+const Z0 = /* @__PURE__ */ et(Eo, [["render", To], ["__scopeId", "data-v-bf8003ec"]]);
+function xo(e) {
+  return Vn() ? (jn(e), !0) : !1;
+}
+const $t = /* @__PURE__ */ new WeakMap(), Lo = (...e) => {
+  var t;
+  const n = e[0], o = (t = Gt()) == null ? void 0 : t.proxy;
+  if (o == null && !mn())
+    throw new Error("injectLocal must be called in setup");
+  return o && $t.has(o) && n in $t.get(o) ? $t.get(o)[n] : zn(...e);
+}, Cn = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const Oo = Object.prototype.toString, Mo = (e) => Oo.call(e) === "[object Object]", Be = () => {
+}, _o = /* @__PURE__ */ Bo();
+function Bo() {
+  var e, t;
+  return Cn && ((e = window?.navigator) == null ? void 0 : e.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((t = window?.navigator) == null ? void 0 : t.maxTouchPoints) > 2 && /iPad|Macintosh/.test(window?.navigator.userAgent));
+}
+function Jt(e) {
+  return e.endsWith("rem") ? Number.parseFloat(e) * 16 : Number.parseFloat(e);
+}
+function Io(e) {
+  return Gt();
+}
+function Et(e) {
+  return Array.isArray(e) ? e : [e];
+}
+function Po(e, t = !0, n) {
+  Io() ? yt(e, n) : t ? e() : Je(e);
+}
+function Ao(e, t, n) {
+  return Ve(
+    e,
+    t,
+    {
+      ...n,
+      immediate: !0
+    }
+  );
+}
+const St = Cn ? window : void 0;
+function Ze(e) {
+  var t;
+  const n = Ce(e);
+  return (t = n?.$el) != null ? t : n;
+}
+function De(...e) {
+  const t = [], n = () => {
+    t.forEach((r) => r()), t.length = 0;
+  }, o = (r, s, u, f) => (r.addEventListener(s, u, f), () => r.removeEventListener(s, u, f)), i = Y(() => {
+    const r = Et(Ce(e[0])).filter((s) => s != null);
+    return r.every((s) => typeof s != "string") ? r : void 0;
+  }), a = Ao(
+    () => {
+      var r, s;
+      return [
+        (s = (r = i.value) == null ? void 0 : r.map((u) => Ze(u))) != null ? s : [St].filter((u) => u != null),
+        Et(Ce(i.value ? e[1] : e[0])),
+        Et(H(i.value ? e[2] : e[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        Ce(i.value ? e[3] : e[2])
+      ];
+    },
+    ([r, s, u, f]) => {
+      if (n(), !r?.length || !s?.length || !u?.length)
+        return;
+      const c = Mo(f) ? { ...f } : f;
+      t.push(
+        ...r.flatMap(
+          (v) => s.flatMap(
+            ($) => u.map((w) => o(v, $, w, c))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  ), l = () => {
+    a(), n();
+  };
+  return xo(n), l;
+}
+let en = !1;
+function qt(e, t, n = {}) {
+  const { window: o = St, ignore: i = [], capture: a = !0, detectIframe: l = !1, controls: r = !1 } = n;
+  if (!o)
+    return r ? { stop: Be, cancel: Be, trigger: Be } : Be;
+  if (_o && !en) {
+    en = !0;
+    const E = { passive: !0 };
+    Array.from(o.document.body.children).forEach((D) => De(D, "click", Be, E)), De(o.document.documentElement, "click", Be, E);
+  }
+  let s = !0;
+  const u = (E) => Ce(i).some((D) => {
+    if (typeof D == "string")
+      return Array.from(o.document.querySelectorAll(D)).some((b) => b === E.target || E.composedPath().includes(b));
+    {
+      const b = Ze(D);
+      return b && (E.target === b || E.composedPath().includes(b));
+    }
+  });
+  function f(E) {
+    const D = Ce(E);
+    return D && D.$.subTree.shapeFlag === 16;
+  }
+  function c(E, D) {
+    const b = Ce(E), C = b.$.subTree && b.$.subTree.children;
+    return C == null || !Array.isArray(C) ? !1 : C.some((g) => g.el === D.target || D.composedPath().includes(g.el));
+  }
+  const v = (E) => {
+    const D = Ze(e);
+    if (E.target != null && !(!(D instanceof Element) && f(e) && c(e, E)) && !(!D || D === E.target || E.composedPath().includes(D))) {
+      if ("detail" in E && E.detail === 0 && (s = !u(E)), !s) {
+        s = !0;
+        return;
+      }
+      t(E);
+    }
+  };
+  let $ = !1;
+  const w = [
+    De(o, "click", (E) => {
+      $ || ($ = !0, setTimeout(() => {
+        $ = !1;
+      }, 0), v(E));
+    }, { passive: !0, capture: a }),
+    De(o, "pointerdown", (E) => {
+      const D = Ze(e);
+      s = !u(E) && !!(D && !E.composedPath().includes(D));
+    }, { passive: !0 }),
+    l && De(o, "blur", (E) => {
+      setTimeout(() => {
+        var D;
+        const b = Ze(e);
+        ((D = o.document.activeElement) == null ? void 0 : D.tagName) === "IFRAME" && !b?.contains(o.document.activeElement) && t(E);
+      }, 0);
+    }, { passive: !0 })
+  ].filter(Boolean), M = () => w.forEach((E) => E());
+  return r ? {
+    stop: M,
+    cancel: () => {
+      s = !1;
+    },
+    trigger: (E) => {
+      s = !0, v(E), s = !1;
+    }
+  } : M;
+}
+function No() {
+  const e = Ft(!1), t = Gt();
+  return t && yt(() => {
+    e.value = !0;
+  }, t), e;
+}
+function Fo(e) {
+  const t = No();
+  return Y(() => (t.value, !!e()));
+}
+const Vo = Symbol("vueuse-ssr-width");
+function jo() {
+  const e = mn() ? Lo(Vo, null) : null;
+  return typeof e == "number" ? e : void 0;
+}
+function zo(e, t = {}) {
+  const { window: n = St, ssrWidth: o = jo() } = t, i = Fo(() => n && "matchMedia" in n && typeof n.matchMedia == "function"), a = _(typeof o == "number"), l = Ft(), r = Ft(!1), s = (u) => {
+    r.value = u.matches;
+  };
+  return Rn(() => {
+    if (a.value) {
+      a.value = !i.value;
+      const u = Ce(e).split(",");
+      r.value = u.some((f) => {
+        const c = f.includes("not all"), v = f.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/), $ = f.match(/\(\s*max-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
+        let w = !!(v || $);
+        return v && w && (w = o >= Jt(v[1])), $ && w && (w = o <= Jt($[1])), c ? !w : w;
+      });
+      return;
+    }
+    i.value && (l.value = n.matchMedia(Ce(e)), r.value = l.value.matches);
+  }), De(l, "change", s, { passive: !0 }), Y(() => r.value);
+}
+function Wt(e = {}) {
+  const {
+    window: t = St,
+    initialWidth: n = Number.POSITIVE_INFINITY,
+    initialHeight: o = Number.POSITIVE_INFINITY,
+    listenOrientation: i = !0,
+    includeScrollbar: a = !0,
+    type: l = "inner"
+  } = e, r = _(n), s = _(o), u = () => {
+    if (t)
+      if (l === "outer")
+        r.value = t.outerWidth, s.value = t.outerHeight;
+      else if (l === "visual" && t.visualViewport) {
+        const { width: c, height: v, scale: $ } = t.visualViewport;
+        r.value = Math.round(c * $), s.value = Math.round(v * $);
+      } else a ? (r.value = t.innerWidth, s.value = t.innerHeight) : (r.value = t.document.documentElement.clientWidth, s.value = t.document.documentElement.clientHeight);
+  };
+  u(), Po(u);
+  const f = { passive: !0 };
+  if (De("resize", u, f), t && l === "visual" && t.visualViewport && De(t.visualViewport, "resize", u, f), i) {
+    const c = zo("(orientation: portrait)");
+    Ve(c, () => u());
+  }
+  return { width: r, height: s };
+}
+const Ro = { class: "modal-wrapper" }, Ho = {
+  key: 0,
+  class: "modal-body"
+}, Zo = { class: "modal-footer" }, Go = {
+  name: "ConfirmationModal"
+}, tn = /* @__PURE__ */ A({
+  ...Go,
+  props: {
+    divider: {
+      default: !1,
+      type: Boolean
+    },
+    disableBody: {
+      default: !1,
+      type: Boolean
+    },
+    disableHeader: {
+      default: !1,
+      type: Boolean
+    }
+  },
+  emits: ["on:confirm", "on:close"],
+  setup(e, { emit: t }) {
+    const n = t, o = e, i = _();
+    qt(i, (s) => {
+      r();
+    });
+    const a = Y(() => ["modal", o.divider && "divided-modal"].filter(Boolean).join(" "));
+    function l() {
+      n("on:confirm");
+    }
+    function r() {
+      n("on:close");
+    }
+    return (s, u) => (d(), p("div", {
+      class: N(a.value)
+    }, [
+      h("div", Ro, [
+        h("div", {
+          ref_key: "dzangolabVueModal",
+          ref: i,
+          class: "modal-container"
+        }, [
+          h("div", {
+            class: N(["modal-header", { "disabled-header": e.disableHeader }])
+          }, [
+            e.disableHeader ? k("", !0) : I(s.$slots, "header", { key: 0 }, () => [
+              u[3] || (u[3] = h("span", null, "Confirmation required", -1))
+            ]),
+            (d(), p("svg", {
+              "aria-label": "close modal",
+              height: "1em",
+              tabindex: "0",
+              width: "1em",
+              viewBox: "0 0 16 16",
+              xmlns: "http://www.w3.org/2000/svg",
+              onClick: u[0] || (u[0] = (f) => r())
+            }, u[4] || (u[4] = [
+              h("path", {
+                fill: "currentColor",
+                d: "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94z"
+              }, null, -1)
+            ])))
+          ], 2),
+          e.disableBody ? k("", !0) : (d(), p("div", Ho, [
+            I(s.$slots, "body", {}, () => [
+              u[5] || (u[5] = h("p", null, "Are you sure you want to proceed?", -1))
+            ])
+          ])),
+          h("div", Zo, [
+            I(s.$slots, "footer", {}, () => [
+              le(he, {
+                size: "small",
+                label: "Cancel",
+                severity: "secondary",
+                onClick: u[1] || (u[1] = (f) => r())
+              }),
+              le(he, {
+                size: "small",
+                label: "Confirm",
+                severity: "primary",
+                onClick: u[2] || (u[2] = (f) => l())
+              })
+            ])
+          ])
+        ], 512)
+      ])
+    ], 2));
+  }
+}), qo = ["data-aria-orientation"], Wo = {
+  name: "DividerElement"
+}, G0 = /* @__PURE__ */ A({
+  ...Wo,
+  props: {
+    orientation: {
+      default: "horizontal",
+      type: String,
+      validator: (e) => ["horizontal", "vertical"].includes(e)
+    }
+  },
+  setup(e) {
+    return (t, n) => (d(), p("div", {
+      "data-aria-orientation": e.orientation,
+      class: "divider",
+      role: "separator"
+    }, null, 8, qo));
+  }
+}), yn = {
+  year: "numeric",
+  month: "short",
+  day: "numeric"
+}, Yo = {
+  ...yn,
+  hour: "numeric",
+  minute: "numeric",
+  hour12: !0
+}, Uo = (e, t, n) => {
+  if (!e)
+    return null;
+  const o = { ...yn, ...n }, i = new Date(e).toLocaleDateString(
+    t || "en-GB",
+    o
+  );
+  return i === "Invalid Date" ? null : i;
+}, Xo = (e, t, n) => {
+  if (!e)
+    return null;
+  const o = { ...Yo, ...n }, i = new Date(e).toLocaleDateString(
+    t || "en-GB",
+    o
+  );
+  return i === "Invalid Date" ? null : i;
+}, wn = (e) => {
+  const { width: t, height: n } = Wt(), o = {
+    top: e.top,
+    bottom: n.value - e.bottom,
+    left: e.left,
+    right: t.value - e.right
+  }, i = Math.max(...Object.values(o));
+  return Object.keys(o).find(
+    (a) => o[a] === i
+  ) || "bottom";
+}, Sn = (e) => {
+  const t = [];
+  let n = e.parentElement;
+  for (; n; ) {
+    const o = window.getComputedStyle(n);
+    (["auto", "scroll"].includes(o.overflow) || ["auto", "scroll"].includes(o.overflowX) || ["auto", "scroll"].includes(o.overflowY)) && t.push(n), n = n.parentElement;
+  }
+  return t;
+}, Ko = (e) => e === "sessionStorage" ? sessionStorage : localStorage;
+let Dt = null;
+function Qo(e, t) {
+  const n = _();
+  return new Promise((o) => {
+    Ve(
+      () => e,
+      (i) => {
+        Dt && clearTimeout(Dt), Dt = setTimeout(() => {
+          n.value = i, o(n);
+        }, t);
+      },
+      { immediate: !0 }
+    );
+  });
+}
+const Jo = ["aria-expanded", "aria-label"], ei = {
+  name: "Popup"
+}, ti = /* @__PURE__ */ A({
+  ...ei,
+  props: {
+    ariaLabel: {
+      default: "popup",
+      type: String
+    },
+    offset: {
+      type: Number,
+      default: 10
+    },
+    position: {
+      type: String,
+      default: null
+    }
+  },
+  emits: ["onClickOutside"],
+  setup(e, { expose: t, emit: n }) {
+    const o = e, i = n, a = Se(), l = _(null), r = _(null), s = _(null), u = _(!1), f = _("bottom"), c = _({ top: "0", left: "0" }), v = _([]), { width: $, height: w } = Wt(), M = Y(() => !!a.content);
+    vn(() => {
+      window.removeEventListener("scroll", D), window.removeEventListener("resize", D), v.value.forEach(({ element: b, listener: C }) => {
+        b.removeEventListener("scroll", C);
+      });
+    });
+    const E = () => {
+      u.value = !u.value, u.value ? Je(() => {
+        D(), window.addEventListener("scroll", D), window.addEventListener("resize", D), l.value && Sn(l.value).forEach((C) => {
+          const g = () => D();
+          C.addEventListener("scroll", g), v.value.push({ element: C, listener: g });
+        });
+      }) : (window.removeEventListener("scroll", D), window.removeEventListener("resize", D), v.value.forEach(({ element: b, listener: C }) => {
+        b.removeEventListener("scroll", C);
+      }), v.value = []);
+    }, D = () => {
+      if (!s.value || !r.value)
+        return;
+      const b = s.value.getBoundingClientRect(), C = r.value.getBoundingClientRect();
+      let g = 0, S = 0;
+      const y = o.position || wn(b), F = $.value - b.right < 100, J = w.value - (b.bottom + C.height + o.offset) >= 0, U = b.top - C.height - o.offset >= 0;
+      switch (y) {
+        case "top":
+          g = U ? b.top - C.height - o.offset : b.bottom + o.offset, S = F ? b.right - C.width : b.left;
+          break;
+        case "bottom":
+          g = J ? b.bottom + o.offset : b.top - C.height - o.offset, S = F ? b.right - C.width : b.left;
+          break;
+        case "left":
+          S = b.left - C.width - o.offset, g = b.top;
+          break;
+        case "right":
+          S = b.left + b.width + o.offset, g = b.top;
+          break;
+      }
+      const ce = w.value - (g + C.height), ne = g;
+      if (u.value = ne >= 0 && ce >= 0, y === "right" || y === "left")
+        S = Math.max(0, S);
+      else {
+        S + C.width > $.value && (S = $.value - C.width), S = Math.max(0, S);
+        const me = w.value - C.height;
+        g = Math.min(Math.max(g, 0), me);
+      }
+      c.value = {
+        top: `${g}px`,
+        left: `${S}px`
+      }, f.value = y;
+    };
+    return qt(l, () => {
+      u.value = !1, i("onClickOutside");
+    }), t({
+      isVisible: u,
+      togglePopup: E
+    }), (b, C) => (d(), p("div", {
+      ref_key: "dzangolabVueUIPopup",
+      ref: l,
+      class: "popup-container"
+    }, [
+      h("div", {
+        ref_key: "dzangolabVueUIPopupTrigger",
+        ref: s,
+        "aria-expanded": !!u.value,
+        "aria-label": e.ariaLabel,
+        class: "popup-trigger",
+        onClick: E
+      }, [
+        I(b.$slots, "default")
+      ], 8, Jo),
+      u.value && M.value ? (d(), p("div", {
+        key: 0,
+        ref_key: "dzangolabVueUIPopupContent",
+        ref: r,
+        class: N(["popup-content", f.value]),
+        style: Ne(c.value)
+      }, [
+        I(b.$slots, "content")
+      ], 6)) : k("", !0)
+    ], 512));
+  }
+}), ni = ["aria-label"], oi = {
+  key: 1,
+  fill: "#0f0f0f",
+  height: "1.5rem",
+  stroke: "#0f0f0f",
+  width: "1.5rem",
+  "xml:space": "preserve",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  viewBox: "0 0 1792 1792"
+}, ii = ["aria-label"], ai = ["aria-disabled", "onClick"], li = { class: "menu-item" }, ri = {
+  name: "Dropdown"
+}, q0 = /* @__PURE__ */ A({
+  ...ri,
+  props: {
+    icon: {
+      default: void 0,
+      type: String
+    },
+    label: {
+      type: String,
+      default: null
+    },
+    menu: {
+      required: !0,
+      type: Array
+    }
+  },
+  emits: ["select"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, i = _(), a = Y(
+      () => n.menu.filter((r) => r.display !== !1)
+    ), l = (r) => {
+      r.disabled || (o("select", r), i.value.isVisible = !1);
+    };
+    return (r, s) => (d(), j(ti, {
+      ref_key: "popup",
+      ref: i,
+      class: "dropdown-menu",
+      position: "bottom",
+      tabindex: "0"
+    }, {
+      content: G(() => [
+        h("ul", {
+          class: "dropdown-menu",
+          "aria-label": e.label + "dropdown menu",
+          tabindex: "0"
+        }, [
+          (d(!0), p(q, null, se(a.value, (u) => (d(), p("li", {
+            key: u.label,
+            "aria-disabled": u.disabled ? "true" : "false",
+            class: N([[{ disabled: u.disabled }, u.class], "menu-item"]),
+            tabindex: "0",
+            onClick: (f) => l(u)
+          }, [
+            h("span", li, [
+              I(r.$slots, "`icon-${menuItem.key}`", {}, () => [
+                h("i", {
+                  class: N(u.icon)
+                }, null, 2)
+              ]),
+              Q(" " + O(u.label), 1)
+            ])
+          ], 10, ai))), 128))
+        ], 8, ii)
+      ]),
+      default: G(() => [
+        h("div", {
+          "aria-label": (e.label ?? "") + " dropdown",
+          class: N([{ triggered: i.value?.isVisible }, "dropdown-menu-trigger"])
+        }, [
+          I(r.$slots, "default", {}, () => [
+            e.label ? (d(), p(q, { key: 0 }, [
+              h("span", null, O(e.label), 1),
+              s[0] || (s[0] = h("svg", {
+                class: "dropdown-icon",
+                fill: "none",
+                height: "24",
+                viewBox: "0 0 24 24",
+                width: "24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                h("g", { "stroke-width": "0" }),
+                h("g", {
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }),
+                h("g", null, [
+                  h("path", {
+                    d: "M5.70711 9.71069C5.31658 10.1012 5.31658 10.7344 5.70711 11.1249L10.5993 16.0123C11.3805 16.7927 12.6463 16.7924 13.4271 16.0117L18.3174 11.1213C18.708 10.7308 18.708 10.0976 18.3174 9.70708C17.9269 9.31655 17.2937 9.31655 16.9032 9.70708L12.7176 13.8927C12.3271 14.2833 11.6939 14.2832 11.3034 13.8927L7.12132 9.71069C6.7308 9.32016 6.09763 9.32016 5.70711 9.71069Z",
+                    fill: "#0F0F0F"
+                  })
+                ])
+              ], -1))
+            ], 64)) : (d(), p("svg", oi, s[1] || (s[1] = [
+              h("g", { "stroke-width": "0" }, null, -1),
+              h("g", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round"
+              }, null, -1),
+              h("g", null, [
+                h("circle", {
+                  cx: "321.4",
+                  cy: "896.2",
+                  r: "171.2"
+                }),
+                h("circle", {
+                  cx: "898.3",
+                  cy: "896.2",
+                  r: "171.2"
+                }),
+                h("circle", {
+                  cx: "1469",
+                  cy: "896.2",
+                  r: "171.2"
+                })
+              ], -1)
+            ])))
+          ])
+        ], 10, ni)
+      ]),
+      _: 3
+    }, 512));
+  }
+}), si = { class: "error" }, ui = { class: "code" }, di = {
+  name: "Error"
+}, nn = /* @__PURE__ */ A({
+  ...di,
+  props: {
+    error: {
+      required: !0,
+      type: Object
+    }
+  },
+  setup(e) {
+    return (t, n) => (d(), p("p", si, [
+      Q(O(e.error.message) + " ", 1),
+      h("span", ui, "(" + O(e.error.code) + ")", 1)
+    ]));
+  }
+}), ci = { class: "errors" }, fi = { key: 1 }, hi = {
+  name: "Errors"
+}, W0 = /* @__PURE__ */ A({
+  ...hi,
+  props: {
+    errors: {
+      required: !0,
+      type: Array
+    }
+  },
+  setup(e) {
+    return (t, n) => (d(), p("div", ci, [
+      e.errors.length === 1 ? (d(), j(nn, {
+        key: 0,
+        error: e.errors[0]
+      }, null, 8, ["error"])) : (d(), p("ul", fi, [
+        (d(!0), p(q, null, se(e.errors, (o, i) => (d(), p("li", { key: i }, [
+          le(nn, { error: o }, null, 8, ["error"])
+        ]))), 128))
+      ]))
+    ]));
+  }
+}), pi = { class: "confirmation-file-actions" }, gi = {
+  name: "ConfirmationFileActions"
+}, mi = /* @__PURE__ */ A({
+  ...gi,
+  props: {
+    archiveConfirmationHeader: {
+      default: "Archive file?",
+      type: String
+    },
+    archiveConfirmationMessage: {
+      default: "Are you sure you want to archive this file?",
+      type: String
+    },
+    deleteConfirmationHeader: {
+      default: "Delete file?",
+      type: String
+    },
+    deleteConfirmationMessage: {
+      default: "Are you sure you want to delete this file?",
+      type: String
+    },
+    showArchiveConfirmation: Boolean,
+    showDeleteConfirmation: Boolean
+  },
+  emits: [
+    "on:closeArchive",
+    "on:closeDelete",
+    "on:confirmArchive",
+    "on:confirmDelete"
+  ],
+  setup(e) {
+    return (t, n) => (d(), p("div", pi, [
+      e.showArchiveConfirmation ? (d(), j(tn, {
+        key: 0,
+        "onOn:close": n[0] || (n[0] = (o) => t.$emit("on:closeArchive")),
+        "onOn:confirm": n[1] || (n[1] = (o) => t.$emit("on:confirmArchive"))
+      }, {
+        header: G(() => [
+          Q(O(e.archiveConfirmationHeader), 1)
+        ]),
+        body: G(() => [
+          Q(O(e.archiveConfirmationMessage), 1)
+        ]),
+        _: 1
+      })) : k("", !0),
+      e.showDeleteConfirmation ? (d(), j(tn, {
+        key: 1,
+        "onOn:close": n[2] || (n[2] = (o) => t.$emit("on:closeDelete")),
+        "onOn:confirm": n[3] || (n[3] = (o) => t.$emit("on:confirmDelete"))
+      }, {
+        header: G(() => [
+          Q(O(e.deleteConfirmationHeader), 1)
+        ]),
+        body: G(() => [
+          Q(O(e.deleteConfirmationMessage), 1)
+        ]),
+        _: 1
+      })) : k("", !0)
+    ]));
+  }
+}), vi = { class: "file-thumbnail-details-wrapper" }, bi = {
+  key: 0,
+  class: "file-thumbnail"
+}, Ci = { class: "details-wrapper" }, yi = { class: "name-description-details-wrapper" }, wi = {
+  key: 0,
+  class: "name"
+}, Si = {
+  key: 1,
+  class: "file-size"
+}, ki = {
+  key: 0,
+  class: "description-wrapper-details"
+}, $i = {
+  key: 0,
+  class: "file-upload-download-details-wrapper"
+}, Ei = {
+  key: 0,
+  class: "file-upload-details"
+}, Di = {
+  key: 0,
+  class: "uploaded-by"
+}, Ti = {
+  key: 1,
+  class: "uploaded-at"
+}, xi = {
+  key: 1,
+  class: "file-download-details"
+}, Li = {
+  key: 0,
+  class: "download-count"
+}, Oi = {
+  key: 1,
+  class: "last-downloaded-at"
+}, Mi = {
+  key: 0,
+  class: "file-actions"
+}, _i = {
+  name: "FileCard"
+}, Bi = /* @__PURE__ */ A({
+  ..._i,
+  props: {
+    actionButtonsVisibility: {
+      default: () => ({
+        archive: !0,
+        delete: !0,
+        download: !0,
+        share: !0,
+        view: !0
+      }),
+      type: Object
+    },
+    allowEditDescription: Boolean,
+    archiveButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    deleteButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    downloadButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    editDescriptionButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    file: {
+      type: Object,
+      required: !0
+    },
+    messages: {
+      default: () => {
+      },
+      type: Object
+    },
+    shareButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    showThumbnail: {
+      default: !0,
+      type: Boolean
+    },
+    viewButtonProps: {
+      default: () => ({
+        severity: "secondary"
+      }),
+      type: Object
+    },
+    visibilityDetail: {
+      default: () => ({
+        actions: !0,
+        description: !0,
+        downloadCount: !0,
+        lastDownloadedAt: !0,
+        originalFileName: !0,
+        size: !0,
+        uploadedAt: !0,
+        uploadedBy: !0
+      }),
+      type: Object
+    }
+  },
+  emits: [
+    "click:editDescription",
+    "on:archive",
+    "on:delete",
+    "on:download",
+    "on:share",
+    "on:view"
+  ],
+  setup(e, { emit: t }) {
+    const n = e, o = t, i = _(!1), a = _(!1), l = (f) => f.uploadedBy ? f.uploadedBy.givenName || f.uploadedBy.lastName ? `${f.uploadedBy.givenName || ""} ${f.uploadedBy.lastName || ""}` : f.uploadedBy.email : "—", r = (f) => {
+      switch (f) {
+        case "archive":
+        case "delete":
+        case "download":
+        case "share":
+        case "view":
+          o(`on:${f}`, n.file);
+          break;
+      }
+    }, s = () => {
+      r("archive"), i.value = !1;
+    }, u = () => {
+      r("delete"), a.value = !1;
+    };
+    return (f, c) => (d(), j(mo, { class: "file-card" }, {
+      default: G(() => [
+        h("div", vi, [
+          e.showThumbnail || f.$slots.thumbnail ? (d(), p("div", bi, [
+            I(f.$slots, "thumbnail", {}, () => [
+              c[8] || (c[8] = h("svg", {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                h("path", {
+                  d: "M18.53 9L13 3.47C12.8595 3.32931 12.6688 3.25018 12.47 3.25H8C7.27065 3.25 6.57118 3.53973 6.05546 4.05546C5.53973 4.57118 5.25 5.27065 5.25 6V18C5.25 18.7293 5.53973 19.4288 6.05546 19.9445C6.57118 20.4603 7.27065 20.75 8 20.75H16C16.7293 20.75 17.4288 20.4603 17.9445 19.9445C18.4603 19.4288 18.75 18.7293 18.75 18V9.5C18.7421 9.3116 18.6636 9.13309 18.53 9ZM13.25 5.81L16.19 8.75H13.25V5.81ZM16 19.25H8C7.66848 19.25 7.35054 19.1183 7.11612 18.8839C6.8817 18.6495 6.75 18.3315 6.75 18V6C6.75 5.66848 6.8817 5.35054 7.11612 5.11612C7.35054 4.8817 7.66848 4.75 8 4.75H11.75V9.5C11.7526 9.69811 11.8324 9.88737 11.9725 10.0275C12.1126 10.1676 12.3019 10.2474 12.5 10.25H17.25V18C17.25 18.3315 17.1183 18.6495 16.8839 18.8839C16.6495 19.1183 16.3315 19.25 16 19.25Z",
+                  fill: "currentColor"
+                }),
+                h("path", {
+                  d: "M13.49 14.85C12.8751 14.4642 12.4124 13.8778 12.18 13.19C12.3953 12.5467 12.4603 11.8625 12.37 11.19C12.3412 11.0206 12.2586 10.865 12.1344 10.7462C12.0102 10.6274 11.8511 10.5518 11.6806 10.5305C11.5101 10.5092 11.3372 10.5433 11.1876 10.6279C11.038 10.7125 10.9197 10.843 10.85 11C10.7362 11.8085 10.822 12.6325 11.1 13.4C10.7202 14.2873 10.2963 15.1551 9.83001 16C9.12001 16.4 8.15001 17 8.00001 17.69C7.88001 18.25 8.93001 19.69 10.72 16.57C11.5159 16.2746 12.3312 16.034 13.16 15.85C13.7727 16.2003 14.4561 16.4088 15.16 16.46C15.3216 16.4642 15.4809 16.4206 15.6178 16.3345C15.7546 16.2484 15.863 16.1238 15.9292 15.9764C15.9955 15.8289 16.0167 15.6651 15.9901 15.5056C15.9636 15.3462 15.8905 15.1981 15.78 15.08C15.36 14.65 14.11 14.77 13.49 14.85ZM8.71001 17.85C8.99025 17.3705 9.36034 16.9495 9.80001 16.61C9.12001 17.69 8.71001 17.88 8.71001 17.86V17.85ZM11.63 11.04C11.89 11.04 11.87 12.19 11.69 12.5C11.5544 12.0285 11.5338 11.5312 11.63 11.05V11.04ZM10.76 15.92C11.0988 15.3019 11.3929 14.6602 11.64 14C11.9049 14.493 12.2734 14.9229 12.72 15.26C12.0491 15.4281 11.3934 15.6522 10.76 15.93V15.92ZM15.46 15.74C15.46 15.74 15.28 15.96 14.13 15.46C15.38 15.38 15.59 15.67 15.46 15.75V15.74Z",
+                  fill: "currentColor"
+                })
+              ], -1))
+            ])
+          ])) : k("", !0),
+          h("div", Ci, [
+            h("div", yi, [
+              h("div", null, [
+                e.visibilityDetail.originalFileName ? (d(), p("span", wi, O(e.file.originalFileName), 1)) : k("", !0),
+                e.file.size && e.visibilityDetail.size ? (d(), p("span", Si, " (" + O(e.file.size) + ") ", 1)) : k("", !0)
+              ]),
+              e.file.description && e.visibilityDetail.description ? (d(), p("div", ki, [
+                h("span", null, O(e.file.description), 1),
+                e.allowEditDescription ? (d(), j(he, be({ key: 0 }, e.editDescriptionButtonProps, {
+                  size: "small",
+                  variant: "outlined",
+                  onClick: c[0] || (c[0] = (v) => f.$emit("click:editDescription"))
+                }), {
+                  iconLeft: G(() => c[9] || (c[9] = [
+                    h("svg", {
+                      fill: "none",
+                      width: "20",
+                      viewBox: "0 -0.5 25 25",
+                      xmlns: "http://www.w3.org/2000/svg"
+                    }, [
+                      h("path", {
+                        d: "M13.2942 7.95881C13.5533 7.63559 13.5013 7.16358 13.178 6.90453C12.8548 6.64549 12.3828 6.6975 12.1238 7.02072L13.2942 7.95881ZM6.811 14.8488L7.37903 15.3385C7.38489 15.3317 7.39062 15.3248 7.39623 15.3178L6.811 14.8488ZM6.64 15.2668L5.89146 15.2179L5.8908 15.2321L6.64 15.2668ZM6.5 18.2898L5.7508 18.2551C5.74908 18.2923 5.75013 18.3296 5.75396 18.3667L6.5 18.2898ZM7.287 18.9768L7.31152 19.7264C7.36154 19.7247 7.41126 19.7181 7.45996 19.7065L7.287 18.9768ZM10.287 18.2658L10.46 18.9956L10.4716 18.9927L10.287 18.2658ZM10.672 18.0218L11.2506 18.4991L11.2571 18.491L10.672 18.0218ZM17.2971 10.959C17.5562 10.6358 17.5043 10.1638 17.1812 9.90466C16.8581 9.64552 16.386 9.69742 16.1269 10.0206L17.2971 10.959ZM12.1269 7.02052C11.8678 7.34365 11.9196 7.81568 12.2428 8.07484C12.5659 8.33399 13.0379 8.28213 13.2971 7.95901L12.1269 7.02052ZM14.3 5.50976L14.8851 5.97901C14.8949 5.96672 14.9044 5.95412 14.9135 5.94123L14.3 5.50976ZM15.929 5.18976L16.4088 4.61332C16.3849 4.59344 16.3598 4.57507 16.3337 4.5583L15.929 5.18976ZM18.166 7.05176L18.6968 6.52192C18.6805 6.50561 18.6635 6.49007 18.6458 6.47532L18.166 7.05176ZM18.5029 7.87264L19.2529 7.87676V7.87676L18.5029 7.87264ZM18.157 8.68976L17.632 8.15412C17.6108 8.17496 17.5908 8.19704 17.5721 8.22025L18.157 8.68976ZM16.1271 10.0203C15.8678 10.3433 15.9195 10.8153 16.2425 11.0746C16.5655 11.3339 17.0376 11.2823 17.2969 10.9593L16.1271 10.0203ZM13.4537 7.37862C13.3923 6.96898 13.0105 6.68666 12.6009 6.74805C12.1912 6.80943 11.9089 7.19127 11.9703 7.60091L13.4537 7.37862ZM16.813 11.2329C17.2234 11.1772 17.5109 10.7992 17.4552 10.3888C17.3994 9.97834 17.0215 9.69082 16.611 9.74659L16.813 11.2329ZM12.1238 7.02072L6.22577 14.3797L7.39623 15.3178L13.2942 7.95881L12.1238 7.02072ZM6.24297 14.359C6.03561 14.5995 5.91226 14.9011 5.89159 15.218L7.38841 15.3156C7.38786 15.324 7.38457 15.3321 7.37903 15.3385L6.24297 14.359ZM5.8908 15.2321L5.7508 18.2551L7.2492 18.3245L7.3892 15.3015L5.8908 15.2321ZM5.75396 18.3667C5.83563 19.1586 6.51588 19.7524 7.31152 19.7264L7.26248 18.2272C7.25928 18.2273 7.25771 18.2268 7.25669 18.2264C7.25526 18.2259 7.25337 18.2249 7.25144 18.2232C7.2495 18.2215 7.24825 18.2198 7.24754 18.2185C7.24703 18.2175 7.24637 18.216 7.24604 18.2128L5.75396 18.3667ZM7.45996 19.7065L10.46 18.9955L10.114 17.536L7.11404 18.247L7.45996 19.7065ZM10.4716 18.9927C10.7771 18.9151 11.05 18.7422 11.2506 18.499L10.0934 17.5445C10.0958 17.5417 10.0989 17.5397 10.1024 17.5388L10.4716 18.9927ZM11.2571 18.491L17.2971 10.959L16.1269 10.0206L10.0869 17.5526L11.2571 18.491ZM13.2971 7.95901L14.8851 5.97901L13.7149 5.04052L12.1269 7.02052L13.2971 7.95901ZM14.9135 5.94123C15.0521 5.74411 15.3214 5.6912 15.5243 5.82123L16.3337 4.5583C15.4544 3.99484 14.2873 4.2241 13.6865 5.0783L14.9135 5.94123ZM15.4492 5.7662L17.6862 7.6282L18.6458 6.47532L16.4088 4.61332L15.4492 5.7662ZM17.6352 7.58161C17.7111 7.6577 17.7535 7.761 17.7529 7.86852L19.2529 7.87676C19.2557 7.36905 19.0555 6.88127 18.6968 6.52192L17.6352 7.58161ZM17.7529 7.86852C17.7524 7.97604 17.7088 8.07886 17.632 8.15412L18.682 9.22541C19.0446 8.87002 19.2501 8.38447 19.2529 7.87676L17.7529 7.86852ZM17.5721 8.22025L16.1271 10.0203L17.2969 10.9593L18.7419 9.15928L17.5721 8.22025ZM11.9703 7.60091C12.3196 9.93221 14.4771 11.5503 16.813 11.2329L16.611 9.74659C15.0881 9.95352 13.6815 8.89855 13.4537 7.37862L11.9703 7.60091Z",
+                        fill: "currentColor"
+                      })
+                    ], -1)
+                  ])),
+                  _: 1
+                }, 16)) : k("", !0)
+              ])) : k("", !0)
+            ]),
+            e.visibilityDetail.uploadedAt || e.visibilityDetail.uploadedBy || e.visibilityDetail.lastDownloadedAt || e.visibilityDetail.downloadCount ? (d(), p("div", $i, [
+              e.visibilityDetail.uploadedAt || e.visibilityDetail.uploadedBy ? (d(), p("div", Ei, [
+                e.visibilityDetail.uploadedBy ? (d(), p("div", Di, [
+                  h("span", null, O(e.messages?.uploadedByHeader || "Uploaded by"), 1),
+                  h("span", null, O(l(e.file)), 1)
+                ])) : k("", !0),
+                e.visibilityDetail.uploadedAt ? (d(), p("div", Ti, [
+                  h("span", null, O(e.messages?.uploadedAtHeader || "Uploaded at"), 1),
+                  h("span", null, O(H(Xo)(e.file.uploadedAt)), 1)
+                ])) : k("", !0)
+              ])) : k("", !0),
+              e.visibilityDetail.downloadCount || e.visibilityDetail.lastDownloadedAt ? (d(), p("div", xi, [
+                e.visibilityDetail.downloadCount ? (d(), p("div", Li, [
+                  h("span", null, O(e.messages?.downloadCountHeader || "Downloads:"), 1),
+                  h("span", null, O(e.file.downloadCount), 1)
+                ])) : k("", !0),
+                e.visibilityDetail.lastDownloadedAt ? (d(), p("div", Oi, [
+                  h("span", null, O(e.messages?.lastDownloadedAtHeader || "Last download:"), 1),
+                  h("span", null, O(H(Uo)(Number(e.file.lastDownloadedAt))), 1)
+                ])) : k("", !0)
+              ])) : k("", !0)
+            ])) : k("", !0)
+          ])
+        ]),
+        e.visibilityDetail.actions ? (d(), p("div", Mi, [
+          e.actionButtonsVisibility.archive ? (d(), j(he, be({ key: 0 }, e.archiveButtonProps, {
+            label: e.messages?.archiveAction || "Archive",
+            size: "small",
+            onClick: c[1] || (c[1] = (v) => i.value = !0)
+          }), {
+            iconLeft: G(() => c[10] || (c[10] = [
+              h("svg", {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                h("path", {
+                  d: "M4 19V6.2C4 5.0799 4 4.51984 4.21799 4.09202C4.40973 3.71569 4.71569 3.40973 5.09202 3.21799C5.51984 3 6.0799 3 7.2 3H16.8C17.9201 3 18.4802 3 18.908 3.21799C19.2843 3.40973 19.5903 3.71569 19.782 4.09202C20 4.51984 20 5.0799 20 6.2V17H6C4.89543 17 4 17.8954 4 19ZM4 19C4 20.1046 4.89543 21 6 21H20M9 7H15M9 11H15M19 17V21",
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2"
+                })
+              ], -1)
+            ])),
+            _: 1
+          }, 16, ["label"])) : k("", !0),
+          e.actionButtonsVisibility.delete ? (d(), j(he, be({ key: 1 }, e.deleteButtonProps, {
+            label: e.messages?.deleteAction || "Delete",
+            size: "small",
+            onClick: c[2] || (c[2] = (v) => a.value = !0)
+          }), {
+            iconLeft: G(() => c[11] || (c[11] = [
+              h("svg", {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                h("path", {
+                  d: "M4 6H20M16 6L15.7294 5.18807C15.4671 4.40125 15.3359 4.00784 15.0927 3.71698C14.8779 3.46013 14.6021 3.26132 14.2905 3.13878C13.9376 3 13.523 3 12.6936 3H11.3064C10.477 3 10.0624 3 9.70951 3.13878C9.39792 3.26132 9.12208 3.46013 8.90729 3.71698C8.66405 4.00784 8.53292 4.40125 8.27064 5.18807L8 6M18 6V16.2C18 17.8802 18 18.7202 17.673 19.362C17.3854 19.9265 16.9265 20.3854 16.362 20.673C15.7202 21 14.8802 21 13.2 21H10.8C9.11984 21 8.27976 21 7.63803 20.673C7.07354 20.3854 6.6146 19.9265 6.32698 19.362C6 18.7202 6 17.8802 6 16.2V6M14 10V17M10 10V17",
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2"
+                })
+              ], -1)
+            ])),
+            _: 1
+          }, 16, ["label"])) : k("", !0),
+          e.actionButtonsVisibility.download ? (d(), j(he, be({ key: 2 }, e.downloadButtonProps, {
+            label: e.messages?.downloadAction || "Download",
+            size: "small",
+            onClick: c[3] || (c[3] = (v) => r("download"))
+          }), {
+            iconLeft: G(() => c[12] || (c[12] = [
+              h("svg", {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                h("path", {
+                  d: "M12.5535 16.5061C12.4114 16.6615 12.2106 16.75 12 16.75C11.7894 16.75 11.5886 16.6615 11.4465 16.5061L7.44648 12.1311C7.16698 11.8254 7.18822 11.351 7.49392 11.0715C7.79963 10.792 8.27402 10.8132 8.55352 11.1189L11.25 14.0682V3C11.25 2.58579 11.5858 2.25 12 2.25C12.4142 2.25 12.75 2.58579 12.75 3V14.0682L15.4465 11.1189C15.726 10.8132 16.2004 10.792 16.5061 11.0715C16.8118 11.351 16.833 11.8254 16.5535 12.1311L12.5535 16.5061Z",
+                  fill: "currentColor"
+                }),
+                h("path", {
+                  d: "M3.75 15C3.75 14.5858 3.41422 14.25 3 14.25C2.58579 14.25 2.25 14.5858 2.25 15V15.0549C2.24998 16.4225 2.24996 17.5248 2.36652 18.3918C2.48754 19.2919 2.74643 20.0497 3.34835 20.6516C3.95027 21.2536 4.70814 21.5125 5.60825 21.6335C6.47522 21.75 7.57754 21.75 8.94513 21.75H15.0549C16.4225 21.75 17.5248 21.75 18.3918 21.6335C19.2919 21.5125 20.0497 21.2536 20.6517 20.6516C21.2536 20.0497 21.5125 19.2919 21.6335 18.3918C21.75 17.5248 21.75 16.4225 21.75 15.0549V15C21.75 14.5858 21.4142 14.25 21 14.25C20.5858 14.25 20.25 14.5858 20.25 15C20.25 16.4354 20.2484 17.4365 20.1469 18.1919C20.0482 18.9257 19.8678 19.3142 19.591 19.591C19.3142 19.8678 18.9257 20.0482 18.1919 20.1469C17.4365 20.2484 16.4354 20.25 15 20.25H9C7.56459 20.25 6.56347 20.2484 5.80812 20.1469C5.07435 20.0482 4.68577 19.8678 4.40901 19.591C4.13225 19.3142 3.9518 18.9257 3.85315 18.1919C3.75159 17.4365 3.75 16.4354 3.75 15Z",
+                  fill: "currentColor"
+                })
+              ], -1)
+            ])),
+            _: 1
+          }, 16, ["label"])) : k("", !0),
+          e.actionButtonsVisibility.share ? (d(), j(he, be({ key: 3 }, e.shareButtonProps, {
+            label: e.messages?.shareAction || "Share",
+            size: "small",
+            onClick: c[4] || (c[4] = (v) => r("share"))
+          }), {
+            iconLeft: G(() => c[13] || (c[13] = [
+              h("svg", {
+                fill: "none",
+                viewBox: "0 0 24 24",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                h("path", {
+                  "clip-rule": "evenodd",
+                  d: "M16.5 2.25C14.7051 2.25 13.25 3.70507 13.25 5.5C13.25 5.69591 13.2673 5.88776 13.3006 6.07412L8.56991 9.38558C8.54587 9.4024 8.52312 9.42038 8.50168 9.43939C7.94993 9.00747 7.25503 8.75 6.5 8.75C4.70507 8.75 3.25 10.2051 3.25 12C3.25 13.7949 4.70507 15.25 6.5 15.25C7.25503 15.25 7.94993 14.9925 8.50168 14.5606C8.52312 14.5796 8.54587 14.5976 8.56991 14.6144L13.3006 17.9259C13.2673 18.1122 13.25 18.3041 13.25 18.5C13.25 20.2949 14.7051 21.75 16.5 21.75C18.2949 21.75 19.75 20.2949 19.75 18.5C19.75 16.7051 18.2949 15.25 16.5 15.25C15.4472 15.25 14.5113 15.7506 13.9174 16.5267L9.43806 13.3911C9.63809 12.9694 9.75 12.4978 9.75 12C9.75 11.5022 9.63809 11.0306 9.43806 10.6089L13.9174 7.4733C14.5113 8.24942 15.4472 8.75 16.5 8.75C18.2949 8.75 19.75 7.29493 19.75 5.5C19.75 3.70507 18.2949 2.25 16.5 2.25ZM14.75 5.5C14.75 4.5335 15.5335 3.75 16.5 3.75C17.4665 3.75 18.25 4.5335 18.25 5.5C18.25 6.4665 17.4665 7.25 16.5 7.25C15.5335 7.25 14.75 6.4665 14.75 5.5ZM6.5 10.25C5.5335 10.25 4.75 11.0335 4.75 12C4.75 12.9665 5.5335 13.75 6.5 13.75C7.4665 13.75 8.25 12.9665 8.25 12C8.25 11.0335 7.4665 10.25 6.5 10.25ZM16.5 16.75C15.5335 16.75 14.75 17.5335 14.75 18.5C14.75 19.4665 15.5335 20.25 16.5 20.25C17.4665 20.25 18.25 19.4665 18.25 18.5C18.25 17.5335 17.4665 16.75 16.5 16.75Z",
+                  fill: "currentColor",
+                  "fill-rule": "evenodd"
+                })
+              ], -1)
+            ])),
+            _: 1
+          }, 16, ["label"])) : k("", !0),
+          e.actionButtonsVisibility.view ? (d(), j(he, be({ key: 4 }, e.viewButtonProps, {
+            label: e.messages?.viewAction || "View",
+            size: "small",
+            onClick: c[5] || (c[5] = (v) => r("view"))
+          }), {
+            iconLeft: G(() => c[14] || (c[14] = [
+              h("svg", {
+                viewBox: "0 0 24 24",
+                fill: "none",
+                xmlns: "http://www.w3.org/2000/svg"
+              }, [
+                h("path", {
+                  d: "M15.0007 12C15.0007 13.6569 13.6576 15 12.0007 15C10.3439 15 9.00073 13.6569 9.00073 12C9.00073 10.3431 10.3439 9 12.0007 9C13.6576 9 15.0007 10.3431 15.0007 12Z",
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2"
+                }),
+                h("path", {
+                  d: "M12.0012 5C7.52354 5 3.73326 7.94288 2.45898 12C3.73324 16.0571 7.52354 19 12.0012 19C16.4788 19 20.2691 16.0571 21.5434 12C20.2691 7.94291 16.4788 5 12.0012 5Z",
+                  stroke: "currentColor",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round",
+                  "stroke-width": "2"
+                })
+              ], -1)
+            ])),
+            _: 1
+          }, 16, ["label"])) : k("", !0),
+          le(mi, {
+            "archive-confirmation-header": e.messages?.archiveConfirmationHeader,
+            "archive-confirmation-message": e.messages?.archiveConfirmationMessage,
+            "delete-confirmation-header": e.messages?.deleteConfirmationHeader,
+            "delete-confirmation-message": e.messages?.deleteConfirmationMessage,
+            "show-archive-confirmation": i.value,
+            "show-delete-confirmation": a.value,
+            "onOn:closeArchive": c[6] || (c[6] = (v) => i.value = !1),
+            "onOn:closeDelete": c[7] || (c[7] = (v) => a.value = !1),
+            "onOn:confirmArchive": s,
+            "onOn:confirmDelete": u
+          }, null, 8, ["archive-confirmation-header", "archive-confirmation-message", "delete-confirmation-header", "delete-confirmation-message", "show-archive-confirmation", "show-delete-confirmation"])
+        ])) : k("", !0)
+      ]),
+      _: 3
+    }));
+  }
+}), Ii = { class: "file-list-wrapper" }, Pi = {
+  name: "FilesList"
+}, Y0 = /* @__PURE__ */ A({
+  ...Pi,
+  props: {
+    actionButtonsVisibility: {
+      default: () => ({
+        archive: !0,
+        delete: !0,
+        download: !0,
+        edit: !0,
+        share: !0,
+        view: !0
+      }),
+      type: Object
+    },
+    archiveButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    deleteButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    downloadButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    editDescriptionButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    files: {
+      required: !0,
+      type: Array
+    },
+    messages: {
+      default: () => {
+      },
+      type: Object
+    },
+    shareButtonProps: {
+      default: () => {
+      },
+      type: Object
+    },
+    showThumbnail: {
+      default: !0,
+      type: Boolean
+    },
+    viewButtonProps: {
+      default: void 0,
+      type: Object
+    },
+    fileDetailVisibility: {
+      default: () => ({
+        actions: !0,
+        description: !0,
+        downloadCount: !0,
+        lastDownloadedAt: !0,
+        originalFileName: !0,
+        size: !0,
+        uploadedAt: !0,
+        uploadedBy: !0
+      }),
+      type: Object
+    }
+  },
+  emits: [
+    "action:archive",
+    "action:delete",
+    "action:download",
+    "action:edit",
+    "action:share",
+    "action:view"
+  ],
+  setup(e, { emit: t }) {
+    const n = t, o = (i, a) => {
+      switch (i) {
+        case "archive":
+        case "delete":
+        case "download":
+        case "edit":
+        case "share":
+        case "view":
+          n(`action:${i}`, a);
+          break;
+      }
+    };
+    return (i, a) => (d(), p("div", Ii, [
+      (d(!0), p(q, null, se(e.files, (l) => (d(), j(Bi, {
+        key: l.originalFileName,
+        "action-buttons-visibility": e.actionButtonsVisibility,
+        "allow-edit-description": e.actionButtonsVisibility?.edit,
+        "archive-button-props": e.archiveButtonProps,
+        "delete-button-props": e.deleteButtonProps,
+        "download-button-props": e.downloadButtonProps,
+        "edit-description-button-props": e.editDescriptionButtonProps,
+        file: l,
+        messages: e.messages,
+        "share-button-props": e.shareButtonProps,
+        "show-thumbnail": e.showThumbnail,
+        "view-button-props": e.viewButtonProps,
+        "visibility-detail": e.fileDetailVisibility,
+        "onClick:editDescription": (r) => o("edit", l),
+        "onOn:archive": (r) => o("archive", l),
+        "onOn:delete": (r) => o("delete", l),
+        "onOn:download": (r) => o("download", l),
+        "onOn:share": (r) => o("share", l),
+        "onOn:view": (r) => o("view", l)
+      }, Hn({ _: 2 }, [
+        i.$slots.thumbnail ? {
+          name: "thumbnail",
+          fn: G(() => [
+            I(i.$slots, "thumbnail")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["action-buttons-visibility", "allow-edit-description", "archive-button-props", "delete-button-props", "download-button-props", "edit-description-button-props", "file", "messages", "share-button-props", "show-thumbnail", "view-button-props", "visibility-detail", "onClick:editDescription", "onOn:archive", "onOn:delete", "onOn:download", "onOn:share", "onOn:view"]))), 128))
+    ]));
+  }
+}), Ai = { class: "field debounce-input" }, Ni = ["aria-label", "disabled", "placeholder", "type", "value"], Fi = {
+  name: "DebouncedInput"
+}, U0 = /* @__PURE__ */ A({
+  ...Fi,
+  props: {
+    ariaLabel: {
+      default: "input",
+      type: String
+    },
+    debounceTime: {
+      default: 500,
+      required: !1,
+      type: Number
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    modelValue: {
+      default: "",
+      required: !1,
+      type: [String, Number]
+    },
+    placeholder: {
+      default: "Search...",
+      required: !1,
+      type: String
+    },
+    type: {
+      default: "text",
+      required: !1,
+      type: String
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, i = (a) => {
+      const l = a.target.value;
+      Qo(l, n.debounceTime).then(() => {
+        o("update:modelValue", l);
+      });
+    };
+    return (a, l) => (d(), p("div", Ai, [
+      h("input", {
+        "aria-label": e.ariaLabel ?? e.placeholder,
+        disabled: e.disabled,
+        placeholder: e.placeholder,
+        type: e.type,
+        value: e.modelValue,
+        class: "input-field",
+        onInput: i
+      }, null, 40, Ni)
+    ]));
+  }
+}), Vi = {
+  name: "GridContainer"
+}, ji = { class: "grid-container" };
+function zi(e, t, n, o, i, a) {
+  return d(), p("div", ji, [
+    I(e.$slots, "default")
+  ]);
+}
+const X0 = /* @__PURE__ */ et(Vi, [["render", zi]]), Ri = {
+  key: 0,
+  class: "loading-page"
+}, Hi = {
+  name: "LoadingPage"
+}, Zi = /* @__PURE__ */ A({
+  ...Hi,
+  props: {
+    loading: {
+      default: !1,
+      type: Boolean
+    }
+  },
+  setup(e) {
+    return (t, n) => e.loading ? (d(), p("div", Ri, [
+      le(wt, { class: "loading-icon" })
+    ])) : k("", !0);
+  }
+}), Gi = { class: "message-content" }, qi = { key: 1 }, Wi = {
+  name: "Message"
+}, K0 = /* @__PURE__ */ A({
+  ...Wi,
+  props: {
+    enableClose: {
+      default: !1,
+      type: Boolean
+    },
+    icon: {
+      default: null,
+      type: String
+    },
+    message: {
+      required: !0,
+      type: String || Array
+    },
+    severity: {
+      type: String,
+      default: "info",
+      validator: (e) => ["danger", "info", "success", "warning"].includes(e)
+    },
+    showIcon: {
+      default: !0,
+      type: Boolean
+    }
+  },
+  emits: ["close"],
+  setup(e, { emit: t }) {
+    const n = t, o = Se(), i = _(!0), a = () => {
+      i.value = !1, n("close");
+    };
+    return (l, r) => bt((d(), p("div", {
+      class: N(["message", e.severity])
+    }, [
+      e.icon || H(o).icon || e.showIcon ? (d(), p("span", {
+        key: 0,
+        class: N(["icon", { default: !e.icon && !H(o).icon && e.showIcon }])
+      }, [
+        (e.icon || H(o).icon) && e.showIcon ? I(l.$slots, "icon", { key: 0 }, () => [
+          h("i", {
+            class: N(e.icon)
+          }, null, 2)
+        ]) : k("", !0)
+      ], 2)) : k("", !0),
+      h("div", Gi, [
+        I(l.$slots, "default", {}, () => [
+          Array.isArray(e.message) ? e.message.length ? (d(), p("ul", qi, [
+            (d(!0), p(q, null, se(e.message, (s, u) => (d(), p("li", {
+              key: `message-${u}`
+            }, O(s), 1))), 128))
+          ])) : k("", !0) : (d(), p(q, { key: 0 }, [
+            Q(O(e.message), 1)
+          ], 64))
+        ])
+      ]),
+      e.enableClose ? (d(), p("span", {
+        key: 1,
+        class: "close-message",
+        onClick: r[0] || (r[0] = (s) => a())
+      })) : k("", !0)
+    ], 2)), [
+      [Ct, i.value]
+    ]);
+  }
+}), Yi = { class: "modal" }, Ui = { class: "overlay" }, Xi = { class: "header" }, Ki = {
+  key: 0,
+  role: "heading"
+}, Qi = {
+  key: 0,
+  class: "content"
+}, Ji = {
+  key: 1,
+  class: "footer"
+}, e2 = {
+  name: "Modal"
+}, Q0 = /* @__PURE__ */ A({
+  ...e2,
+  props: {
+    dismissOnClickOut: {
+      default: !0,
+      type: Boolean
+    },
+    show: {
+      default: !1,
+      type: Boolean
+    },
+    title: {
+      default: "",
+      type: String
+    }
+  },
+  emits: ["on:close"],
+  setup(e, { emit: t }) {
+    const n = _(), o = t, i = e, a = Se();
+    qt(n, (r) => {
+      i.dismissOnClickOut && l();
+    });
+    const l = () => {
+      o("on:close");
+    };
+    return (r, s) => bt((d(), p("div", Yi, [
+      h("div", Ui, [
+        h("div", {
+          ref_key: "dzangolabVueModal",
+          ref: n,
+          class: N(["dialog", { active: e.show }])
+        }, [
+          h("div", Xi, [
+            I(r.$slots, "header", {}, () => [
+              e.title ? (d(), p("span", Ki, O(e.title), 1)) : k("", !0)
+            ]),
+            (d(), p("svg", {
+              "aria-label": "close modal",
+              height: "1.5rem",
+              tabindex: "0",
+              width: "1.5rem",
+              viewBox: "0 0 16 16",
+              xmlns: "http://www.w3.org/2000/svg",
+              onClick: s[0] || (s[0] = (u) => l())
+            }, s[1] || (s[1] = [
+              h("path", {
+                fill: "currentColor",
+                d: "M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94z"
+              }, null, -1)
+            ])))
+          ]),
+          H(a).default ? (d(), p("div", Qi, [
+            I(r.$slots, "default")
+          ])) : k("", !0),
+          H(a).footer ? (d(), p("div", Ji, [
+            I(r.$slots, "footer")
+          ])) : k("", !0)
+        ], 2)
+      ])
+    ], 512)), [
+      [Ct, e.show]
+    ]);
+  }
+}), t2 = ["data-centered"], n2 = { class: "page-header" }, o2 = { class: "page-title-wrapper" }, i2 = { class: "title" }, a2 = {
+  key: 0,
+  class: "title-tag"
+}, l2 = { key: 0 }, r2 = { class: "page-toolbar" }, s2 = { class: "page-content" }, u2 = {
+  name: "Page"
+}, d2 = /* @__PURE__ */ A({
+  ...u2,
+  props: {
+    centered: Boolean,
+    loading: Boolean,
+    subTitle: {
+      default: void 0,
+      required: !1,
+      type: String
+    },
+    title: {
+      default: void 0,
+      required: !1,
+      type: String
+    },
+    titleElement: {
+      default: "h1",
+      type: String,
+      validator: (e) => ["h1", "h2", "h3", "h4", "h5", "h6"].includes(e)
+    },
+    titleTag: {
+      default: void 0,
+      type: String
+    }
+  },
+  setup(e) {
+    return (t, n) => (d(), p("div", {
+      class: "page",
+      "data-centered": e.centered
+    }, [
+      h("div", n2, [
+        h("div", o2, [
+          h("div", i2, [
+            e.title ? (d(), j(_e(e.titleElement), { key: 0 }, {
+              default: G(() => [
+                Q(O(e.title), 1)
+              ]),
+              _: 1
+            })) : k("", !0),
+            I(t.$slots, "titleTag", {}, () => [
+              e.titleTag ? (d(), p("span", a2, [
+                le(to, { label: e.titleTag }, null, 8, ["label"])
+              ])) : k("", !0)
+            ])
+          ]),
+          I(t.$slots, "subtitle", {}, () => [
+            e.subTitle ? (d(), p("small", l2, O(e.subTitle), 1)) : k("", !0)
+          ])
+        ]),
+        h("div", r2, [
+          I(t.$slots, "toolbar")
+        ])
+      ]),
+      h("div", s2, [
+        I(t.$slots, "default"),
+        le(Zi, { loading: e.loading }, null, 8, ["loading"])
+      ])
+    ], 8, t2));
+  }
+}), c2 = { class: "menu" }, f2 = ["onClick"], h2 = {
+  name: "ResponsiveMenu"
+}, J0 = /* @__PURE__ */ A({
+  ...h2,
+  props: {
+    routes: {
+      required: !0,
+      type: Array
+    },
+    activeRoute: {
+      default: "",
+      required: !1,
+      type: String
+    }
+  },
+  emits: ["change-route"],
+  setup(e) {
+    return (t, n) => {
+      const o = bn("router-link");
+      return d(), p("nav", c2, [
+        h("ul", null, [
+          (d(!0), p(q, null, se(e.routes, (i, a) => (d(), p("li", {
+            key: a,
+            class: N({ active: e.activeRoute === i.route }),
+            onClick: (l) => t.$emit("change-route", i.route)
+          }, [
+            le(o, {
+              to: { name: i.route }
+            }, {
+              default: G(() => [
+                Q(O(i.name), 1)
+              ]),
+              _: 2
+            }, 1032, ["to"])
+          ], 10, f2))), 128))
+        ])
+      ]);
+    };
+  }
+});
+/*!
+  * vue-draggable-next v2.2.0
+  * (c) 2023 Anish George
+  * @license MIT
+  */
+/**!
+ * Sortable 1.14.0
+ * @author	RubaXa   <trash@rubaxa.org>
+ * @author	owenm    <owen23355@gmail.com>
+ * @license MIT
+ */
+function on(e, t) {
+  var n = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    t && (o = o.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(e, i).enumerable;
+    })), n.push.apply(n, o);
+  }
+  return n;
+}
+function ge(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var n = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? on(Object(n), !0).forEach(function(o) {
+      p2(e, o, n[o]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : on(Object(n)).forEach(function(o) {
+      Object.defineProperty(e, o, Object.getOwnPropertyDescriptor(n, o));
+    });
+  }
+  return e;
+}
+function st(e) {
+  "@babel/helpers - typeof";
+  return typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? st = function(t) {
+    return typeof t;
+  } : st = function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, st(e);
+}
+function p2(e, t, n) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: n,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = n, e;
+}
+function we() {
+  return we = Object.assign || function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var o in n)
+        Object.prototype.hasOwnProperty.call(n, o) && (e[o] = n[o]);
+    }
+    return e;
+  }, we.apply(this, arguments);
+}
+function g2(e, t) {
+  if (e == null) return {};
+  var n = {}, o = Object.keys(e), i, a;
+  for (a = 0; a < o.length; a++)
+    i = o[a], !(t.indexOf(i) >= 0) && (n[i] = e[i]);
+  return n;
+}
+function m2(e, t) {
+  if (e == null) return {};
+  var n = g2(e, t), o, i;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(e);
+    for (i = 0; i < a.length; i++)
+      o = a[i], !(t.indexOf(o) >= 0) && Object.prototype.propertyIsEnumerable.call(e, o) && (n[o] = e[o]);
+  }
+  return n;
+}
+var v2 = "1.14.0";
+function ye(e) {
+  if (typeof window < "u" && window.navigator)
+    return !!/* @__PURE__ */ navigator.userAgent.match(e);
+}
+var ke = ye(/(?:Trident.*rv[ :]?11\.|msie|iemobile|Windows Phone)/i), tt = ye(/Edge/i), an = ye(/firefox/i), Ye = ye(/safari/i) && !ye(/chrome/i) && !ye(/android/i), kn = ye(/iP(ad|od|hone)/i), b2 = ye(/chrome/i) && ye(/android/i), $n = {
+  capture: !1,
+  passive: !1
+};
+function P(e, t, n) {
+  e.addEventListener(t, n, !ke && $n);
+}
+function B(e, t, n) {
+  e.removeEventListener(t, n, !ke && $n);
+}
+function ht(e, t) {
+  if (t) {
+    if (t[0] === ">" && (t = t.substring(1)), e)
+      try {
+        if (e.matches)
+          return e.matches(t);
+        if (e.msMatchesSelector)
+          return e.msMatchesSelector(t);
+        if (e.webkitMatchesSelector)
+          return e.webkitMatchesSelector(t);
+      } catch {
+        return !1;
+      }
+    return !1;
+  }
+}
+function C2(e) {
+  return e.host && e !== document && e.host.nodeType ? e.host : e.parentNode;
+}
+function fe(e, t, n, o) {
+  if (e) {
+    n = n || document;
+    do {
+      if (t != null && (t[0] === ">" ? e.parentNode === n && ht(e, t) : ht(e, t)) || o && e === n)
+        return e;
+      if (e === n) break;
+    } while (e = C2(e));
+  }
+  return null;
+}
+var ln = /\s+/g;
+function oe(e, t, n) {
+  if (e && t)
+    if (e.classList)
+      e.classList[n ? "add" : "remove"](t);
+    else {
+      var o = (" " + e.className + " ").replace(ln, " ").replace(" " + t + " ", " ");
+      e.className = (o + (n ? " " + t : "")).replace(ln, " ");
+    }
+}
+function T(e, t, n) {
+  var o = e && e.style;
+  if (o) {
+    if (n === void 0)
+      return document.defaultView && document.defaultView.getComputedStyle ? n = document.defaultView.getComputedStyle(e, "") : e.currentStyle && (n = e.currentStyle), t === void 0 ? n : n[t];
+    !(t in o) && t.indexOf("webkit") === -1 && (t = "-webkit-" + t), o[t] = n + (typeof n == "string" ? "" : "px");
+  }
+}
+function je(e, t) {
+  var n = "";
+  if (typeof e == "string")
+    n = e;
+  else
+    do {
+      var o = T(e, "transform");
+      o && o !== "none" && (n = o + " " + n);
+    } while (!t && (e = e.parentNode));
+  var i = window.DOMMatrix || window.WebKitCSSMatrix || window.CSSMatrix || window.MSCSSMatrix;
+  return i && new i(n);
+}
+function En(e, t, n) {
+  if (e) {
+    var o = e.getElementsByTagName(t), i = 0, a = o.length;
+    if (n)
+      for (; i < a; i++)
+        n(o[i], i);
+    return o;
+  }
+  return [];
+}
+function pe() {
+  var e = document.scrollingElement;
+  return e || document.documentElement;
+}
+function W(e, t, n, o, i) {
+  if (!(!e.getBoundingClientRect && e !== window)) {
+    var a, l, r, s, u, f, c;
+    if (e !== window && e.parentNode && e !== pe() ? (a = e.getBoundingClientRect(), l = a.top, r = a.left, s = a.bottom, u = a.right, f = a.height, c = a.width) : (l = 0, r = 0, s = window.innerHeight, u = window.innerWidth, f = window.innerHeight, c = window.innerWidth), (t || n) && e !== window && (i = i || e.parentNode, !ke))
+      do
+        if (i && i.getBoundingClientRect && (T(i, "transform") !== "none" || n && T(i, "position") !== "static")) {
+          var v = i.getBoundingClientRect();
+          l -= v.top + parseInt(T(i, "border-top-width")), r -= v.left + parseInt(T(i, "border-left-width")), s = l + a.height, u = r + a.width;
+          break;
+        }
+      while (i = i.parentNode);
+    if (o && e !== window) {
+      var $ = je(i || e), w = $ && $.a, M = $ && $.d;
+      $ && (l /= M, r /= w, c /= w, f /= M, s = l + f, u = r + c);
+    }
+    return {
+      top: l,
+      left: r,
+      bottom: s,
+      right: u,
+      width: c,
+      height: f
+    };
+  }
+}
+function rn(e, t, n) {
+  for (var o = xe(e, !0), i = W(e)[t]; o; ) {
+    var a = W(o)[n], l = void 0;
+    if (l = i >= a, !l) return o;
+    if (o === pe()) break;
+    o = xe(o, !1);
+  }
+  return !1;
+}
+function ze(e, t, n, o) {
+  for (var i = 0, a = 0, l = e.children; a < l.length; ) {
+    if (l[a].style.display !== "none" && l[a] !== x.ghost && (o || l[a] !== x.dragged) && fe(l[a], n.draggable, e, !1)) {
+      if (i === t)
+        return l[a];
+      i++;
+    }
+    a++;
+  }
+  return null;
+}
+function Yt(e, t) {
+  for (var n = e.lastElementChild; n && (n === x.ghost || T(n, "display") === "none" || t && !ht(n, t)); )
+    n = n.previousElementSibling;
+  return n || null;
+}
+function re(e, t) {
+  var n = 0;
+  if (!e || !e.parentNode)
+    return -1;
+  for (; e = e.previousElementSibling; )
+    e.nodeName.toUpperCase() !== "TEMPLATE" && e !== x.clone && (!t || ht(e, t)) && n++;
+  return n;
+}
+function sn(e) {
+  var t = 0, n = 0, o = pe();
+  if (e)
+    do {
+      var i = je(e), a = i.a, l = i.d;
+      t += e.scrollLeft * a, n += e.scrollTop * l;
+    } while (e !== o && (e = e.parentNode));
+  return [t, n];
+}
+function y2(e, t) {
+  for (var n in e)
+    if (e.hasOwnProperty(n)) {
+      for (var o in t)
+        if (t.hasOwnProperty(o) && t[o] === e[n][o]) return Number(n);
+    }
+  return -1;
+}
+function xe(e, t) {
+  if (!e || !e.getBoundingClientRect) return pe();
+  var n = e, o = !1;
+  do
+    if (n.clientWidth < n.scrollWidth || n.clientHeight < n.scrollHeight) {
+      var i = T(n);
+      if (n.clientWidth < n.scrollWidth && (i.overflowX == "auto" || i.overflowX == "scroll") || n.clientHeight < n.scrollHeight && (i.overflowY == "auto" || i.overflowY == "scroll")) {
+        if (!n.getBoundingClientRect || n === document.body) return pe();
+        if (o || t) return n;
+        o = !0;
+      }
+    }
+  while (n = n.parentNode);
+  return pe();
+}
+function w2(e, t) {
+  if (e && t)
+    for (var n in t)
+      t.hasOwnProperty(n) && (e[n] = t[n]);
+  return e;
+}
+function Tt(e, t) {
+  return Math.round(e.top) === Math.round(t.top) && Math.round(e.left) === Math.round(t.left) && Math.round(e.height) === Math.round(t.height) && Math.round(e.width) === Math.round(t.width);
+}
+var Ue;
+function Dn(e, t) {
+  return function() {
+    if (!Ue) {
+      var n = arguments, o = this;
+      n.length === 1 ? e.call(o, n[0]) : e.apply(o, n), Ue = setTimeout(function() {
+        Ue = void 0;
+      }, t);
+    }
+  };
+}
+function S2() {
+  clearTimeout(Ue), Ue = void 0;
+}
+function Tn(e, t, n) {
+  e.scrollLeft += t, e.scrollTop += n;
+}
+function xn(e) {
+  var t = window.Polymer, n = window.jQuery || window.Zepto;
+  return t && t.dom ? t.dom(e).cloneNode(!0) : n ? n(e).clone(!0)[0] : e.cloneNode(!0);
+}
+var ae = "Sortable" + (/* @__PURE__ */ new Date()).getTime();
+function k2() {
+  var e = [], t;
+  return {
+    captureAnimationState: function() {
+      if (e = [], !!this.options.animation) {
+        var o = [].slice.call(this.el.children);
+        o.forEach(function(i) {
+          if (!(T(i, "display") === "none" || i === x.ghost)) {
+            e.push({
+              target: i,
+              rect: W(i)
+            });
+            var a = ge({}, e[e.length - 1].rect);
+            if (i.thisAnimationDuration) {
+              var l = je(i, !0);
+              l && (a.top -= l.f, a.left -= l.e);
+            }
+            i.fromRect = a;
+          }
+        });
+      }
+    },
+    addAnimationState: function(o) {
+      e.push(o);
+    },
+    removeAnimationState: function(o) {
+      e.splice(y2(e, {
+        target: o
+      }), 1);
+    },
+    animateAll: function(o) {
+      var i = this;
+      if (!this.options.animation) {
+        clearTimeout(t), typeof o == "function" && o();
+        return;
+      }
+      var a = !1, l = 0;
+      e.forEach(function(r) {
+        var s = 0, u = r.target, f = u.fromRect, c = W(u), v = u.prevFromRect, $ = u.prevToRect, w = r.rect, M = je(u, !0);
+        M && (c.top -= M.f, c.left -= M.e), u.toRect = c, u.thisAnimationDuration && Tt(v, c) && !Tt(f, c) && // Make sure animatingRect is on line between toRect & fromRect
+        (w.top - c.top) / (w.left - c.left) === (f.top - c.top) / (f.left - c.left) && (s = E2(w, v, $, i.options)), Tt(c, f) || (u.prevFromRect = f, u.prevToRect = c, s || (s = i.options.animation), i.animate(u, w, c, s)), s && (a = !0, l = Math.max(l, s), clearTimeout(u.animationResetTimer), u.animationResetTimer = setTimeout(function() {
+          u.animationTime = 0, u.prevFromRect = null, u.fromRect = null, u.prevToRect = null, u.thisAnimationDuration = null;
+        }, s), u.thisAnimationDuration = s);
+      }), clearTimeout(t), a ? t = setTimeout(function() {
+        typeof o == "function" && o();
+      }, l) : typeof o == "function" && o(), e = [];
+    },
+    animate: function(o, i, a, l) {
+      if (l) {
+        T(o, "transition", ""), T(o, "transform", "");
+        var r = je(this.el), s = r && r.a, u = r && r.d, f = (i.left - a.left) / (s || 1), c = (i.top - a.top) / (u || 1);
+        o.animatingX = !!f, o.animatingY = !!c, T(o, "transform", "translate3d(" + f + "px," + c + "px,0)"), this.forRepaintDummy = $2(o), T(o, "transition", "transform " + l + "ms" + (this.options.easing ? " " + this.options.easing : "")), T(o, "transform", "translate3d(0,0,0)"), typeof o.animated == "number" && clearTimeout(o.animated), o.animated = setTimeout(function() {
+          T(o, "transition", ""), T(o, "transform", ""), o.animated = !1, o.animatingX = !1, o.animatingY = !1;
+        }, l);
+      }
+    }
+  };
+}
+function $2(e) {
+  return e.offsetWidth;
+}
+function E2(e, t, n, o) {
+  return Math.sqrt(Math.pow(t.top - e.top, 2) + Math.pow(t.left - e.left, 2)) / Math.sqrt(Math.pow(t.top - n.top, 2) + Math.pow(t.left - n.left, 2)) * o.animation;
+}
+var Ie = [], xt = {
+  initializeByDefault: !0
+}, nt = {
+  mount: function(t) {
+    for (var n in xt)
+      xt.hasOwnProperty(n) && !(n in t) && (t[n] = xt[n]);
+    Ie.forEach(function(o) {
+      if (o.pluginName === t.pluginName)
+        throw "Sortable: Cannot mount plugin ".concat(t.pluginName, " more than once");
+    }), Ie.push(t);
+  },
+  pluginEvent: function(t, n, o) {
+    var i = this;
+    this.eventCanceled = !1, o.cancel = function() {
+      i.eventCanceled = !0;
+    };
+    var a = t + "Global";
+    Ie.forEach(function(l) {
+      n[l.pluginName] && (n[l.pluginName][a] && n[l.pluginName][a](ge({
+        sortable: n
+      }, o)), n.options[l.pluginName] && n[l.pluginName][t] && n[l.pluginName][t](ge({
+        sortable: n
+      }, o)));
+    });
+  },
+  initializePlugins: function(t, n, o, i) {
+    Ie.forEach(function(r) {
+      var s = r.pluginName;
+      if (!(!t.options[s] && !r.initializeByDefault)) {
+        var u = new r(t, n, t.options);
+        u.sortable = t, u.options = t.options, t[s] = u, we(o, u.defaults);
+      }
+    });
+    for (var a in t.options)
+      if (t.options.hasOwnProperty(a)) {
+        var l = this.modifyOption(t, a, t.options[a]);
+        typeof l < "u" && (t.options[a] = l);
+      }
+  },
+  getEventProperties: function(t, n) {
+    var o = {};
+    return Ie.forEach(function(i) {
+      typeof i.eventProperties == "function" && we(o, i.eventProperties.call(n[i.pluginName], t));
+    }), o;
+  },
+  modifyOption: function(t, n, o) {
+    var i;
+    return Ie.forEach(function(a) {
+      t[a.pluginName] && a.optionListeners && typeof a.optionListeners[n] == "function" && (i = a.optionListeners[n].call(t[a.pluginName], o));
+    }), i;
+  }
+};
+function D2(e) {
+  var t = e.sortable, n = e.rootEl, o = e.name, i = e.targetEl, a = e.cloneEl, l = e.toEl, r = e.fromEl, s = e.oldIndex, u = e.newIndex, f = e.oldDraggableIndex, c = e.newDraggableIndex, v = e.originalEvent, $ = e.putSortable, w = e.extraEventProperties;
+  if (t = t || n && n[ae], !!t) {
+    var M, E = t.options, D = "on" + o.charAt(0).toUpperCase() + o.substr(1);
+    window.CustomEvent && !ke && !tt ? M = new CustomEvent(o, {
+      bubbles: !0,
+      cancelable: !0
+    }) : (M = document.createEvent("Event"), M.initEvent(o, !0, !0)), M.to = l || n, M.from = r || n, M.item = i || n, M.clone = a, M.oldIndex = s, M.newIndex = u, M.oldDraggableIndex = f, M.newDraggableIndex = c, M.originalEvent = v, M.pullMode = $ ? $.lastPutMode : void 0;
+    var b = ge(ge({}, w), nt.getEventProperties(o, t));
+    for (var C in b)
+      M[C] = b[C];
+    n && n.dispatchEvent(M), E[D] && E[D].call(t, M);
+  }
+}
+var T2 = ["evt"], te = function(t, n) {
+  var o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, i = o.evt, a = m2(o, T2);
+  nt.pluginEvent.bind(x)(t, n, ge({
+    dragEl: m,
+    parentEl: z,
+    ghostEl: L,
+    rootEl: V,
+    nextEl: Me,
+    lastDownEl: ut,
+    cloneEl: R,
+    cloneHidden: Te,
+    dragStarted: Ge,
+    putSortable: X,
+    activeSortable: x.active,
+    originalEvent: i,
+    oldIndex: Fe,
+    oldDraggableIndex: Xe,
+    newIndex: ie,
+    newDraggableIndex: Ee,
+    hideGhostForTarget: _n,
+    unhideGhostForTarget: Bn,
+    cloneNowHidden: function() {
+      Te = !0;
+    },
+    cloneNowShown: function() {
+      Te = !1;
+    },
+    dispatchSortableEvent: function(r) {
+      ee({
+        sortable: n,
+        name: r,
+        originalEvent: i
+      });
+    }
+  }, a));
+};
+function ee(e) {
+  D2(ge({
+    putSortable: X,
+    cloneEl: R,
+    targetEl: m,
+    rootEl: V,
+    oldIndex: Fe,
+    oldDraggableIndex: Xe,
+    newIndex: ie,
+    newDraggableIndex: Ee
+  }, e));
+}
+var m, z, L, V, Me, ut, R, Te, Fe, ie, Xe, Ee, it, X, Ae = !1, pt = !1, gt = [], Le, de, Lt, Ot, un, dn, Ge, Pe, Ke, Qe = !1, at = !1, dt, K, Mt = [], Vt = !1, mt = [], kt = typeof document < "u", lt = kn, cn = tt || ke ? "cssFloat" : "float", x2 = kt && !b2 && !kn && "draggable" in document.createElement("div"), Ln = function() {
+  if (kt) {
+    if (ke)
+      return !1;
+    var e = document.createElement("x");
+    return e.style.cssText = "pointer-events:auto", e.style.pointerEvents === "auto";
+  }
+}(), On = function(t, n) {
+  var o = T(t), i = parseInt(o.width) - parseInt(o.paddingLeft) - parseInt(o.paddingRight) - parseInt(o.borderLeftWidth) - parseInt(o.borderRightWidth), a = ze(t, 0, n), l = ze(t, 1, n), r = a && T(a), s = l && T(l), u = r && parseInt(r.marginLeft) + parseInt(r.marginRight) + W(a).width, f = s && parseInt(s.marginLeft) + parseInt(s.marginRight) + W(l).width;
+  if (o.display === "flex")
+    return o.flexDirection === "column" || o.flexDirection === "column-reverse" ? "vertical" : "horizontal";
+  if (o.display === "grid")
+    return o.gridTemplateColumns.split(" ").length <= 1 ? "vertical" : "horizontal";
+  if (a && r.float && r.float !== "none") {
+    var c = r.float === "left" ? "left" : "right";
+    return l && (s.clear === "both" || s.clear === c) ? "vertical" : "horizontal";
+  }
+  return a && (r.display === "block" || r.display === "flex" || r.display === "table" || r.display === "grid" || u >= i && o[cn] === "none" || l && o[cn] === "none" && u + f > i) ? "vertical" : "horizontal";
+}, L2 = function(t, n, o) {
+  var i = o ? t.left : t.top, a = o ? t.right : t.bottom, l = o ? t.width : t.height, r = o ? n.left : n.top, s = o ? n.right : n.bottom, u = o ? n.width : n.height;
+  return i === r || a === s || i + l / 2 === r + u / 2;
+}, O2 = function(t, n) {
+  var o;
+  return gt.some(function(i) {
+    var a = i[ae].options.emptyInsertThreshold;
+    if (!(!a || Yt(i))) {
+      var l = W(i), r = t >= l.left - a && t <= l.right + a, s = n >= l.top - a && n <= l.bottom + a;
+      if (r && s)
+        return o = i;
+    }
+  }), o;
+}, Mn = function(t) {
+  function n(a, l) {
+    return function(r, s, u, f) {
+      var c = r.options.group.name && s.options.group.name && r.options.group.name === s.options.group.name;
+      if (a == null && (l || c))
+        return !0;
+      if (a == null || a === !1)
+        return !1;
+      if (l && a === "clone")
+        return a;
+      if (typeof a == "function")
+        return n(a(r, s, u, f), l)(r, s, u, f);
+      var v = (l ? r : s).options.group.name;
+      return a === !0 || typeof a == "string" && a === v || a.join && a.indexOf(v) > -1;
+    };
+  }
+  var o = {}, i = t.group;
+  (!i || st(i) != "object") && (i = {
+    name: i
+  }), o.name = i.name, o.checkPull = n(i.pull, !0), o.checkPut = n(i.put), o.revertClone = i.revertClone, t.group = o;
+}, _n = function() {
+  !Ln && L && T(L, "display", "none");
+}, Bn = function() {
+  !Ln && L && T(L, "display", "");
+};
+kt && document.addEventListener("click", function(e) {
+  if (pt)
+    return e.preventDefault(), e.stopPropagation && e.stopPropagation(), e.stopImmediatePropagation && e.stopImmediatePropagation(), pt = !1, !1;
+}, !0);
+var Oe = function(t) {
+  if (m) {
+    t = t.touches ? t.touches[0] : t;
+    var n = O2(t.clientX, t.clientY);
+    if (n) {
+      var o = {};
+      for (var i in t)
+        t.hasOwnProperty(i) && (o[i] = t[i]);
+      o.target = o.rootEl = n, o.preventDefault = void 0, o.stopPropagation = void 0, n[ae]._onDragOver(o);
+    }
+  }
+}, M2 = function(t) {
+  m && m.parentNode[ae]._isOutsideThisEl(t.target);
+};
+function x(e, t) {
+  if (!(e && e.nodeType && e.nodeType === 1))
+    throw "Sortable: `el` must be an HTMLElement, not ".concat({}.toString.call(e));
+  this.el = e, this.options = t = we({}, t), e[ae] = this;
+  var n = {
+    group: null,
+    sort: !0,
+    disabled: !1,
+    store: null,
+    handle: null,
+    draggable: /^[uo]l$/i.test(e.nodeName) ? ">li" : ">*",
+    swapThreshold: 1,
+    // percentage; 0 <= x <= 1
+    invertSwap: !1,
+    // invert always
+    invertedSwapThreshold: null,
+    // will be set to same as swapThreshold if default
+    removeCloneOnHide: !0,
+    direction: function() {
+      return On(e, this.options);
+    },
+    ghostClass: "sortable-ghost",
+    chosenClass: "sortable-chosen",
+    dragClass: "sortable-drag",
+    ignore: "a, img",
+    filter: null,
+    preventOnFilter: !0,
+    animation: 0,
+    easing: null,
+    setData: function(l, r) {
+      l.setData("Text", r.textContent);
+    },
+    dropBubble: !1,
+    dragoverBubble: !1,
+    dataIdAttr: "data-id",
+    delay: 0,
+    delayOnTouchOnly: !1,
+    touchStartThreshold: (Number.parseInt ? Number : window).parseInt(window.devicePixelRatio, 10) || 1,
+    forceFallback: !1,
+    fallbackClass: "sortable-fallback",
+    fallbackOnBody: !1,
+    fallbackTolerance: 0,
+    fallbackOffset: {
+      x: 0,
+      y: 0
+    },
+    supportPointer: x.supportPointer !== !1 && "PointerEvent" in window && !Ye,
+    emptyInsertThreshold: 5
+  };
+  nt.initializePlugins(this, e, n);
+  for (var o in n)
+    !(o in t) && (t[o] = n[o]);
+  Mn(t);
+  for (var i in this)
+    i.charAt(0) === "_" && typeof this[i] == "function" && (this[i] = this[i].bind(this));
+  this.nativeDraggable = t.forceFallback ? !1 : x2, this.nativeDraggable && (this.options.touchStartThreshold = 1), t.supportPointer ? P(e, "pointerdown", this._onTapStart) : (P(e, "mousedown", this._onTapStart), P(e, "touchstart", this._onTapStart)), this.nativeDraggable && (P(e, "dragover", this), P(e, "dragenter", this)), gt.push(this.el), t.store && t.store.get && this.sort(t.store.get(this) || []), we(this, k2());
+}
+x.prototype = /** @lends Sortable.prototype */
+{
+  constructor: x,
+  _isOutsideThisEl: function(t) {
+    !this.el.contains(t) && t !== this.el && (Pe = null);
+  },
+  _getDirection: function(t, n) {
+    return typeof this.options.direction == "function" ? this.options.direction.call(this, t, n, m) : this.options.direction;
+  },
+  _onTapStart: function(t) {
+    if (t.cancelable) {
+      var n = this, o = this.el, i = this.options, a = i.preventOnFilter, l = t.type, r = t.touches && t.touches[0] || t.pointerType && t.pointerType === "touch" && t, s = (r || t).target, u = t.target.shadowRoot && (t.path && t.path[0] || t.composedPath && t.composedPath()[0]) || s, f = i.filter;
+      if (V2(o), !m && !(/mousedown|pointerdown/.test(l) && t.button !== 0 || i.disabled) && !u.isContentEditable && !(!this.nativeDraggable && Ye && s && s.tagName.toUpperCase() === "SELECT") && (s = fe(s, i.draggable, o, !1), !(s && s.animated) && ut !== s)) {
+        if (Fe = re(s), Xe = re(s, i.draggable), typeof f == "function") {
+          if (f.call(this, t, s, this)) {
+            ee({
+              sortable: n,
+              rootEl: u,
+              name: "filter",
+              targetEl: s,
+              toEl: o,
+              fromEl: o
+            }), te("filter", n, {
+              evt: t
+            }), a && t.cancelable && t.preventDefault();
+            return;
+          }
+        } else if (f && (f = f.split(",").some(function(c) {
+          if (c = fe(u, c.trim(), o, !1), c)
+            return ee({
+              sortable: n,
+              rootEl: c,
+              name: "filter",
+              targetEl: s,
+              fromEl: o,
+              toEl: o
+            }), te("filter", n, {
+              evt: t
+            }), !0;
+        }), f)) {
+          a && t.cancelable && t.preventDefault();
+          return;
+        }
+        i.handle && !fe(u, i.handle, o, !1) || this._prepareDragStart(t, r, s);
+      }
+    }
+  },
+  _prepareDragStart: function(t, n, o) {
+    var i = this, a = i.el, l = i.options, r = a.ownerDocument, s;
+    if (o && !m && o.parentNode === a) {
+      var u = W(o);
+      if (V = a, m = o, z = m.parentNode, Me = m.nextSibling, ut = o, it = l.group, x.dragged = m, Le = {
+        target: m,
+        clientX: (n || t).clientX,
+        clientY: (n || t).clientY
+      }, un = Le.clientX - u.left, dn = Le.clientY - u.top, this._lastX = (n || t).clientX, this._lastY = (n || t).clientY, m.style["will-change"] = "all", s = function() {
+        if (te("delayEnded", i, {
+          evt: t
+        }), x.eventCanceled) {
+          i._onDrop();
+          return;
+        }
+        i._disableDelayedDragEvents(), !an && i.nativeDraggable && (m.draggable = !0), i._triggerDragStart(t, n), ee({
+          sortable: i,
+          name: "choose",
+          originalEvent: t
+        }), oe(m, l.chosenClass, !0);
+      }, l.ignore.split(",").forEach(function(f) {
+        En(m, f.trim(), _t);
+      }), P(r, "dragover", Oe), P(r, "mousemove", Oe), P(r, "touchmove", Oe), P(r, "mouseup", i._onDrop), P(r, "touchend", i._onDrop), P(r, "touchcancel", i._onDrop), an && this.nativeDraggable && (this.options.touchStartThreshold = 4, m.draggable = !0), te("delayStart", this, {
+        evt: t
+      }), l.delay && (!l.delayOnTouchOnly || n) && (!this.nativeDraggable || !(tt || ke))) {
+        if (x.eventCanceled) {
+          this._onDrop();
+          return;
+        }
+        P(r, "mouseup", i._disableDelayedDrag), P(r, "touchend", i._disableDelayedDrag), P(r, "touchcancel", i._disableDelayedDrag), P(r, "mousemove", i._delayedDragTouchMoveHandler), P(r, "touchmove", i._delayedDragTouchMoveHandler), l.supportPointer && P(r, "pointermove", i._delayedDragTouchMoveHandler), i._dragStartTimer = setTimeout(s, l.delay);
+      } else
+        s();
+    }
+  },
+  _delayedDragTouchMoveHandler: function(t) {
+    var n = t.touches ? t.touches[0] : t;
+    Math.max(Math.abs(n.clientX - this._lastX), Math.abs(n.clientY - this._lastY)) >= Math.floor(this.options.touchStartThreshold / (this.nativeDraggable && window.devicePixelRatio || 1)) && this._disableDelayedDrag();
+  },
+  _disableDelayedDrag: function() {
+    m && _t(m), clearTimeout(this._dragStartTimer), this._disableDelayedDragEvents();
+  },
+  _disableDelayedDragEvents: function() {
+    var t = this.el.ownerDocument;
+    B(t, "mouseup", this._disableDelayedDrag), B(t, "touchend", this._disableDelayedDrag), B(t, "touchcancel", this._disableDelayedDrag), B(t, "mousemove", this._delayedDragTouchMoveHandler), B(t, "touchmove", this._delayedDragTouchMoveHandler), B(t, "pointermove", this._delayedDragTouchMoveHandler);
+  },
+  _triggerDragStart: function(t, n) {
+    n = n || t.pointerType == "touch" && t, !this.nativeDraggable || n ? this.options.supportPointer ? P(document, "pointermove", this._onTouchMove) : n ? P(document, "touchmove", this._onTouchMove) : P(document, "mousemove", this._onTouchMove) : (P(m, "dragend", this), P(V, "dragstart", this._onDragStart));
+    try {
+      document.selection ? ct(function() {
+        document.selection.empty();
+      }) : window.getSelection().removeAllRanges();
+    } catch {
+    }
+  },
+  _dragStarted: function(t, n) {
+    if (Ae = !1, V && m) {
+      te("dragStarted", this, {
+        evt: n
+      }), this.nativeDraggable && P(document, "dragover", M2);
+      var o = this.options;
+      !t && oe(m, o.dragClass, !1), oe(m, o.ghostClass, !0), x.active = this, t && this._appendGhost(), ee({
+        sortable: this,
+        name: "start",
+        originalEvent: n
+      });
+    } else
+      this._nulling();
+  },
+  _emulateDragOver: function() {
+    if (de) {
+      this._lastX = de.clientX, this._lastY = de.clientY, _n();
+      for (var t = document.elementFromPoint(de.clientX, de.clientY), n = t; t && t.shadowRoot && (t = t.shadowRoot.elementFromPoint(de.clientX, de.clientY), t !== n); )
+        n = t;
+      if (m.parentNode[ae]._isOutsideThisEl(t), n)
+        do {
+          if (n[ae]) {
+            var o = void 0;
+            if (o = n[ae]._onDragOver({
+              clientX: de.clientX,
+              clientY: de.clientY,
+              target: t,
+              rootEl: n
+            }), o && !this.options.dragoverBubble)
+              break;
+          }
+          t = n;
+        } while (n = n.parentNode);
+      Bn();
+    }
+  },
+  _onTouchMove: function(t) {
+    if (Le) {
+      var n = this.options, o = n.fallbackTolerance, i = n.fallbackOffset, a = t.touches ? t.touches[0] : t, l = L && je(L, !0), r = L && l && l.a, s = L && l && l.d, u = lt && K && sn(K), f = (a.clientX - Le.clientX + i.x) / (r || 1) + (u ? u[0] - Mt[0] : 0) / (r || 1), c = (a.clientY - Le.clientY + i.y) / (s || 1) + (u ? u[1] - Mt[1] : 0) / (s || 1);
+      if (!x.active && !Ae) {
+        if (o && Math.max(Math.abs(a.clientX - this._lastX), Math.abs(a.clientY - this._lastY)) < o)
+          return;
+        this._onDragStart(t, !0);
+      }
+      if (L) {
+        l ? (l.e += f - (Lt || 0), l.f += c - (Ot || 0)) : l = {
+          a: 1,
+          b: 0,
+          c: 0,
+          d: 1,
+          e: f,
+          f: c
+        };
+        var v = "matrix(".concat(l.a, ",").concat(l.b, ",").concat(l.c, ",").concat(l.d, ",").concat(l.e, ",").concat(l.f, ")");
+        T(L, "webkitTransform", v), T(L, "mozTransform", v), T(L, "msTransform", v), T(L, "transform", v), Lt = f, Ot = c, de = a;
+      }
+      t.cancelable && t.preventDefault();
+    }
+  },
+  _appendGhost: function() {
+    if (!L) {
+      var t = this.options.fallbackOnBody ? document.body : V, n = W(m, !0, lt, !0, t), o = this.options;
+      if (lt) {
+        for (K = t; T(K, "position") === "static" && T(K, "transform") === "none" && K !== document; )
+          K = K.parentNode;
+        K !== document.body && K !== document.documentElement ? (K === document && (K = pe()), n.top += K.scrollTop, n.left += K.scrollLeft) : K = pe(), Mt = sn(K);
+      }
+      L = m.cloneNode(!0), oe(L, o.ghostClass, !1), oe(L, o.fallbackClass, !0), oe(L, o.dragClass, !0), T(L, "transition", ""), T(L, "transform", ""), T(L, "box-sizing", "border-box"), T(L, "margin", 0), T(L, "top", n.top), T(L, "left", n.left), T(L, "width", n.width), T(L, "height", n.height), T(L, "opacity", "0.8"), T(L, "position", lt ? "absolute" : "fixed"), T(L, "zIndex", "100000"), T(L, "pointerEvents", "none"), x.ghost = L, t.appendChild(L), T(L, "transform-origin", un / parseInt(L.style.width) * 100 + "% " + dn / parseInt(L.style.height) * 100 + "%");
+    }
+  },
+  _onDragStart: function(t, n) {
+    var o = this, i = t.dataTransfer, a = o.options;
+    if (te("dragStart", this, {
+      evt: t
+    }), x.eventCanceled) {
+      this._onDrop();
+      return;
+    }
+    te("setupClone", this), x.eventCanceled || (R = xn(m), R.draggable = !1, R.style["will-change"] = "", this._hideClone(), oe(R, this.options.chosenClass, !1), x.clone = R), o.cloneId = ct(function() {
+      te("clone", o), !x.eventCanceled && (o.options.removeCloneOnHide || V.insertBefore(R, m), o._hideClone(), ee({
+        sortable: o,
+        name: "clone"
+      }));
+    }), !n && oe(m, a.dragClass, !0), n ? (pt = !0, o._loopId = setInterval(o._emulateDragOver, 50)) : (B(document, "mouseup", o._onDrop), B(document, "touchend", o._onDrop), B(document, "touchcancel", o._onDrop), i && (i.effectAllowed = "move", a.setData && a.setData.call(o, i, m)), P(document, "drop", o), T(m, "transform", "translateZ(0)")), Ae = !0, o._dragStartId = ct(o._dragStarted.bind(o, n, t)), P(document, "selectstart", o), Ge = !0, Ye && T(document.body, "user-select", "none");
+  },
+  // Returns true - if no further action is needed (either inserted or another condition)
+  _onDragOver: function(t) {
+    var n = this.el, o = t.target, i, a, l, r = this.options, s = r.group, u = x.active, f = it === s, c = r.sort, v = X || u, $, w = this, M = !1;
+    if (Vt) return;
+    function E(He, Nn) {
+      te(He, w, ge({
+        evt: t,
+        isOwner: f,
+        axis: $ ? "vertical" : "horizontal",
+        revert: l,
+        dragRect: i,
+        targetRect: a,
+        canSort: c,
+        fromSortable: v,
+        target: o,
+        completed: b,
+        onMove: function(Kt, Fn) {
+          return rt(V, n, m, i, Kt, W(Kt), t, Fn);
+        },
+        changed: C
+      }, Nn));
+    }
+    function D() {
+      E("dragOverAnimationCapture"), w.captureAnimationState(), w !== v && v.captureAnimationState();
+    }
+    function b(He) {
+      return E("dragOverCompleted", {
+        insertion: He
+      }), He && (f ? u._hideClone() : u._showClone(w), w !== v && (oe(m, X ? X.options.ghostClass : u.options.ghostClass, !1), oe(m, r.ghostClass, !0)), X !== w && w !== x.active ? X = w : w === x.active && X && (X = null), v === w && (w._ignoreWhileAnimating = o), w.animateAll(function() {
+        E("dragOverAnimationComplete"), w._ignoreWhileAnimating = null;
+      }), w !== v && (v.animateAll(), v._ignoreWhileAnimating = null)), (o === m && !m.animated || o === n && !o.animated) && (Pe = null), !r.dragoverBubble && !t.rootEl && o !== document && (m.parentNode[ae]._isOutsideThisEl(t.target), !He && Oe(t)), !r.dragoverBubble && t.stopPropagation && t.stopPropagation(), M = !0;
+    }
+    function C() {
+      ie = re(m), Ee = re(m, r.draggable), ee({
+        sortable: w,
+        name: "change",
+        toEl: n,
+        newIndex: ie,
+        newDraggableIndex: Ee,
+        originalEvent: t
+      });
+    }
+    if (t.preventDefault !== void 0 && t.cancelable && t.preventDefault(), o = fe(o, r.draggable, n, !0), E("dragOver"), x.eventCanceled) return M;
+    if (m.contains(t.target) || o.animated && o.animatingX && o.animatingY || w._ignoreWhileAnimating === o)
+      return b(!1);
+    if (pt = !1, u && !r.disabled && (f ? c || (l = z !== V) : X === this || (this.lastPutMode = it.checkPull(this, u, m, t)) && s.checkPut(this, u, m, t))) {
+      if ($ = this._getDirection(t, o) === "vertical", i = W(m), E("dragOverValid"), x.eventCanceled) return M;
+      if (l)
+        return z = V, D(), this._hideClone(), E("revert"), x.eventCanceled || (Me ? V.insertBefore(m, Me) : V.appendChild(m)), b(!0);
+      var g = Yt(n, r.draggable);
+      if (!g || P2(t, $, this) && !g.animated) {
+        if (g === m)
+          return b(!1);
+        if (g && n === t.target && (o = g), o && (a = W(o)), rt(V, n, m, i, o, a, t, !!o) !== !1)
+          return D(), n.appendChild(m), z = n, C(), b(!0);
+      } else if (g && I2(t, $, this)) {
+        var S = ze(n, 0, r, !0);
+        if (S === m)
+          return b(!1);
+        if (o = S, a = W(o), rt(V, n, m, i, o, a, t, !1) !== !1)
+          return D(), n.insertBefore(m, S), z = n, C(), b(!0);
+      } else if (o.parentNode === n) {
+        a = W(o);
+        var y = 0, F, J = m.parentNode !== n, U = !L2(m.animated && m.toRect || i, o.animated && o.toRect || a, $), ce = $ ? "top" : "left", ne = rn(o, "top", "top") || rn(m, "top", "top"), me = ne ? ne.scrollTop : void 0;
+        Pe !== o && (F = a[ce], Qe = !1, at = !U && r.invertSwap || J), y = A2(t, o, a, $, U ? 1 : r.swapThreshold, r.invertedSwapThreshold == null ? r.swapThreshold : r.invertedSwapThreshold, at, Pe === o);
+        var ue;
+        if (y !== 0) {
+          var ve = re(m);
+          do
+            ve -= y, ue = z.children[ve];
+          while (ue && (T(ue, "display") === "none" || ue === L));
+        }
+        if (y === 0 || ue === o)
+          return b(!1);
+        Pe = o, Ke = y;
+        var Re = o.nextElementSibling, $e = !1;
+        $e = y === 1;
+        var ot = rt(V, n, m, i, o, a, t, $e);
+        if (ot !== !1)
+          return (ot === 1 || ot === -1) && ($e = ot === 1), Vt = !0, setTimeout(B2, 30), D(), $e && !Re ? n.appendChild(m) : o.parentNode.insertBefore(m, $e ? Re : o), ne && Tn(ne, 0, me - ne.scrollTop), z = m.parentNode, F !== void 0 && !at && (dt = Math.abs(F - W(o)[ce])), C(), b(!0);
+      }
+      if (n.contains(m))
+        return b(!1);
+    }
+    return !1;
+  },
+  _ignoreWhileAnimating: null,
+  _offMoveEvents: function() {
+    B(document, "mousemove", this._onTouchMove), B(document, "touchmove", this._onTouchMove), B(document, "pointermove", this._onTouchMove), B(document, "dragover", Oe), B(document, "mousemove", Oe), B(document, "touchmove", Oe);
+  },
+  _offUpEvents: function() {
+    var t = this.el.ownerDocument;
+    B(t, "mouseup", this._onDrop), B(t, "touchend", this._onDrop), B(t, "pointerup", this._onDrop), B(t, "touchcancel", this._onDrop), B(document, "selectstart", this);
+  },
+  _onDrop: function(t) {
+    var n = this.el, o = this.options;
+    if (ie = re(m), Ee = re(m, o.draggable), te("drop", this, {
+      evt: t
+    }), z = m && m.parentNode, ie = re(m), Ee = re(m, o.draggable), x.eventCanceled) {
+      this._nulling();
+      return;
+    }
+    Ae = !1, at = !1, Qe = !1, clearInterval(this._loopId), clearTimeout(this._dragStartTimer), jt(this.cloneId), jt(this._dragStartId), this.nativeDraggable && (B(document, "drop", this), B(n, "dragstart", this._onDragStart)), this._offMoveEvents(), this._offUpEvents(), Ye && T(document.body, "user-select", ""), T(m, "transform", ""), t && (Ge && (t.cancelable && t.preventDefault(), !o.dropBubble && t.stopPropagation()), L && L.parentNode && L.parentNode.removeChild(L), (V === z || X && X.lastPutMode !== "clone") && R && R.parentNode && R.parentNode.removeChild(R), m && (this.nativeDraggable && B(m, "dragend", this), _t(m), m.style["will-change"] = "", Ge && !Ae && oe(m, X ? X.options.ghostClass : this.options.ghostClass, !1), oe(m, this.options.chosenClass, !1), ee({
+      sortable: this,
+      name: "unchoose",
+      toEl: z,
+      newIndex: null,
+      newDraggableIndex: null,
+      originalEvent: t
+    }), V !== z ? (ie >= 0 && (ee({
+      rootEl: z,
+      name: "add",
+      toEl: z,
+      fromEl: V,
+      originalEvent: t
+    }), ee({
+      sortable: this,
+      name: "remove",
+      toEl: z,
+      originalEvent: t
+    }), ee({
+      rootEl: z,
+      name: "sort",
+      toEl: z,
+      fromEl: V,
+      originalEvent: t
+    }), ee({
+      sortable: this,
+      name: "sort",
+      toEl: z,
+      originalEvent: t
+    })), X && X.save()) : ie !== Fe && ie >= 0 && (ee({
+      sortable: this,
+      name: "update",
+      toEl: z,
+      originalEvent: t
+    }), ee({
+      sortable: this,
+      name: "sort",
+      toEl: z,
+      originalEvent: t
+    })), x.active && ((ie == null || ie === -1) && (ie = Fe, Ee = Xe), ee({
+      sortable: this,
+      name: "end",
+      toEl: z,
+      originalEvent: t
+    }), this.save()))), this._nulling();
+  },
+  _nulling: function() {
+    te("nulling", this), V = m = z = L = Me = R = ut = Te = Le = de = Ge = ie = Ee = Fe = Xe = Pe = Ke = X = it = x.dragged = x.ghost = x.clone = x.active = null, mt.forEach(function(t) {
+      t.checked = !0;
+    }), mt.length = Lt = Ot = 0;
+  },
+  handleEvent: function(t) {
+    switch (t.type) {
+      case "drop":
+      case "dragend":
+        this._onDrop(t);
+        break;
+      case "dragenter":
+      case "dragover":
+        m && (this._onDragOver(t), _2(t));
+        break;
+      case "selectstart":
+        t.preventDefault();
+        break;
+    }
+  },
+  /**
+   * Serializes the item into an array of string.
+   * @returns {String[]}
+   */
+  toArray: function() {
+    for (var t = [], n, o = this.el.children, i = 0, a = o.length, l = this.options; i < a; i++)
+      n = o[i], fe(n, l.draggable, this.el, !1) && t.push(n.getAttribute(l.dataIdAttr) || F2(n));
+    return t;
+  },
+  /**
+   * Sorts the elements according to the array.
+   * @param  {String[]}  order  order of the items
+   */
+  sort: function(t, n) {
+    var o = {}, i = this.el;
+    this.toArray().forEach(function(a, l) {
+      var r = i.children[l];
+      fe(r, this.options.draggable, i, !1) && (o[a] = r);
+    }, this), n && this.captureAnimationState(), t.forEach(function(a) {
+      o[a] && (i.removeChild(o[a]), i.appendChild(o[a]));
+    }), n && this.animateAll();
+  },
+  /**
+   * Save the current sorting
+   */
+  save: function() {
+    var t = this.options.store;
+    t && t.set && t.set(this);
+  },
+  /**
+   * For each element in the set, get the first element that matches the selector by testing the element itself and traversing up through its ancestors in the DOM tree.
+   * @param   {HTMLElement}  el
+   * @param   {String}       [selector]  default: `options.draggable`
+   * @returns {HTMLElement|null}
+   */
+  closest: function(t, n) {
+    return fe(t, n || this.options.draggable, this.el, !1);
+  },
+  /**
+   * Set/get option
+   * @param   {string} name
+   * @param   {*}      [value]
+   * @returns {*}
+   */
+  option: function(t, n) {
+    var o = this.options;
+    if (n === void 0)
+      return o[t];
+    var i = nt.modifyOption(this, t, n);
+    typeof i < "u" ? o[t] = i : o[t] = n, t === "group" && Mn(o);
+  },
+  /**
+   * Destroy
+   */
+  destroy: function() {
+    te("destroy", this);
+    var t = this.el;
+    t[ae] = null, B(t, "mousedown", this._onTapStart), B(t, "touchstart", this._onTapStart), B(t, "pointerdown", this._onTapStart), this.nativeDraggable && (B(t, "dragover", this), B(t, "dragenter", this)), Array.prototype.forEach.call(t.querySelectorAll("[draggable]"), function(n) {
+      n.removeAttribute("draggable");
+    }), this._onDrop(), this._disableDelayedDragEvents(), gt.splice(gt.indexOf(this.el), 1), this.el = t = null;
+  },
+  _hideClone: function() {
+    if (!Te) {
+      if (te("hideClone", this), x.eventCanceled) return;
+      T(R, "display", "none"), this.options.removeCloneOnHide && R.parentNode && R.parentNode.removeChild(R), Te = !0;
+    }
+  },
+  _showClone: function(t) {
+    if (t.lastPutMode !== "clone") {
+      this._hideClone();
+      return;
+    }
+    if (Te) {
+      if (te("showClone", this), x.eventCanceled) return;
+      m.parentNode == V && !this.options.group.revertClone ? V.insertBefore(R, m) : Me ? V.insertBefore(R, Me) : V.appendChild(R), this.options.group.revertClone && this.animate(m, R), T(R, "display", ""), Te = !1;
+    }
+  }
+};
+function _2(e) {
+  e.dataTransfer && (e.dataTransfer.dropEffect = "move"), e.cancelable && e.preventDefault();
+}
+function rt(e, t, n, o, i, a, l, r) {
+  var s, u = e[ae], f = u.options.onMove, c;
+  return window.CustomEvent && !ke && !tt ? s = new CustomEvent("move", {
+    bubbles: !0,
+    cancelable: !0
+  }) : (s = document.createEvent("Event"), s.initEvent("move", !0, !0)), s.to = t, s.from = e, s.dragged = n, s.draggedRect = o, s.related = i || t, s.relatedRect = a || W(t), s.willInsertAfter = r, s.originalEvent = l, e.dispatchEvent(s), f && (c = f.call(u, s, l)), c;
+}
+function _t(e) {
+  e.draggable = !1;
+}
+function B2() {
+  Vt = !1;
+}
+function I2(e, t, n) {
+  var o = W(ze(n.el, 0, n.options, !0)), i = 10;
+  return t ? e.clientX < o.left - i || e.clientY < o.top && e.clientX < o.right : e.clientY < o.top - i || e.clientY < o.bottom && e.clientX < o.left;
+}
+function P2(e, t, n) {
+  var o = W(Yt(n.el, n.options.draggable)), i = 10;
+  return t ? e.clientX > o.right + i || e.clientX <= o.right && e.clientY > o.bottom && e.clientX >= o.left : e.clientX > o.right && e.clientY > o.top || e.clientX <= o.right && e.clientY > o.bottom + i;
+}
+function A2(e, t, n, o, i, a, l, r) {
+  var s = o ? e.clientY : e.clientX, u = o ? n.height : n.width, f = o ? n.top : n.left, c = o ? n.bottom : n.right, v = !1;
+  if (!l) {
+    if (r && dt < u * i) {
+      if (!Qe && (Ke === 1 ? s > f + u * a / 2 : s < c - u * a / 2) && (Qe = !0), Qe)
+        v = !0;
+      else if (Ke === 1 ? s < f + dt : s > c - dt)
+        return -Ke;
+    } else if (s > f + u * (1 - i) / 2 && s < c - u * (1 - i) / 2)
+      return N2(t);
+  }
+  return v = v || l, v && (s < f + u * a / 2 || s > c - u * a / 2) ? s > f + u / 2 ? 1 : -1 : 0;
+}
+function N2(e) {
+  return re(m) < re(e) ? 1 : -1;
+}
+function F2(e) {
+  for (var t = e.tagName + e.className + e.src + e.href + e.textContent, n = t.length, o = 0; n--; )
+    o += t.charCodeAt(n);
+  return o.toString(36);
+}
+function V2(e) {
+  mt.length = 0;
+  for (var t = e.getElementsByTagName("input"), n = t.length; n--; ) {
+    var o = t[n];
+    o.checked && mt.push(o);
+  }
+}
+function ct(e) {
+  return setTimeout(e, 0);
+}
+function jt(e) {
+  return clearTimeout(e);
+}
+kt && P(document, "touchmove", function(e) {
+  (x.active || Ae) && e.cancelable && e.preventDefault();
+});
+x.utils = {
+  on: P,
+  off: B,
+  css: T,
+  find: En,
+  is: function(t, n) {
+    return !!fe(t, n, t, !1);
+  },
+  extend: w2,
+  throttle: Dn,
+  closest: fe,
+  toggleClass: oe,
+  clone: xn,
+  index: re,
+  nextTick: ct,
+  cancelNextTick: jt,
+  detectDirection: On,
+  getChild: ze
+};
+x.get = function(e) {
+  return e[ae];
+};
+x.mount = function() {
+  for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
+    t[n] = arguments[n];
+  t[0].constructor === Array && (t = t[0]), t.forEach(function(o) {
+    if (!o.prototype || !o.prototype.constructor)
+      throw "Sortable: Mounted plugin must be a constructor function, not ".concat({}.toString.call(o));
+    o.utils && (x.utils = ge(ge({}, x.utils), o.utils)), nt.mount(o);
+  });
+};
+x.create = function(e, t) {
+  return new x(e, t);
+};
+x.version = v2;
+var Z = [], qe, zt, Rt = !1, Bt, It, vt, We;
+function j2() {
+  function e() {
+    this.defaults = {
+      scroll: !0,
+      forceAutoScrollFallback: !1,
+      scrollSensitivity: 30,
+      scrollSpeed: 10,
+      bubbleScroll: !0
+    };
+    for (var t in this)
+      t.charAt(0) === "_" && typeof this[t] == "function" && (this[t] = this[t].bind(this));
+  }
+  return e.prototype = {
+    dragStarted: function(n) {
+      var o = n.originalEvent;
+      this.sortable.nativeDraggable ? P(document, "dragover", this._handleAutoScroll) : this.options.supportPointer ? P(document, "pointermove", this._handleFallbackAutoScroll) : o.touches ? P(document, "touchmove", this._handleFallbackAutoScroll) : P(document, "mousemove", this._handleFallbackAutoScroll);
+    },
+    dragOverCompleted: function(n) {
+      var o = n.originalEvent;
+      !this.options.dragOverBubble && !o.rootEl && this._handleAutoScroll(o);
+    },
+    drop: function() {
+      this.sortable.nativeDraggable ? B(document, "dragover", this._handleAutoScroll) : (B(document, "pointermove", this._handleFallbackAutoScroll), B(document, "touchmove", this._handleFallbackAutoScroll), B(document, "mousemove", this._handleFallbackAutoScroll)), fn(), ft(), S2();
+    },
+    nulling: function() {
+      vt = zt = qe = Rt = We = Bt = It = null, Z.length = 0;
+    },
+    _handleFallbackAutoScroll: function(n) {
+      this._handleAutoScroll(n, !0);
+    },
+    _handleAutoScroll: function(n, o) {
+      var i = this, a = (n.touches ? n.touches[0] : n).clientX, l = (n.touches ? n.touches[0] : n).clientY, r = document.elementFromPoint(a, l);
+      if (vt = n, o || this.options.forceAutoScrollFallback || tt || ke || Ye) {
+        Pt(n, this.options, r, o);
+        var s = xe(r, !0);
+        Rt && (!We || a !== Bt || l !== It) && (We && fn(), We = setInterval(function() {
+          var u = xe(document.elementFromPoint(a, l), !0);
+          u !== s && (s = u, ft()), Pt(n, i.options, u, o);
+        }, 10), Bt = a, It = l);
+      } else {
+        if (!this.options.bubbleScroll || xe(r, !0) === pe()) {
+          ft();
+          return;
+        }
+        Pt(n, this.options, xe(r, !1), !1);
+      }
+    }
+  }, we(e, {
+    pluginName: "scroll",
+    initializeByDefault: !0
+  });
+}
+function ft() {
+  Z.forEach(function(e) {
+    clearInterval(e.pid);
+  }), Z = [];
+}
+function fn() {
+  clearInterval(We);
+}
+var Pt = Dn(function(e, t, n, o) {
+  if (t.scroll) {
+    var i = (e.touches ? e.touches[0] : e).clientX, a = (e.touches ? e.touches[0] : e).clientY, l = t.scrollSensitivity, r = t.scrollSpeed, s = pe(), u = !1, f;
+    zt !== n && (zt = n, ft(), qe = t.scroll, f = t.scrollFn, qe === !0 && (qe = xe(n, !0)));
+    var c = 0, v = qe;
+    do {
+      var $ = v, w = W($), M = w.top, E = w.bottom, D = w.left, b = w.right, C = w.width, g = w.height, S = void 0, y = void 0, F = $.scrollWidth, J = $.scrollHeight, U = T($), ce = $.scrollLeft, ne = $.scrollTop;
+      $ === s ? (S = C < F && (U.overflowX === "auto" || U.overflowX === "scroll" || U.overflowX === "visible"), y = g < J && (U.overflowY === "auto" || U.overflowY === "scroll" || U.overflowY === "visible")) : (S = C < F && (U.overflowX === "auto" || U.overflowX === "scroll"), y = g < J && (U.overflowY === "auto" || U.overflowY === "scroll"));
+      var me = S && (Math.abs(b - i) <= l && ce + C < F) - (Math.abs(D - i) <= l && !!ce), ue = y && (Math.abs(E - a) <= l && ne + g < J) - (Math.abs(M - a) <= l && !!ne);
+      if (!Z[c])
+        for (var ve = 0; ve <= c; ve++)
+          Z[ve] || (Z[ve] = {});
+      (Z[c].vx != me || Z[c].vy != ue || Z[c].el !== $) && (Z[c].el = $, Z[c].vx = me, Z[c].vy = ue, clearInterval(Z[c].pid), (me != 0 || ue != 0) && (u = !0, Z[c].pid = setInterval(function() {
+        o && this.layer === 0 && x.active._onTouchMove(vt);
+        var Re = Z[this.layer].vy ? Z[this.layer].vy * r : 0, $e = Z[this.layer].vx ? Z[this.layer].vx * r : 0;
+        typeof f == "function" && f.call(x.dragged.parentNode[ae], $e, Re, e, vt, Z[this.layer].el) !== "continue" || Tn(Z[this.layer].el, $e, Re);
+      }.bind({
+        layer: c
+      }), 24))), c++;
+    } while (t.bubbleScroll && v !== s && (v = xe(v, !1)));
+    Rt = u;
+  }
+}, 30), In = function(t) {
+  var n = t.originalEvent, o = t.putSortable, i = t.dragEl, a = t.activeSortable, l = t.dispatchSortableEvent, r = t.hideGhostForTarget, s = t.unhideGhostForTarget;
+  if (n) {
+    var u = o || a;
+    r();
+    var f = n.changedTouches && n.changedTouches.length ? n.changedTouches[0] : n, c = document.elementFromPoint(f.clientX, f.clientY);
+    s(), u && !u.el.contains(c) && (l("spill"), this.onSpill({
+      dragEl: i,
+      putSortable: o
+    }));
+  }
+};
+function Ut() {
+}
+Ut.prototype = {
+  startIndex: null,
+  dragStart: function(t) {
+    var n = t.oldDraggableIndex;
+    this.startIndex = n;
+  },
+  onSpill: function(t) {
+    var n = t.dragEl, o = t.putSortable;
+    this.sortable.captureAnimationState(), o && o.captureAnimationState();
+    var i = ze(this.sortable.el, this.startIndex, this.options);
+    i ? this.sortable.el.insertBefore(n, i) : this.sortable.el.appendChild(n), this.sortable.animateAll(), o && o.animateAll();
+  },
+  drop: In
+};
+we(Ut, {
+  pluginName: "revertOnSpill"
+});
+function Xt() {
+}
+Xt.prototype = {
+  onSpill: function(t) {
+    var n = t.dragEl, o = t.putSortable, i = o || this.sortable;
+    i.captureAnimationState(), n.parentNode && n.parentNode.removeChild(n), i.animateAll();
+  },
+  drop: In
+};
+we(Xt, {
+  pluginName: "removeOnSpill"
+});
+x.mount(new j2());
+x.mount(Xt, Ut);
+function z2() {
+  return typeof window < "u" ? window.console : global.console;
+}
+const R2 = z2();
+function H2(e) {
+  const t = /* @__PURE__ */ Object.create(null);
+  return function(o) {
+    return t[o] || (t[o] = e(o));
+  };
+}
+const Z2 = /-(\w)/g, hn = H2((e) => e.replace(Z2, (t, n) => n ? n.toUpperCase() : ""));
+function At(e) {
+  e.parentElement !== null && e.parentElement.removeChild(e);
+}
+function pn(e, t, n) {
+  const o = n === 0 ? e.children[0] : e.children[n - 1].nextSibling;
+  e.insertBefore(t, o);
+}
+function G2(e, t) {
+  return Object.values(e).indexOf(t);
+}
+function q2(e, t, n, o) {
+  if (!e)
+    return [];
+  const i = Object.values(e), a = t.length - o;
+  return [...t].map((r, s) => s >= a ? i.length : i.indexOf(r));
+}
+function Pn(e, t) {
+  this.$nextTick(() => this.$emit(e.toLowerCase(), t));
+}
+function W2(e) {
+  return (t) => {
+    this.realList !== null && this["onDrag" + e](t), Pn.call(this, e, t);
+  };
+}
+function Y2(e) {
+  return ["transition-group", "TransitionGroup"].includes(e);
+}
+function U2(e) {
+  if (!e || e.length !== 1)
+    return !1;
+  const [{ type: t }] = e;
+  return t ? Y2(t.name) : !1;
+}
+function X2(e, t) {
+  return t ? { ...t.props, ...t.attrs } : e;
+}
+const Ht = ["Start", "Add", "Remove", "Update", "End"], Zt = ["Choose", "Unchoose", "Sort", "Filter", "Clone"], K2 = ["Move", ...Ht, ...Zt].map((e) => "on" + e);
+let Nt = null;
+const Q2 = {
+  options: Object,
+  list: {
+    type: Array,
+    required: !1,
+    default: null
+  },
+  noTransitionOnDrag: {
+    type: Boolean,
+    default: !1
+  },
+  clone: {
+    type: Function,
+    default: (e) => e
+  },
+  tag: {
+    type: String,
+    default: "div"
+  },
+  move: {
+    type: Function,
+    default: null
+  },
+  componentData: {
+    type: Object,
+    required: !1,
+    default: null
+  },
+  component: {
+    type: String,
+    default: null
+  },
+  modelValue: {
+    type: Array,
+    required: !1,
+    default: null
+  }
+}, J2 = A({
+  name: "VueDraggableNext",
+  inheritAttrs: !1,
+  emits: [
+    "update:modelValue",
+    "move",
+    "change",
+    ...Ht.map((e) => e.toLowerCase()),
+    ...Zt.map((e) => e.toLowerCase())
+  ],
+  props: Q2,
+  data() {
+    return {
+      transitionMode: !1,
+      noneFunctionalComponentMode: !1,
+      headerOffset: 0,
+      footerOffset: 0,
+      _sortable: {},
+      visibleIndexes: [],
+      context: {}
+    };
+  },
+  render() {
+    const e = this.$slots.default ? this.$slots.default() : null, t = X2(this.$attrs, this.componentData);
+    return e ? (this.transitionMode = U2(e), Qt(this.getTag(), t, e)) : Qt(this.getTag(), t, []);
+  },
+  created() {
+    this.list !== null && this.modelValue !== null && R2.error("list props are mutually exclusive! Please set one.");
+  },
+  mounted() {
+    const e = {};
+    Ht.forEach((i) => {
+      e["on" + i] = W2.call(this, i);
+    }), Zt.forEach((i) => {
+      e["on" + i] = Pn.bind(this, i);
+    });
+    const t = Object.keys(this.$attrs).reduce((i, a) => (i[hn(a)] = this.$attrs[a], i), {}), n = Object.assign({}, t, e, {
+      onMove: (i, a) => this.onDragMove(i, a)
+    });
+    !("draggable" in n) && (n.draggable = ">*");
+    const o = this.$el.nodeType === 1 ? this.$el : this.$el.parentElement;
+    this._sortable = new x(o, n), o.__draggable_component__ = this, this.computeIndexes();
+  },
+  beforeUnmount() {
+    try {
+      this._sortable !== void 0 && this._sortable.destroy();
+    } catch {
+    }
+  },
+  computed: {
+    realList() {
+      return this.list ? this.list : this.modelValue;
+    }
+  },
+  watch: {
+    $attrs: {
+      handler(e) {
+        this.updateOptions(e);
+      },
+      deep: !0
+    },
+    realList() {
+      this.computeIndexes();
+    }
+  },
+  methods: {
+    getTag() {
+      return this.component ? bn(this.component) : this.tag;
+    },
+    updateOptions(e) {
+      for (var t in e) {
+        const n = hn(t);
+        K2.indexOf(n) === -1 && this._sortable.option(n, e[t]);
+      }
+    },
+    getChildrenNodes() {
+      return this.$el.children;
+    },
+    computeIndexes() {
+      this.$nextTick(() => {
+        this.visibleIndexes = q2(this.getChildrenNodes(), this.$el.children, this.transitionMode, this.footerOffset);
+      });
+    },
+    getUnderlyingVm(e) {
+      const t = G2(this.getChildrenNodes() || [], e);
+      if (t === -1)
+        return null;
+      const n = this.realList[t];
+      return { index: t, element: n };
+    },
+    emitChanges(e) {
+      this.$nextTick(() => {
+        this.$emit("change", e);
+      });
+    },
+    alterList(e) {
+      if (this.list) {
+        e(this.list);
+        return;
+      }
+      const t = [...this.modelValue];
+      e(t), this.$emit("update:modelValue", t);
+    },
+    spliceList() {
+      const e = (t) => t.splice(...arguments);
+      this.alterList(e);
+    },
+    updatePosition(e, t) {
+      const n = (o) => o.splice(t, 0, o.splice(e, 1)[0]);
+      this.alterList(n);
+    },
+    getVmIndex(e) {
+      const t = this.visibleIndexes, n = t.length;
+      return e > n - 1 ? n : t[e];
+    },
+    getComponent() {
+      return this.$slots.default ? (
+        //@ts-ignore
+        this.$slots.default()[0].componentInstance
+      ) : null;
+    },
+    resetTransitionData(e) {
+      if (!this.noTransitionOnDrag || !this.transitionMode)
+        return;
+      var t = this.getChildrenNodes();
+      t[e].data = null;
+      const n = this.getComponent();
+      n.children = [], n.kept = void 0;
+    },
+    onDragStart(e) {
+      this.computeIndexes(), this.context = this.getUnderlyingVm(e.item), this.context && (e.item._underlying_vm_ = this.clone(this.context.element), Nt = e.item);
+    },
+    onDragAdd(e) {
+      const t = e.item._underlying_vm_;
+      if (t === void 0)
+        return;
+      At(e.item);
+      const n = this.getVmIndex(e.newIndex);
+      this.spliceList(n, 0, t), this.computeIndexes();
+      const o = { element: t, newIndex: n };
+      this.emitChanges({ added: o });
+    },
+    onDragRemove(e) {
+      if (pn(this.$el, e.item, e.oldIndex), e.pullMode === "clone") {
+        At(e.clone);
+        return;
+      }
+      if (!this.context)
+        return;
+      const t = this.context.index;
+      this.spliceList(t, 1);
+      const n = { element: this.context.element, oldIndex: t };
+      this.resetTransitionData(t), this.emitChanges({ removed: n });
+    },
+    onDragUpdate(e) {
+      At(e.item), pn(e.from, e.item, e.oldIndex);
+      const t = this.context.index, n = this.getVmIndex(e.newIndex);
+      this.updatePosition(t, n);
+      const o = { element: this.context.element, oldIndex: t, newIndex: n };
+      this.emitChanges({ moved: o });
+    },
+    updateProperty(e, t) {
+      e.hasOwnProperty(t) && (e[t] += this.headerOffset);
+    },
+    onDragMove(e, t) {
+      const n = this.move;
+      if (!n || !this.realList)
+        return !0;
+      const o = this.getRelatedContextFromMoveEvent(e), i = this.context, a = this.computeFutureIndex(o, e);
+      Object.assign(i, { futureIndex: a });
+      const l = Object.assign({}, e, {
+        relatedContext: o,
+        draggedContext: i
+      });
+      return n(l, t);
+    },
+    onDragEnd() {
+      this.computeIndexes(), Nt = null;
+    },
+    getTrargetedComponent(e) {
+      return e.__draggable_component__;
+    },
+    getRelatedContextFromMoveEvent({ to: e, related: t }) {
+      const n = this.getTrargetedComponent(e);
+      if (!n)
+        return { component: n };
+      const o = n.realList, i = { list: o, component: n };
+      if (e !== t && o && n.getUnderlyingVm) {
+        const a = n.getUnderlyingVm(t);
+        if (a)
+          return Object.assign(a, i);
+      }
+      return i;
+    },
+    computeFutureIndex(e, t) {
+      const n = [...t.to.children].filter((l) => l.style.display !== "none");
+      if (n.length === 0)
+        return 0;
+      const o = n.indexOf(t.related), i = e.component.getVmIndex(o);
+      return n.indexOf(Nt) !== -1 || !t.willInsertAfter ? i : i + 1;
+    }
+  }
+}), e0 = { class: "flex m-10" }, t0 = { class: "sortable-list" }, n0 = {
+  name: "SortableList"
+}, ea = /* @__PURE__ */ A({
+  ...n0,
+  props: {
+    list: {
+      required: !0,
+      type: Array
+    }
+  },
+  emits: ["onDrag"],
+  setup(e, { emit: t }) {
+    const n = t, o = (i) => {
+      n("onDrag", i);
+    };
+    return (i, a) => (d(), p("div", e0, [
+      h("ul", t0, [
+        le(H(J2), {
+          list: e.list,
+          onChange: a[0] || (a[0] = (l) => o(e.list))
+        }, {
+          default: G(() => [
+            (d(!0), p(q, null, se(e.list, (l) => (d(), p("li", {
+              key: l.id
+            }, [
+              a[1] || (a[1] = h("span", { class: "grab-icon" }, [
+                h("svg", {
+                  "aria-label": "sort list item",
+                  xmlns: "http://www.w3.org/2000/svg",
+                  width: "1em",
+                  height: "1em",
+                  viewBox: "0 0 48 48"
+                }, [
+                  h("g", {
+                    "fill-rule": "evenodd",
+                    "clip-rule": "evenodd"
+                  }, [
+                    h("path", { d: "M19 10C19 12.2091 17.2091 14 15 14C12.7909 14 11 12.2091 11 10C11 7.79086 12.7909 6 15 6C17.2091 6 19 7.79086 19 10ZM15 28C17.2091 28 19 26.2091 19 24C19 21.7909 17.2091 20 15 20C12.7909 20 11 21.7909 11 24C11 26.2091 12.7909 28 15 28ZM15 42C17.2091 42 19 40.2091 19 38C19 35.7909 17.2091 34 15 34C12.7909 34 11 35.7909 11 38C11 40.2091 12.7909 42 15 42Z" }),
+                    h("path", { d: "M37 10C37 12.2091 35.2091 14 33 14C30.7909 14 29 12.2091 29 10C29 7.79086 30.7909 6 33 6C35.2091 6 37 7.79086 37 10ZM33 28C35.2091 28 37 26.2091 37 24C37 21.7909 35.2091 20 33 20C30.7909 20 29 21.7909 29 24C29 26.2091 30.7909 28 33 28ZM33 42C35.2091 42 37 40.2091 37 38C37 35.7909 35.2091 34 33 34C30.7909 34 29 35.7909 29 38C29 40.2091 30.7909 42 33 42Z" })
+                  ])
+                ])
+              ], -1)),
+              h("div", null, [
+                l.render ? (d(), j(_e(l.render(l.data)), { key: 0 })) : (d(), p(q, { key: 1 }, [
+                  Q(O(l.data), 1)
+                ], 64))
+              ])
+            ]))), 128))
+          ]),
+          _: 1
+        }, 8, ["list"])
+      ])
+    ]));
+  }
+}), o0 = ["disabled"], i0 = ["src", "alt"], a0 = {
+  name: "SSOButton"
+}, An = /* @__PURE__ */ A({
+  ...a0,
+  props: {
+    alignCenter: Boolean,
+    alternativeText: {
+      default: void 0,
+      type: String
+    },
+    borderType: {
+      default: "rectangular",
+      type: String,
+      validator: (e) => ["rectangular", "pill"].includes(e)
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    imageSource: {
+      required: !0,
+      type: String
+    },
+    loading: {
+      default: !1,
+      type: Boolean
+    },
+    title: {
+      required: !0,
+      type: String
+    },
+    variant: {
+      default: "light",
+      type: String,
+      validator: (e) => ["dark", "light"].includes(e)
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (t, n) => (d(), p("button", {
+      class: N(["sso-button", e.variant, e.borderType, { center: e.alignCenter }]),
+      disabled: e.disabled || e.loading,
+      onClick: n[0] || (n[0] = (o) => t.$emit("click"))
+    }, [
+      h("img", {
+        src: e.imageSource,
+        alt: e.alternativeText
+      }, null, 8, i0),
+      h("span", null, O(e.title), 1)
+    ], 10, o0));
+  }
+}), l0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20width='2084'%20height='2084'%3e%3cpath%20d='M0%200%20C1.15764862%200.00060425%202.31529724%200.0012085%203.50802612%200.00183105%20C85.98260722%200.11720669%20167.94255485%209.87604579%20248.125%2029.1875%20C248.86457947%2029.36476624%20249.60415894%2029.54203247%20250.3661499%2029.72467041%20C334.62230969%2049.9574737%20416.80768306%2081.42007316%20533.125%20145.1875%20C534.02105957%20145.70908691%20534.91711914%20146.23067383%20535.84033203%20146.76806641%20C550.04886476%20155.0696507%20563.74211052%20164.13646225%20577.4375%20173.25%20C578.32679199%20173.8407431%20579.21608398%20174.43148621%20580.13232422%20175.04013062%20C591.69483528%20182.73135096%20603.0720229%20190.63196121%20614.27706909%20198.8354187%20C616.67050493%20200.58663127%20619.07390043%20202.32397661%20621.4765625%20204.0625%20C630.31030376%20210.50445197%20638.91838886%20217.148823%20647.35546875%20224.1015625%20C650.93712446%20227.05029675%20654.58513462%20229.90587171%20658.25%20232.75%20C664.80446613%20237.85872335%20671.10574818%20243.23251579%20677.37939453%20248.68017578%20C679.10687975%20250.17185322%20680.84590215%20251.64870526%20682.58984375%20253.12109375%20C689.5490538%20259.00754793%20696.29865442%20265.06950894%20702.93237305%20271.32104492%20C706.02875784%20274.23828319%20709.1375661%20277.11327067%20712.375%20279.875%20C716.13510937%20283.10378956%20719.58790586%20286.62314338%20723.06616211%20290.14794922%20C725.6075653%20292.71084883%20728.18211543%20295.16942847%20730.9375%20297.5%20C739.34322101%20304.69001756%20747.21573722%20312.7580678%20754.35546875%20321.19921875%20C756.67272617%20323.80293625%20759.14521445%20326.24047964%20761.625%20328.6875%20C765.32908948%20332.34742653%20768.87787767%20336.07693794%20772.2578125%20340.0390625%20C774.15320841%20342.21995738%20776.1052652%20344.34205746%20778.07080078%20346.4597168%20C782.90200954%20351.66642948%20787.48561882%20356.99917793%20791.94140625%20362.53515625%20C794.11897068%20365.18017637%20796.37818763%20367.71962525%20798.6875%20370.25%20C802.24142208%20374.1587026%20805.5852216%20378.17351283%20808.8515625%20382.32421875%20C810.55603659%20384.47091893%20812.27757011%20386.59447521%20814.0234375%20388.70703125%20C821.23010316%20397.44393263%20828.06132486%20406.39389068%20834.73046875%20415.546875%20C837.30174324%20419.07576257%20839.91615421%20422.56735039%20842.56005859%20426.04199219%20C855.57684339%20443.17700697%20867.54995923%20461.05622605%20879.125%20479.1875%20C879.62451172%20479.96512695%20880.12402344%20480.74275391%20880.63867188%20481.54394531%20C897.58381654%20507.93121546%20913.09593508%20535.18898842%20927.46484375%20563.05859375%20C929.00770036%20566.04920309%20930.5667459%20569.02569169%20932.19140625%20571.97265625%20C939.19339133%20584.70486712%20945.14022162%20597.95559111%20951.125%20611.1875%20C951.41070862%20611.81843567%20951.69641724%20612.44937134%20951.99078369%20613.09942627%20C984.41326204%20684.79659167%201008.53753875%20760.05556022%201037.8125%20926.75%20C1037.95767059%20928.00706253%201037.95767059%20928.00706253%201038.10577393%20929.28952026%20C1042.18612959%20965.02273189%201043.64357089%201000.92112464%201043.51611328%201036.86474609%20C1043.49902324%201041.71699519%201043.50922796%201046.56874997%201043.52643585%201051.42098236%20C1043.58875603%201072.22474355%201043.121671%201092.92627467%201041.7421875%201113.6875%20C1041.68073925%201114.61345474%201041.619291%201115.53940948%201041.55598068%201116.49342346%20C1035.0007366%201213.08026312%201014.38267632%201308.16853%20966.125%201439.1875%20C965.74018463%201440.10187836%20965.74018463%201440.10187836%20965.34759521%201441.034729%20C949.45738809%201478.73766744%20932.25383656%201516.09689741%20911.67675781%201551.49414062%20C910.07835791%201554.26845588%20908.51530634%201557.06017358%20906.9609375%201559.859375%20C895.54802769%201580.39389385%20882.94822692%201600.0776952%20869.9375%201619.625%20C869.44011322%201620.37300873%20868.94272644%201621.12101746%20868.43026733%201621.89169312%20C858.68653626%201636.525895%20848.74118479%201651.01255917%20838%201664.9375%20C837.32259766%201665.82091064%20836.64519531%201666.70432129%20835.94726562%201667.61450195%20C834.61307186%201669.35362798%20833.27752794%201671.09171932%20831.94042969%201672.82861328%20C830.34444691%201674.90236067%20828.75291154%201676.97937968%20827.1640625%201679.05859375%20C822.23462047%201685.50301824%20817.23152617%201691.88240063%20812.125%201698.1875%20C811.44050781%201699.03570313%20810.75601562%201699.88390625%20810.05078125%201700.7578125%20C804.87991842%201707.12623602%20799.5782563%201713.37313801%20794.22265625%201719.5859375%20C792.19755881%201721.93532976%20790.1847527%201724.2942514%20788.18359375%201726.6640625%20C781.38039056%201734.70287081%20774.30783235%201742.44088746%20767.07495117%201750.09399414%20C765.68090087%201751.59067391%20764.30252896%201753.10201885%20762.93481445%201754.62280273%20C754.62146255%201763.84397622%20745.8602102%201772.6040054%20737.07202148%201781.37084961%20C734.4290134%201784.0084693%20731.79143019%201786.6514299%20729.15429688%201789.29492188%20C727.45344575%201790.9951126%20725.75228466%201792.69499331%20724.05078125%201794.39453125%20C723.27350174%201795.17383499%20722.49622223%201795.95313873%20721.69538879%201796.75605774%20C717.55441138%201800.87950727%20713.33600026%201804.84794915%20708.89880371%201808.65180969%20C705.95478417%201811.20062738%20703.14452257%201813.89078831%20700.3125%201816.5625%20C695.28811299%201821.26903274%20690.13516609%201825.71608064%20684.7578125%201830.01953125%20C682.01530846%201832.27782463%20679.4156241%201834.64531334%20676.8125%201837.0625%20C672.28436424%201841.22556682%20667.58986729%201845.04964306%20662.72802734%201848.80688477%20C658.76816735%201851.87383515%20654.89260927%201855.02304957%20651.04980469%201858.23535156%20C642.11958177%201865.69578282%20632.89061882%201872.64530815%20623.47070312%201879.47265625%20C621.25005402%201881.09607833%20619.05139889%201882.74445617%20616.859375%201884.40625%20C601.99002628%201895.6324397%20586.41223305%201905.80978513%20570.85534668%201916.04760742%20C568.60118411%201917.5325718%20566.3516835%201919.0245461%20564.1015625%201920.515625%20C544.67940459%201933.3113726%20524.47697034%201944.94533071%20504.125%201956.1875%20C502.63226562%201957.01217773%20502.63226562%201957.01217773%20501.109375%201957.85351562%20C425.12550951%201999.65428426%20344.00442425%202031.25797004%20139.19140625%202076.15625%20C138.04930191%202076.3149482%20138.04930191%202076.3149482%20136.88412476%202076.47685242%20C133.5828542%202076.92098977%20130.46476193%202077.1875%20127.125%202077.1875%20C127.125%201840.5775%20127.125%201603.9675%20127.125%201360.1875%20C220.185%201360.1875%20313.245%201360.1875%20409.125%201360.1875%20C409.455%201357.2175%20409.785%201354.2475%20410.125%201351.1875%20C410.51943974%201348.75034978%20410.94040505%201346.31734207%20411.38798523%201343.88938904%20C411.51213267%201343.21104765%20411.63628011%201342.53270626%20411.7641896%201341.83380908%20C412.17662934%201339.58452582%20412.59355551%201337.33609905%20413.01049805%201335.08764648%20C413.31060355%201333.45620854%20413.61042778%201331.82471884%20413.90999508%201330.19318199%20C414.7269403%201325.74827455%20415.54779155%201321.30409627%20416.3692956%201316.86002946%20C417.24572562%201312.11485646%20418.11843243%201307.36899873%20418.99154663%201302.62321472%20C420.48537353%201294.50627273%20421.9814042%201286.38973962%20423.47903442%201278.27349854%20C425.81168262%201265.63190818%20428.14049765%201252.98961352%20430.46850586%201240.34716797%20C431.24634234%201236.12322799%20432.02419399%201231.8992908%20432.80204773%201227.675354%20C432.994336%201226.63115295%20433.18662427%201225.5869519%20433.38473946%201224.5111084%20C434.5517232%201218.17414514%20435.71909736%201211.83725394%20436.88678104%201205.50041962%20C441.55237596%201180.18084381%20446.20685276%201154.85928396%20450.83816981%201129.53341508%20C451.36915395%201126.62995752%20451.90032052%201123.72653335%20452.43148345%201120.82310849%20C454.7135128%201108.34887001%20456.99400124%201095.87435226%20459.2702446%201083.39905643%20C460.11947451%201078.74719247%20460.97040771%201074.09564133%20461.82182693%201069.44417763%20C462.20864513%201067.32864122%20462.59468226%201065.21296182%20462.97986984%201063.09712791%20C463.49512112%201060.26702672%20464.01297143%201057.43741349%20464.53149414%201054.60791016%20C464.7546708%201053.37627467%20464.7546708%201053.37627467%20464.98235607%201052.11975765%20C465.54550464%201049.05918558%20466.13944488%201046.14416537%20467.125%201043.1875%20C354.925%201043.1875%20242.725%201043.1875%20127.125%201043.1875%20C127.125%20820.4875%20127.125%20820.4875%20166.125%20767.1875%20C166.7334375%20766.33671875%20167.341875%20765.4859375%20167.96875%20764.609375%20C199.0356318%20723.45938244%20248.58254326%20706.8968135%20297.84375%20699.99609375%20C322.20646732%20696.77183572%20346.69767153%20695.99322627%20371.25%20696.0625%20C372.24480377%20696.0640509%20373.23960754%20696.06560181%20374.26455688%20696.06719971%20C403.35847437%20696.11952535%20432.44731149%20696.57260512%20461.5%20698.1875%20C462.25566254%20698.22929382%20463.01132507%20698.27108765%20463.78988647%20698.31414795%20C470.62665266%20698.70012868%20477.33423541%20699.21739077%20484.125%20700.1875%20C484.125%20605.1475%20484.125%20510.1075%20484.125%20412.1875%20C481.485%20411.8575%20478.845%20411.5275%20476.125%20411.1875%20C473.70350389%20410.74024359%20471.28672476%20410.26678913%20468.875%20409.76953125%20C467.46953422%20409.4842065%20466.06392837%20409.19957106%20464.65820312%20408.91552734%20C463.922229%20408.76637878%20463.18625488%20408.61723022%20462.42797852%20408.46356201%20C418.7251371%20399.6667031%20374.4681051%20394.56312206%20330.0625%20390.9375%20C329.04600372%20390.85441589%20328.02950745%20390.77133179%20326.98220825%20390.68572998%20C320.36555577%20390.15035922%20313.7468795%20389.65356543%20307.125%20389.1875%20C306.36406036%20389.13201996%20305.60312073%20389.07653992%20304.81912231%20389.01937866%20C288.301523%20387.84651093%20271.73733416%20387.98693467%20255.1875%20388%20C254.05323767%20388.00040031%20254.05323767%20388.00040031%20252.89606094%20388.00080872%20C229.91924016%20388.01099063%20207.02914183%20388.18285444%20184.125%20390.1875%20C183.00738281%20390.28224609%20183.00738281%20390.28224609%20181.8671875%20390.37890625%20C114.16045062%20396.12440306%2047.41054353%20409.25726526%20-14.875%20437.1875%20C-16.27419678%20437.81374268%20-16.27419678%20437.81374268%20-17.70166016%20438.45263672%20C-44.8755615%20450.73179164%20-70.7002496%20466.38909731%20-93.875%20485.1875%20C-94.78636719%20485.90808594%20-95.69773437%20486.62867188%20-96.63671875%20487.37109375%20C-114.16450229%20501.39832137%20-131.13485733%20517.41657747%20-144.875%20535.1875%20C-145.78582026%20536.30083746%20-146.70012221%20537.41133222%20-147.6171875%20538.51953125%20C-202.325014%20604.95432352%20-228.49253665%20690.27902932%20-246.625%20832.0625%20C-246.68425659%20832.8826358%20-246.74351318%20833.70277161%20-246.80456543%20834.54776001%20C-248.70329112%20861.39656802%20-249.05219436%20888.25161023%20-249.17891693%20915.15448761%20C-249.198928%20919.23179463%20-249.22365365%20923.30906858%20-249.2479248%20927.38635254%20C-249.31571778%20939.21587622%20-249.37618676%20951.04544096%20-249.4375%20962.875%20C-249.581875%20989.378125%20-249.72625%201015.88125%20-249.875%201043.1875%20C-320.825%201043.1875%20-391.775%201043.1875%20-464.875%201043.1875%20C-464.875%201147.7975%20-464.875%201252.4075%20-464.875%201360.1875%20C-393.925%201360.1875%20-322.975%201360.1875%20-249.875%201360.1875%20C-249.875%201589.2075%20-249.875%201818.2275%20-249.875%202054.1875%20C-270.62367633%202049.57668304%20-270.62367633%202049.57668304%20-277.3359375%202047.59375%20C-278.12266342%202047.36577728%20-278.90938934%202047.13780457%20-279.71995544%202046.90292358%20C-282.23215489%202046.17167304%20-284.74129526%202045.43064444%20-287.25%202044.6875%20C-288.12707611%202044.42938538%20-289.00415222%202044.17127075%20-289.9078064%202043.90533447%20C-307.71271842%202038.65736425%20-325.33810391%202032.92982037%20-342.88323975%202026.8737793%20C-344.78762714%202026.21760512%20-346.69382179%202025.56668313%20-348.60009766%202024.91601562%20C-386.39071379%202011.98422192%20-423.03805933%201995.76788599%20-458.875%201978.1875%20C-460.08801596%201977.59464997%20-461.30107048%201977.00187885%20-462.51416016%201976.40917969%20C-478.32368152%201968.67434904%20-493.85789195%201960.60770523%20-509.09521484%201951.78466797%20C-511.96370924%201950.13653075%20-514.8478377%201948.51946121%20-517.73828125%201946.91015625%20C-529.19760797%201940.52415668%20-540.40320532%201933.86804094%20-551.42675781%201926.75732422%20C-554.02158841%201925.09350683%20-556.63012701%201923.45302978%20-559.2421875%201921.81640625%20C-570.92292696%201914.48148611%20-582.3192026%201906.8345234%20-593.55371094%201898.83398438%20C-595.74838809%201897.2773055%20-597.95339131%201895.73697652%20-600.1640625%201894.203125%20C-610.85023778%201886.77100591%20-621.20735707%201878.93827558%20-631.52050781%201870.99853516%20C-633.58006511%201869.41435888%20-635.64392053%201867.83613925%20-637.7109375%201866.26171875%20C-647.39068031%201858.87917139%20-656.7664934%201851.16037524%20-666.03686523%201843.27368164%20C-669.46521372%201840.36174562%20-672.93465337%201837.50993757%20-676.4375%201834.6875%20C-681.51539439%201830.55708445%20-686.32063853%201826.17918232%20-691.1171875%201821.73046875%20C-693.27840548%201819.73761761%20-695.45846969%201817.79042215%20-697.6875%201815.875%20C-707.03725713%201807.75496041%20-715.97948201%201799.16676038%20-724.67578125%201790.35546875%20C-727.32888836%201787.74006121%20-730.11690846%201785.32121245%20-732.94140625%201782.89453125%20C-737.6422449%201778.74449794%20-741.99477244%201774.2690599%20-746.0625%201769.5%20C-749.31932797%201765.70411085%20-752.82135682%201762.20154687%20-756.375%201758.6875%20C-760.41419926%201754.68856796%20-764.33221615%201750.66891397%20-768.01171875%201746.33203125%20C-770.01595855%201744.02526469%20-772.08841257%201741.79447697%20-774.17431641%201739.56176758%20C-779.24905932%201734.12926079%20-784.08240797%201728.59009671%20-788.73828125%201722.7890625%20C-790.83382494%201720.23763271%20-793.01463155%201717.80423227%20-795.25%201715.375%20C-799.23008466%201711.00241564%20-802.88847497%201706.44580709%20-806.50952148%201701.77758789%20C-809.51028782%201697.91192218%20-812.56461153%201694.09842864%20-815.66894531%201690.31542969%20C-827.35908879%201676.06915264%20-838.17666647%201661.18693681%20-848.875%201646.1875%20C-849.71417969%201645.0121167%20-849.71417969%201645.0121167%20-850.5703125%201643.81298828%20C-860.04321275%201630.50929475%20-869.07734538%201616.94618682%20-877.875%201603.1875%20C-878.4952002%201602.21796387%20-879.11540039%201601.24842773%20-879.75439453%201600.24951172%20C-894.48377963%201577.14060668%20-908.02989957%201553.38947828%20-920.875%201529.1875%20C-921.41946777%201528.1670459%20-921.96393555%201527.1465918%20-922.52490234%201526.09521484%20C-950.92205251%201472.73772329%20-973.77638387%201416.81788606%20-992.20300293%201359.27978516%20C-992.84281907%201357.28769639%20-993.48916038%201355.2978585%20-994.13769531%201353.30859375%20C-1021.07962966%201270.16357352%20-1034.75061722%201183.25969817%20-1039.875%201096.1875%20C-1039.98303955%201094.41971191%20-1039.98303955%201094.41971191%20-1040.09326172%201092.61621094%20C-1045.63647387%20997.60231986%20-1035.95069819%20900.80955586%20-988.55480957%20714.24517822%20C-987.91148971%20712.29794869%20-987.27345606%20710.34897503%20-986.63574219%20708.39990234%20C-972.198078%20664.45683716%20-953.94499844%20621.94702594%20-933.50244141%20580.48925781%20C-931.92365217%20577.28620566%20-930.35774073%20574.07710499%20-928.79296875%20570.8671875%20C-922.47719203%20557.98975189%20-915.66417948%20545.46930097%20-908.50732422%20533.04199219%20C-906.88104815%20530.19807658%20-905.28202374%20527.34055521%20-903.69140625%20524.4765625%20C-886.12900281%20492.89821761%20-866.14484941%20462.40194511%20-844.875%20433.1875%20C-844.04911377%20432.04933838%20-844.04911377%20432.04933838%20-843.20654297%20430.88818359%20C-836.06130995%20421.05881457%20-828.7732954%20411.3658484%20-821.20166016%20401.86132812%20C-819.83665981%20400.13912673%20-818.48504984%20398.40715176%20-817.13671875%20396.671875%20C-812.17288962%20390.29043596%20-807.11257707%20384.01899817%20-801.859375%20377.87304688%20C-798.97588109%20374.499359%20-796.15862156%20371.08223817%20-793.375%20367.625%20C-789.24809794%20362.55142507%20-784.87397442%20357.75008858%20-780.4296875%20352.95703125%20C-778.37386278%20350.72831607%20-776.35883043%20348.47982081%20-774.375%20346.1875%20C-770.15531164%20341.33087754%20-765.80192045%20336.59811629%20-761.43359375%20331.87548828%20C-760.40256762%20330.75886631%20-759.37387963%20329.64008046%20-758.34765625%20328.51904297%20C-749.45659923%20318.81038563%20-740.23533473%20309.44175692%20-730.9375%20300.125%20C-730.35145996%20299.53637177%20-729.76541992%20298.94774353%20-729.16162109%20298.34127808%20C-717.61447074%20286.75390994%20-717.61447074%20286.75390994%20-711.50756836%20281.60571289%20C-709.70928757%20280.04354553%20-708.04247572%20278.38787503%20-706.375%20276.6875%20C-703.40764677%20273.67336418%20-700.30154708%20270.88832667%20-697.09765625%20268.12890625%20C-694.54523117%20265.89945939%20-692.05612486%20263.60748618%20-689.5625%20261.3125%20C-685.09977168%20257.24209944%20-680.51242%20253.38573091%20-675.8125%20249.59375%20C-672.51145806%20246.889705%20-669.28754385%20244.10617139%20-666.0625%20241.3125%20C-659.73423409%20235.85005238%20-653.2238193%20230.66076967%20-646.61621094%20225.54199219%20C-644.88545643%20224.19563408%20-643.16395475%20222.83833893%20-641.4453125%20221.4765625%20C-633.37371493%20215.0832974%20-625.20347731%20208.83326471%20-616.92724609%20202.70703125%20C-615.59760536%20201.72253399%20-614.26969096%20200.73569917%20-612.94384766%20199.74609375%20C-591.09427344%20183.46841045%20-568.10643973%20168.4136987%20-544.875%20154.1875%20C-544.10043457%20153.71231934%20-543.32586914%20153.23713867%20-542.52783203%20152.74755859%20C-529.15844276%20144.57334691%20-515.5714239%20136.79891975%20-501.875%20129.1875%20C-500.9586377%20128.67638672%20-500.04227539%20128.16527344%20-499.09814453%20127.63867188%20C-471.10385829%20112.0735903%20-442.34223185%2097.74699667%20-412.875%2085.1875%20C-412.1618866%2084.88326111%20-411.44877319%2084.57902222%20-410.71405029%2084.26556396%20C-385.762709%2073.64318405%20-360.52997695%2063.97343221%20-334.875%2055.1875%20C-334.15306458%2054.93997986%20-333.43112915%2054.69245972%20-332.68731689%2054.43743896%20C-249.37478965%2025.95429945%20-162.18869196%208.98545156%200%200%20Z%20'%20fill='%23FFFFFF'%20transform='translate(1040.875,-0.1875)'/%3e%3c/svg%3e", r0 = {
+  name: "FacebookSignInButton"
+}, ta = /* @__PURE__ */ A({
+  ...r0,
+  props: {
+    baseButtonOptions: {
+      default: () => ({}),
+      type: Object
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    loading: {
+      default: !1,
+      type: Boolean
+    },
+    title: {
+      required: !0,
+      type: String
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (t, n) => (d(), j(An, be(e.baseButtonOptions, {
+      disabled: e.disabled,
+      "image-source": H(l0),
+      loading: e.loading,
+      title: e.title,
+      class: "facebook",
+      onClick: n[0] || (n[0] = (o) => t.$emit("click"))
+    }), null, 16, ["disabled", "image-source", "loading", "title"]));
+  }
+}), s0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3csvg%20width='46px'%20height='46px'%20viewBox='0%200%2046%2046'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xmlns:sketch='http://www.bohemiancoding.com/sketch/ns'%3e%3c!--%20Generator:%20Sketch%203.3.3%20(12081)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3ebtn_google_light_normal_ios%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3cfilter%20x='-50%25'%20y='-50%25'%20width='200%25'%20height='200%25'%20filterUnits='objectBoundingBox'%20id='filter-1'%3e%3cfeOffset%20dx='0'%20dy='1'%20in='SourceAlpha'%20result='shadowOffsetOuter1'%3e%3c/feOffset%3e%3cfeGaussianBlur%20stdDeviation='0.5'%20in='shadowOffsetOuter1'%20result='shadowBlurOuter1'%3e%3c/feGaussianBlur%3e%3cfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.168%200'%20in='shadowBlurOuter1'%20type='matrix'%20result='shadowMatrixOuter1'%3e%3c/feColorMatrix%3e%3cfeOffset%20dx='0'%20dy='0'%20in='SourceAlpha'%20result='shadowOffsetOuter2'%3e%3c/feOffset%3e%3cfeGaussianBlur%20stdDeviation='0.5'%20in='shadowOffsetOuter2'%20result='shadowBlurOuter2'%3e%3c/feGaussianBlur%3e%3cfeColorMatrix%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.084%200'%20in='shadowBlurOuter2'%20type='matrix'%20result='shadowMatrixOuter2'%3e%3c/feColorMatrix%3e%3cfeMerge%3e%3cfeMergeNode%20in='shadowMatrixOuter1'%3e%3c/feMergeNode%3e%3cfeMergeNode%20in='shadowMatrixOuter2'%3e%3c/feMergeNode%3e%3cfeMergeNode%20in='SourceGraphic'%3e%3c/feMergeNode%3e%3c/feMerge%3e%3c/filter%3e%3crect%20id='path-2'%20x='0'%20y='0'%20width='40'%20height='40'%20rx='2'%3e%3c/rect%3e%3c/defs%3e%3cg%20id='Google-Button'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20sketch:type='MSPage'%3e%3cg%20id='9-PATCH'%20sketch:type='MSArtboardGroup'%20transform='translate(-608.000000,%20-160.000000)'%3e%3c/g%3e%3cg%20id='btn_google_light_normal'%20sketch:type='MSArtboardGroup'%20transform='translate(-1.000000,%20-1.000000)'%3e%3cg%20id='button'%20sketch:type='MSLayerGroup'%20transform='translate(4.000000,%204.000000)'%20filter='url(%23filter-1)'%3e%3cg%20id='button-bg'%3e%3cuse%20fill='%23FFFFFF'%20fill-rule='evenodd'%20sketch:type='MSShapeGroup'%20xlink:href='%23path-2'%3e%3c/use%3e%3cuse%20fill='none'%20xlink:href='%23path-2'%3e%3c/use%3e%3cuse%20fill='none'%20xlink:href='%23path-2'%3e%3c/use%3e%3cuse%20fill='none'%20xlink:href='%23path-2'%3e%3c/use%3e%3c/g%3e%3c/g%3e%3cg%20id='logo_googleg_48dp'%20sketch:type='MSLayerGroup'%20transform='translate(15.000000,%2015.000000)'%3e%3cpath%20d='M17.64,9.20454545%20C17.64,8.56636364%2017.5827273,7.95272727%2017.4763636,7.36363636%20L9,7.36363636%20L9,10.845%20L13.8436364,10.845%20C13.635,11.97%2013.0009091,12.9231818%2012.0477273,13.5613636%20L12.0477273,15.8195455%20L14.9563636,15.8195455%20C16.6581818,14.2527273%2017.64,11.9454545%2017.64,9.20454545%20L17.64,9.20454545%20Z'%20id='Shape'%20fill='%234285F4'%20sketch:type='MSShapeGroup'%3e%3c/path%3e%3cpath%20d='M9,18%20C11.43,18%2013.4672727,17.1940909%2014.9563636,15.8195455%20L12.0477273,13.5613636%20C11.2418182,14.1013636%2010.2109091,14.4204545%209,14.4204545%20C6.65590909,14.4204545%204.67181818,12.8372727%203.96409091,10.71%20L0.957272727,10.71%20L0.957272727,13.0418182%20C2.43818182,15.9831818%205.48181818,18%209,18%20L9,18%20Z'%20id='Shape'%20fill='%2334A853'%20sketch:type='MSShapeGroup'%3e%3c/path%3e%3cpath%20d='M3.96409091,10.71%20C3.78409091,10.17%203.68181818,9.59318182%203.68181818,9%20C3.68181818,8.40681818%203.78409091,7.83%203.96409091,7.29%20L3.96409091,4.95818182%20L0.957272727,4.95818182%20C0.347727273,6.17318182%200,7.54772727%200,9%20C0,10.4522727%200.347727273,11.8268182%200.957272727,13.0418182%20L3.96409091,10.71%20L3.96409091,10.71%20Z'%20id='Shape'%20fill='%23FBBC05'%20sketch:type='MSShapeGroup'%3e%3c/path%3e%3cpath%20d='M9,3.57954545%20C10.3213636,3.57954545%2011.5077273,4.03363636%2012.4404545,4.92545455%20L15.0218182,2.34409091%20C13.4631818,0.891818182%2011.4259091,0%209,0%20C5.48181818,0%202.43818182,2.01681818%200.957272727,4.95818182%20L3.96409091,7.29%20C4.67181818,5.16272727%206.65590909,3.57954545%209,3.57954545%20L9,3.57954545%20Z'%20id='Shape'%20fill='%23EA4335'%20sketch:type='MSShapeGroup'%3e%3c/path%3e%3cpath%20d='M0,0%20L18,0%20L18,18%20L0,18%20L0,0%20Z'%20id='Shape'%20sketch:type='MSShapeGroup'%3e%3c/path%3e%3c/g%3e%3cg%20id='handles_square'%20sketch:type='MSLayerGroup'%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e", u0 = {
+  name: "GoogleSignInButton"
+}, na = /* @__PURE__ */ A({
+  ...u0,
+  props: {
+    baseButtonOptions: {
+      default: () => ({}),
+      type: Object
+    },
+    disabled: {
+      default: !1,
+      type: Boolean
+    },
+    loading: {
+      default: !1,
+      type: Boolean
+    },
+    title: {
+      required: !0,
+      type: String
+    }
+  },
+  emits: ["click"],
+  setup(e) {
+    return (t, n) => (d(), j(An, be(e.baseButtonOptions, {
+      disabled: e.disabled,
+      "image-source": H(s0),
+      loading: e.loading,
+      title: e.title,
+      class: "google",
+      onClick: n[0] || (n[0] = (o) => t.$emit("click"))
+    }), null, 16, ["disabled", "image-source", "loading", "title"]));
+  }
+}), d0 = "data:image/svg+xml,%3csvg%20fill='%23007aff'%20height='1rem'%20width='1rem'%20version='1.1'%20id='Capa_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20490%20490'%20xml:space='preserve'%20stroke='%23007aff'%20%3e%3cg%20stroke-width='0'%3e%3c/g%3e%3cg%20stroke-linecap='round'%20stroke-linejoin='round'%20%3e%3c/g%3e%3cg%3e%3cpolygon%20points='452.253,28.326%20197.831,394.674%2029.044,256.875%200,292.469%20207.253,461.674%20490,54.528%20'%20%3e%3c/polygon%3e%3c/g%3e%3c/svg%3e", c0 = { class: "stepper" }, f0 = { class: "steps" }, h0 = {
+  key: 0,
+  src: d0
+}, p0 = {
+  key: 0,
+  class: "content"
+}, g0 = { class: "actions" }, m0 = {
+  name: "Stepper"
+}, v0 = /* @__PURE__ */ A({
+  ...m0,
+  props: {
+    nextButtonProperties: {
+      default: null,
+      type: Object
+    },
+    previousButtonProperties: {
+      default: null,
+      type: Object
+    },
+    steps: {
+      type: Array,
+      required: !0
+    }
+  },
+  emits: ["complete"],
+  setup(e, { emit: t }) {
+    const n = e, o = t, i = _(0), a = _(!1), l = _(!0), r = () => {
+      i.value < n.steps.length - 1 ? (i.value++, l.value = !1) : o("complete");
+    }, s = () => {
+      i.value > 0 && (i.value--, a.value = !1), i.value || (l.value = !0);
+    };
+    return (u, f) => (d(), p("div", c0, [
+      h("ul", f0, [
+        (d(!0), p(q, null, se(e.steps, (c, v) => (d(), p("li", {
+          key: v,
+          class: N([
+            "step",
+            { active: v === i.value, completed: v < i.value }
+          ])
+        }, [
+          h("span", {
+            class: N([
+              "step-number",
+              { active: v === i.value, completed: v < i.value }
+            ])
+          }, [
+            v < i.value ? (d(), p("img", h0)) : (d(), p(q, { key: 1 }, [
+              Q(O(c.step || v + 1), 1)
+            ], 64))
+          ], 2),
+          c.label ? (d(), p("span", {
+            key: 0,
+            class: N([{ active: v === i.value }, "step-label"])
+          }, O(c.label), 3)) : k("", !0)
+        ], 2))), 128))
+      ]),
+      (d(!0), p(q, null, se(e.steps, (c, v) => (d(), p(q, { key: v }, [
+        v === i.value && c.content ? (d(), p("div", p0, [
+          I(u.$slots, c?.step, {}, () => [
+            Q(O(c.content), 1)
+          ], !0)
+        ])) : k("", !0)
+      ], 64))), 128)),
+      h("div", g0, [
+        le(H(he), {
+          disabled: l.value || e.previousButtonProperties?.disabled,
+          "icon-left": e.previousButtonProperties?.iconLeft,
+          "icon-right": e.previousButtonProperties?.iconRight,
+          label: e.previousButtonProperties?.label ?? "Previous",
+          rounded: e.previousButtonProperties?.rounded,
+          severity: e.previousButtonProperties?.severity,
+          size: e.previousButtonProperties?.size,
+          variant: e.previousButtonProperties?.variant ?? "outlined",
+          onClick: s
+        }, null, 8, ["disabled", "icon-left", "icon-right", "label", "rounded", "severity", "size", "variant"]),
+        le(H(he), {
+          disabled: a.value || e.nextButtonProperties?.disabled,
+          "icon-left": e.nextButtonProperties?.iconLeft,
+          "icon-right": e.nextButtonProperties?.iconRight,
+          label: i.value === e.steps.length - 1 ? "Finish" : e.nextButtonProperties?.label ?? "Next",
+          rounded: e.nextButtonProperties?.rounded,
+          severity: i.value === e.steps.length - 1 ? "success" : e.nextButtonProperties?.severity ?? "primary",
+          size: e.nextButtonProperties?.size,
+          variant: e.nextButtonProperties?.variant,
+          onClick: r
+        }, null, 8, ["disabled", "icon-left", "icon-right", "label", "rounded", "severity", "size", "variant"])
+      ])
+    ]));
+  }
+}), oa = /* @__PURE__ */ et(v0, [["__scopeId", "data-v-75d55d88"]]), b0 = ["data-position"], C0 = { role: "tablist" }, y0 = ["data-selected"], w0 = ["aria-expanded", "onClick"], S0 = ["src"], k0 = {
+  class: "tabbed-pane",
+  role: "region"
+}, $0 = {
+  name: "TabbedPanel"
+}, ia = /* @__PURE__ */ A({
+  ...$0,
+  props: {
+    defaultIndex: {
+      default: 0,
+      required: !1,
+      type: Number
+    },
+    position: {
+      default: "top",
+      required: !1,
+      type: String
+    }
+  },
+  setup(e) {
+    const t = Se(), n = e, o = _(n.defaultIndex), i = (r) => {
+      o.value = r;
+    }, a = t?.default ? t.default().filter((r) => r?.props?.title) : [], l = Y(() => a[o.value]);
+    return (r, s) => H(a).length ? (d(), p("div", {
+      key: 0,
+      class: "tabbed-panel",
+      "data-position": n.position
+    }, [
+      h("nav", null, [
+        h("ul", C0, [
+          (d(!0), p(q, null, se(H(a), (u, f) => (d(), p("li", {
+            key: f,
+            "data-selected": f === o.value
+          }, [
+            h("button", {
+              "aria-expanded": f === o.value,
+              tabindex: "0",
+              type: "button",
+              onClick: (c) => i(f)
+            }, [
+              I(r.$slots, "icon", be({ ref_for: !0 }, u), () => [
+                u?.props?.icon ? (d(), p("img", {
+                  key: 0,
+                  src: u?.props?.icon,
+                  class: "icon"
+                }, null, 8, S0)) : k("", !0)
+              ]),
+              h("span", null, O(u.props?.title), 1)
+            ], 8, w0)
+          ], 8, y0))), 128))
+        ])
+      ]),
+      le(gn, {
+        appear: "",
+        name: "expand"
+      }, {
+        default: G(() => [
+          h("div", k0, [
+            (d(), j(_e(l.value)))
+          ])
+        ]),
+        _: 1
+      })
+    ], 8, b0)) : k("", !0);
+  }
+}), E0 = (e) => {
+  let t;
+  switch (e) {
+    case "top":
+    case "bottom":
+      t = "horizontal";
+      break;
+    case "left":
+    case "right":
+      t = "vertical";
+      break;
+    default:
+      t = "horizontal";
+      break;
+  }
+  return t;
+}, D0 = ["id"], T0 = ["aria-orientation"], x0 = ["id", "aria-label", "aria-selected", "onClick"], L0 = ["src"], O0 = ["title"], M0 = ["onClick"], _0 = { role: "tabpanel" }, B0 = {
+  name: "TabView"
+}, aa = /* @__PURE__ */ A({
+  ...B0,
+  props: {
+    activeKey: {
+      type: String,
+      required: !0
+    },
+    enableHashRouting: Boolean,
+    id: {
+      type: String,
+      default: ""
+    },
+    interceptTabChange: Boolean,
+    interceptTabClose: Boolean,
+    lazy: {
+      default: !0,
+      type: Boolean
+    },
+    persistState: {
+      type: Boolean,
+      default: !0
+    },
+    persistStateStorage: {
+      type: String,
+      default: "localStorage"
+    },
+    position: {
+      type: String,
+      default: "top",
+      validator: (e) => ["top", "bottom", "left", "right"].includes(e)
+    },
+    tabs: {
+      type: Array,
+      required: !0
+    },
+    visibleTabs: {
+      default: () => [],
+      type: Array
+    }
+  },
+  emits: [
+    "beforeTabChange",
+    "beforeTabClose",
+    "update:activeKey",
+    "update:visibleTabs"
+  ],
+  setup(e, { expose: t, emit: n }) {
+    const o = e, i = n, a = Se(), l = _(o.activeKey), r = _(!1), s = _(
+      o.visibleTabs?.length ? o.visibleTabs : o.tabs.map((g) => g.key)
+    ), u = Y(() => c.value.find((g) => g.key === l.value)?.children || $.value.find(
+      (g) => typeof g == "object" && g !== null && "props" in g && g.props?.key === l.value
+    )), f = Y(() => E0(o.position)), c = Y(
+      () => s.value.map((g) => o.tabs.find((S) => S.key === g)).filter((g) => g !== void 0)
+    ), v = Y(() => Ko(o.persistStateStorage)), $ = Y(() => (a?.default?.() ?? []).flatMap((S) => Array.isArray(S?.children) && !S?.props?.key ? S.children.filter(
+      (y) => typeof y == "object" && y !== null && "props" in y && y.props?.key
+    ) : S?.props?.key ? [S] : []));
+    yt(() => {
+      if (o.persistState && o.id) {
+        const g = v.value.getItem(o.id);
+        if (g) {
+          const S = JSON.parse(g);
+          l.value = S.activeTab || o.activeKey, S.visibleTabs && (s.value = S.visibleTabs);
+        }
+      }
+      o.enableHashRouting && (C(), window.addEventListener("hashchange", C)), r.value = !0;
+    }), Ve(
+      () => o.visibleTabs,
+      (g) => {
+        r.value && (s.value = [...g]);
+      }
+    ), Ve(
+      () => o.activeKey,
+      (g) => {
+        r.value && b(g);
+      }
+    ), Ve([s, l], () => {
+      o.id && o.persistState && v.value.setItem(
+        o.id,
+        JSON.stringify({
+          activeTab: l.value,
+          visibleTabs: s.value
+        })
+      );
+    });
+    const w = (g) => l.value === g, M = (g) => {
+      const S = s.value.findIndex((J) => J === g), y = s.value.filter((J) => J !== g);
+      let F = "";
+      S > 0 ? F = y[S - 1] : F = y[0], y.includes(l.value) || b(F), s.value = y, i("update:visibleTabs", y);
+    }, E = (g) => {
+      if (!o.interceptTabClose) {
+        M(g);
+        return;
+      }
+      i("beforeTabClose", g);
+    }, D = (g) => {
+      if (!w(g)) {
+        if (!o.interceptTabChange) {
+          b(g);
+          return;
+        }
+        i("beforeTabChange", g);
+      }
+    }, b = (g) => {
+      if (l.value = g, r.value) {
+        const { pathname: S, search: y } = window.location, F = o.enableHashRouting ? `${S}${y}#${l.value}` : `${S}${y}`;
+        history.replaceState(null, "", F);
+      }
+      i("update:activeKey", g);
+    }, C = () => {
+      const g = window.location.hash?.split("#").pop();
+      !g || g?.includes("/") || (r.value || document.getElementById(g)?.scrollIntoView({ behavior: "smooth" }), Je(() => {
+        g && g !== l.value && s.value.includes(g) && b(g);
+      }));
+    };
+    return t({
+      closeTab: M,
+      setActiveTab: b
+    }), (g, S) => (d(), p("div", {
+      id: e.id,
+      class: N(["tabbed-panel", e.position])
+    }, [
+      h("div", {
+        "aria-orientation": f.value,
+        role: "tablist"
+      }, [
+        (d(!0), p(q, null, se(c.value, (y, F) => (d(), p("button", {
+          id: y.key,
+          key: F,
+          "aria-label": y.label,
+          "aria-selected": w(y.key),
+          class: N({ active: w(y.key) }),
+          role: "tab",
+          tabindex: "0",
+          onClick: (J) => D(y.key)
+        }, [
+          y?.icon ? (d(), p("img", {
+            key: 0,
+            src: y?.icon,
+            class: "icon"
+          }, null, 8, L0)) : k("", !0),
+          h("span", {
+            title: y.label
+          }, O(y.label), 9, O0),
+          y.closable ? (d(), p("svg", {
+            key: 1,
+            height: "24",
+            viewBox: "0 0 24 24",
+            width: "24",
+            xmlns: "http://www.w3.org/2000/svg",
+            onClick: Zn((J) => E(y.key), ["stop"])
+          }, S[0] || (S[0] = [
+            h("path", {
+              d: "m13.06 12l4.42-4.42a.75.75 0 1 0-1.06-1.06L12 10.94L7.58 6.52a.75.75 0 0 0-1.06 1.06L10.94 12l-4.42 4.42a.75.75 0 0 0 0 1.06a.75.75 0 0 0 1.06 0L12 13.06l4.42 4.42a.75.75 0 0 0 1.06 0a.75.75 0 0 0 0-1.06Z",
+              fill: "currentColor"
+            }, null, -1)
+          ]), 8, M0)) : k("", !0)
+        ], 10, x0))), 128))
+      ], 8, T0),
+      h("div", _0, [
+        typeof u.value == "string" ? (d(), p(q, { key: 0 }, [
+          Q(O(u.value), 1)
+        ], 64)) : (d(), p(q, { key: 1 }, [
+          e.lazy ? (d(), p(q, { key: 1 }, [
+            u.value ? (d(), j(_e(u.value), { key: 0 })) : k("", !0)
+          ], 64)) : (d(!0), p(q, { key: 0 }, se($.value, (y, F) => bt((d(), j(_e(y), {
+            key: `slot-component-${F}`
+          })), [
+            [Ct, y === u.value]
+          ])), 128))
+        ], 64))
+      ])
+    ], 10, D0));
+  }
+}), I0 = ["aria-label"], P0 = {
+  name: "Tooltip"
+}, la = /* @__PURE__ */ A({
+  ...P0,
+  props: {
+    ariaLabel: {
+      default: "tooltip",
+      type: String
+    },
+    clickable: {
+      type: Boolean,
+      default: !1
+    },
+    delay: {
+      type: Number,
+      default: 100
+    },
+    offset: {
+      default: 10,
+      type: Number
+    },
+    position: {
+      default: void 0,
+      type: String,
+      validator(e) {
+        return ["top", "bottom", "left", "right"].includes(e);
+      }
+    }
+  },
+  setup(e) {
+    const t = e, n = _(null), o = _(null), i = _(null), a = _(!1), l = _(), r = _({ top: "0", left: "0" }), s = _([]), u = _(!1), f = _(null), c = Se(), { width: v, height: $ } = Wt(), w = Y(() => !!c.content);
+    vn(() => {
+      window.removeEventListener("resize", D), s.value.forEach(({ element: C, listener: g }) => {
+        C.removeEventListener("scroll", g);
+      }), s.value = [];
+    });
+    const M = () => {
+      w.value && (f.value && clearTimeout(f.value), f.value = setTimeout(() => {
+        a.value = !0, Je(() => b());
+      }, t.delay));
+    }, E = () => {
+      w.value && t.clickable && (u.value = !u.value), u.value && Je(() => {
+        b();
+      });
+    }, D = () => {
+      f.value && clearTimeout(f.value), u.value || (a.value = !1);
+    }, b = () => {
+      if (!i.value || !o.value)
+        return;
+      const C = i.value.getBoundingClientRect(), g = o.value.getBoundingClientRect();
+      let S = 0, y = 0;
+      const F = t.position || wn(C), J = C.top - g.height - t.offset >= 0, U = $.value - (C.bottom + g.height + t.offset) >= 0, ce = C.left + C.width / 2 - g.width / 2, ne = C.top + C.height / 2 - g.height / 2;
+      switch (F) {
+        case "top":
+          S = J ? C.top - g.height - t.offset : C.bottom + t.offset, y = ce;
+          break;
+        case "bottom":
+          S = U ? C.bottom + t.offset : C.top - g.height - t.offset, y = ce;
+          break;
+        case "left":
+          y = C.left - g.width - t.offset, S = ne;
+          break;
+        case "right":
+          y = C.left + C.width + t.offset, S = ne;
+          break;
+      }
+      const me = $.value - (S + g.height), ue = S;
+      if (a.value = ue > 0 && me > 0, F === "right" || F === "left")
+        y = Math.max(0, y);
+      else {
+        y + g.width > v.value && (y = v.value - g.width), y = Math.max(0, y);
+        const ve = $.value - g.height;
+        S = Math.min(Math.max(S, 0), ve);
+      }
+      r.value = {
+        top: `${S}px`,
+        left: `${y}px`
+      }, l.value = F;
+    };
+    return yt(() => {
+      window.addEventListener("resize", D), n.value && Sn(n.value).forEach((g) => {
+        const S = () => {
+          u.value = !1, D();
+        };
+        g.addEventListener("scroll", S), s.value.push({ element: g, listener: S });
+      });
+    }), (C, g) => (d(), p("div", {
+      ref_key: "dzangolabVueUITooltip",
+      ref: n,
+      "aria-label": e.ariaLabel,
+      class: "tooltip-container",
+      onMouseenter: M,
+      onMouseleave: D,
+      onClick: E
+    }, [
+      h("div", {
+        ref_key: "dzangolabVueUITooltipTrigger",
+        ref: i,
+        class: N([{ clickable: e.clickable }, "tooltip-trigger"])
+      }, [
+        I(C.$slots, "default")
+      ], 2),
+      a.value ? (d(), p("div", {
+        key: 0,
+        ref_key: "dzangolabVueUITooltipContent",
+        ref: o,
+        class: N(["tooltip-content", l.value]),
+        style: Ne(r.value)
+      }, [
+        I(C.$slots, "content")
+      ], 6)) : k("", !0)
+    ], 40, I0));
+  }
+}), A0 = ["aria-label", "href", "data-youtube-video-token"], N0 = ["src", "alt", "data-aspect-ratio"], F0 = ["href"], V0 = {
+  name: "YoutubeFacade"
+}, ra = /* @__PURE__ */ A({
+  ...V0,
+  props: {
+    alt: {
+      default: null,
+      required: !1,
+      type: String
+    },
+    aspectRatio: {
+      default: "16/9",
+      required: !1,
+      type: String
+    },
+    imageSource: {
+      default: null,
+      required: !1,
+      type: String
+    },
+    videoLink: {
+      required: !0,
+      type: String
+    },
+    videoToken: {
+      required: !0,
+      type: String
+    }
+  },
+  setup(e) {
+    const t = e, n = (i) => {
+      i.preventDefault(), i.stopPropagation();
+      const a = i.currentTarget, l = a.firstElementChild, r = Object.assign(document.createElement("iframe"), {
+        allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+        className: "videoEmbed",
+        frameborder: "0",
+        src: "https://www.youtube.com/embed/" + a.dataset.youtubeVideoToken + "?autoplay=1",
+        title: l.alt
+      });
+      l.dataset.aspectRatio && (r.style.aspectRatio = l.dataset.aspectRatio);
+      const s = a.parentNode;
+      s && s.replaceChild(r, a);
+    }, o = Y(() => t.imageSource || `https://img.youtube.com/vi/${t.videoToken}/maxresdefault.jpg`);
+    return (i, a) => (d(), p("div", {
+      class: "youtube-facade",
+      style: Ne(`background-image: url(${o.value})`)
+    }, [
+      h("div", {
+        style: Ne(`aspect-ratio: ${e.aspectRatio}`)
+      }, [
+        h("a", {
+          "aria-label": (e.alt ?? "youtube") + " video",
+          href: e.videoLink,
+          "data-youtube-video-token": e.videoToken,
+          rel: "noreferrer",
+          target: "_blank",
+          style: Ne(`aspect-ratio: ${e.aspectRatio}`),
+          onClick: n
+        }, [
+          h("img", {
+            src: o.value,
+            alt: e.alt,
+            "data-aspect-ratio": e.aspectRatio,
+            style: Ne(`aspect-ratio: ${e.aspectRatio}`)
+          }, null, 12, N0)
+        ], 12, A0),
+        h("a", {
+          href: e.videoLink,
+          rel: "noreferrer",
+          target: "_blank"
+        }, a[0] || (a[0] = [
+          Q(" Watch On "),
+          h("b", null, "YouTube", -1)
+        ]), 8, F0)
+      ], 4)
+    ], 4));
+  }
+}), sa = {
+  install: (e) => {
+    e.component("LoadingButton", $o), e.component("LoadingIcon", wt), e.component("Page", d2);
+  }
+};
+export {
+  R0 as Accordion,
+  to as BadgeComponent,
+  he as ButtonElement,
+  mo as Card,
+  tn as ConfirmationModal,
+  H0 as Data,
+  U0 as DebouncedInput,
+  G0 as Divider,
+  q0 as Dropdown,
+  W0 as Errors,
+  ta as FacebookSignInButton,
+  Bi as FileCard,
+  Y0 as FilesList,
+  na as GoogleSignInButton,
+  X0 as GridContainer,
+  $o as LoadingButton,
+  wt as LoadingIcon,
+  Zi as LoadingPage,
+  K0 as Message,
+  Q0 as Modal,
+  d2 as Page,
+  ti as Popup,
+  J0 as ResponsiveMenu,
+  ea as SortableList,
+  oa as Stepper,
+  Z0 as SubPane,
+  aa as TabView,
+  ia as TabbedPanel,
+  la as Tooltip,
+  ra as YoutubeFacade,
+  sa as default,
+  Uo as formatDate,
+  Xo as formatDateTime,
+  wn as getBestPosition,
+  Sn as getScrollableParents,
+  Ko as getStorage,
+  Qo as useDebouncedValue
+};