cja-phoenix 0.2.1 → 0.2.2

package/dist/cja-phoenix.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as re, ref as U, watch as ue, openBlock as P, createBlock as me, Teleport as Bn, createVNode as zt, Transition as sn, withCtx as Ue, withDirectives as ht, createElementVNode as $, withModifiers as Rn, normalizeClass as oe, createElementBlock as H, toDisplayString as xe, createCommentVNode as ie, renderSlot as Ie, vShow as jn, pushScopeId as mt, popScopeId as gt, normalizeStyle as Lr, Fragment as Sn, renderList as Tn, TransitionGroup as xr, unref as E, computed as ce, onMounted as Je, provide as Fi, isRef as Be, getCurrentInstance as xt, onBeforeUnmount as $i, toRef as Xe, resolveDynamicComponent as Un, h as Ze, inject as Ni, reactive as ln, onUnmounted as Ht, nextTick as ft, warn as Bi, watchEffect as Vr, markRaw as Dr, resolveDirective as Pr, normalizeProps as et, guardReactiveProps as un, mergeProps as cn, vModelText as Mr, createTextVNode as Fr, isReactive as ri, isVNode as $r, render as oi } from "vue";
+import { defineComponent as re, ref as U, watch as ue, openBlock as P, createBlock as me, Teleport as Bn, createVNode as Ht, Transition as sn, withCtx as Ue, withDirectives as ht, createElementVNode as $, withModifiers as Rn, normalizeClass as oe, createElementBlock as H, toDisplayString as xe, createCommentVNode as ie, renderSlot as Ie, vShow as jn, pushScopeId as mt, popScopeId as gt, normalizeStyle as Lr, Fragment as Sn, renderList as Tn, TransitionGroup as xr, unref as E, computed as ce, onMounted as Ge, provide as Fi, isRef as Be, getCurrentInstance as xt, onBeforeUnmount as $i, toRef as Je, resolveDynamicComponent as Un, h as Ze, inject as Ni, reactive as ln, onUnmounted as Vt, nextTick as ft, warn as Bi, watchEffect as Vr, markRaw as Dr, resolveDirective as Pr, normalizeProps as et, guardReactiveProps as un, mergeProps as cn, vModelText as Mr, createTextVNode as Fr, isReactive as ri, isVNode as $r, render as oi } from "vue";
 const fe = (e, t) => {
   const n = e.__vccOpts || e;
   for (const [i, r] of t)
@@ -35,7 +35,7 @@ const fe = (e, t) => {
     return t({ active: i, openModal: o, closeModal: s, toggleModal: () => {
       i.value = !i.value;
     } }), (f, h) => (P(), me(Bn, { to: "body" }, [
-      zt(sn, { name: "fade" }, {
+      Ht(sn, { name: "fade" }, {
         default: Ue(() => [
           ht($("div", Br, [
             $("div", {
@@ -135,7 +135,7 @@ const Qr = { class: "content-tabs" }, Zr = { class: "control-container" }, eo =
         }, xe(s.label), 11, eo))), 128))
       ]),
       $("div", to, [
-        zt(xr, { name: "fade" }, {
+        Ht(xr, { name: "fade" }, {
           default: Ue(() => [
             (P(!0), H(Sn, null, Tn(e.tabs, (s) => ht((P(), H("div", {
               key: s.control,
@@ -254,7 +254,7 @@ function vo(e, t) {
 function Ct(e) {
   return typeof e == "function";
 }
-function Dt(e) {
+function Pt(e) {
   return e == null;
 }
 const tt = (e) => e !== null && !!e && typeof e == "object" && !Array.isArray(e);
@@ -273,7 +273,7 @@ const Gt = Symbol("vee-validate-form"), yo = Symbol("vee-validate-field-instance
 function xn(e) {
   return Ct(e) && !!e.__locatorRef;
 }
-function Pt(e) {
+function Mt(e) {
   return !!e && Ct(e.validate);
 }
 function kt(e) {
@@ -402,7 +402,7 @@ function Hn(e) {
 function se(e, t, n) {
   return e ? dn(t) ? e[Hn(t)] : (t || "").split(/\.|\[(\d+)\]/).filter(Boolean).reduce((r, o) => _o(r) && o in r ? r[o] : n, e) : n;
 }
-function Ke(e, t, n) {
+function Ye(e, t, n) {
   if (dn(t)) {
     e[Hn(t)] = n;
     return;
@@ -414,7 +414,7 @@ function Ke(e, t, n) {
       r[i[o]] = n;
       return;
     }
-    (!(i[o] in r) || Dt(r[i[o]])) && (r[i[o]] = Ui(i[o + 1]) ? [] : {}), r = r[i[o]];
+    (!(i[o] in r) || Pt(r[i[o]])) && (r[i[o]] = Ui(i[o + 1]) ? [] : {}), r = r[i[o]];
   }
 }
 function _n(e, t) {
@@ -436,7 +436,7 @@ function Qt(e, t) {
       _n(i, n[o]);
       break;
     }
-    if (!(n[o] in i) || Dt(i[n[o]]))
+    if (!(n[o] in i) || Pt(i[n[o]]))
       break;
     i = i[n[o]];
   }
@@ -599,7 +599,7 @@ async function Ki(e, t, n = {}) {
   };
 }
 async function Po(e, t) {
-  if (Pt(e.rules))
+  if (Mt(e.rules))
     return Mo(t, e.rules, { bails: e.bails });
   if (Ct(e.rules) || Array.isArray(e.rules)) {
     const s = {
@@ -816,35 +816,35 @@ function Ji(e) {
     logo: "https://vee-validate.logaretm.com/v4/logo.png"
   }, Go);
 }
-const Mt = {}, Ft = {};
-let Ye;
+const Ft = {}, $t = {};
+let Xe;
 const Ot = Eo(() => {
   setTimeout(async () => {
-    await ft(), Ye == null || Ye.sendInspectorState(wt), Ye == null || Ye.sendInspectorTree(wt);
+    await ft(), Xe == null || Xe.sendInspectorState(wt), Xe == null || Xe.sendInspectorTree(wt);
   }, 100);
 }, 100);
 function zo(e) {
   const t = xt();
-  if (!Ye) {
+  if (!Xe) {
     const n = t == null ? void 0 : t.appContext.app;
     if (!n)
       return;
     Ji(n);
   }
-  Mt[e.formId] = Object.assign({}, e), Mt[e.formId]._vm = t, Ht(() => {
-    delete Mt[e.formId], Ot();
+  Ft[e.formId] = Object.assign({}, e), Ft[e.formId]._vm = t, Vt(() => {
+    delete Ft[e.formId], Ot();
   }), Ot();
 }
 function Ho(e) {
   const t = xt();
-  if (!Ye) {
+  if (!Xe) {
     const n = t == null ? void 0 : t.appContext.app;
     if (!n)
       return;
     Ji(n);
   }
-  Ft[e.id] = Object.assign({}, e), Ft[e.id]._vm = t, Ht(() => {
-    delete Ft[e.id], Ot();
+  $t[e.id] = Object.assign({}, e), $t[e.id]._vm = t, Vt(() => {
+    delete $t[e.id], Ot();
   }), Ot();
 }
 const wt = "vee-validate-inspector", Ce = {
@@ -858,9 +858,9 @@ const wt = "vee-validate-inspector", Ce = {
   orange: 16099682,
   gray: 12304330
 };
-let qe = null;
+let Ke = null;
 function Go(e) {
-  Ye = e, e.addInspector({
+  Xe = e, e.addInspector({
     id: wt,
     icon: "rule",
     label: "vee-validate",
@@ -870,11 +870,11 @@ function Go(e) {
         icon: "done_outline",
         tooltip: "Validate selected item",
         action: async () => {
-          if (!qe) {
+          if (!Ke) {
             console.error("There is not a valid selected vee-validate node or component");
             return;
           }
-          const t = await qe.validate();
+          const t = await Ke.validate();
           console.log(t);
         }
       },
@@ -882,22 +882,22 @@ function Go(e) {
         icon: "delete_sweep",
         tooltip: "Clear validation state of the selected item",
         action: () => {
-          if (!qe) {
+          if (!Ke) {
             console.error("There is not a valid selected vee-validate node or component");
             return;
           }
-          if ("id" in qe) {
-            qe.resetField();
+          if ("id" in Ke) {
+            Ke.resetField();
             return;
           }
-          qe.resetForm();
+          Ke.resetForm();
         }
       }
     ]
   }), e.on.getInspectorTree((t) => {
     if (t.inspectorId !== wt)
       return;
-    const n = Object.values(Mt), i = Object.values(Ft);
+    const n = Object.values(Ft), i = Object.values($t);
     t.rootNodes = [
       ...n.map(Wo),
       ...i.map((r) => Kn(r))
@@ -907,21 +907,21 @@ function Go(e) {
       return;
     const { form: i, field: r, type: o } = qo(t.nodeId);
     if (i && o === "form") {
-      t.state = Yo(i), qe = i;
+      t.state = Yo(i), Ke = i;
       return;
     }
     if (r && o === "field") {
-      t.state = Ko(r), qe = r;
+      t.state = Ko(r), Ke = r;
       return;
     }
-    qe = null;
+    Ke = null;
   });
 }
 function Wo(e) {
   const { textColor: t, bgColor: n } = Zi(e), i = {};
   Object.values(e.fieldsByPath.value).forEach((s) => {
     const c = Array.isArray(s) ? s[0] : s;
-    !c || Ke(i, E(c.name), Kn(c, e));
+    !c || Ye(i, E(c.name), Kn(c, e));
   });
   function r(s, c = []) {
     const f = [...c].pop();
@@ -998,9 +998,9 @@ function Qi(e, t, n = !0) {
 }
 function qo(e) {
   try {
-    const t = JSON.parse(atob(e)), n = Mt[t.f];
+    const t = JSON.parse(atob(e)), n = Ft[t.f];
     if (!n && t.ff) {
-      const r = Ft[t.ff];
+      const r = $t[t.ff];
       return r ? {
         type: t.type,
         field: r
@@ -1112,7 +1112,7 @@ function er(e, t, n) {
   }, z = ce(() => {
     let T = E(t);
     const q = E(p == null ? void 0 : p.schema);
-    return q && !Pt(q) && (T = Jo(q, E(e)) || T), Pt(T) || Ct(T) || Array.isArray(T) ? T : qi(T);
+    return q && !Mt(q) && (T = Jo(q, E(e)) || T), Mt(T) || Ct(T) || Array.isArray(T) ? T : qi(T);
   });
   async function M(T) {
     var q, ne;
@@ -1131,7 +1131,7 @@ function er(e, t, n) {
     const ne = Wn(T);
     a.value = ne, !h && q && G();
   }
-  Je(() => {
+  Ge(() => {
     if (r)
       return G();
     (!p || !p.validateSchema) && ee();
@@ -1205,10 +1205,10 @@ function er(e, t, n) {
   });
   const _e = ce(() => {
     const T = z.value;
-    return !T || Ct(T) || Pt(T) || Array.isArray(T) ? {} : Object.keys(T).reduce((q, ne) => {
+    return !T || Ct(T) || Mt(T) || Array.isArray(T) ? {} : Object.keys(T).reduce((q, ne) => {
       const Se = xo(T[ne]).map((ye) => ye.__locatorRef).reduce((ye, Ae) => {
-        const Ge = se(p.values, Ae) || p.values[Ae];
-        return Ge !== void 0 && (ye[Ae] = Ge), ye;
+        const We = se(p.values, Ae) || p.values[Ae];
+        return We !== void 0 && (ye[Ae] = We), ye;
       }, {});
       return Object.assign(q, Se), q;
     }, {});
@@ -1354,7 +1354,7 @@ re({
     }
   },
   setup(e, t) {
-    const n = Xe(e, "rules"), i = Xe(e, "name"), r = Xe(e, "label"), o = Xe(e, "uncheckedValue"), s = Xe(e, "keepValue"), { errors: c, value: f, errorMessage: h, validate: g, handleChange: _, handleBlur: C, setTouched: O, resetField: I, handleReset: S, meta: A, checked: p, setErrors: l } = Wt(i, n, {
+    const n = Je(e, "rules"), i = Je(e, "name"), r = Je(e, "label"), o = Je(e, "uncheckedValue"), s = Je(e, "keepValue"), { errors: c, value: f, errorMessage: h, validate: g, handleChange: _, handleBlur: C, setTouched: O, resetField: I, handleReset: S, meta: A, checked: p, setErrors: l } = Wt(i, n, {
       validateOnMount: e.validateOnMount,
       bails: e.bails,
       standalone: e.standalone,
@@ -1453,7 +1453,7 @@ function ia(e) {
     return N && (y[k] = (V = N.bails) !== null && V !== void 0 ? V : !0), y;
   }, {})), l = Object.assign({}, (e == null ? void 0 : e.initialErrors) || {}), u = (t = e == null ? void 0 : e.keepValuesOnUnmount) !== null && t !== void 0 ? t : !1, { initialValues: a, originalInitialValues: v, setInitialValues: d } = oa(o, h, e == null ? void 0 : e.initialValues), m = ra(o, h, v, O), w = ce(() => [...i, ...pe(o.value)].reduce((y, k) => {
     const V = se(h, k);
-    return Ke(y, k, V), y;
+    return Ye(y, k, V), y;
   }, {})), L = e == null ? void 0 : e.validationSchema, F = ui(st, 5), z = ui(st, 5), M = Dn(async (y) => await y === "silent" ? F() : z(), (y, [k]) => {
     const V = R.fieldsByPath.value || {}, N = pe(R.errorBag.value);
     return [
@@ -1474,7 +1474,7 @@ function ia(e) {
   function G(y) {
     return function(V, N) {
       return function(j) {
-        return j instanceof Event && (j.preventDefault(), j.stopPropagation()), q(pe(o.value).reduce((W, ae) => (W[ae] = !0, W), {})), s.value = !0, c.value++, We().then((W) => {
+        return j instanceof Event && (j.preventDefault(), j.stopPropagation()), q(pe(o.value).reduce((W, ae) => (W[ae] = !0, W), {})), s.value = !0, c.value++, qe().then((W) => {
           const ae = te(h);
           if (W.valid && typeof V == "function") {
             const Fe = te(w.value);
@@ -1519,8 +1519,8 @@ function ia(e) {
     fieldArrays: f,
     keepValuesOnUnmount: u,
     validateSchema: E(L) ? M : void 0,
-    validate: We,
-    register: Ge,
+    validate: qe,
+    register: We,
     unregister: it,
     setFieldErrorBag: C,
     validateField: Qe,
@@ -1559,16 +1559,16 @@ function ia(e) {
     var N;
     const Y = o.value[y], j = te(k);
     if (!Y) {
-      Ke(h, y, j);
+      Ye(h, y, j);
       return;
     }
     if (K(Y) && ((N = Y[0]) === null || N === void 0 ? void 0 : N.type) === "checkbox" && !Array.isArray(k)) {
       const ae = te(Vn(se(h, y) || [], k, void 0));
-      Ke(h, y, ae);
+      Ye(h, y, ae);
       return;
     }
     let W = j;
-    !K(Y) && Y.type === "checkbox" && !V && !r && (W = te(Vn(se(h, y), k, E(Y.uncheckedValue)))), Ke(h, y, W);
+    !K(Y) && Y.type === "checkbox" && !V && !r && (W = te(Vn(se(h, y), k, E(Y.uncheckedValue)))), Ye(h, y, W);
   }
   function Ee(y) {
     pe(h).forEach((k) => {
@@ -1580,7 +1580,7 @@ function ia(e) {
   function le(y) {
     const { value: k } = Xi(y, void 0, R);
     return ue(k, () => {
-      S(E(y)) || We({ mode: "validated-only" });
+      S(E(y)) || qe({ mode: "validated-only" });
     }, {
       deep: !0
     }), i.add(E(y)), k;
@@ -1632,7 +1632,7 @@ function ia(e) {
       }
     }
   }
-  function Ge(y) {
+  function We(y) {
     const k = E(y.name);
     ye(y, k), Be(y.name) && ue(y.name, async (N, Y) => {
       await ft(), Ae(y, Y), ye(y, N), (O.value[Y] || O.value[N]) && (de(Y, void 0), Qe(N)), await ft(), S(Y) || Qt(h, Y);
@@ -1661,7 +1661,7 @@ function ia(e) {
       }
     });
   }
-  async function We(y) {
+  async function qe(y) {
     const k = (y == null ? void 0 : y.mode) || "force";
     if (k === "force" && ge((j) => j.meta.validated = !0), R.validateSchema)
       return R.validateSchema(k);
@@ -1692,14 +1692,14 @@ function ia(e) {
     Qt(a.value, y);
   }
   function ot(y, k, V = !1) {
-    Ke(h, y, k), at(y, k), V && !(e != null && e.initialValues) && Ke(v.value, y, te(k));
+    Ye(h, y, k), at(y, k), V && !(e != null && e.initialValues) && Ye(v.value, y, te(k));
   }
   function at(y, k) {
-    Ke(a.value, y, te(k));
+    Ye(a.value, y, te(k));
   }
   async function st() {
     const y = E(L);
-    return y ? Pt(y) ? await No(y, h) : await Bo(y, h, {
+    return y ? Mt(y) ? await No(y, h) : await Bo(y, h, {
       names: A.value,
       bailsMap: p.value
     }) : { valid: !0, results: {}, errors: {} };
@@ -1707,9 +1707,9 @@ function ia(e) {
   const Me = J((y, { evt: k }) => {
     Gi(k) && k.target.submit();
   });
-  return Je(() => {
+  return Ge(() => {
     if (e != null && e.initialErrors && be(e.initialErrors), e != null && e.initialTouched && q(e.initialTouched), e != null && e.validateOnMount) {
-      We();
+      qe();
       return;
     }
     R.validateSchema && R.validateSchema("silent");
@@ -1747,7 +1747,7 @@ function oa(e, t, n) {
       if (!h || g)
         return;
       const _ = se(i.value, f);
-      Ke(t, f, te(_));
+      Ye(t, f, te(_));
     });
   }
   return Be(n) && ue(n, (s) => {
@@ -1826,7 +1826,7 @@ re({
     }
   },
   setup(e, t) {
-    const n = Xe(e, "initialValues"), i = Xe(e, "validationSchema"), r = Xe(e, "keepValues"), { errors: o, values: s, meta: c, isSubmitting: f, submitCount: h, controlledValues: g, validate: _, validateField: C, handleReset: O, resetForm: I, handleSubmit: S, setErrors: A, setFieldError: p, setFieldValue: l, setValues: u, setFieldTouched: a, setTouched: v, resetField: d } = ia({
+    const n = Je(e, "initialValues"), i = Je(e, "validationSchema"), r = Je(e, "keepValues"), { errors: o, values: s, meta: c, isSubmitting: f, submitCount: h, controlledValues: g, validate: _, validateField: C, handleReset: O, resetForm: I, handleSubmit: S, setErrors: A, setFieldError: p, setFieldValue: l, setValues: u, setFieldTouched: a, setTouched: v, resetField: d } = ia({
       validationSchema: i.value ? i : void 0,
       initialValues: n,
       initialErrors: e.initialErrors,
@@ -1965,7 +1965,7 @@ function sa(e) {
     d.splice(u, 1), t == null || t.unsetInitialValue(a + `[${u}]`), t == null || t.setFieldValue(a, d), n.value.splice(u, 1), f();
   }
   function _(u) {
-    const a = E(e), v = se(t == null ? void 0 : t.values, a), d = Dt(v) ? [] : v;
+    const a = E(e), v = se(t == null ? void 0 : t.values, a), d = Pt(v) ? [] : v;
     if (!Array.isArray(d))
       return;
     const m = [...d];
@@ -1996,14 +1996,14 @@ function sa(e) {
     !Array.isArray(d) || d.length - 1 < u || (t == null || t.setFieldValue(`${v}[${u}]`, a), t == null || t.validate({ mode: "validated-only" }));
   }
   function A(u) {
-    const a = E(e), v = se(t == null ? void 0 : t.values, a), d = Dt(v) ? [] : v;
+    const a = E(e), v = se(t == null ? void 0 : t.values, a), d = Pt(v) ? [] : v;
     if (!Array.isArray(d))
       return;
     const m = [u, ...d];
     t == null || t.stageInitialValue(a + `[${m.length - 1}]`, u), t == null || t.setFieldValue(a, m), n.value.unshift(h(u)), f();
   }
   function p(u, a) {
-    const v = E(e), d = se(t == null ? void 0 : t.values, v), m = Dt(d) ? [] : [...d];
+    const v = E(e), d = se(t == null ? void 0 : t.values, v), m = Pt(d) ? [] : [...d];
     if (!Array.isArray(d) || !(u in d) || !(a in d))
       return;
     const w = [...n.value], L = w[u];
@@ -2037,7 +2037,7 @@ re({
     }
   },
   setup(e, t) {
-    const { push: n, remove: i, swap: r, insert: o, replace: s, update: c, prepend: f, move: h, fields: g } = sa(Xe(e, "name"));
+    const { push: n, remove: i, swap: r, insert: o, replace: s, update: c, prepend: f, move: h, fields: g } = sa(Je(e, "name"));
     function _() {
       return {
         fields: g.value,
@@ -2091,7 +2091,7 @@ re({
   }
 });
 /*! maska v2.1.7 | (c) Alexander Shabunevich | Released under the MIT license */
-var la = Object.defineProperty, ua = (e, t, n) => t in e ? la(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, $t = (e, t, n) => (ua(e, typeof t != "symbol" ? t + "" : t, n), n);
+var la = Object.defineProperty, ua = (e, t, n) => t in e ? la(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Nt = (e, t, n) => (ua(e, typeof t != "symbol" ? t + "" : t, n), n);
 const vi = {
   "#": { pattern: /[0-9]/ },
   "@": { pattern: /[a-zA-Z]/ },
@@ -2099,7 +2099,7 @@ const vi = {
 };
 class hi {
   constructor(t = {}) {
-    $t(this, "opts", {}), $t(this, "memo", /* @__PURE__ */ new Map());
+    Nt(this, "opts", {}), Nt(this, "memo", /* @__PURE__ */ new Map());
     var n;
     const i = { ...t };
     if (i.tokens != null) {
@@ -2195,10 +2195,10 @@ const tr = (e) => JSON.parse(e.replaceAll("'", '"')), mi = (e, t = {}) => {
 };
 class fa {
   constructor(t, n = {}) {
-    $t(this, "items", /* @__PURE__ */ new Map()), $t(this, "beforeinputEvent", (i) => {
+    Nt(this, "items", /* @__PURE__ */ new Map()), Nt(this, "beforeinputEvent", (i) => {
       const r = i.target, o = this.items.get(r);
       o.isEager() && "inputType" in i && i.inputType.startsWith("delete") && o.unmasked(r.value).length <= 1 && this.setMaskedValue(r, "");
-    }), $t(this, "inputEvent", (i) => {
+    }), Nt(this, "inputEvent", (i) => {
       if (i instanceof CustomEvent && i.type === "input" && i.detail != null && typeof i.detail == "object" && "masked" in i.detail)
         return;
       const r = i.target, o = this.items.get(r), s = r.value, c = r.selectionStart, f = r.selectionEnd;
@@ -2350,7 +2350,7 @@ const ba = ["data-maska", "id", "inputmode", "placeholder", "type", "value", "di
       i.validation,
       { initialValue: i.modelValue }
     ), f = U(), h = U();
-    return Je(() => {
+    return Ge(() => {
       if (i.suffix) {
         const g = parseInt(
           window.getComputedStyle(f.value).getPropertyValue("padding-right")
@@ -3136,7 +3136,7 @@ const Oa = ["id", "placeholder", "disabled", "value", "autocomplete"], Ea = /* @
       i.validation,
       { initialValue: i.modelValue }
     );
-    return t({ errorMessage: s, meta: c, validate: f }), Je(() => {
+    return t({ errorMessage: s, meta: c, validate: f }), Ge(() => {
       r.value.addEventListener(
         "countrychange",
         () => n(
@@ -3300,9 +3300,9 @@ const Ha = (e) => (mt("data-v-5e8dff70"), e = e(), gt(), e), Ga = { class: "sele
         d.style.width = `${m}px`, d.style.whiteSpace = "nowrap";
       });
     });
-    Je(() => {
+    Ge(() => {
       A.observe(s.value), window.addEventListener("resize", S);
-    }), Ht(() => {
+    }), Vt(() => {
       window.removeEventListener("resize", S);
     });
     const p = (v) => {
@@ -3337,7 +3337,7 @@ const Ha = (e) => (mt("data-v-5e8dff70"), e = e(), gt(), e), Ga = { class: "sele
             Wa
           ], 2),
           (P(), me(Bn, { to: "body" }, [
-            zt(sn, {
+            Ht(sn, {
               name: "slide-fade",
               onEnter: u,
               onAfterLeave: d[2] || (d[2] = (m) => f.value = null)
@@ -3535,9 +3535,9 @@ const ms = (e) => (mt("data-v-3d3a0375"), e = e(), gt(), e), gs = { class: "coll
         i.value.style.height = "0", i.value.style.overflow = "";
       });
     };
-    return Je(() => {
+    return Ge(() => {
       t.defaultActive && o(), window.addEventListener("resize", o);
-    }), Ht(() => {
+    }), Vt(() => {
       window.removeEventListener("resize", o);
     }), (c, f) => (P(), H("div", gs, [
       $("div", {
@@ -3549,7 +3549,7 @@ const ms = (e) => (mt("data-v-3d3a0375"), e = e(), gt(), e), gs = { class: "coll
         ]),
         bs
       ], 2),
-      zt(sn, {
+      Ht(sn, {
         name: "slide",
         onBeforeEnter: s,
         onEnter: o,
@@ -3627,7 +3627,7 @@ const As = (e) => (mt("data-v-93c6b294"), e = e(), gt(), e), Is = ["onClick"], S
       n.value = !1;
     };
     return t({ openDetails: r, closeDetails: o }), (s, c) => (P(), me(Bn, { to: "body" }, [
-      zt(sn, { name: "details" }, {
+      Ht(sn, { name: "details" }, {
         default: Ue(() => [
           n.value ? (P(), H("div", {
             key: 0,
@@ -3683,10 +3683,10 @@ const As = (e) => (mt("data-v-93c6b294"), e = e(), gt(), e), Is = ["onClick"], S
   * (c) 2022 
   * @license MIT
   */
-var ke = "top", De = "bottom", Pe = "right", Oe = "left", Yn = "auto", Kt = [ke, De, Pe, Oe], Et = "start", Rt = "end", Ms = "clippingParents", or = "viewport", Vt = "popper", Fs = "reference", yi = /* @__PURE__ */ Kt.reduce(function(e, t) {
-  return e.concat([t + "-" + Et, t + "-" + Rt]);
+var ke = "top", De = "bottom", Pe = "right", Oe = "left", Yn = "auto", Kt = [ke, De, Pe, Oe], Et = "start", jt = "end", Ms = "clippingParents", or = "viewport", Dt = "popper", Fs = "reference", yi = /* @__PURE__ */ Kt.reduce(function(e, t) {
+  return e.concat([t + "-" + Et, t + "-" + jt]);
 }, []), ar = /* @__PURE__ */ [].concat(Kt, [Yn]).reduce(function(e, t) {
-  return e.concat([t, t + "-" + Et, t + "-" + Rt]);
+  return e.concat([t, t + "-" + Et, t + "-" + jt]);
 }, []), $s = "beforeRead", Ns = "read", Bs = "afterRead", Rs = "beforeMain", js = "main", Us = "afterMain", zs = "beforeWrite", Hs = "write", Gs = "afterWrite", Ws = [$s, Ns, Bs, Rs, js, Us, zs, Hs, Gs];
 function ze(e) {
   return e ? (e.nodeName || "").toLowerCase() : null;
@@ -3839,11 +3839,11 @@ function Yt(e) {
 function Jn(e) {
   return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
 }
-function Nt(e, t, n) {
+function Bt(e, t, n) {
   return pt(e, on(t, n));
 }
 function Js(e, t, n) {
-  var i = Nt(e, t, n);
+  var i = Bt(e, t, n);
   return i > n ? n : i;
 }
 function cr() {
@@ -3870,7 +3870,7 @@ var Qs = function(t, n) {
 function Zs(e) {
   var t, n = e.state, i = e.name, r = e.options, o = n.elements.arrow, s = n.modifiersData.popperOffsets, c = je(n.placement), f = Jn(c), h = [Oe, Pe].indexOf(c) >= 0, g = h ? "height" : "width";
   if (!(!o || !s)) {
-    var _ = Qs(r.padding, n), C = Xn(o), O = f === "y" ? ke : Oe, I = f === "y" ? De : Pe, S = n.rects.reference[g] + n.rects.reference[f] - s[f] - n.rects.popper[g], A = s[f] - n.rects.reference[f], p = Yt(o), l = p ? f === "y" ? p.clientHeight || 0 : p.clientWidth || 0 : 0, u = S / 2 - A / 2, a = _[O], v = l - C[g] - _[I], d = l / 2 - C[g] / 2 + u, m = Nt(a, d, v), w = f;
+    var _ = Qs(r.padding, n), C = Xn(o), O = f === "y" ? ke : Oe, I = f === "y" ? De : Pe, S = n.rects.reference[g] + n.rects.reference[f] - s[f] - n.rects.popper[g], A = s[f] - n.rects.reference[f], p = Yt(o), l = p ? f === "y" ? p.clientHeight || 0 : p.clientWidth || 0 : 0, u = S / 2 - A / 2, a = _[O], v = l - C[g] - _[I], d = l / 2 - C[g] / 2 + u, m = Bt(a, d, v), w = f;
     n.modifiersData[i] = (t = {}, t[w] = m, t.centerOffset = m - d, t);
   }
 }
@@ -3907,12 +3907,12 @@ function _i(e) {
   var t, n = e.popper, i = e.popperRect, r = e.placement, o = e.variation, s = e.offsets, c = e.position, f = e.gpuAcceleration, h = e.adaptive, g = e.roundOffsets, _ = e.isFixed, C = g === !0 ? il(s) : typeof g == "function" ? g(s) : s, O = C.x, I = O === void 0 ? 0 : O, S = C.y, A = S === void 0 ? 0 : S, p = s.hasOwnProperty("x"), l = s.hasOwnProperty("y"), u = Oe, a = ke, v = window;
   if (h) {
     var d = Yt(n), m = "clientHeight", w = "clientWidth";
-    if (d === Ne(n) && (d = nt(n), He(d).position !== "static" && c === "absolute" && (m = "scrollHeight", w = "scrollWidth")), d = d, r === ke || (r === Oe || r === Pe) && o === Rt) {
+    if (d === Ne(n) && (d = nt(n), He(d).position !== "static" && c === "absolute" && (m = "scrollHeight", w = "scrollWidth")), d = d, r === ke || (r === Oe || r === Pe) && o === jt) {
       a = De;
       var L = _ && v.visualViewport ? v.visualViewport.height : d[m];
       A -= L - i.height, A *= f ? 1 : -1;
     }
-    if (r === Oe || (r === ke || r === De) && o === Rt) {
+    if (r === Oe || (r === ke || r === De) && o === jt) {
       u = Pe;
       var F = _ && v.visualViewport ? v.visualViewport.width : d[w];
       I -= F - i.width, I *= f ? 1 : -1;
@@ -4032,11 +4032,11 @@ function ei(e) {
 function pr(e) {
   return ["html", "body", "#document"].indexOf(ze(e)) >= 0 ? e.ownerDocument.body : Ve(e) && ei(e) ? e : pr(hn(e));
 }
-function Bt(e, t) {
+function Rt(e, t) {
   var n;
   t === void 0 && (t = []);
   var i = pr(e), r = i === ((n = e.ownerDocument) == null ? void 0 : n.body), o = Ne(i), s = r ? [o].concat(o.visualViewport || [], ei(i) ? i : []) : i, c = t.concat(s);
-  return r ? c : c.concat(Bt(hn(s)));
+  return r ? c : c.concat(Rt(hn(s)));
 }
 function Mn(e) {
   return Object.assign({}, e, {
@@ -4054,7 +4054,7 @@ function Ci(e, t) {
   return t === or ? Mn(cl(e)) : At(t) ? fl(t) : Mn(dl(nt(e)));
 }
 function pl(e) {
-  var t = Bt(hn(e)), n = ["absolute", "fixed"].indexOf(He(e).position) >= 0, i = n && Ve(e) ? Yt(e) : e;
+  var t = Rt(hn(e)), n = ["absolute", "fixed"].indexOf(He(e).position) >= 0, i = n && Ve(e) ? Yt(e) : e;
   return At(i) ? t.filter(function(r) {
     return At(r) && ur(r, i) && ze(r) !== "body" && (n ? He(r).position !== "static" : !0);
   }) : [];
@@ -4106,27 +4106,27 @@ function vr(e) {
       case Et:
         f[h] = f[h] - (t[g] / 2 - n[g] / 2);
         break;
-      case Rt:
+      case jt:
         f[h] = f[h] + (t[g] / 2 - n[g] / 2);
         break;
     }
   }
   return f;
 }
-function jt(e, t) {
+function Ut(e, t) {
   t === void 0 && (t = {});
-  var n = t, i = n.placement, r = i === void 0 ? e.placement : i, o = n.boundary, s = o === void 0 ? Ms : o, c = n.rootBoundary, f = c === void 0 ? or : c, h = n.elementContext, g = h === void 0 ? Vt : h, _ = n.altBoundary, C = _ === void 0 ? !1 : _, O = n.padding, I = O === void 0 ? 0 : O, S = dr(typeof I != "number" ? I : fr(I, Kt)), A = g === Vt ? Fs : Vt, p = e.rects.popper, l = e.elements[C ? A : g], u = vl(At(l) ? l : l.contextElement || nt(e.elements.popper), s, f), a = St(e.elements.reference), v = vr({
+  var n = t, i = n.placement, r = i === void 0 ? e.placement : i, o = n.boundary, s = o === void 0 ? Ms : o, c = n.rootBoundary, f = c === void 0 ? or : c, h = n.elementContext, g = h === void 0 ? Dt : h, _ = n.altBoundary, C = _ === void 0 ? !1 : _, O = n.padding, I = O === void 0 ? 0 : O, S = dr(typeof I != "number" ? I : fr(I, Kt)), A = g === Dt ? Fs : Dt, p = e.rects.popper, l = e.elements[C ? A : g], u = vl(At(l) ? l : l.contextElement || nt(e.elements.popper), s, f), a = St(e.elements.reference), v = vr({
     reference: a,
     element: p,
     strategy: "absolute",
     placement: r
-  }), d = Mn(Object.assign({}, p, v)), m = g === Vt ? d : a, w = {
+  }), d = Mn(Object.assign({}, p, v)), m = g === Dt ? d : a, w = {
     top: u.top - m.top + S.top,
     bottom: m.bottom - u.bottom + S.bottom,
     left: u.left - m.left + S.left,
     right: m.right - u.right + S.right
   }, L = e.modifiersData.offset;
-  if (g === Vt && L) {
+  if (g === Dt && L) {
     var F = L[r];
     Object.keys(w).forEach(function(z) {
       var M = [Pe, De].indexOf(z) >= 0 ? 1 : -1, G = [ke, De].indexOf(z) >= 0 ? "y" : "x";
@@ -4144,7 +4144,7 @@ function hl(e, t) {
   });
   C.length === 0 && (C = _);
   var O = C.reduce(function(I, S) {
-    return I[S] = jt(e, {
+    return I[S] = Ut(e, {
       placement: S,
       boundary: r,
       rootBoundary: o,
@@ -4174,7 +4174,7 @@ function gl(e) {
         allowedAutoPlacements: S
       }) : _e);
     }, []), v = t.rects.reference, d = t.rects.popper, m = /* @__PURE__ */ new Map(), w = !0, L = a[0], F = 0; F < a.length; F++) {
-      var z = a[F], M = je(z), G = Tt(z) === Et, ee = [ke, De].indexOf(M) >= 0, J = ee ? "width" : "height", R = jt(t, {
+      var z = a[F], M = je(z), G = Tt(z) === Et, ee = [ke, De].indexOf(M) >= 0, J = ee ? "width" : "height", R = Ut(t, {
         placement: z,
         boundary: g,
         rootBoundary: _,
@@ -4237,9 +4237,9 @@ function Oi(e) {
   });
 }
 function bl(e) {
-  var t = e.state, n = e.name, i = t.rects.reference, r = t.rects.popper, o = t.modifiersData.preventOverflow, s = jt(t, {
+  var t = e.state, n = e.name, i = t.rects.reference, r = t.rects.popper, o = t.modifiersData.preventOverflow, s = Ut(t, {
     elementContext: "reference"
-  }), c = jt(t, {
+  }), c = Ut(t, {
     altBoundary: !0
   }), f = ki(s, i), h = ki(c, r, o), g = Oi(f), _ = Oi(h);
   t.modifiersData[n] = {
@@ -4304,7 +4304,7 @@ function Al(e) {
   return e === "x" ? "y" : "x";
 }
 function Il(e) {
-  var t = e.state, n = e.options, i = e.name, r = n.mainAxis, o = r === void 0 ? !0 : r, s = n.altAxis, c = s === void 0 ? !1 : s, f = n.boundary, h = n.rootBoundary, g = n.altBoundary, _ = n.padding, C = n.tether, O = C === void 0 ? !0 : C, I = n.tetherOffset, S = I === void 0 ? 0 : I, A = jt(t, {
+  var t = e.state, n = e.options, i = e.name, r = n.mainAxis, o = r === void 0 ? !0 : r, s = n.altAxis, c = s === void 0 ? !1 : s, f = n.boundary, h = n.rootBoundary, g = n.altBoundary, _ = n.padding, C = n.tether, O = C === void 0 ? !0 : C, I = n.tetherOffset, S = I === void 0 ? 0 : I, A = Ut(t, {
     boundary: f,
     rootBoundary: h,
     padding: _,
@@ -4326,11 +4326,11 @@ function Il(e) {
       var G, ee = a === "y" ? ke : Oe, J = a === "y" ? De : Pe, R = a === "y" ? "height" : "width", K = d[a], Q = K + A[ee], ge = K - A[J], de = O ? -w[R] / 2 : 0, be = l === Et ? m[R] : w[R], he = l === Et ? -w[R] : -m[R], Ee = t.elements.arrow, le = O && Ee ? Xn(Ee) : {
         width: 0,
         height: 0
-      }, _e = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : cr(), T = _e[ee], q = _e[J], ne = Nt(0, m[R], le[R]), Se = u ? m[R] / 2 - de - ne - T - F.mainAxis : be - ne - T - F.mainAxis, ye = u ? -m[R] / 2 + de + ne + q + F.mainAxis : he + ne + q + F.mainAxis, Ae = t.elements.arrow && Yt(t.elements.arrow), Ge = Ae ? a === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, it = (G = z == null ? void 0 : z[a]) != null ? G : 0, We = K + Se - it - Ge, Qe = K + ye - it, rt = Nt(O ? on(Q, We) : Q, K, O ? pt(ge, Qe) : ge);
+      }, _e = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : cr(), T = _e[ee], q = _e[J], ne = Bt(0, m[R], le[R]), Se = u ? m[R] / 2 - de - ne - T - F.mainAxis : be - ne - T - F.mainAxis, ye = u ? -m[R] / 2 + de + ne + q + F.mainAxis : he + ne + q + F.mainAxis, Ae = t.elements.arrow && Yt(t.elements.arrow), We = Ae ? a === "y" ? Ae.clientTop || 0 : Ae.clientLeft || 0 : 0, it = (G = z == null ? void 0 : z[a]) != null ? G : 0, qe = K + Se - it - We, Qe = K + ye - it, rt = Bt(O ? on(Q, qe) : Q, K, O ? pt(ge, Qe) : ge);
       d[a] = rt, M[a] = rt - K;
     }
     if (c) {
-      var ot, at = a === "x" ? ke : Oe, st = a === "x" ? De : Pe, Me = d[v], y = v === "y" ? "height" : "width", k = Me + A[at], V = Me - A[st], N = [ke, Oe].indexOf(p) !== -1, Y = (ot = z == null ? void 0 : z[v]) != null ? ot : 0, j = N ? k : Me - m[y] - w[y] - Y + F.altAxis, W = N ? Me + m[y] + w[y] - Y - F.altAxis : V, ae = O && N ? Js(j, Me, W) : Nt(O ? j : k, Me, O ? W : V);
+      var ot, at = a === "x" ? ke : Oe, st = a === "x" ? De : Pe, Me = d[v], y = v === "y" ? "height" : "width", k = Me + A[at], V = Me - A[st], N = [ke, Oe].indexOf(p) !== -1, Y = (ot = z == null ? void 0 : z[v]) != null ? ot : 0, j = N ? k : Me - m[y] - w[y] - Y + F.altAxis, W = N ? Me + m[y] + w[y] - Y - F.altAxis : V, ae = O && N ? Js(j, Me, W) : Bt(O ? j : k, Me, O ? W : V);
       d[v] = ae, M[v] = ae - Me;
     }
     t.modifiersData[i] = M;
@@ -4454,8 +4454,8 @@ function $l(e) {
       setOptions: function(p) {
         var l = typeof p == "function" ? p(g.options) : p;
         S(), g.options = Object.assign({}, o, g.options, l), g.scrollParents = {
-          reference: At(c) ? Bt(c) : c.contextElement ? Bt(c.contextElement) : [],
-          popper: Bt(f)
+          reference: At(c) ? Rt(c) : c.contextElement ? Rt(c.contextElement) : [],
+          popper: Rt(f)
         };
         var u = Pl(Fl([].concat(i, g.options.modifiers)));
         return g.orderedModifiers = u.filter(function(a) {
@@ -4613,7 +4613,7 @@ function En(e, t) {
     n && (n.style.transitionDuration = t + "ms");
   });
 }
-function Ut(e, t) {
+function zt(e, t) {
   e.forEach(function(n) {
     n && n.setAttribute("data-state", t);
   });
@@ -4820,7 +4820,7 @@ function Er(e) {
 Er.$$tippy = !0;
 var ou = 1, en = [], In = [];
 function au(e, t) {
-  var n = Vi(e, Object.assign({}, $e, Or(Ti(t)))), i, r, o, s = !1, c = !1, f = !1, h = !1, g, _, C, O = [], I = Ii(We, n.interactiveDebounce), S, A = ou++, p = null, l = zl(n.plugins), u = {
+  var n = Vi(e, Object.assign({}, $e, Or(Ti(t)))), i, r, o, s = !1, c = !1, f = !1, h = !1, g, _, C, O = [], I = Ii(qe, n.interactiveDebounce), S, A = ou++, p = null, l = zl(n.plugins), u = {
     isEnabled: !0,
     isVisible: !1,
     isDestroyed: !1,
@@ -5000,7 +5000,7 @@ function au(e, t) {
         }
     });
   }
-  function Ge() {
+  function We() {
     O.forEach(function(b) {
       var x = b.node, B = b.eventType, Z = b.handler, X = b.options;
       x.removeEventListener(B, Z, X);
@@ -5015,7 +5015,7 @@ function au(e, t) {
       }), b.type === "click" && (a.props.trigger.indexOf("mouseenter") < 0 || s) && a.props.hideOnClick !== !1 && a.state.isVisible ? B = !0 : k(b), b.type === "click" && (s = !B), B && !Z && V(b);
     }
   }
-  function We(b) {
+  function qe(b) {
     var x = b.target, B = G().contains(x) || d.contains(x);
     if (!(b.type === "mousemove" && B)) {
       var Z = y().concat(d).map(function(X) {
@@ -5144,11 +5144,11 @@ function au(e, t) {
   }
   function W(b) {
     if (!a.state.isDestroyed) {
-      Q("onBeforeUpdate", [a, b]), Ge();
+      Q("onBeforeUpdate", [a, b]), We();
       var x = a.props, B = Vi(e, Object.assign({}, x, Ti(b), {
         ignoreAttributes: !0
       }));
-      a.props = B, Ae(), x.interactiveDebounce !== B.interactiveDebounce && (be(), I = Ii(We, B.interactiveDebounce)), x.triggerTarget && !B.triggerTarget ? dt(x.triggerTarget).forEach(function(Z) {
+      a.props = B, Ae(), x.interactiveDebounce !== B.interactiveDebounce && (be(), I = Ii(qe, B.interactiveDebounce)), x.triggerTarget && !B.triggerTarget ? dt(x.triggerTarget).forEach(function(Z) {
         Z.removeAttribute("aria-expanded");
       }) : B.triggerTarget && e.removeAttribute("aria-expanded"), de(), K(), m && m(x, B), a.popperInstance && (at(), y().forEach(function(Z) {
         requestAnimationFrame(Z._tippy.popperInstance.forceUpdate);
@@ -5172,7 +5172,7 @@ function au(e, t) {
         if (!(!a.state.isVisible || h)) {
           if (h = !0, d.offsetHeight, d.style.transition = a.props.moveTransition, M() && a.props.animation) {
             var yn = J(), Xt = yn.box, bt = yn.content;
-            En([Xt, bt], X), Ut([Xt, bt], "visible");
+            En([Xt, bt], X), zt([Xt, bt], "visible");
           }
           ge(), de(), Si(In, a), (ut = a.popperInstance) == null || ut.forceUpdate(), Q("onMount", [a]), a.props.animation && M() && ne(X, function() {
             a.state.isShown = !0, Q("onShown", [a]);
@@ -5186,7 +5186,7 @@ function au(e, t) {
     if (!(b || x || B) && (Q("onHide", [a], !1), a.props.onHide(a) !== !1)) {
       if (a.state.isVisible = !1, a.state.isShown = !1, h = !1, s = !1, M() && (d.style.visibility = "hidden"), be(), T(), K(!0), M()) {
         var X = J(), we = X.box, Le = X.content;
-        a.props.animation && (En([we, Le], Z), Ut([we, Le], "hidden"));
+        a.props.animation && (En([we, Le], Z), zt([we, Le], "hidden"));
       }
       ge(), de(), a.props.animation ? M() && q(Z, a.unmount) : a.unmount();
     }
@@ -5202,7 +5202,7 @@ function au(e, t) {
     }), a.state.isMounted = !1, Q("onHidden", [a]));
   }
   function Sr() {
-    a.state.isDestroyed || (a.clearDelayTimeouts(), a.unmount(), Ge(), delete e._tippy, a.state.isDestroyed = !0, Q("onDestroy", [a]));
+    a.state.isDestroyed || (a.clearDelayTimeouts(), a.unmount(), We(), delete e._tippy, a.state.isDestroyed = !0, Q("onDestroy", [a]));
   }
 }
 function D(e, t) {
@@ -5364,21 +5364,21 @@ var su = Object.assign({}, lr, {
       onMount: function() {
         if (s) {
           var f = r.style.transitionDuration, h = Number(f.replace("ms", ""));
-          o.style.transitionDelay = Math.round(h / 10) + "ms", s.style.transitionDuration = f, Ut([s], "visible");
+          o.style.transitionDelay = Math.round(h / 10) + "ms", s.style.transitionDuration = f, zt([s], "visible");
         }
       },
       onShow: function() {
         s && (s.style.transitionDuration = "0ms");
       },
       onHide: function() {
-        s && Ut([s], "hidden");
+        s && zt([s], "hidden");
       }
     };
   }
 };
 function cu() {
   var e = vt();
-  return e.className = mr, Ut([e], "hidden"), e;
+  return e.className = mr, zt([e], "hidden"), e;
 }
 var $n = {
   clientX: 0,
@@ -5702,13 +5702,13 @@ function Ir(e, t = {}, n = { mount: !0 }) {
     mount: a,
     state: o
   };
-  return n.mount && (i ? (i.isMounted ? a() : Je(a), Ht(() => {
+  return n.mount && (i ? (i.isMounted ? a() : Ge(a), Vt(() => {
     I();
   })) : a()), Be(t) || ri(t) ? ue(t, g, { immediate: !1 }) : Be(t.content) && ue(t.content, _, { immediate: !1 }), v;
 }
 function yu(e, t) {
   const n = U();
-  return Je(() => {
+  return Ge(() => {
     const r = (Array.isArray(e) ? e.map((o) => o.value) : typeof e == "function" ? e() : e.value).map((o) => o instanceof Element ? o._tippy : o).filter(Boolean);
     n.value = lu(r, t ? { allowHTML: !0, ...t } : { allowHTML: !0 });
   }), {
@@ -5789,7 +5789,7 @@ const bu = re({
     let f = r;
     e.to && (typeof Element < "u" && e.to instanceof Element ? f = () => e.to : (typeof e.to == "string" || e.to instanceof String) && (f = () => document.querySelector(e.to)));
     const h = Ir(f, c());
-    Je(() => {
+    Ge(() => {
       s.value = !0, ft(() => {
         t.content && h.setContent(() => o.value);
       });
@@ -5932,7 +5932,11 @@ const Au = 100, Tu = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.define
     for (const i in e)
       t.value[i] = window.innerWidth >= e[i];
   };
-  return window.addEventListener("resize", n), n(), { activeViewport: t };
+  return Ge(() => {
+    window.addEventListener("resize", n), n();
+  }), Vt(() => {
+    window.removeEventListener("resize", n);
+  }), { activeViewport: t };
 };
 function Iu(e) {
   for (const t in gi)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cja-phoenix",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "scripts": {
     "build:dev": "rimraf dist && vue-tsc && vite build -m development",
     "build:link": "rimraf dist && vue-tsc && vite build -m development && npm link",

package/src/utils/ViewportDetector.ts

@@ -1,4 +1,4 @@
-import { Ref, ref } from "vue";
+import { Ref, onMounted, onUnmounted, ref } from "vue";
 
 export const useViewportDetector = (
   breakpoints: { [index: string]: number } = {
@@ -17,8 +17,14 @@ export const useViewportDetector = (
     }
   };
 
-  window.addEventListener("resize", setViewports);
-  setViewports();
+  onMounted(() => {
+    window.addEventListener("resize", setViewports);
+    setViewports();
+  });
+
+  onUnmounted(() => {
+    window.removeEventListener("resize", setViewports);
+  });
 
   return { activeViewport };
 };