@mjsz-vbr-elements/internal 2.34.1 → 2.35.0

package/dist/index.js

@@ -1,344 +1,392 @@
 /**
  * name: @mjsz-vbr-elements/internal
- * version: v2.34.1 - 15/12/2025, 13:11:01
+ * version: v2.35.0 - 16/12/2025, 08:48:49
  * (c) 2025
  * description: Data visualization for MJSZ VBR
  * author: Ákos Stegner <akos.stegner@gmail.com>
  */
-import { shallowRef as E, shallowReadonly as we, toRef as ge, readonly as Z, ref as ye, customRef as be, toValue as y, getCurrentScope as xe, onScopeDispose as ke, watch as M, nextTick as ae, isRef as se, computed as L, unref as x, defineComponent as ze, createBlock as de, openBlock as T, resolveDynamicComponent as Te, withCtx as Ae, createElementBlock as S, createElementVNode as me, createCommentVNode as ue, normalizeStyle as Ee, useTemplateRef as Fe, createVNode as Pe, defineCustomElement as Oe } from "vue";
-import { VBR_API_BASE_URL as pe } from "@mjsz-vbr-elements/core/constants";
-import { cookie as ne } from "@mjsz-vbr-elements/core/utils";
-function te(e) {
-  return xe() ? (ke(e), !0) : !1;
+import { shallowRef as j, shallowReadonly as Fe, toRef as je, readonly as se, ref as _e, customRef as $e, toValue as E, getCurrentScope as Ne, onScopeDispose as Oe, watch as N, nextTick as ce, isRef as X, computed as $, reactive as Ie, getCurrentInstance as Be, unref as u, defineComponent as De, createBlock as Y, openBlock as b, resolveDynamicComponent as Le, withCtx as C, createElementBlock as I, createElementVNode as T, createCommentVNode as ve, normalizeStyle as Ve, useTemplateRef as Ue, createVNode as S, renderSlot as Me, normalizeProps as Ke, guardReactiveProps as He, Fragment as Q, renderList as de, toDisplayString as V, defineCustomElement as Ce } from "vue";
+import { VBR_API_BASE_URL as Se } from "@mjsz-vbr-elements/core/constants";
+import { cookie as ge, prop as Re, head as Ge } from "@mjsz-vbr-elements/core/utils";
+import { FormField as U, BaseSelect as be, I18NProvider as Je, ErrorProvider as We, ErrorNotice as qe } from "@mjsz-vbr-elements/core/components";
+import { useError as Qe, useServices as te, useI18n as Xe } from "@mjsz-vbr-elements/core/composables";
+function he(e) {
+  return Ne() ? (Oe(e), !0) : !1;
 }
-function R() {
-  const e = /* @__PURE__ */ new Set(), t = (c) => {
-    e.delete(c);
+function ae() {
+  const e = /* @__PURE__ */ new Set(), r = (i) => {
+    e.delete(i);
   };
   return {
-    on: (c) => {
-      e.add(c);
-      const a = () => t(c);
-      return te(a), {
-        off: a
+    on: (i) => {
+      e.add(i);
+      const t = () => r(i);
+      return he(t), {
+        off: t
       };
     },
-    off: t,
-    trigger: (...c) => Promise.all(Array.from(e).map((a) => a(...c))),
+    off: r,
+    trigger: (...i) => Promise.all(Array.from(e).map((t) => t(...i))),
     clear: () => {
       e.clear();
     }
   };
 }
-const ve = typeof window < "u" && typeof document < "u";
+const Ae = typeof window < "u" && typeof document < "u";
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const je = Object.prototype.toString, Ce = (e) => je.call(e) === "[object Object]", Be = () => {
+const Ye = (e) => typeof e < "u", Ze = Object.prototype.toString, er = (e) => Ze.call(e) === "[object Object]", me = () => {
 };
-function K(...e) {
+function ne(...e) {
   if (e.length !== 1)
-    return ge(...e);
-  const t = e[0];
-  return typeof t == "function" ? Z(be(() => ({ get: t, set: Be }))) : ye(t);
+    return je(...e);
+  const r = e[0];
+  return typeof r == "function" ? se($e(() => ({ get: r, set: me }))) : _e(r);
 }
-function ie(e, t = !1, o = "Timeout") {
-  return new Promise((s, n) => {
-    setTimeout(t ? () => n(o) : s, e);
+function ye(e, r = !1, o = "Timeout") {
+  return new Promise((c, l) => {
+    setTimeout(r ? () => l(o) : c, e);
   });
 }
-function Se(e, ...t) {
-  return t.some((o) => o in e);
+function rr(e, ...r) {
+  return r.some((o) => o in e);
 }
-function X(e) {
+function ie(e) {
   return Array.isArray(e) ? e : [e];
 }
-function ee(e, t = !1) {
-  function o(l, { flush: m = "sync", deep: h = !1, timeout: f, throwOnTimeout: k } = {}) {
+function pe(e, r = !1) {
+  function o(d, { flush: h = "sync", deep: p = !1, timeout: f, throwOnTimeout: m } = {}) {
     let w = null;
-    const F = [new Promise((A) => {
-      w = M(
+    const x = [new Promise((g) => {
+      w = N(
         e,
-        (b) => {
-          l(b) !== t && (w ? w() : ae(() => w?.()), A(b));
+        (_) => {
+          d(_) !== r && (w ? w() : ce(() => w?.()), g(_));
         },
         {
-          flush: m,
-          deep: h,
+          flush: h,
+          deep: p,
           immediate: !0
         }
       );
     })];
-    return f != null && F.push(
-      ie(f, k).then(() => y(e)).finally(() => w?.())
-    ), Promise.race(F);
+    return f != null && x.push(
+      ye(f, m).then(() => E(e)).finally(() => w?.())
+    ), Promise.race(x);
   }
-  function s(l, m) {
-    if (!se(l))
-      return o((b) => b === l, m);
-    const { flush: h = "sync", deep: f = !1, timeout: k, throwOnTimeout: w } = m ?? {};
-    let g = null;
-    const A = [new Promise((b) => {
-      g = M(
-        [e, l],
-        ([V, P]) => {
-          t !== (V === P) && (g ? g() : ae(() => g?.()), b(V));
+  function c(d, h) {
+    if (!X(d))
+      return o((_) => _ === d, h);
+    const { flush: p = "sync", deep: f = !1, timeout: m, throwOnTimeout: w } = h ?? {};
+    let y = null;
+    const g = [new Promise((_) => {
+      y = N(
+        [e, d],
+        ([F, A]) => {
+          r !== (F === A) && (y ? y() : ce(() => y?.()), _(F));
         },
         {
-          flush: h,
+          flush: p,
           deep: f,
           immediate: !0
         }
       );
     })];
-    return k != null && A.push(
-      ie(k, w).then(() => y(e)).finally(() => (g?.(), y(e)))
-    ), Promise.race(A);
+    return m != null && g.push(
+      ye(m, w).then(() => E(e)).finally(() => (y?.(), E(e)))
+    ), Promise.race(g);
   }
-  function n(l) {
-    return o((m) => !!m, l);
+  function l(d) {
+    return o((h) => !!h, d);
   }
-  function c(l) {
-    return s(null, l);
+  function i(d) {
+    return c(null, d);
   }
-  function a(l) {
-    return s(void 0, l);
+  function t(d) {
+    return c(void 0, d);
   }
-  function r(l) {
-    return o(Number.isNaN, l);
+  function a(d) {
+    return o(Number.isNaN, d);
   }
-  function i(l, m) {
-    return o((h) => {
-      const f = Array.from(h);
-      return f.includes(l) || f.includes(y(l));
-    }, m);
+  function s(d, h) {
+    return o((p) => {
+      const f = Array.from(p);
+      return f.includes(d) || f.includes(E(d));
+    }, h);
   }
-  function d(l) {
-    return v(1, l);
+  function n(d) {
+    return v(1, d);
   }
-  function v(l = 1, m) {
-    let h = -1;
-    return o(() => (h += 1, h >= l), m);
+  function v(d = 1, h) {
+    let p = -1;
+    return o(() => (p += 1, p >= d), h);
   }
-  return Array.isArray(y(e)) ? {
+  return Array.isArray(E(e)) ? {
     toMatch: o,
-    toContains: i,
-    changed: d,
+    toContains: s,
+    changed: n,
     changedTimes: v,
     get not() {
-      return ee(e, !t);
+      return pe(e, !r);
     }
   } : {
     toMatch: o,
-    toBe: s,
-    toBeTruthy: n,
-    toBeNull: c,
-    toBeNaN: r,
-    toBeUndefined: a,
-    changed: d,
+    toBe: c,
+    toBeTruthy: l,
+    toBeNull: i,
+    toBeNaN: a,
+    toBeUndefined: t,
+    changed: n,
     changedTimes: v,
     get not() {
-      return ee(e, !t);
+      return pe(e, !r);
     }
   };
 }
-function De(e) {
-  return ee(e);
+function or(e) {
+  return pe(e);
 }
-function he(e, t, o = {}) {
+function Ee(e, r, o = {}) {
   const {
-    immediate: s = !0,
-    immediateCallback: n = !1
-  } = o, c = E(!1);
-  let a;
-  function r() {
-    a && (clearTimeout(a), a = void 0);
+    immediate: c = !0,
+    immediateCallback: l = !1
+  } = o, i = j(!1);
+  let t;
+  function a() {
+    t && (clearTimeout(t), t = void 0);
   }
-  function i() {
-    c.value = !1, r();
+  function s() {
+    i.value = !1, a();
   }
-  function d(...v) {
-    n && e(), r(), c.value = !0, a = setTimeout(() => {
-      c.value = !1, a = void 0, e(...v);
-    }, y(t));
+  function n(...v) {
+    l && e(), a(), i.value = !0, t = setTimeout(() => {
+      i.value = !1, t = void 0, e(...v);
+    }, E(r));
   }
-  return s && (c.value = !0, ve && d()), te(i), {
-    isPending: we(c),
-    start: d,
-    stop: i
+  return c && (i.value = !0, Ae && n()), he(s), {
+    isPending: Fe(i),
+    start: n,
+    stop: s
   };
 }
-function $e(e, t, o) {
-  return M(
+function tr(e, r, o) {
+  return N(
     e,
-    t,
+    r,
     {
       ...o,
       immediate: !0
     }
   );
 }
-const fe = ve ? window : void 0;
-function _e(e) {
-  var t;
-  const o = y(e);
-  return (t = o?.$el) != null ? t : o;
+const Te = Ae ? window : void 0;
+function ar(e) {
+  var r;
+  const o = E(e);
+  return (r = o?.$el) != null ? r : o;
 }
-function Me(...e) {
-  const t = [], o = () => {
-    t.forEach((r) => r()), t.length = 0;
-  }, s = (r, i, d, v) => (r.addEventListener(i, d, v), () => r.removeEventListener(i, d, v)), n = L(() => {
-    const r = X(y(e[0])).filter((i) => i != null);
-    return r.every((i) => typeof i != "string") ? r : void 0;
-  }), c = $e(
+function nr(...e) {
+  const r = [], o = () => {
+    r.forEach((a) => a()), r.length = 0;
+  }, c = (a, s, n, v) => (a.addEventListener(s, n, v), () => a.removeEventListener(s, n, v)), l = $(() => {
+    const a = ie(E(e[0])).filter((s) => s != null);
+    return a.every((s) => typeof s != "string") ? a : void 0;
+  }), i = tr(
     () => {
-      var r, i;
+      var a, s;
       return [
-        (i = (r = n.value) == null ? void 0 : r.map((d) => _e(d))) != null ? i : [fe].filter((d) => d != null),
-        X(y(n.value ? e[1] : e[0])),
-        X(x(n.value ? e[2] : e[1])),
+        (s = (a = l.value) == null ? void 0 : a.map((n) => ar(n))) != null ? s : [Te].filter((n) => n != null),
+        ie(E(l.value ? e[1] : e[0])),
+        ie(u(l.value ? e[2] : e[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        y(n.value ? e[3] : e[2])
+        E(l.value ? e[3] : e[2])
       ];
     },
-    ([r, i, d, v]) => {
-      if (o(), !r?.length || !i?.length || !d?.length)
+    ([a, s, n, v]) => {
+      if (o(), !a?.length || !s?.length || !n?.length)
         return;
-      const l = Ce(v) ? { ...v } : v;
-      t.push(
-        ...r.flatMap(
-          (m) => i.flatMap(
-            (h) => d.map((f) => s(m, h, f, l))
+      const d = er(v) ? { ...v } : v;
+      r.push(
+        ...a.flatMap(
+          (h) => s.flatMap(
+            (p) => n.map((f) => c(h, p, f, d))
           )
         )
       );
     },
     { flush: "post" }
-  ), a = () => {
-    c(), o();
+  ), t = () => {
+    i(), o();
   };
-  return te(o), a;
+  return he(o), t;
 }
-const Ne = {
+function xe(e, r) {
+  const {
+    interrupt: o = !0,
+    onError: c = me,
+    onFinished: l = me,
+    signal: i
+  } = {}, t = {
+    aborted: "aborted",
+    fulfilled: "fulfilled",
+    pending: "pending",
+    rejected: "rejected"
+  }, a = Array.from(Array.from({ length: e.length }), () => ({ state: t.pending, data: null })), s = Ie(a), n = j(-1);
+  if (!e || e.length === 0)
+    return l(), {
+      activeIndex: n,
+      result: s
+    };
+  function v(d, h) {
+    n.value++, s[n.value].data = h, s[n.value].state = d;
+  }
+  return e.reduce((d, h) => d.then((p) => {
+    var f;
+    if (i?.aborted) {
+      v(t.aborted, new Error("aborted"));
+      return;
+    }
+    if (((f = s[n.value]) == null ? void 0 : f.state) === t.rejected && o) {
+      l();
+      return;
+    }
+    const m = h(p).then((w) => (v(t.fulfilled, w), n.value === e.length - 1 && l(), w));
+    return i ? Promise.race([m, ir(i)]) : m;
+  }).catch((p) => i?.aborted ? (v(t.aborted, p), p) : (v(t.rejected, p), c(), p)), Promise.resolve()), {
+    activeIndex: n,
+    result: s
+  };
+}
+function ir(e) {
+  return new Promise((r, o) => {
+    const c = new Error("aborted");
+    e.aborted ? o(c) : e.addEventListener("abort", () => o(c), { once: !0 });
+  });
+}
+function lr(e) {
+  return JSON.parse(JSON.stringify(e));
+}
+const sr = {
   json: "application/json",
   text: "text/plain"
 };
-function le(e) {
-  return e && Se(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch", "updateDataOnError");
+function ke(e) {
+  return e && rr(e, "immediate", "refetch", "initialData", "timeout", "beforeFetch", "afterFetch", "onFetchError", "fetch", "updateDataOnError");
 }
-function Y(e) {
+function le(e) {
   return typeof Headers < "u" && e instanceof Headers ? Object.fromEntries(e.entries()) : e;
 }
-function Ie(e, ...t) {
-  var o, s;
-  const n = typeof AbortController == "function";
-  let c = {}, a = {
+function cr(e, ...r) {
+  var o, c;
+  const l = typeof AbortController == "function";
+  let i = {}, t = {
     immediate: !0,
     refetch: !1,
     timeout: 0,
     updateDataOnError: !1
   };
-  const r = {
+  const a = {
     method: "GET",
     type: "text",
     payload: void 0
   };
-  t.length > 0 && (le(t[0]) ? a = { ...a, ...t[0] } : c = t[0]), t.length > 1 && le(t[1]) && (a = { ...a, ...t[1] });
+  r.length > 0 && (ke(r[0]) ? t = { ...t, ...r[0] } : i = r[0]), r.length > 1 && ke(r[1]) && (t = { ...t, ...r[1] });
   const {
-    fetch: i = (s = (o = fe) == null ? void 0 : o.fetch) != null ? s : globalThis?.fetch,
-    initialData: d,
+    fetch: s = (c = (o = Te) == null ? void 0 : o.fetch) != null ? c : globalThis?.fetch,
+    initialData: n,
     timeout: v
-  } = a, l = R(), m = R(), h = R(), f = E(!1), k = E(!1), w = E(!1), g = E(null), F = E(null), A = E(null), b = E(d || null), V = L(() => n && k.value);
-  let P, N;
-  const W = (u) => {
-    n && (P?.abort(u), P = new AbortController(), P.signal.onabort = () => w.value = !0, c = {
-      ...c,
-      signal: P.signal
+  } = t, d = ae(), h = ae(), p = ae(), f = j(!1), m = j(!1), w = j(!1), y = j(null), x = j(null), g = j(null), _ = j(n || null), F = $(() => l && m.value);
+  let A, R;
+  const Z = (k) => {
+    l && (A?.abort(k), A = new AbortController(), A.signal.onabort = () => w.value = !0, i = {
+      ...i,
+      signal: A.signal
     });
-  }, q = (u) => {
-    k.value = u, f.value = !u;
+  }, ee = (k) => {
+    m.value = k, f.value = !k;
   };
-  v && (N = he(W, v, { immediate: !1 }));
-  let J = 0;
-  const D = async (u = !1) => {
-    var z, $;
-    W(), q(!0), A.value = null, g.value = null, w.value = !1, J += 1;
-    const H = J, j = {
-      method: r.method,
+  v && (R = Ee(Z, v, { immediate: !1 }));
+  let re = 0;
+  const M = async (k = !1) => {
+    var P, K;
+    Z(), ee(!0), g.value = null, y.value = null, w.value = !1, re += 1;
+    const J = re, B = {
+      method: a.method,
       headers: {}
-    }, _ = y(r.payload);
-    if (_) {
-      const p = Y(j.headers), U = Object.getPrototypeOf(_);
-      !r.payloadType && _ && (U === Object.prototype || Array.isArray(U)) && !(_ instanceof FormData) && (r.payloadType = "json"), r.payloadType && (p["Content-Type"] = (z = Ne[r.payloadType]) != null ? z : r.payloadType), j.body = r.payloadType === "json" ? JSON.stringify(_) : _;
+    }, H = E(a.payload);
+    if (H) {
+      const z = le(B.headers), W = Object.getPrototypeOf(H);
+      !a.payloadType && H && (W === Object.prototype || Array.isArray(W)) && !(H instanceof FormData) && (a.payloadType = "json"), a.payloadType && (z["Content-Type"] = (P = sr[a.payloadType]) != null ? P : a.payloadType), B.body = a.payloadType === "json" ? JSON.stringify(H) : H;
     }
-    let oe = !1;
-    const C = {
-      url: y(e),
+    let we = !1;
+    const D = {
+      url: E(e),
       options: {
-        ...j,
-        ...c
+        ...B,
+        ...i
       },
       cancel: () => {
-        oe = !0;
+        we = !0;
       }
     };
-    if (a.beforeFetch && Object.assign(C, await a.beforeFetch(C)), oe || !i)
-      return q(!1), Promise.resolve(null);
-    let B = null;
-    return N && N.start(), i(
-      C.url,
+    if (t.beforeFetch && Object.assign(D, await t.beforeFetch(D)), we || !s)
+      return ee(!1), Promise.resolve(null);
+    let L = null;
+    return R && R.start(), s(
+      D.url,
       {
-        ...j,
-        ...C.options,
+        ...B,
+        ...D.options,
         headers: {
-          ...Y(j.headers),
-          ...Y(($ = C.options) == null ? void 0 : $.headers)
+          ...le(B.headers),
+          ...le((K = D.options) == null ? void 0 : K.headers)
         }
       }
-    ).then(async (p) => {
-      if (F.value = p, g.value = p.status, B = await p.clone()[r.type](), !p.ok)
-        throw b.value = d || null, new Error(p.statusText);
-      return a.afterFetch && ({ data: B } = await a.afterFetch({
-        data: B,
-        response: p,
-        context: C,
-        execute: D
-      })), b.value = B, l.trigger(p), p;
-    }).catch(async (p) => {
-      let U = p.message || p.name;
-      if (a.onFetchError && ({ error: U, data: B } = await a.onFetchError({
-        data: B,
-        error: p,
-        response: F.value,
-        context: C,
-        execute: D
-      })), A.value = U, a.updateDataOnError && (b.value = B), m.trigger(p), u)
-        throw p;
+    ).then(async (z) => {
+      if (x.value = z, y.value = z.status, L = await z.clone()[a.type](), !z.ok)
+        throw _.value = n || null, new Error(z.statusText);
+      return t.afterFetch && ({ data: L } = await t.afterFetch({
+        data: L,
+        response: z,
+        context: D,
+        execute: M
+      })), _.value = L, d.trigger(z), z;
+    }).catch(async (z) => {
+      let W = z.message || z.name;
+      if (t.onFetchError && ({ error: W, data: L } = await t.onFetchError({
+        data: L,
+        error: z,
+        response: x.value,
+        context: D,
+        execute: M
+      })), g.value = W, t.updateDataOnError && (_.value = L), h.trigger(z), k)
+        throw z;
       return null;
     }).finally(() => {
-      H === J && q(!1), N && N.stop(), h.trigger(null);
+      J === re && ee(!1), R && R.stop(), p.trigger(null);
     });
-  }, re = K(a.refetch);
-  M(
+  }, fe = ne(t.refetch);
+  N(
     [
-      re,
-      K(e)
+      fe,
+      ne(e)
     ],
-    ([u]) => u && D(),
+    ([k]) => k && M(),
     { deep: !0 }
   );
-  const G = {
-    isFinished: Z(f),
-    isFetching: Z(k),
-    statusCode: g,
-    response: F,
-    error: A,
-    data: b,
-    canAbort: V,
+  const q = {
+    isFinished: se(f),
+    isFetching: se(m),
+    statusCode: y,
+    response: x,
+    error: g,
+    data: _,
+    canAbort: F,
     aborted: w,
-    abort: W,
-    execute: D,
-    onFetchResponse: l.on,
-    onFetchError: m.on,
-    onFetchFinally: h.on,
+    abort: Z,
+    execute: M,
+    onFetchResponse: d.on,
+    onFetchError: h.on,
+    onFetchFinally: p.on,
     // method
     get: O("GET"),
     put: O("PUT"),
@@ -348,74 +396,125 @@ function Ie(e, ...t) {
     head: O("HEAD"),
     options: O("OPTIONS"),
     // type
-    json: I("json"),
-    text: I("text"),
-    blob: I("blob"),
-    arrayBuffer: I("arrayBuffer"),
-    formData: I("formData")
+    json: G("json"),
+    text: G("text"),
+    blob: G("blob"),
+    arrayBuffer: G("arrayBuffer"),
+    formData: G("formData")
   };
-  function O(u) {
-    return (z, $) => {
-      if (!k.value)
-        return r.method = u, r.payload = z, r.payloadType = $, se(r.payload) && M(
+  function O(k) {
+    return (P, K) => {
+      if (!m.value)
+        return a.method = k, a.payload = P, a.payloadType = K, X(a.payload) && N(
           [
-            re,
-            K(r.payload)
+            fe,
+            ne(a.payload)
           ],
-          ([H]) => H && D(),
+          ([J]) => J && M(),
           { deep: !0 }
         ), {
-          ...G,
-          then(H, j) {
-            return Q().then(H, j);
+          ...q,
+          then(J, B) {
+            return oe().then(J, B);
           }
         };
     };
   }
-  function Q() {
-    return new Promise((u, z) => {
-      De(f).toBe(!0).then(() => u(G)).catch(z);
+  function oe() {
+    return new Promise((k, P) => {
+      or(f).toBe(!0).then(() => k(q)).catch(P);
     });
   }
-  function I(u) {
+  function G(k) {
     return () => {
-      if (!k.value)
-        return r.type = u, {
-          ...G,
-          then(z, $) {
-            return Q().then(z, $);
+      if (!m.value)
+        return a.type = k, {
+          ...q,
+          then(P, K) {
+            return oe().then(P, K);
           }
         };
     };
   }
-  return a.immediate && Promise.resolve().then(() => D()), {
-    ...G,
-    then(u, z) {
-      return Q().then(u, z);
+  return t.immediate && Promise.resolve().then(() => M()), {
+    ...q,
+    then(k, P) {
+      return oe().then(k, P);
     }
   };
 }
-function He(e, t = 3e4, {
+function dr(e, r, o, c = {}) {
+  var l, i, t;
+  const {
+    clone: a = !1,
+    passive: s = !1,
+    eventName: n,
+    deep: v = !1,
+    defaultValue: d,
+    shouldEmit: h
+  } = c, p = Be(), f = o || p?.emit || ((l = p?.$emit) == null ? void 0 : l.bind(p)) || ((t = (i = p?.proxy) == null ? void 0 : i.$emit) == null ? void 0 : t.bind(p?.proxy));
+  let m = n;
+  r || (r = "modelValue"), m = m || `update:${r.toString()}`;
+  const w = (g) => a ? typeof a == "function" ? a(g) : lr(g) : g, y = () => Ye(e[r]) ? w(e[r]) : d, x = (g) => {
+    h ? h(g) && f(m, g) : f(m, g);
+  };
+  if (s) {
+    const g = y(), _ = _e(g);
+    let F = !1;
+    return N(
+      () => e[r],
+      (A) => {
+        F || (F = !0, _.value = w(A), ce(() => F = !1));
+      }
+    ), N(
+      _,
+      (A) => {
+        !F && (A !== e[r] || v) && x(A);
+      },
+      { deep: v }
+    ), _;
+  } else
+    return $({
+      get() {
+        return y();
+      },
+      set(g) {
+        x(g);
+      }
+    });
+}
+function mr(e, r, o = {}) {
+  const c = {};
+  for (const l in e)
+    c[l] = dr(
+      e,
+      l,
+      r,
+      o
+    );
+  return c;
+}
+function pr(e, r = 3e4, {
   check: o,
-  set: s
+  set: c
 }) {
-  const { start: n, stop: c } = he(r, t, { immediate: !1 });
-  Me(e, "click", (i) => {
-    i.target === x(e) && r();
-  }), M(e, (i) => {
-    i && (o?.() || (a(), n()));
+  const { start: l, stop: i } = Ee(a, r, { immediate: !1 });
+  nr(e, "click", (s) => {
+    s.target === u(e) && a();
+  }), N(e, (s) => {
+    s && (o?.() || (t(), l()));
   });
-  function a() {
-    s?.(), x(e).showModal();
+  function t() {
+    c?.(), u(e).showModal();
   }
-  function r() {
-    x(e).close(), c();
+  function a() {
+    u(e).close(), i();
   }
   return {
-    hide: r
+    hide: a
   };
 }
-const Ue = ["width", "height"], Ve = ["src", "type"], Ge = { key: 1 }, Le = ["srcset", "media"], We = ["src"], qe = ["src"], ce = /* @__PURE__ */ ze({
+const vr = ["width", "height"], hr = ["src", "type"], ur = { key: 1 }, fr = ["srcset", "media"], wr = ["src"], gr = ["src"], ze = /* @__PURE__ */ De({
   __name: "Media",
   props: {
     currentAd: {
@@ -428,56 +527,56 @@ const Ue = ["width", "height"], Ve = ["src", "type"], Ge = { key: 1 }, Le = ["sr
     }
   },
   setup(e) {
-    const t = e, o = L(() => `(min-width: ${t.currentAd?.breakpoint || t.mobileBreakpoint})`);
-    function s(n) {
-      return `${pe.replace("/vbr", "")}${n}`;
+    const r = e, o = $(() => `(min-width: ${r.currentAd?.breakpoint || r.mobileBreakpoint})`);
+    function c(l) {
+      return `${Se}${l}`;
     }
-    return (n, c) => (T(), de(Te(e.currentAd.link ? "a" : "div"), {
+    return (l, i) => (b(), Y(Le(e.currentAd.link ? "a" : "div"), {
       href: e.currentAd.link || void 0
     }, {
-      default: Ae(() => [
-        e.currentAd.media[0]?.mediaType?.includes("video") ? (T(), S("video", {
+      default: C(() => [
+        e.currentAd.media[0]?.mediaType?.includes("video") ? (b(), I("video", {
           key: 0,
           width: e.currentAd.media[0].width,
           height: e.currentAd.media[0].height,
           autoplay: "",
           muted: ""
         }, [
-          me("source", {
+          T("source", {
             src: e.currentAd.media[0]?.media,
             type: e.currentAd.media[0]?.mediaType
-          }, null, 8, Ve)
-        ], 8, Ue)) : (T(), S("picture", Ge, [
-          e.currentAd.type === "responsive" ? (T(), S("source", {
+          }, null, 8, hr)
+        ], 8, vr)) : (b(), I("picture", ur, [
+          e.currentAd.type === "responsive" ? (b(), I("source", {
             key: 0,
-            srcset: s(e.currentAd.media[1].path),
+            srcset: c(e.currentAd.media[1].path),
             media: o.value
-          }, null, 8, Le)) : ue("", !0),
-          e.currentAd.type === "popover" ? (T(), S("img", {
+          }, null, 8, fr)) : ve("", !0),
+          e.currentAd.type === "popover" ? (b(), I("img", {
             key: 1,
-            src: s(e.currentAd.media[0].path),
-            style: Ee(`width: clamp(0px, ${e.currentAd.media[0].width}px, 750px); height: auto;`)
-          }, null, 12, We)) : (T(), S("img", {
+            src: c(e.currentAd.media[0].path),
+            style: Ve(`width: clamp(0px, ${e.currentAd.media[0].width}px, 750px); height: auto;`)
+          }, null, 12, wr)) : (b(), I("img", {
             key: 2,
-            src: s(e.currentAd.media[0].path)
-          }, null, 8, qe))
+            src: c(e.currentAd.media[0].path)
+          }, null, 8, gr))
         ]))
       ]),
       _: 1
     }, 8, ["href"]));
   }
-}), Je = 'dialog[data-v-27c6fb4c]:open{display:grid;grid-template-areas:"stack";opacity:1}dialog[data-v-27c6fb4c]{--popover-padding: var(--size-10);padding:var(--popover-padding);border-radius:8px;background-color:var(--mvw-color-white);opacity:0;transition:opacity .3s,overlay .3s allow-discrete,display .3s allow-discrete}dialog[data-v-27c6fb4c] :is(button,a){grid-area:stack}dialog[data-v-27c6fb4c] :where(a){outline:none}dialog[data-v-27c6fb4c] :where(img,video){display:block;object-fit:cover}dialog button[data-v-27c6fb4c]{align-self:start;justify-self:end}@starting-style{dialog[data-v-27c6fb4c]:open{opacity:0}}dialog[data-v-27c6fb4c]::backdrop{background-color:transparent;transition:display .3s allow-discrete,overlay .3s allow-discrete,background-color .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog[data-v-27c6fb4c]:open::backdrop{background-color:#000000bf}@starting-style{dialog[data-v-27c6fb4c]:open::backdrop{background-color:transparent}}.ad-placement-tool[data-v-27c6fb4c] :where(img,video){opacity:1}.ad-placement-tool .close[data-v-27c6fb4c]{position:absolute;right:calc(var(--popover-padding) * -1);top:calc(var(--popover-padding) * -1);width:24px;height:24px;margin:0;padding:0;background:#fff;border:none;border-end-start-radius:8px}.ad-placement-tool .close[data-v-27c6fb4c]:before,.ad-placement-tool .close[data-v-27c6fb4c]:after{position:absolute;left:43%;top:5px;content:" ";height:16px;width:2px;background-color:#333}.ad-placement-tool .close[data-v-27c6fb4c]:before{transform:rotate(45deg)}.ad-placement-tool .close[data-v-27c6fb4c]:after{transform:rotate(-45deg)}', Qe = '@layer normalize,theme,components.variables,components,utils;:where(:host,:root){--mvw-color-white: #fff;--mvw-color-black: #000;--mvw-color-primary-0: #ffffff;--mvw-color-primary-50: #eceff1;--mvw-color-primary-100: #cfd8dc;--mvw-color-primary-200: #b0bec5;--mvw-color-primary-300: #90a4ae;--mvw-color-primary-400: #78909c;--mvw-color-primary-500: #607d8b;--mvw-color-primary-600: #546e7a;--mvw-color-primary-700: #455a64;--mvw-color-primary-800: #37474f;--mvw-color-primary-900: #263238;--mvw-color-primary-950: #182024}:where(:host,:root){--mvw-color-secondary-100: #dcedc8;--mvw-color-secondary-200: #badb94;--mvw-color-secondary-300: #aed581;--mvw-color-secondary-400: #9ccc65;--mvw-color-secondary-500: #8bc34a;--mvw-color-secondary-700: #689f38;--mvw-color-secondary-800: #558b2f;--mvw-color-secondary-900: #33691e;--mvw-color-secondary-950: #14290c}:where(:host){--radius-1: 2px;--radius-2: 5px;--radius-3: 16px;--radius-4: 32px;--radius-5: 64px;--radius-6: 96px}:where(:host){--font-size-50: .625rem;--font-size-100: .6875rem;--font-size-200: .75rem;--font-size-300: .8125rem;--font-size-400: .875rem;--font-size-500: 1rem;--font-size-600: 1.125rem;--font-size-700: 1.25rem;--font-size-800: 1.5rem;--font-size-900: 1.75rem;--font-size-950: 2rem;--font-lineheight-50: .95;--font-lineheight-100: 1;--font-lineheight-200: 1.1;--font-lineheight-300: 1.25;--font-lineheight-400: 1.375;--font-lineheight-500: 1.5;--font-lineheight-600: 1.75;--font-lineheight-700: 2}:where(:host){--size-1: 1px;--size-2: .125rem;--size-4: .25rem;--size-6: .375rem;--size-8: .5rem;--size-10: .625rem;--size-12: .75rem;--size-16: 1rem;--size-24: 1.5rem;--size-32: 2rem}:where(:host){--shadow-color: 220 3% 15%;--shadow-strength: 1%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))}@media (prefers-color-scheme: dark){:where(:host){--shadow-color: 220 40% 2%;--shadow-strength: 25%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007}}:where(:host){--ease-spring-1: linear( 0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1 )}@layer normalize{*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin}:where(img,svg,video,canvas,audio,iframe,embed,object){display:inline-block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(img){opacity:0;transition:opacity .5s ease-out}:where(img).is-loaded{opacity:1}:where(svg:not([width])){inline-size:var(--size-16)}:where(input,button,textarea),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font-size:inherit;font:inherit;letter-spacing:inherit}:where(a[href],area,button,[role=button],input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}:where(button){appearance:button;-webkit-appearance:button;background-color:transparent;background-image:none}:where(dd,pre){margin:0}:where(ul,li){margin:0;padding:0}:where(ol,ul){list-style:none}}@layer theme{[data-theme=light],:host-context(.light){color-scheme:only light}[data-theme=dark],:host-context(.dark){color-scheme:only dark}:root,:host{font-family:var(--mvw-font, inherit);--mvw-color-live: #8bc34a;--mvw-color-error: #fb2c36;--mvw-color-warning: #ffc107;--mvw-color-info: #2870ed;--mvw-color-team: #ff6129;--mvw-link-color: light-dark(var(--mvw-color-secondary-700), var(--mvw-color-secondary-400));--mvw-link-hover-color: light-dark(var(--mvw-color-secondary-900), var(--mvw-color-secondary-200));--mvw-text-pale: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-700));--mvw-text-faded: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-600));--mvw-text-dimmed: light-dark(var(--mvw-color-primary-400), var(--mvw-color-primary-500));--mvw-text-muted: light-dark(var(--mvw-color-primary-500), var(--mvw-color-primary-400));--mvw-text-toned: light-dark(var(--mvw-color-primary-600), var(--mvw-color-primary-300));--mvw-text-default: light-dark(var(--mvw-color-primary-700), var(--mvw-color-primary-200));--mvw-text-highlighted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-text-inverted: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-default: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-muted: light-dark(var(--mvw-color-primary-50), var(--mvw-color-primary-900));--mvw-bg-elevated: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-bg-accented: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-bg-highlighted: var(--mvw-color-secondary-500);--mvw-bg-inverted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-border-faded: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-border-muted: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-border-highlighted: var(--mvw-color-secondary-500)}:where(a[href]){color:var(--mvw-link-color);text-decoration:none}:where(a[href]):hover{color:var(--mvw-link-hover-color)}:where(a[href]):visited{color:var(--mvw-link-color)}}@layer components{:where(.loading-indicator){padding:var(--size-16);font-weight:600;color:var(--mvw-loading-indicator-text-color, var(--mvw-text-toned));text-align:center}}@layer utils{.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}.text-xs{font-size:var(--font-size-200)}.text-sm{font-size:var(--font-size-400)}.text-xl{font-size:var(--font-size-700)}.text-faded{color:var(--mvw-text-faded)}.text-dimmed{color:var(--mvw-text-dimmed)}.text-muted{color:var(--mvw-text-muted)}.text-toned{color:var(--mvw-text-toned)}.text-default{color:var(--mvw-text-default)}.text-highlighted{color:var(--mvw-text-highlighted)}.w-auto{width:auto}.mx-sm{margin-inline:var(--size-8)}.mb-sm{margin-block-end:var(--size-8)}.mb-md{margin-block-end:var(--size-16)}.mb-xl{margin-block-end:calc(var(--size-16) * 2)}.mt-md{margin-block-start:var(--size-16)}.mt-lg{margin-block-start:var(--size-24)}.mt-xl{margin-block-start:calc(var(--size-16) * 2)}.p-sm{padding-block:var(--size-8)}.py-md{padding-block:var(--size-16)}.flex{display:flex}.grid{display:grid}.block{display:block}.rounded{border-radius:1e5px}.sticky{position:sticky;top:var(--mvw-sticky-top-offset, 0);z-index:10}.blured-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-container{--min-width: 230px;--max-width: 1fr;--gap: var(--size-16);--align-items: center;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min-width),100%),var(--max-width)));align-items:var(--align-items);gap:var(--gap)}.flex-container{display:flex;flex-wrap:wrap;gap:var(--size-16)}.responsive-team-name{container-type:inline-size;container-name:team-name}.responsive-team-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-team-name>* .team-name-short{display:none}@container team-name (max-width: 200px){.responsive-team-name>* .team-name-long{display:none}.responsive-team-name>* .team-name-short{display:inline-block}}}', Re = (e, t) => {
+}), br = 'dialog[data-v-1cbe9cd1]:open{display:grid;grid-template-areas:"stack";opacity:1}dialog[data-v-1cbe9cd1]{--popover-padding: var(--size-10);padding:var(--popover-padding);border-radius:8px;background-color:var(--mvw-color-white);opacity:0;transition:opacity .3s,overlay .3s allow-discrete,display .3s allow-discrete}dialog[data-v-1cbe9cd1] :is(button,a){grid-area:stack}dialog[data-v-1cbe9cd1] :where(a){outline:none}dialog[data-v-1cbe9cd1] :where(img,video){display:block;object-fit:cover}dialog button[data-v-1cbe9cd1]{align-self:start;justify-self:end}@starting-style{dialog[data-v-1cbe9cd1]:open{opacity:0}}dialog[data-v-1cbe9cd1]::backdrop{background-color:transparent;transition:display .3s allow-discrete,overlay .3s allow-discrete,background-color .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}dialog[data-v-1cbe9cd1]:open::backdrop{background-color:#000000bf}@starting-style{dialog[data-v-1cbe9cd1]:open::backdrop{background-color:transparent}}.ad-placement-tool[data-v-1cbe9cd1] :where(img,video){opacity:1}.ad-placement-tool .close[data-v-1cbe9cd1]{position:absolute;right:calc(var(--popover-padding) * -1);top:calc(var(--popover-padding) * -1);width:24px;height:24px;margin:0;padding:0;background:#fff;border:none;border-end-start-radius:8px}.ad-placement-tool .close[data-v-1cbe9cd1]:before,.ad-placement-tool .close[data-v-1cbe9cd1]:after{position:absolute;left:43%;top:5px;content:" ";height:16px;width:2px;background-color:#333}.ad-placement-tool .close[data-v-1cbe9cd1]:before{transform:rotate(45deg)}.ad-placement-tool .close[data-v-1cbe9cd1]:after{transform:rotate(-45deg)}', yr = '@layer normalize,theme,components.variables,components,utils;:where(:host,:root){--mvw-color-white: #fff;--mvw-color-black: #000;--mvw-color-primary-0: #ffffff;--mvw-color-primary-50: #eceff1;--mvw-color-primary-100: #cfd8dc;--mvw-color-primary-200: #b0bec5;--mvw-color-primary-300: #90a4ae;--mvw-color-primary-400: #78909c;--mvw-color-primary-500: #607d8b;--mvw-color-primary-600: #546e7a;--mvw-color-primary-700: #455a64;--mvw-color-primary-800: #37474f;--mvw-color-primary-900: #263238;--mvw-color-primary-950: #182024}:where(:host,:root){--mvw-color-secondary-100: #dcedc8;--mvw-color-secondary-200: #badb94;--mvw-color-secondary-300: #aed581;--mvw-color-secondary-400: #9ccc65;--mvw-color-secondary-500: #8bc34a;--mvw-color-secondary-700: #689f38;--mvw-color-secondary-800: #558b2f;--mvw-color-secondary-900: #33691e;--mvw-color-secondary-950: #14290c}:where(:host){--radius-1: 2px;--radius-2: 5px;--radius-3: 16px;--radius-4: 32px;--radius-5: 64px;--radius-6: 96px}:where(:host){--font-size-50: .625rem;--font-size-100: .6875rem;--font-size-200: .75rem;--font-size-300: .8125rem;--font-size-400: .875rem;--font-size-500: 1rem;--font-size-600: 1.125rem;--font-size-700: 1.25rem;--font-size-800: 1.5rem;--font-size-900: 1.75rem;--font-size-950: 2rem;--font-lineheight-50: .95;--font-lineheight-100: 1;--font-lineheight-200: 1.1;--font-lineheight-300: 1.25;--font-lineheight-400: 1.375;--font-lineheight-500: 1.5;--font-lineheight-600: 1.75;--font-lineheight-700: 2}:where(:host){--size-1: 1px;--size-2: .125rem;--size-4: .25rem;--size-6: .375rem;--size-8: .5rem;--size-10: .625rem;--size-12: .75rem;--size-16: 1rem;--size-24: 1.5rem;--size-32: 2rem}:where(:host){--shadow-color: 220 3% 15%;--shadow-strength: 1%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))}@media (prefers-color-scheme: dark){:where(:host){--shadow-color: 220 40% 2%;--shadow-strength: 25%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007}}:where(:host){--ease-spring-1: linear( 0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1 )}@layer normalize{*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(img){opacity:0;transition:opacity .5s ease-out}:where(img).is-loaded{opacity:1}:where(svg:not([width])){inline-size:var(--size-16)}:where(input,button,textarea),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font-size:inherit;font:inherit;letter-spacing:inherit}:where(a[href],area,button,[role=button],input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}:where(button){appearance:button;-webkit-appearance:button;background-color:transparent;background-image:none}:where(dd,pre){margin:0}:where(ul,li){margin:0;padding:0}:where(ol,ul){list-style:none}}@layer theme{[data-theme=light],:host-context(.light){color-scheme:only light}[data-theme=dark],:host-context(.dark){color-scheme:only dark}:root,:host{font-family:var(--mvw-font, inherit);--mvw-color-live: #8bc34a;--mvw-color-error: #fb2c36;--mvw-color-warning: #ffc107;--mvw-color-info: #2870ed;--mvw-color-team: #ff6129;--mvw-link-color: light-dark(var(--mvw-color-secondary-700), var(--mvw-color-secondary-400));--mvw-link-hover-color: light-dark(var(--mvw-color-secondary-900), var(--mvw-color-secondary-200));--mvw-text-pale: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-700));--mvw-text-faded: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-600));--mvw-text-dimmed: light-dark(var(--mvw-color-primary-400), var(--mvw-color-primary-500));--mvw-text-muted: light-dark(var(--mvw-color-primary-500), var(--mvw-color-primary-400));--mvw-text-toned: light-dark(var(--mvw-color-primary-600), var(--mvw-color-primary-300));--mvw-text-default: light-dark(var(--mvw-color-primary-700), var(--mvw-color-primary-200));--mvw-text-highlighted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-text-inverted: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-default: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-muted: light-dark(var(--mvw-color-primary-50), var(--mvw-color-primary-900));--mvw-bg-elevated: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-bg-accented: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-bg-highlighted: var(--mvw-color-secondary-500);--mvw-bg-inverted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-border-faded: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-border-muted: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-border-highlighted: var(--mvw-color-secondary-500)}:where(a[href]){color:var(--mvw-link-color);text-decoration:none}:where(a[href]):hover{color:var(--mvw-link-hover-color)}:where(a[href]):visited{color:var(--mvw-link-color)}}@layer components{:where(.loading-indicator){padding:var(--size-16);font-weight:600;color:var(--mvw-loading-indicator-text-color, var(--mvw-text-toned));text-align:center}}@layer utils{.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}.text-xs{font-size:var(--font-size-200)}.text-sm{font-size:var(--font-size-400)}.text-xl{font-size:var(--font-size-700)}.text-faded{color:var(--mvw-text-faded)}.text-dimmed{color:var(--mvw-text-dimmed)}.text-muted{color:var(--mvw-text-muted)}.text-toned{color:var(--mvw-text-toned)}.text-default{color:var(--mvw-text-default)}.text-highlighted{color:var(--mvw-text-highlighted)}.w-auto{width:auto}.mx-sm{margin-inline:var(--size-8)}.mb-sm{margin-block-end:var(--size-8)}.mb-md{margin-block-end:var(--size-16)}.mb-xl{margin-block-end:calc(var(--size-16) * 2)}.mt-md{margin-block-start:var(--size-16)}.mt-lg{margin-block-start:var(--size-24)}.mt-xl{margin-block-start:calc(var(--size-16) * 2)}.p-sm{padding-block:var(--size-8)}.py-md{padding-block:var(--size-16)}.flex{display:flex}.grid{display:grid}.block{display:block}.rounded{border-radius:1e5px}.sticky{position:sticky;top:var(--mvw-sticky-top-offset, 0);z-index:10}.blured-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-container{--min-width: 230px;--max-width: 1fr;--gap: var(--size-16);--align-items: center;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min-width),100%),var(--max-width)));align-items:var(--align-items);gap:var(--gap)}.flex-container{display:flex;flex-wrap:wrap;gap:var(--size-16)}.responsive-team-name{container-type:inline-size;container-name:team-name}.responsive-team-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-team-name>* .team-name-short{display:none}@container team-name (max-width: 200px){.responsive-team-name>* .team-name-long{display:none}.responsive-team-name>* .team-name-short{display:inline-block}}}', Pe = (e, r) => {
   const o = e.__vccOpts || e;
-  for (const [s, n] of t)
-    o[s] = n;
+  for (const [c, l] of r)
+    o[c] = l;
   return o;
-}, Ke = {
+}, xr = {
   key: 0,
   class: "ad-placement-tool"
-}, Xe = {
+}, kr = {
   key: 0,
   ref: "popover"
-}, Ye = {
+}, zr = {
   __name: "AdPlacement.ce",
   props: {
     areaId: {
@@ -490,38 +589,332 @@ const Ue = ["width", "height"], Ve = ["src", "type"], Ge = { key: 1 }, Le = ["sr
     }
   },
   setup(e) {
-    const t = e, o = Fe("popover"), { isFinished: s, data: n, error: c } = Ie(`${pe.replace("/vbr", "")}/internal/ad-placement?areaid=${t.areaId}`, { timeout: 1e3 }).get().json(), { hide: a } = He(o, L(() => n.value?.closeTimeout ?? 3e4), {
-      check: () => ne.checkCookie(`mjsz-popover-${n.value?._id}`),
-      set: () => ne.setCookie(`mjsz-popover-${n.value?._id}`, 1, n.value?.expiration ?? 1)
+    const r = e, o = Ue("popover"), { isFinished: c, data: l, error: i } = cr(`${Se}/internal/ad-placement?areaid=${r.areaId}`, { timeout: 1e3 }).get().json(), { hide: t } = pr(o, $(() => l.value?.closeTimeout ?? 3e4), {
+      check: () => ge.checkCookie(`mjsz-popover-${l.value?._id}`),
+      set: () => ge.setCookie(`mjsz-popover-${l.value?._id}`, 1, l.value?.expiration ?? 1)
     });
-    return (r, i) => x(s) && !x(c) ? (T(), S("div", Ke, [
-      x(n).type === "popover" ? (T(), S("dialog", Xe, [
-        Pe(ce, {
-          "current-ad": x(n),
+    return (a, s) => u(c) && !u(i) ? (b(), I("div", xr, [
+      u(l).type === "popover" ? (b(), I("dialog", kr, [
+        S(ze, {
+          "current-ad": u(l),
           "mobile-breakpoint": e.mobileBreakpoint
         }, null, 8, ["current-ad", "mobile-breakpoint"]),
-        me("button", {
+        T("button", {
           type: "button",
           class: "close",
-          onClick: i[0] || (i[0] = (...d) => x(a) && x(a)(...d))
+          onClick: s[0] || (s[0] = (...n) => u(t) && u(t)(...n))
         })
-      ], 512)) : (T(), de(ce, {
+      ], 512)) : (b(), Y(ze, {
         key: 1,
-        "current-ad": x(n),
+        "current-ad": u(l),
         "mobile-breakpoint": e.mobileBreakpoint
       }, null, 8, ["current-ad", "mobile-breakpoint"]))
-    ])) : ue("", !0);
+    ])) : ve("", !0);
+  }
+}, _r = /* @__PURE__ */ Pe(zr, [["styles", [br, yr]], ["__scopeId", "data-v-1cbe9cd1"]]), Ir = { seasons: "Seasons", sections: "Sections", phases: "Phases", phasesDivision: "Phases (phase-Name=division)", championships: "Championships", championshipName: "Championship Name (Championship-Name):", championshipId: "Championship Identifier (Championship-id):", seasonId: "Season Identifier (season-Id):" }, Cr = {
+  selection: Ir
+}, Sr = { seasons: "Szezonok", sections: "Szakaszok", phases: "Szakaszok", phasesDivision: "Fázisok (phase-Name=division)", championships: "Bajnokságok", championshipName: "Bajnokság Neve (Championship-Name):", championshipId: "Bajnokság azonosító (Championship-id):", seasonId: "Szezon azonosító (season-Id):" }, Ar = {
+  selection: Sr
+}, ue = (e) => (r) => Re(e, Ge(r));
+function Er(e, r) {
+  r.seasonsList = e, r.seasonId = ue("id")(e);
+}
+function Tr(e, r) {
+  r.championshipList = e, r.championshipId = ue("championshipId")(e);
+}
+function Pr(e, r) {
+  r.sections = e, r.sectionId = ue("sectionId")(e);
+}
+const Fr = {
+  __name: "DataProvider",
+  props: {
+    apiKey: {
+      type: String,
+      default: ""
+    },
+    locale: {
+      type: String,
+      default: "hu"
+    }
+  },
+  setup(e) {
+    const r = e, o = Ie({
+      seasonsList: [],
+      seasonId: null,
+      championshipList: [],
+      championshipId: null,
+      sections: [],
+      sectionId: null
+    }), { onError: c } = Qe(), { isLoading: l, execute: i } = te({
+      options: {
+        path: "/v2/all-season-list",
+        apiKey: r.apiKey,
+        params: {}
+      },
+      transform: (m) => Er(m, o),
+      onError: c
+    }), { isLoading: t, execute: a } = te({
+      options: {
+        path: "/v2/championship-list",
+        apiKey: r.apiKey,
+        params: $(() => ({ seasonId: o.seasonId }))
+      },
+      transform: (m) => Tr(m, o),
+      onError: c
+    }), {
+      isLoading: s,
+      execute: n
+    } = te({
+      options: {
+        path: "/v2/championship-sections",
+        apiKey: r.apiKey,
+        params: $(() => ({ championshipId: o.championshipId }))
+      },
+      transform: (m) => Pr(m, o),
+      onError: c
+    }), v = $(() => o.sections?.find((m) => m.sectionId === o.sectionId)?.phases ?? []);
+    xe([i, a, n]);
+    const d = $(() => [l.value, t.value, s.value].some(Boolean));
+    function h(m) {
+      o.seasonId = m, xe([a, n]);
+    }
+    function p(m) {
+      o.championshipId = m, n();
+    }
+    function f(m) {
+      o.sectionId = m;
+    }
+    return (m, w) => Me(m.$slots, "default", Ke(He({
+      ...o,
+      isLoading: d.value,
+      phaseData: v.value,
+      onChangeSeason: h,
+      onChangeSection: f,
+      onChangeChampionship: p
+    })));
+  }
+}, jr = ["value"], $r = ["value"], Nr = {
+  __name: "Selector",
+  props: {
+    seasonsList: {
+      type: Array,
+      default: () => []
+    },
+    seasonId: {
+      type: Number,
+      default: null
+    },
+    championshipList: {
+      type: Array,
+      default: () => []
+    },
+    championshipId: {
+      type: Number,
+      default: null
+    }
+  },
+  emits: ["update:seasonId", "update:championshipId"],
+  setup(e, { emit: r }) {
+    const o = e, c = r, { t: l } = Xe(), { seasonId: i, championshipId: t } = mr(o, c);
+    return (a, s) => (b(), I(Q, null, [
+      S(u(U), {
+        label: u(l)("selection.seasons"),
+        name: "season",
+        class: "full-width mb-md"
+      }, {
+        default: C(() => [
+          S(u(be), {
+            id: "season",
+            modelValue: u(i),
+            "onUpdate:modelValue": s[0] || (s[0] = (n) => X(i) ? i.value = n : null)
+          }, {
+            default: C(() => [
+              (b(!0), I(Q, null, de(e.seasonsList, (n) => (b(), I("option", {
+                key: n.id,
+                value: n.id
+              }, V(n.seasonName), 9, jr))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["label"]),
+      S(u(U), {
+        label: u(l)("selection.championships"),
+        name: "championship",
+        class: "full-width"
+      }, {
+        default: C(() => [
+          S(u(be), {
+            id: "championship",
+            modelValue: u(t),
+            "onUpdate:modelValue": s[1] || (s[1] = (n) => X(t) ? t.value = n : null)
+          }, {
+            default: C(() => [
+              (b(!0), I(Q, null, de(e.championshipList, (n) => (b(), I("option", {
+                key: n.championshipId,
+                value: n.championshipId
+              }, V(n.championshipName), 9, $r))), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }, 8, ["label"])
+    ], 64));
+  }
+}, Or = '@layer normalize,theme,components.variables,components,utils;:where(:host,:root){--mvw-color-white: #fff;--mvw-color-black: #000;--mvw-color-primary-0: #ffffff;--mvw-color-primary-50: #eceff1;--mvw-color-primary-100: #cfd8dc;--mvw-color-primary-200: #b0bec5;--mvw-color-primary-300: #90a4ae;--mvw-color-primary-400: #78909c;--mvw-color-primary-500: #607d8b;--mvw-color-primary-600: #546e7a;--mvw-color-primary-700: #455a64;--mvw-color-primary-800: #37474f;--mvw-color-primary-900: #263238;--mvw-color-primary-950: #182024}:where(:host,:root){--mvw-color-secondary-100: #dcedc8;--mvw-color-secondary-200: #badb94;--mvw-color-secondary-300: #aed581;--mvw-color-secondary-400: #9ccc65;--mvw-color-secondary-500: #8bc34a;--mvw-color-secondary-700: #689f38;--mvw-color-secondary-800: #558b2f;--mvw-color-secondary-900: #33691e;--mvw-color-secondary-950: #14290c}:where(:host){--radius-1: 2px;--radius-2: 5px;--radius-3: 16px;--radius-4: 32px;--radius-5: 64px;--radius-6: 96px}:where(:host){--font-size-50: .625rem;--font-size-100: .6875rem;--font-size-200: .75rem;--font-size-300: .8125rem;--font-size-400: .875rem;--font-size-500: 1rem;--font-size-600: 1.125rem;--font-size-700: 1.25rem;--font-size-800: 1.5rem;--font-size-900: 1.75rem;--font-size-950: 2rem;--font-lineheight-50: .95;--font-lineheight-100: 1;--font-lineheight-200: 1.1;--font-lineheight-300: 1.25;--font-lineheight-400: 1.375;--font-lineheight-500: 1.5;--font-lineheight-600: 1.75;--font-lineheight-700: 2}:where(:host){--size-1: 1px;--size-2: .125rem;--size-4: .25rem;--size-6: .375rem;--size-8: .5rem;--size-10: .625rem;--size-12: .75rem;--size-16: 1rem;--size-24: 1.5rem;--size-32: 2rem}:where(:host){--shadow-color: 220 3% 15%;--shadow-strength: 1%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff, inset 0 .5px 0 0 #0001;--shadow-3: 0 -1px 3px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 1px 2px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 2%)), 0 2px 5px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 4px 12px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 12px 15px -5px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%));--shadow-6: 0 -1px 2px 0 hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%)), 0 3px 2px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 7px 5px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 3%)), 0 12px 10px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 4%)), 0 22px 18px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 5%)), 0 41px 33px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 6%)), 0 100px 80px -2px hsl(var(--shadow-color) / calc(var(--shadow-strength) + 7%))}@media (prefers-color-scheme: dark){:where(:host){--shadow-color: 220 40% 2%;--shadow-strength: 25%;--inner-shadow-highlight: inset 0 -.5px 0 0 #fff1, inset 0 .5px 0 0 #0007}}:where(:host){--ease-spring-1: linear( 0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1 )}@layer normalize{*,:before,:after{box-sizing:border-box}*{scrollbar-width:thin}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(img){opacity:0;transition:opacity .5s ease-out}:where(img).is-loaded{opacity:1}:where(svg:not([width])){inline-size:var(--size-16)}:where(input,button,textarea),:where(input[type=file])::-webkit-file-upload-button{color:inherit;font-size:inherit;font:inherit;letter-spacing:inherit}:where(a[href],area,button,[role=button],input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:where(:not(fieldset,progress,meter)){background-origin:border-box;background-repeat:no-repeat;border-style:solid;border-width:0}:where(button){appearance:button;-webkit-appearance:button;background-color:transparent;background-image:none}:where(dd,pre){margin:0}:where(ul,li){margin:0;padding:0}:where(ol,ul){list-style:none}}@layer theme{[data-theme=light],:host-context(.light){color-scheme:only light}[data-theme=dark],:host-context(.dark){color-scheme:only dark}:root,:host{font-family:var(--mvw-font, inherit);--mvw-color-live: #8bc34a;--mvw-color-error: #fb2c36;--mvw-color-warning: #ffc107;--mvw-color-info: #2870ed;--mvw-color-team: #ff6129;--mvw-link-color: light-dark(var(--mvw-color-secondary-700), var(--mvw-color-secondary-400));--mvw-link-hover-color: light-dark(var(--mvw-color-secondary-900), var(--mvw-color-secondary-200));--mvw-text-pale: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-700));--mvw-text-faded: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-600));--mvw-text-dimmed: light-dark(var(--mvw-color-primary-400), var(--mvw-color-primary-500));--mvw-text-muted: light-dark(var(--mvw-color-primary-500), var(--mvw-color-primary-400));--mvw-text-toned: light-dark(var(--mvw-color-primary-600), var(--mvw-color-primary-300));--mvw-text-default: light-dark(var(--mvw-color-primary-700), var(--mvw-color-primary-200));--mvw-text-highlighted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-text-inverted: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-default: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-bg-muted: light-dark(var(--mvw-color-primary-50), var(--mvw-color-primary-900));--mvw-bg-elevated: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-bg-accented: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-bg-highlighted: var(--mvw-color-secondary-500);--mvw-bg-inverted: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-border-faded: light-dark(var(--mvw-color-primary-100), var(--mvw-color-primary-800));--mvw-border-muted: light-dark(var(--mvw-color-primary-200), var(--mvw-color-primary-700));--mvw-border-highlighted: var(--mvw-color-secondary-500)}:where(a[href]){color:var(--mvw-link-color);text-decoration:none}:where(a[href]):hover{color:var(--mvw-link-hover-color)}:where(a[href]):visited{color:var(--mvw-link-color)}}@layer components{:where(.loading-indicator){padding:var(--size-16);font-weight:600;color:var(--mvw-loading-indicator-text-color, var(--mvw-text-toned));text-align:center}}@layer utils{.font-bold{font-weight:700}.italic{font-style:italic}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-start{text-align:start}.text-end{text-align:end}.text-center{text-align:center}.text-xs{font-size:var(--font-size-200)}.text-sm{font-size:var(--font-size-400)}.text-xl{font-size:var(--font-size-700)}.text-faded{color:var(--mvw-text-faded)}.text-dimmed{color:var(--mvw-text-dimmed)}.text-muted{color:var(--mvw-text-muted)}.text-toned{color:var(--mvw-text-toned)}.text-default{color:var(--mvw-text-default)}.text-highlighted{color:var(--mvw-text-highlighted)}.w-auto{width:auto}.mx-sm{margin-inline:var(--size-8)}.mb-sm{margin-block-end:var(--size-8)}.mb-md{margin-block-end:var(--size-16)}.mb-xl{margin-block-end:calc(var(--size-16) * 2)}.mt-md{margin-block-start:var(--size-16)}.mt-lg{margin-block-start:var(--size-24)}.mt-xl{margin-block-start:calc(var(--size-16) * 2)}.p-sm{padding-block:var(--size-8)}.py-md{padding-block:var(--size-16)}.flex{display:flex}.grid{display:grid}.block{display:block}.rounded{border-radius:1e5px}.sticky{position:sticky;top:var(--mvw-sticky-top-offset, 0);z-index:10}.blured-bg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid-container{--min-width: 230px;--max-width: 1fr;--gap: var(--size-16);--align-items: center;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(var(--min-width),100%),var(--max-width)));align-items:var(--align-items);gap:var(--gap)}.flex-container{display:flex;flex-wrap:wrap;gap:var(--size-16)}.responsive-team-name{container-type:inline-size;container-name:team-name}.responsive-team-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.responsive-team-name>* .team-name-short{display:none}@container team-name (max-width: 200px){.responsive-team-name>* .team-name-long{display:none}.responsive-team-name>* .team-name-short{display:inline-block}}}', Br = `@layer components.variables{:where(:host){--mvw-form-label-font-size: var(--font-size-200);--mvw-form-label-color: var(--mvw-text-muted);--mvw-input-color: light-dark(var(--mvw-color-primary-800), var(--mvw-color-primary-200));--mvw-input-font-size: var(--font-size-400);--mvw-input-border-color: light-dark(var(--mvw-color-primary-300), var(--mvw-color-primary-700));--mvw-input-bg-color: light-dark(var(--mvw-color-white), var(--mvw-color-primary-950));--mvw-input-border-radius: var(--radius-2)}}@layer components{:where(.form-field){--_border-color: var(--mvw-input-border-color);--_bg-color: var(--mvw-input-bg-color);--_height: var(--size-32);--_color: var(--mvw-input-color);--_field-padding-block: var(--size-6);--_field-padding-inline: var(--size-10);contain:layout;position:relative;color:var(--mvw-text-default)}:where(.form-field) pre,:where(.form-field) input,:where(.form-field) select{appearance:none;block-size:var(--_height);min-inline-size:0;font-family:inherit;font-size:var(--mvw-input-font-size);color:var(--_color);line-height:var(--font-lineheight-100);background-color:var(--_bg-color);border:var(--field-border-width, 1px) solid var(--_border-color);border-radius:var(--mvw-input-border-radius);padding:var(--_field-padding-block) var(--_field-padding-inline)}:where(.form-field) select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--size-6) center;background-size:16px 12px;padding-inline-end:var(--size-24)}:where(.form-field) pre{line-height:var(--font-lineheight-500)}:where(.form-field) input::placeholder{color:rgb(from var(--_color) r g b / 50%)}:where(.form-field) label{display:block;font-size:var(--mvw-form-label-font-size);line-height:var(--font-lineheight-700);color:var(--mvw-form-label-color);text-transform:uppercase;font-weight:700}:where(:where(.form-field).full-width input,:where(.form-field).full-width select){inline-size:100%}}`, Dr = "@layer components.variables{:where(:host){--mvw-tab-btn-font-size: var(--font-size-500);--mvw-tab-btn-font-weight: 500;--mvw-tab-btn-color: light-dark(var(--mvw-color-primary-300), var(--mvw-color-primary-500));--mvw-tab-btn-border-style: solid;--mvw-tab-btn-border-width: 0 0 3px 0;--mvw-tab-btn-text-transform: uppercase;--mvw-tab-btn-hover-color: light-dark(var(--mvw-color-primary-500), var(--mvw-color-primary-300));--mvw-tab-btn-hover-border-color: transparent;--mvw-tab-btn-active-color: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-50));--mvw-tab-btn-active-border-color: var(--mvw-border-highlighted);--mvw-tab-btn-group-separator-color: var(--mvw-border-muted);--mvw-toggle-group-gap: var(--size-6);--mvw-toggle-group-nav-padding: 0;--mvw-toggle-group-border-width: 0;--mvw-toggle-group-btn-padding: var(--size-4) var(--size-8);--mvw-toggle-group-btn-size: var(--font-size-400);--mvw-toggle-group-btn-color: light-dark(var(--mvw-color-primary-900), var(--mvw-color-primary-100));--mvw-toggle-group-btn-bg-color: light-dark(var(--mvw-color-primary-50), var(--mvw-color-primary-900));--mvw-toggle-group-btn-active-color: var(--mvw-color-primary-0);--mvw-toggle-group-btn-active-bg-color: var(--mvw-bg-highlighted);--mvw-toggle-group-btn-radius: var(--radius-2)}}@layer components{:where(nav.tabs)>[role=tablist] button{outline-color:transparent;outline-offset:-4px}:where(nav.tabs)>[role=tablist] button:focus-visible{outline:2px solid blue}:where(nav.tabs).underlined>[role=tablist]{border-bottom:1px solid var(--mvw-tab-btn-group-separator-color)}:where(nav.tabs).underlined>[role=tablist] button{background:transparent;color:var(--mvw-tab-btn-color);font-weight:var(--mvw-tab-btn-font-weight);line-height:var(--font-lineheight-4);padding:var(--size-8) var(--size-16);text-transform:var(--mvw-tab-btn-text-transform)}:where(nav.tabs).underlined>[role=tablist] button:focus-visible{border-radius:0}:where(nav.tabs).underlined>[role=tablist] button[aria-selected=true]{border-block-end:3px solid var(--mvw-tab-btn-active-border-color);color:var(--mvw-tab-btn-active-color)}:where(nav.tabs).underlined>[role=tablist] button[aria-selected=false]:hover{color:var(--mvw-tab-btn-hover-color)}:where(nav.tabs).filled>[role=tablist]{display:flex;gap:var(--mvw-toggle-group-gap);border:var(--mvw-toggle-group-border-width) solid var(--mvw-border-muted);border-radius:calc(var(--mvw-toggle-group-btn-radius) + var(--mvw-toggle-group-nav-padding));overflow:hidden;padding:var(--mvw-toggle-group-nav-padding);width:fit-content}:where(nav.tabs).filled>[role=tablist] button{background-color:var(--mvw-toggle-group-btn-bg-color);border-radius:var(--mvw-toggle-group-btn-radius);font-size:var(--mvw-toggle-group-btn-size);color:var(--mvw-toggle-group-btn-color);padding:var(--mvw-toggle-group-btn-padding)}:where(nav.tabs).filled>[role=tablist] button[aria-selected=true]{color:var(--mvw-toggle-group-btn-active-color);background-color:var(--mvw-toggle-group-btn-active-bg-color)}}", Lr = "@layer components.variables{:where(:host){--mvw-color-error-notice-bg-color: color-mix(in oklab, var(--mvw-color-error) 10%, transparent);--mvw-color-error-notice-border-color: color-mix(in oklab, var(--mvw-color-error) 25%, transparent);--mvw-color-error-notice-color: var(--mvw-color-error)}}@layer components{:where(.error-notice){display:flex;align-items:center;justify-items:flex-start;gap:15px;margin:10px 0;padding:10px 20px;background-color:var(--mvw-color-error-notice-bg-color);color:var(--mvw-color-error-notice-color);border:1px solid var(--mvw-color-error-notice-border-color);border-radius:var(--radius-2)}:where(.error-notice) button{text-decoration:underline}}", Vr = ".main-layout[data-v-71f9e995]{display:grid;gap:var(--size-16)}@media (width > 60ch){.main-layout[data-v-71f9e995]{grid-template-columns:25ch 1fr}}", Ur = { class: "main-layout" }, Mr = ["textContent"], Kr = ["textContent"], Hr = ["textContent"], Rr = {
+  id: "sections",
+  class: "tabs filled"
+}, Gr = ["aria-label"], Jr = ["aria-selected", "onClick"], Wr = ["textContent"], qr = {
+  __name: "IvrIdentifiers.ce",
+  props: {
+    locale: {
+      type: String,
+      default: "hu"
+    },
+    apiKey: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const r = e, o = { en: Cr, hu: Ar };
+    return (c, l) => (b(), Y(u(Je), {
+      locale: r.locale,
+      messages: o
+    }, {
+      default: C(({ t: i }) => [
+        S(u(We), null, {
+          default: C(({ error: t, hasError: a }) => [
+            a ? (b(), Y(u(qe), {
+              key: 0,
+              error: t
+            }, null, 8, ["error"])) : ve("", !0),
+            S(Fr, null, {
+              default: C(({
+                seasonsList: s,
+                seasonId: n,
+                championshipList: v,
+                championshipId: d,
+                sections: h,
+                sectionId: p,
+                phaseData: f,
+                onChangeSeason: m,
+                onChangeSection: w,
+                onChangeChampionship: y
+              }) => [
+                T("div", Ur, [
+                  T("div", null, [
+                    S(Nr, {
+                      "seasons-list": s,
+                      "season-id": n,
+                      "championship-list": v,
+                      "championship-id": d,
+                      "onUpdate:seasonId": m,
+                      "onUpdate:championshipId": y
+                    }, null, 8, ["seasons-list", "season-id", "championship-list", "championship-id", "onUpdate:seasonId", "onUpdate:championshipId"])
+                  ]),
+                  T("div", null, [
+                    S(u(U), {
+                      label: i("selection.championships"),
+                      name: "seasonId",
+                      class: "mb-md"
+                    }, {
+                      default: C(() => [
+                        T("span", {
+                          id: "seasonId",
+                          textContent: V(n)
+                        }, null, 8, Mr)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]),
+                    S(u(U), {
+                      label: i("selection.championshipName"),
+                      name: "championshipName",
+                      class: "mb-md"
+                    }, {
+                      default: C(() => [
+                        T("span", {
+                          id: "championshipName",
+                          textContent: V(v.find((x) => x.championshipId === d)?.championshipName)
+                        }, null, 8, Kr)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]),
+                    S(u(U), {
+                      label: i("selection.championshipId"),
+                      name: "championshipId",
+                      class: "mb-md"
+                    }, {
+                      default: C(() => [
+                        T("span", {
+                          id: "championshipId",
+                          textContent: V(d)
+                        }, null, 8, Hr)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]),
+                    S(u(U), {
+                      label: i("selection.sections"),
+                      name: "sections",
+                      class: "mb-md"
+                    }, {
+                      default: C(() => [
+                        T("nav", Rr, [
+                          T("div", {
+                            role: "tablist",
+                            "aria-label": i("selection.sections")
+                          }, [
+                            (b(!0), I(Q, null, de(h, (x) => (b(), I("button", {
+                              key: x.phaseId,
+                              role: "tab",
+                              "aria-selected": x.sectionId === p,
+                              onClick: (g) => w(x.sectionId)
+                            }, V(x.sectionName), 9, Jr))), 128))
+                          ], 8, Gr)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["label"]),
+                    S(u(U), {
+                      label: i("selection.phasesDivision"),
+                      name: "phases",
+                      class: "mb-md"
+                    }, {
+                      default: C(() => [
+                        T("pre", {
+                          id: "phases",
+                          style: { "--_height": "auto" },
+                          textContent: V(f)
+                        }, null, 8, Wr)
+                      ]),
+                      _: 2
+                    }, 1032, ["label"])
+                  ])
+                ])
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 2
+        }, 1024)
+      ]),
+      _: 1
+    }, 8, ["locale"]));
   }
-}, Ze = /* @__PURE__ */ Re(Ye, [["styles", [Je, Qe]], ["__scopeId", "data-v-27c6fb4c"]]), et = Oe(Ze);
-function tt() {
-  customElements.define("mjsz-ad-placement", et);
+}, Qr = /* @__PURE__ */ Pe(qr, [["styles", [Or, Br, Dr, Lr, Vr]], ["__scopeId", "data-v-71f9e995"]]), Xr = Ce(_r), Yr = Ce(Qr);
+function Zr() {
+  customElements.define("mjsz-ad-placement", Xr), customElements.define("mjsz-ivr-identifiers", Yr);
 }
-const nt = {
-  install: () => tt()
+const no = {
+  install: () => Zr()
 };
 export {
-  Ze as AdPlacement,
-  et as AdPlacementCE,
-  nt as default,
-  tt as register
+  _r as AdPlacement,
+  Xr as AdPlacementCE,
+  Qr as IVRIdentifiers,
+  Yr as IVRIdentifiersCE,
+  no as default,
+  Zr as register
 };