@dcrackel/hematournamentui 1.0.464 → 1.0.465

package/dist/HemaTournamentUI-lib.es.js

@@ -1,7 +1,7 @@
 var nC = Object.defineProperty;
 var rC = (n, e, t) => e in n ? nC(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var ye = (n, e, t) => rC(n, typeof e != "symbol" ? e + "" : e, t);
-import { openBlock as f, createElementBlock as m, normalizeClass as ne, withDirectives as No, createElementVNode as h, vModelText as Sd, Fragment as fe, renderList as be, withKeys as kd, withModifiers as Ct, toDisplayString as Xe, reactive as si, computed as de, resolveComponent as y, createBlock as se, createCommentVNode as x, withCtx as Pe, createVNode as p, normalizeStyle as Lt, Transition as yn, renderSlot as Qe, ref as Ce, defineComponent as it, useSlots as fo, toRef as Hi, onMounted as Et, nextTick as an, onUnmounted as As, watch as nn, mergeProps as Bt, unref as P, isRef as lc, createSlots as Nt, normalizeProps as Dt, guardReactiveProps as tn, resolveDynamicComponent as rA, Teleport as oC, h as ai, render as cc, useAttrs as iC, createTextVNode as gr, onBeforeUpdate as AC, vShow as kA, getCurrentScope as sC, onScopeDispose as aC, createStaticVNode as oA, onBeforeUnmount as ss, getCurrentInstance as lC, watchEffect as cC, shallowRef as uC, markRaw as dC, customRef as gC } from "vue";
+import { openBlock as f, createElementBlock as m, normalizeClass as ne, withDirectives as No, createElementVNode as h, vModelText as Sd, Fragment as fe, renderList as be, withKeys as kd, withModifiers as gt, toDisplayString as Xe, reactive as si, computed as de, resolveComponent as y, createBlock as se, createCommentVNode as x, withCtx as Pe, createVNode as p, normalizeStyle as Lt, Transition as yn, renderSlot as Qe, ref as Ce, defineComponent as it, useSlots as fo, toRef as Hi, onMounted as Et, nextTick as an, onUnmounted as As, watch as nn, mergeProps as Bt, unref as P, isRef as lc, createSlots as Nt, normalizeProps as Dt, guardReactiveProps as tn, resolveDynamicComponent as rA, Teleport as oC, h as ai, render as cc, useAttrs as iC, createTextVNode as gr, onBeforeUpdate as AC, vShow as kA, getCurrentScope as sC, onScopeDispose as aC, createStaticVNode as oA, onBeforeUnmount as ss, getCurrentInstance as lC, watchEffect as cC, shallowRef as uC, markRaw as dC, customRef as gC } from "vue";
 const ie = (n, e) => {
   const t = n.__vccOpts || n;
   for (const [r, o] of e)
@@ -96,7 +96,7 @@ const Je = /* @__PURE__ */ ie(hC, [["render", pC]]), CC = {
     size: {
       type: String,
       default: "sm",
-      validator: (n) => ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"].includes(n)
+      validator: (n) => ["", " ", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"].includes(n)
     },
     centerInput: {
       type: Boolean,
@@ -233,7 +233,7 @@ function vC(n, e, t, r, o, i) {
       role: "radio",
       "aria-checked": o.selectedIndex === a ? "true" : "false",
       tabindex: "0",
-      onKeydown: kd(Ct((l) => i.selectItem(a), ["prevent"]), ["enter"])
+      onKeydown: kd(gt((l) => i.selectItem(a), ["prevent"]), ["enter"])
     }, [
       h("i", {
         class: ne([[o.selectedIndex === a ? "fa-circle-dot text-quaternary " : "fa-circle "], "fa-regular pr-4 pt-2"])
@@ -316,7 +316,7 @@ const bC = /* @__PURE__ */ ie(wC, [["render", yC]]), xC = {
       type: String,
       default: "sm",
       validator: function(n) {
-        return ["", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl", "10xl"].indexOf(n) !== -1;
+        return ["", " ", "xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl", "9xl", "10xl"].indexOf(n) !== -1;
       }
     },
     color: {
@@ -753,7 +753,7 @@ function NC(n, e, t, r, o, i) {
         label: "Edit",
         class: "mt-2",
         primary: "",
-        onClick: Ct(i.handleEditClick, ["stop"])
+        onClick: gt(i.handleEditClick, ["stop"])
       }, null, 8, ["onClick"])
     ])
   ]);
@@ -1081,7 +1081,7 @@ function hI(n, e, t, r, o, i) {
   }, [
     h("div", {
       class: "relative top-20 mx-auto p-5 border w-11/12 md:w-96 shadow-lg rounded-md bg-neutral",
-      onClick: e[0] || (e[0] = Ct(() => {
+      onClick: e[0] || (e[0] = gt(() => {
       }, ["stop"]))
     }, [
       h("div", cI, [
@@ -5387,7 +5387,7 @@ const wa = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
         "aria-label": M.overlayLabel,
         tabindex: M.useRelative ? void 0 : "0",
         onKeydown: H,
-        onClick: R[0] || (R[0] = Ct(() => {
+        onClick: R[0] || (R[0] = gt(() => {
         }, ["prevent"]))
       }, [
         h("div", {
@@ -5415,7 +5415,7 @@ const wa = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
               "aria-disabled": k.disabled || void 0,
               tabindex: "0",
               "data-test": k.text,
-              onClick: Ct((xe) => ae(k), ["prevent"]),
+              onClick: gt((xe) => ae(k), ["prevent"]),
               onKeydown: (xe) => P(Ut)(xe, () => ae(k), !0),
               onMouseover: (xe) => Ae(k.value)
             }, [
@@ -7147,7 +7147,7 @@ const wa = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                     "aria-label": (J = (Re = P(l)) == null ? void 0 : Re.day) == null ? void 0 : J.call(Re, pe),
                     tabindex: "0",
                     "data-test": pe.value,
-                    onClick: Ct((Ee) => ge(Ee, pe), ["prevent"]),
+                    onClick: gt((Ee) => ge(Ee, pe), ["prevent"]),
                     onTouchend: (Ee) => ge(Ee, pe, !1),
                     onKeydown: (Ee) => P(Ut)(Ee, () => Z.$emit("select-date", pe)),
                     onMouseenter: (Ee) => Ae(pe, oe, $),
@@ -7338,7 +7338,7 @@ const wa = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
     }
   }, Re = (q, te, V, le) => {
     if (n.sixWeeks && q.length < 6) {
-      const Be = 6 - q.length, wt = (te.getDay() + 7 - le) % 7, gt = 6 - (V.getDay() + 7 - le) % 7, [Dn, ir] = $(wt, gt);
+      const Be = 6 - q.length, wt = (te.getDay() + 7 - le) % 7, ht = 6 - (V.getDay() + 7 - le) % 7, [Dn, ir] = $(wt, ht);
       for (let Cn = 1; Cn <= Be; Cn++)
         if (ir ? !!(Cn % 2) == Dn : Dn) {
           const jn = q[0].days[0], jr = J(On(jn.value, -7), Ye(te));
@@ -7352,17 +7352,17 @@ const wa = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
   }, J = (q, te) => {
     const V = ce(q), le = [];
     for (let Be = 0; Be < 7; Be++) {
-      const wt = On(V, Be), gt = Ye(wt) !== te;
+      const wt = On(V, Be), ht = Ye(wt) !== te;
       le.push({
-        text: n.hideOffsetDates && gt ? "" : wt.getDate(),
+        text: n.hideOffsetDates && ht ? "" : wt.getDate(),
         value: wt,
-        current: !gt,
+        current: !ht,
         classData: {}
       });
     }
     return le;
   }, ue = (q, te) => {
-    const V = [], le = new Date(te, q), Be = new Date(te, q + 1, 0), wt = n.weekStart, gt = Fn(le, { weekStartsOn: wt }), Dn = (ir) => {
+    const V = [], le = new Date(te, q), Be = new Date(te, q + 1, 0), wt = n.weekStart, ht = Fn(le, { weekStartsOn: wt }), Dn = (ir) => {
       const Cn = J(ir, q);
       if (V.push({ days: Cn }), !V[V.length - 1].days.some(
         (jn) => Ue(Jt(jn.value), Jt(Be))
@@ -7371,7 +7371,7 @@ const wa = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
         Dn(jn);
       }
     };
-    return Dn(gt), Re(V, le, Be, wt);
+    return Dn(ht), Re(V, le, Be, wt);
   }, Ee = (q) => {
     const te = kr(ce(q.value), u.hours, u.minutes, vt());
     e("date-update", te), T.value.enabled ? yl(te, l, T.value.limit) : l.value = te, r(), an().then(() => {
@@ -8091,7 +8091,7 @@ const wa = (n, e) => n == null ? void 0 : n.querySelector(`[data-dp-element="${e
                 style: Lt(Se.style || {}),
                 class: ne(["dp__btn dp--preset-range", { "dp--preset-range-collapsed": n.collapse }]),
                 "data-test": Se.testId ?? void 0,
-                onClick: Ct((jt) => D(Se.value, Se.noTz), ["prevent"]),
+                onClick: gt((jt) => D(Se.value, Se.noTz), ["prevent"]),
                 onKeydown: (jt) => P(Ut)(jt, () => D(Se.value, Se.noTz), !0)
               }, Xe(Se.label), 47, fE))
             ], 64))), 128))
@@ -8851,7 +8851,7 @@ const EE = ({
             type: "button",
             onBlur: R[4] || (R[4] = (_) => T.value = !1),
             onKeydown: R[5] || (R[5] = (_) => P(Ut)(_, () => X(_), !0, W)),
-            onClick: R[6] || (R[6] = Ct((_) => X(_), ["prevent"]))
+            onClick: R[6] || (R[6] = gt((_) => X(_), ["prevent"]))
           }, [
             p(P(_d), {
               class: "dp__input_icons",
@@ -9017,8 +9017,8 @@ const EE = ({
         E.value = null;
         return;
       }
-      const wt = Array.isArray(V) ? !V.some((Dn) => !G(Dn)) : G(V), gt = w(V);
-      wt && gt && (b.value = !0, E.value = V, le && (I.value = Be, Qt(), r("text-submit")), an().then(() => {
+      const wt = Array.isArray(V) ? !V.some((Dn) => !G(Dn)) : G(V), ht = w(V);
+      wt && ht && (b.value = !0, E.value = V, le && (I.value = Be, Qt(), r("text-submit")), an().then(() => {
         b.value = !1;
       }));
     }, di = () => {
@@ -9090,8 +9090,8 @@ const EE = ({
       }), Nt({ _: 2 }, [
         be(P(L), (Be, wt) => ({
           name: Be,
-          fn: Pe((gt) => [
-            Qe(V.$slots, Be, Dt(tn(gt)))
+          fn: Pe((ht) => [
+            Qe(V.$slots, Be, Dt(tn(ht)))
           ])
         }))
       ]), 1040, ["input-value", "is-menu-open", "onSetEmptyDate"]),
@@ -9145,8 +9145,8 @@ const EE = ({
                 }), Nt({ _: 2 }, [
                   be(P(K), (Be, wt) => ({
                     name: Be,
-                    fn: Pe((gt) => [
-                      Qe(V.$slots, Be, Dt(tn({ ...gt })))
+                    fn: Pe((ht) => [
+                      Qe(V.$slots, Be, Dt(tn({ ...ht })))
                     ])
                   }))
                 ]), 1040, ["internal-model-value", "class", "open-on-top", "no-overlay-focus", "collapse", "is-text-input-date", "onRecalculatePosition"])
@@ -10556,7 +10556,7 @@ function yv(n, e, t, r, o, i) {
       }, [
         h("div", {
           class: "w-1/2 min-w-[50rem] bg-neutral rounded-lg shadow-lg pb-6 px-2",
-          onClick: e[0] || (e[0] = Ct(() => {
+          onClick: e[0] || (e[0] = gt(() => {
           }, ["stop"]))
         }, [
           h("div", wv, [
@@ -10994,7 +10994,7 @@ const Lv = /* @__PURE__ */ ie(Pv, [["render", Fv]]), Hv = "data:image/png;base64
       this.$emit("listEvents", this.detail.TournamentId);
     }
   }
-}, qv = { class: "w-28" }, Yv = ["src"], jv = { class: "flex-grow ml-2" }, Kv = { class: "flex flex-row justify-end space-x-4" }, Uv = {
+}, qv = { class: "w-10 md:w-28" }, Yv = ["src"], jv = { class: "flex-grow ml-2" }, Kv = { class: "flex flex-row justify-end space-x-4" }, Uv = {
   key: 0,
   class: "border-l border-dropdownSelect h-12 w-12 items-center text-center rounded-tr-lg rounded-br-lg"
 };
@@ -11009,32 +11009,42 @@ function Gv(n, e, t, r, o, i) {
         key: 0,
         src: i.image,
         alt: "Tournament Image",
-        class: "h-12 m-2 shadow-lg rounded-lg object-cover"
+        class: "h-8 md:h-12 m-2 shadow-lg rounded-lg object-cover"
       }, null, 8, Yv)) : x("", !0)
     ]),
     h("div", jv, [
       p(A, {
         text: t.detail.Name,
-        size: "lg",
+        size: "",
         weight: "bold",
-        color: "quaternary"
+        color: "quaternary",
+        class: "text-sm md:text-lg"
       }, null, 8, ["text"]),
       p(A, {
         text: i.formattedDateRange,
-        size: "sm",
+        size: "",
         weight: "normal",
-        color: "quaternary"
+        color: "quaternary",
+        class: "text-xs md:text-sm"
       }, null, 8, ["text"])
     ]),
     h("div", Kv, [
       h("div", {
-        class: ne(["mt-1", t.detail.CanRemove ? "" : "mr-2"])
+        class: ne(["md:mt-1", t.detail.CanRemove ? "" : "mr-2"])
       }, [
         p(a, {
           label: "Edit",
           size: "sm",
           type: "primary",
-          onClick: Ct(i.handleEditClick, ["stop"])
+          onClick: gt(i.handleEditClick, ["stop"]),
+          class: "hidden md:block"
+        }, null, 8, ["onClick"]),
+        p(a, {
+          label: "Edit",
+          size: "xs",
+          type: "primary",
+          onClick: gt(i.handleEditClick, ["stop"]),
+          class: "block md:hidden"
         }, null, 8, ["onClick"])
       ], 2),
       t.detail.CanRemove ? (f(), m("div", Uv, [
@@ -11042,9 +11052,9 @@ function Gv(n, e, t, r, o, i) {
           "icon-name": "fa-circle-xmark",
           size: "2xl",
           color: "quinary",
-          class: "p-2",
+          class: "md:p-2",
           hover: "alarm",
-          onClick: Ct(i.deleteTournament, ["stop"])
+          onClick: gt(i.deleteTournament, ["stop"])
         }, null, 8, ["onClick"])
       ])) : x("", !0)
     ])
@@ -11801,7 +11811,7 @@ var Lw = Array.prototype.slice;
 function Og(n) {
   return Array.from ? Array.from(n) : Lw.call(n);
 }
-function ht(n, e) {
+function pt(n, e) {
   return n && $t(e) && (Array.isArray(n) || Ke(n.length) ? Og(n).forEach(function(t, r) {
     e.call(n, t, r, n);
   }) : co(n) && Object.keys(n).forEach(function(t) {
@@ -11824,7 +11834,7 @@ function qo(n) {
 var Nw = /^width|height|left|top|marginLeft|marginTop$/;
 function wr(n, e) {
   var t = n.style;
-  ht(e, function(r, o) {
+  pt(e, function(r, o) {
     Nw.test(o) && Ke(r) && (r = "".concat(r, "px")), t[o] = r;
   });
 }
@@ -11834,7 +11844,7 @@ function qw(n, e) {
 function bt(n, e) {
   if (e) {
     if (Ke(n.length)) {
-      ht(n, function(r) {
+      pt(n, function(r) {
         bt(r, e);
       });
       return;
@@ -11850,7 +11860,7 @@ function bt(n, e) {
 function _n(n, e) {
   if (e) {
     if (Ke(n.length)) {
-      ht(n, function(t) {
+      pt(n, function(t) {
         _n(t, e);
       });
       return;
@@ -11865,7 +11875,7 @@ function _n(n, e) {
 function Fo(n, e, t) {
   if (e) {
     if (Ke(n.length)) {
-      ht(n, function(r) {
+      pt(n, function(r) {
         Fo(r, e, t);
       });
       return;
@@ -11981,8 +11991,8 @@ function Mi(n) {
 }
 function Uw(n) {
   var e = Qg({}, n), t = 0;
-  return ht(n, function(r, o) {
-    delete e[o], ht(e, function(i) {
+  return pt(n, function(r, o) {
+    delete e[o], pt(e, function(i) {
       var A = Math.abs(r.startX - i.startX), a = Math.abs(r.startY - i.startY), l = Math.abs(r.endX - i.endX), c = Math.abs(r.endY - i.endY), u = Math.sqrt(A * A + a * a), d = Math.sqrt(l * l + c * c), g = (d - u) / u;
       Math.abs(g) > Math.abs(t) && (t = g);
     });
@@ -12000,7 +12010,7 @@ function BA(n, e) {
 }
 function Gw(n) {
   var e = 0, t = 0, r = 0;
-  return ht(n, function(o) {
+  return pt(n, function(o) {
     var i = o.startX, A = o.startY;
     e += i, t += A, r += 1;
   }), e /= r, t /= r, {
@@ -12068,7 +12078,7 @@ function Ww(n, e, t) {
 var Xw = /^data:.*,/;
 function Zw(n) {
   var e = n.replace(Xw, ""), t = atob(e), r = new ArrayBuffer(t.length), o = new Uint8Array(r);
-  return ht(o, function(i, A) {
+  return pt(o, function(i, A) {
     o[A] = t.charCodeAt(A);
   }), r;
 }
@@ -12257,7 +12267,7 @@ var ty = {
     var e = this.element, t = this.crossOrigin, r = this.options.preview, o = t ? this.crossOriginUrl : this.url, i = e.alt || "The image to preview", A = document.createElement("img");
     if (t && (A.crossOrigin = t), A.src = o, A.alt = i, this.viewBox.appendChild(A), this.viewBoxImage = A, !!r) {
       var a = r;
-      typeof r == "string" ? a = e.ownerDocument.querySelectorAll(r) : r.querySelector && (a = [r]), this.previews = a, ht(a, function(l) {
+      typeof r == "string" ? a = e.ownerDocument.querySelectorAll(r) : r.querySelector && (a = [r]), this.previews = a, pt(a, function(l) {
         var c = document.createElement("img");
         Ki(l, mA, {
           width: l.offsetWidth,
@@ -12268,7 +12278,7 @@ var ty = {
     }
   },
   resetPreview: function() {
-    ht(this.previews, function(e) {
+    pt(this.previews, function(e) {
       var t = Pa(e, mA);
       wr(e, {
         width: t.width,
@@ -12284,7 +12294,7 @@ var ty = {
     }, Mi(nt({
       translateX: -l,
       translateY: -c
-    }, e)))), ht(this.previews, function(u) {
+    }, e)))), pt(this.previews, function(u) {
       var d = Pa(u, mA), g = d.width, C = d.height, I = g, B = C, Q = 1;
       o && (Q = g / o, B = i * Q), i && B > C && (Q = C / i, I = o * Q, B = C), wr(u, {
         width: I,
@@ -12319,9 +12329,9 @@ var ty = {
       var e = this.options, t = this.container, r = this.containerData, o = t.offsetWidth / r.width, i = t.offsetHeight / r.height, A = Math.abs(o - 1) > Math.abs(i - 1) ? o : i;
       if (A !== 1) {
         var a, l;
-        e.restore && (a = this.getCanvasData(), l = this.getCropBoxData()), this.render(), e.restore && (this.setCanvasData(ht(a, function(c, u) {
+        e.restore && (a = this.getCanvasData(), l = this.getCropBoxData()), this.render(), e.restore && (this.setCanvasData(pt(a, function(c, u) {
           a[u] = c * A;
-        })), this.setCropBoxData(ht(l, function(c, u) {
+        })), this.setCropBoxData(pt(l, function(c, u) {
           l[u] = c * A;
         })));
       }
@@ -12341,7 +12351,7 @@ var ty = {
     if (!(this.disabled || (e.type === "mousedown" || e.type === "pointerdown" && e.pointerType === "mouse") && // No primary button (Usually the left button)
     (Ke(t) && t !== 1 || Ke(r) && r !== 0 || e.ctrlKey))) {
       var o = this.options, i = this.pointers, A;
-      e.changedTouches ? ht(e.changedTouches, function(a) {
+      e.changedTouches ? pt(e.changedTouches, function(a) {
         i[a.identifier] = BA(a);
       }) : i[e.pointerId || 0] = BA(e), Object.keys(i).length > 1 && o.zoomable && o.zoomOnTouch ? A = xg : A = Pa(e.target, ji), Mw.test(A) && Yo(this.element, Ta, {
         originalEvent: e,
@@ -12356,7 +12366,7 @@ var ty = {
       e.preventDefault(), Yo(this.element, Oa, {
         originalEvent: e,
         action: t
-      }) !== !1 && (e.changedTouches ? ht(e.changedTouches, function(o) {
+      }) !== !1 && (e.changedTouches ? pt(e.changedTouches, function(o) {
         nt(r[o.identifier] || {}, BA(o, !0));
       }) : nt(r[e.pointerId || 0] || {}, BA(e, !0)), this.change(e));
     }
@@ -12364,7 +12374,7 @@ var ty = {
   cropEnd: function(e) {
     if (!this.disabled) {
       var t = this.action, r = this.pointers;
-      e.changedTouches ? ht(e.changedTouches, function(o) {
+      e.changedTouches ? pt(e.changedTouches, function(o) {
         delete r[o.identifier];
       }) : delete r[e.pointerId || 0], t && (e.preventDefault(), Object.keys(r).length || (this.action = ""), this.cropping && (this.cropping = !1, Fo(this.dragBox, qA, this.cropped && this.options.modal)), Yo(this.element, Ma, {
         originalEvent: e,
@@ -12485,7 +12495,7 @@ var ty = {
         v = Pg(this.cropper), c = G.startX - v.left, u = G.startY - v.top, d = i.minWidth, g = i.minHeight, w.x > 0 ? a = w.y > 0 ? Ei : mi : w.x < 0 && (c -= d, a = w.y > 0 ? Qi : Bi), w.y < 0 && (u -= g), this.cropped || (_n(this.cropBox, en), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
         break;
     }
-    S && (i.width = d, i.height = g, i.left = c, i.top = u, this.action = a, this.renderCropBox()), ht(A, function(U) {
+    S && (i.width = d, i.height = g, i.left = c, i.top = u, this.action = a, this.renderCropBox()), pt(A, function(U) {
       U.startX = U.endX, U.startY = U.endY;
     });
   }
@@ -12515,7 +12525,7 @@ var ty = {
    */
   replace: function(e) {
     var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
-    return !this.disabled && e && (this.isImg && (this.element.src = e), t ? (this.url = e, this.image.src = e, this.ready && (this.viewBoxImage.src = e, ht(this.previews, function(r) {
+    return !this.disabled && e && (this.isImg && (this.element.src = e), t ? (this.url = e, this.image.src = e, this.ready && (this.viewBoxImage.src = e, pt(this.previews, function(r) {
       r.getElementsByTagName("img")[0].src = e;
     }))) : (this.isImg && (this.replaced = !0), this.options.data = null, this.uncreate(), this.load(e))), this;
   },
@@ -12652,7 +12662,7 @@ var ty = {
         height: i.height
       };
       var a = r.width / r.naturalWidth;
-      if (ht(A, function(u, d) {
+      if (pt(A, function(u, d) {
         A[d] = u / a;
       }), e) {
         var l = Math.round(A.y + A.height), c = Math.round(A.x + A.width);
@@ -12702,7 +12712,7 @@ var ty = {
    */
   getCanvasData: function() {
     var e = this.canvasData, t = {};
-    return this.ready && ht(["left", "top", "width", "height", "naturalWidth", "naturalHeight"], function(r) {
+    return this.ready && pt(["left", "top", "width", "height", "naturalWidth", "naturalHeight"], function(r) {
       t[r] = e[r];
     }), t;
   },
@@ -13145,13 +13155,13 @@ var OA = it({ name: "AvatarCropper", emits: ["update:modelValue", "submit", "err
 `), OA.render = function(n, e, t, r, o, i) {
   return f(), m("div", cy, [n.dataUrl ? (f(), m("div", { key: 0, class: ne(["avatar-cropper-overlay", { "avatar-cropper-overlay-inline": n.inline }]) }, [n.inline ? x("", !0) : (f(), m("div", uy, [h("a", { onClick: e[0] || (e[0] = function() {
     return n.cancel && n.cancel.apply(n, arguments);
-  }), class: "avatar-cropper-close", title: n.labels.cancel, href: "javascript:;" }, " × ", 8, dy)])), h("div", gy, [h("div", hy, [h("img", { ref: "img", src: n.dataUrl, alt: "", onLoad: e[1] || (e[1] = Ct(function() {
+  }), class: "avatar-cropper-close", title: n.labels.cancel, href: "javascript:;" }, " × ", 8, dy)])), h("div", gy, [h("div", hy, [h("img", { ref: "img", src: n.dataUrl, alt: "", onLoad: e[1] || (e[1] = gt(function() {
     return n.createCropper && n.createCropper.apply(n, arguments);
   }, ["stop"])), onError: e[2] || (e[2] = function() {
     return n.onImgElementError && n.onImgElementError.apply(n, arguments);
-  }) }, null, 40, py)]), h("div", Cy, [h("button", { onClick: e[3] || (e[3] = Ct(function() {
+  }) }, null, 40, py)]), h("div", Cy, [h("button", { onClick: e[3] || (e[3] = gt(function() {
     return n.cancel && n.cancel.apply(n, arguments);
-  }, ["stop", "prevent"])), class: "avatar-cropper-btn" }, Xe(n.labels.cancel), 1), h("button", { onClick: e[4] || (e[4] = Ct(function() {
+  }, ["stop", "prevent"])), class: "avatar-cropper-btn" }, Xe(n.labels.cancel), 1), h("button", { onClick: e[4] || (e[4] = gt(function() {
     return n.submit && n.submit.apply(n, arguments);
   }, ["stop", "prevent"])), class: "avatar-cropper-btn" }, Xe(n.labels.submit), 1)])])], 2)) : x("", !0), n.file ? x("", !0) : (f(), m("input", { key: 1, accept: n.cleanedMimes, capture: n.capture, class: "avatar-cropper-img-input", ref: "input", type: "file", onChange: e[5] || (e[5] = function() {
     return n.onFileInputChange && n.onFileInputChange.apply(n, arguments);
@@ -16365,7 +16375,7 @@ class Yt {
     return $s[e] = t, t.prototype.jsonID = e, t;
   }
 }
-class pt {
+class Ct {
   /**
   @internal
   */
@@ -16376,13 +16386,13 @@ class pt {
   Create a successful step result.
   */
   static ok(e) {
-    return new pt(e, null);
+    return new Ct(e, null);
   }
   /**
   Create a failed step result.
   */
   static fail(e) {
-    return new pt(null, e);
+    return new Ct(null, e);
   }
   /**
   Call [`Node.replace`](https://prosemirror.net/docs/ref/#model.Node.replace) with the given
@@ -16391,10 +16401,10 @@ class pt {
   */
   static fromReplace(e, t, r, o) {
     try {
-      return pt.ok(e.replace(t, r, o));
+      return Ct.ok(e.replace(t, r, o));
     } catch (i) {
       if (i instanceof jA)
-        return pt.fail(i.message);
+        return Ct.fail(i.message);
       throw i;
     }
   }
@@ -16416,7 +16426,7 @@ class br extends Yt {
   }
   apply(e) {
     let t = e.slice(this.from, this.to), r = e.resolve(this.from), o = r.node(r.sharedDepth(this.to)), i = new ve(Tl(t.content, (A, a) => !A.isAtom || !a.type.allowsMarkType(this.mark.type) ? A : A.mark(this.mark.addToSet(A.marks)), o), t.openStart, t.openEnd);
-    return pt.fromReplace(e, this.from, this.to, i);
+    return Ct.fromReplace(e, this.from, this.to, i);
   }
   invert() {
     return new Xn(this.from, this.to, this.mark);
@@ -16455,7 +16465,7 @@ class Xn extends Yt {
   }
   apply(e) {
     let t = e.slice(this.from, this.to), r = new ve(Tl(t.content, (o) => o.mark(this.mark.removeFromSet(o.marks)), e), t.openStart, t.openEnd);
-    return pt.fromReplace(e, this.from, this.to, r);
+    return Ct.fromReplace(e, this.from, this.to, r);
   }
   invert() {
     return new br(this.from, this.to, this.mark);
@@ -16495,9 +16505,9 @@ class xr extends Yt {
   apply(e) {
     let t = e.nodeAt(this.pos);
     if (!t)
-      return pt.fail("No node at mark step's position");
+      return Ct.fail("No node at mark step's position");
     let r = t.type.create(t.attrs, null, this.mark.addToSet(t.marks));
-    return pt.fromReplace(e, this.pos, this.pos + 1, new ve(Ie.from(r), 0, t.isLeaf ? 0 : 1));
+    return Ct.fromReplace(e, this.pos, this.pos + 1, new ve(Ie.from(r), 0, t.isLeaf ? 0 : 1));
   }
   invert(e) {
     let t = e.nodeAt(this.pos);
@@ -16539,9 +16549,9 @@ class $o extends Yt {
   apply(e) {
     let t = e.nodeAt(this.pos);
     if (!t)
-      return pt.fail("No node at mark step's position");
+      return Ct.fail("No node at mark step's position");
     let r = t.type.create(t.attrs, null, this.mark.removeFromSet(t.marks));
-    return pt.fromReplace(e, this.pos, this.pos + 1, new ve(Ie.from(r), 0, t.isLeaf ? 0 : 1));
+    return Ct.fromReplace(e, this.pos, this.pos + 1, new ve(Ie.from(r), 0, t.isLeaf ? 0 : 1));
   }
   invert(e) {
     let t = e.nodeAt(this.pos);
@@ -16578,7 +16588,7 @@ class xt extends Yt {
     super(), this.from = e, this.to = t, this.slice = r, this.structure = o;
   }
   apply(e) {
-    return this.structure && Na(e, this.from, this.to) ? pt.fail("Structure replace would overwrite content") : pt.fromReplace(e, this.from, this.to, this.slice);
+    return this.structure && Na(e, this.from, this.to) ? Ct.fail("Structure replace would overwrite content") : Ct.fromReplace(e, this.from, this.to, this.slice);
   }
   getMap() {
     return new un([this.from, this.to - this.from, this.slice.size]);
@@ -16628,12 +16638,12 @@ class St extends Yt {
   }
   apply(e) {
     if (this.structure && (Na(e, this.from, this.gapFrom) || Na(e, this.gapTo, this.to)))
-      return pt.fail("Structure gap-replace would overwrite content");
+      return Ct.fail("Structure gap-replace would overwrite content");
     let t = e.slice(this.gapFrom, this.gapTo);
     if (t.openStart || t.openEnd)
-      return pt.fail("Gap is not a flat range");
+      return Ct.fail("Gap is not a flat range");
     let r = this.slice.insertAt(this.insert, t.content);
-    return r ? pt.fromReplace(e, this.from, this.to, r) : pt.fail("Content does not fit in gap");
+    return r ? Ct.fromReplace(e, this.from, this.to, r) : Ct.fail("Content does not fit in gap");
   }
   getMap() {
     return new un([
@@ -17244,13 +17254,13 @@ class Uo extends Yt {
   apply(e) {
     let t = e.nodeAt(this.pos);
     if (!t)
-      return pt.fail("No node at attribute step's position");
+      return Ct.fail("No node at attribute step's position");
     let r = /* @__PURE__ */ Object.create(null);
     for (let i in t.attrs)
       r[i] = t.attrs[i];
     r[this.attr] = this.value;
     let o = t.type.create(r, null, t.marks);
-    return pt.fromReplace(e, this.pos, this.pos + 1, new ve(Ie.from(o), 0, t.isLeaf ? 0 : 1));
+    return Ct.fromReplace(e, this.pos, this.pos + 1, new ve(Ie.from(o), 0, t.isLeaf ? 0 : 1));
   }
   getMap() {
     return un.empty;
@@ -17285,7 +17295,7 @@ class Gi extends Yt {
       t[o] = e.attrs[o];
     t[this.attr] = this.value;
     let r = e.type.create(t, e.content, e.marks);
-    return pt.ok(r);
+    return Ct.ok(r);
   }
   getMap() {
     return un.empty;
@@ -26609,7 +26619,7 @@ function Zk(n, e) {
           }), Cn.attributes.popper = {};
         }
       }
-    }, gt = [{
+    }, ht = [{
       name: "offset",
       options: {
         offset: q
@@ -26635,16 +26645,16 @@ function Zk(n, e) {
         adaptive: !V
       }
     }, wt];
-    ae() && le && gt.push({
+    ae() && le && ht.push({
       name: "arrow",
       options: {
         element: le,
         padding: 3
       }
-    }), gt.push.apply(gt, (De == null ? void 0 : De.modifiers) || []), v.popperInstance = vk(Be, w, Object.assign({}, De, {
+    }), ht.push.apply(ht, (De == null ? void 0 : De.modifiers) || []), v.popperInstance = vk(Be, w, Object.assign({}, De, {
       placement: Te,
       onFirstUpdate: g,
-      modifiers: gt
+      modifiers: ht
     }));
   }
   function ue() {
@@ -26720,13 +26730,13 @@ function Zk(n, e) {
         pa([le, Be], 0);
       }
       g = function() {
-        var gt;
+        var ht;
         if (!(!v.state.isVisible || c)) {
           if (c = !0, w.offsetHeight, w.style.transition = v.props.moveTransition, ae() && v.props.animation) {
             var Dn = K(), ir = Dn.box, Cn = Dn.content;
             pa([ir, Cn], te), pd([ir, Cn], "visible");
           }
-          z(), H(), gd(Ia, v), (gt = v.popperInstance) == null || gt.forceUpdate(), Ae("onMount", [v]), v.props.animation && ae() && ge(te, function() {
+          z(), H(), gd(Ia, v), (ht = v.popperInstance) == null || ht.forceUpdate(), Ae("onMount", [v]), v.props.animation && ae() && ge(te, function() {
             v.state.isShown = !0, Ae("onShown", [v]);
           });
         }
@@ -31626,7 +31636,7 @@ function O4(n, e, t, r, o, i) {
       key: 0,
       id: "mobiledropdown",
       class: "fixed right-2 mt-10 bg-secondary border rounded border-lineGrey shadow-xl z-50 p-1",
-      onClick: e[3] || (e[3] = Ct(() => {
+      onClick: e[3] || (e[3] = gt(() => {
       }, ["stop"]))
     }, [
       h("ul", null, [
@@ -32615,9 +32625,9 @@ function s7(n, e, t, r, o, i) {
     class: ne(["flex items-center p-2 shadow rounded-lg", t.mode === "preparation" || t.mode === "planning" ? `hover:bg-dropdownSelect ${t.background}` : `${t.background} `]),
     draggable: t.mode === "preparation" || t.mode === "planning",
     onDragstart: e[0] || (e[0] = (...l) => i.onDragStart && i.onDragStart(...l)),
-    onDragover: e[1] || (e[1] = Ct(() => {
+    onDragover: e[1] || (e[1] = gt(() => {
     }, ["prevent"])),
-    onDragenter: e[2] || (e[2] = Ct(() => {
+    onDragenter: e[2] || (e[2] = gt(() => {
     }, ["prevent"])),
     onDrop: e[3] || (e[3] = (...l) => i.onDrop && i.onDrop(...l)),
     onClick: e[4] || (e[4] = (...l) => i.handleClick && i.handleClick(...l))
@@ -32793,7 +32803,7 @@ const C7 = /* @__PURE__ */ ie(a7, [["render", p7]]), I7 = {
   class: "bg-eventBoxBlue w-40 h-9 rounded-lg my-1 pt-1.5 flex flex-row justify-between border border-dropdownSelect"
 }, v7 = {
   key: 0,
-  class: "text-md mb-4 w-full"
+  class: "hidden md:flex text-md mb-4 w-full"
 }, w7 = { class: "text-md mb-4 w-full flex" }, y7 = { class: "grid grid-cols-1 gap-4" };
 function b7(n, e, t, r, o, i) {
   const A = y("PoolSkeleton"), a = y("BaseText"), l = y("BaseIcon"), c = y("DropDownMenu"), u = y("PoolFencerCard");
@@ -32803,7 +32813,7 @@ function b7(n, e, t, r, o, i) {
     ])) : x("", !0),
     t.loading ? x("", !0) : (f(), m("div", {
       key: 1,
-      class: ne(["p-4 mr-4 mt-3 bg-neutral rounded-lg shadow-md border border-dropdownSelect min-w-[22rem]", i.shouldBeSelectable ? "hover:border-bright" : ""]),
+      class: ne(["mb-4 p-4 md:mr-4 md:mt-3 bg-neutral rounded-lg md:shadow-md border border-dropdownSelect min-w-[22rem]", i.shouldBeSelectable ? "hover:border-bright" : ""]),
       onClick: e[0] || (e[0] = (...d) => i.handleSelectPool && i.handleSelectPool(...d))
     }, [
       h("div", m7, [
@@ -33034,7 +33044,8 @@ function T7(n, e, t, r, o, i) {
       event: t.event,
       "onUpdate:poolSize": i.handlePoolSizeChange,
       "onUpdate:numberOfRings": i.handleNumberOfRings,
-      "onReset:pool": i.handlePoolReset
+      "onReset:pool": i.handlePoolReset,
+      class: "hidden md:flex"
     }, null, 8, ["event", "onUpdate:poolSize", "onUpdate:numberOfRings", "onReset:pool"]),
     this.event.Flights > 1 ? (f(), se(A, {
       key: 0,
@@ -34510,7 +34521,7 @@ function Lz(n, e, t, r, o, i) {
       }, [
         h("div", {
           class: "w-full md:w-1/3 md:min-w-[30rem] bg-neutral rounded-lg shadow-lg pb-6 px-2",
-          onClick: e[0] || (e[0] = Ct(() => {
+          onClick: e[0] || (e[0] = gt(() => {
           }, ["stop"]))
         }, [
           h("div", Fz, [
@@ -34795,7 +34806,7 @@ function rF(n, e, t, r, o, i) {
       }, [
         h("div", {
           class: "w-1/2 min-w-[50rem] bg-neutral rounded-lg shadow-lg pb-6 px-2",
-          onClick: e[0] || (e[0] = Ct(() => {
+          onClick: e[0] || (e[0] = gt(() => {
           }, ["stop"]))
         }, [
           h("div", nF, [
@@ -38039,7 +38050,7 @@ function KN(n, e, t, r, o, i) {
       }, [
         h("div", {
           class: "w-1/3 min-w-[30rem] bg-neutral rounded-lg shadow-lg pb-6 px-2",
-          onClick: e[0] || (e[0] = Ct(() => {
+          onClick: e[0] || (e[0] = gt(() => {
           }, ["stop"]))
         }, [
           h("div", jN, [