@golstats/gsc-landing 1.0.20 → 1.0.22

package/dist/{FilterField-91367dbc-Py1Dyjx2.js → FilterField-0d939701--YRqE-ZO.js}

@@ -1,12 +1,13 @@
-import { ref as x, openBlock as a, createElementBlock as d, createVNode as C, unref as m, useCssVars as F, resolveComponent as k, createElementVNode as s, createBlock as f, normalizeStyle as h, normalizeClass as w, createCommentVNode as b, toDisplayString as p, computed as v, watch as B, Fragment as _, pushScopeId as W, popScopeId as A } from "vue";
-import { q as V } from "./index-v16yD7RQ.js";
-const D = (e, i) => {
+import { ref as _, openBlock as l, createElementBlock as d, createVNode as V, unref as z, useCssVars as g, resolveComponent as x, createElementVNode as s, createBlock as p, normalizeStyle as h, normalizeClass as B, createCommentVNode as f, toDisplayString as v, computed as y, watch as L, Fragment as D, pushScopeId as W, popScopeId as A } from "vue";
+import { z as $ } from "./index-SHBr0-wW.js";
+const P = (e, i) => {
   const t = e.__vccOpts || e;
-  for (const [l, o] of i)
-    t[l] = o;
+  for (const [c, o] of i)
+    t[c] = o;
   return t;
-}, z = {
+}, k = {
   props: {
+    type: { type: Number, default: 0 },
     value: { type: Boolean, default: !1 },
     textValue: String,
     icon: String,
@@ -15,6 +16,7 @@ const D = (e, i) => {
     fontColor: { type: String, default: "#FFFFFF" },
     textDecoration: String,
     fontSize: { type: String, default: "16px" },
+    fontSizeStat: { type: String, default: "16px" },
     fontStyle: String,
     fontFamily: { type: String, default: "Poppins-Regular" },
     height: { type: String, default: "fit-content" },
@@ -22,6 +24,7 @@ const D = (e, i) => {
     borderRadius: { type: String, default: "0px" },
     borderType: { type: String, default: "solid" },
     borderWidth: { type: Number, default: 0 },
+    borderWidthBtn: { type: String, default: "2px" },
     borderColor: String,
     backgroundColor: { type: String, default: "none" },
     activeBackgroundColor: { type: String, default: "#000000" },
@@ -30,7 +33,10 @@ const D = (e, i) => {
     activeBorderColor: { type: String, default: "#cbee6b" },
     activeColorText: { type: String, default: "#FFFFFF" },
     cursorType: { type: String, default: "default" },
-    typeOnOff: { type: Boolean, default: !1 }
+    typeOnOff: { type: Boolean, default: !1 },
+    textCategory: String,
+    textStat: String,
+    marginLeftStat: { type: String, default: "15%" }
   },
   watch: {
     value: {
@@ -73,43 +79,81 @@ const D = (e, i) => {
       this.$emit("click", e), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
     }
   }
-}, L = ["src"], $ = {
+}, m = () => {
+  g((e) => ({
+    "1c960139": e.height,
+    b2f635d8: e.borderWidthBtn,
+    "06e99898": e.borderType,
+    "55555c76": e.borderColor,
+    "23b6d320": e.borderRadius,
+    "22c97374": e.width,
+    "22bb09fa": e.backgroundColor,
+    c148da7c: e.cursorType,
+    cce756fc: e.fontSize,
+    cff98d60: e.fontStyle,
+    "5123b3a5": e.fontFamily,
+    "47bf58db": e.marginLeftStat,
+    cadc8414: e.fontSizeStat
+  }));
+}, C = k.setup;
+k.setup = C ? (e, i) => (m(), C(e, i)) : m;
+const O = (e) => (W("data-v-fb269a1e"), e = e(), A(), e), T = ["src"], I = {
   key: 1,
   class: "text"
-}, P = ["src"];
-function N(e, i, t, l, o, r) {
-  return a(), d("div", {
-    class: w(["button", o.status && t.typeOnOff && "button-active"]),
-    style: h([r.customStyle, o.status && t.typeOnOff && r.customActive]),
-    onClick: i[0] || (i[0] = (...u) => r.btnClick && r.btnClick(...u))
-  }, [
-    t.icon && t.iconPosition.toLowerCase() === "left" ? (a(), d("img", {
+}, N = ["src"], M = { class: "stats" }, G = /* @__PURE__ */ O(() => /* @__PURE__ */ s("img", {
+  class: "iconstats",
+  src: "https://az755631.vo.msecnd.net/todoelfut/playdes.png"
+}, null, -1)), R = { class: "numstats" }, E = { class: "leyend" };
+function U(e, i, t, c, o, r) {
+  return l(), d("div", null, [
+    t.type == 0 ? (l(), d("div", {
       key: 0,
-      class: "icon",
-      style: h({ width: t.iconSize }),
-      src: t.icon
-    }, null, 12, L)) : b("", !0),
-    t.textValue ? (a(), d("div", $, p(t.textValue), 1)) : b("", !0),
-    t.icon && t.iconPosition.toLowerCase() === "right" ? (a(), d("img", {
-      key: 2,
-      class: "icon",
-      style: h({ width: t.iconSize }),
-      src: t.icon
-    }, null, 12, P)) : b("", !0)
-  ], 6);
+      class: B(["button", o.status && t.typeOnOff && "button-active"]),
+      style: h([r.customStyle, o.status && t.typeOnOff && r.customActive]),
+      onClick: i[0] || (i[0] = (...u) => r.btnClick && r.btnClick(...u))
+    }, [
+      t.icon && t.iconPosition.toLowerCase() === "left" ? (l(), d("img", {
+        key: 0,
+        class: "icon",
+        style: h({ width: t.iconSize }),
+        src: t.icon
+      }, null, 12, T)) : f("", !0),
+      t.textValue ? (l(), d("div", I, v(t.textValue), 1)) : f("", !0),
+      t.icon && t.iconPosition.toLowerCase() === "right" ? (l(), d("img", {
+        key: 2,
+        class: "icon",
+        style: h({ width: t.iconSize }),
+        src: t.icon
+      }, null, 12, N)) : f("", !0)
+    ], 6)) : f("", !0),
+    t.type == 1 ? (l(), d("div", {
+      key: 1,
+      class: "button-target",
+      onClick: i[1] || (i[1] = (...u) => r.btnClick && r.btnClick(...u))
+    }, [
+      s("div", M, [
+        G,
+        s("div", R, v(t.textStat), 1)
+      ]),
+      s("div", E, v(t.textCategory), 1)
+    ])) : f("", !0)
+  ]);
 }
-const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]), G = (e, i) => {
+const H = /* @__PURE__ */ P(k, [["render", U], ["__scopeId", "data-v-fb269a1e"]]), q = (e, i) => {
   const t = e.__vccOpts || e;
-  for (const [l, o] of i)
-    t[l] = o;
+  for (const [c, o] of i)
+    t[c] = o;
   return t;
-}, I = { key: 1 }, T = {
+}, J = { key: 1 }, Z = {
   width: "10",
   height: "8",
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, M = ["fill"], E = {
+}, j = ["fill"], Y = {
+  key: 0,
+  class: "checkbox__teams"
+}, K = { class: "checkbox__teams__logo" }, Q = ["src"], X = { class: "checkbox__teams__logo" }, tt = ["src"], et = {
   __name: "GSC-Checkbox",
   props: {
     width: {
@@ -124,6 +168,10 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
       type: String,
       default: ""
     },
+    labelWhiteSpace: {
+      type: String,
+      default: "normal"
+    },
     labelColor: {
       type: String,
       default: "white"
@@ -168,6 +216,10 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
         return ["left", "right", "top", "bottom"].includes(e);
       }
     },
+    boxMarginTop: {
+      type: String,
+      default: "0.2em"
+    },
     boxWidthAndHeight: {
       type: String,
       default: "16px"
@@ -195,81 +247,118 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
     avoidInteraction: {
       type: Boolean,
       default: !1
+    },
+    avoidToCheck: {
+      type: Boolean,
+      default: !1
+    },
+    isBoxOnly: {
+      type: Boolean,
+      default: !1
+    },
+    teamsIds: {
+      type: Array,
+      default: () => null
     }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: i }) {
-    const t = e, l = x(!1), o = v(() => {
-      const c = {
+    const t = e;
+    g((n) => ({
+      70501426: e.width,
+      "1957cde0": e.height
+    }));
+    const c = _(!1), o = y(() => {
+      const n = {
         color: t.boxValueColor,
         "font-family": t.fontFamily,
         height: t.boxWidthAndHeight,
         width: t.boxWidthAndHeight,
         minWidth: t.boxWidthAndHeight,
-        "border-radius": t.boxBorderRadius
+        "border-radius": t.boxBorderRadius,
+        "margin-top": t.boxMarginTop
       };
-      return l.value ? (c["background-color"] = t.boxBackgroundColor, c.border = `solid ${t.boxBorderWidth} ${t.boxBackgroundColor}`) : c.border = `solid ${t.boxBorderWidth} ${t.boxBorderColor}`, c;
-    }), r = v(() => ({
+      return c.value ? (n["background-color"] = t.boxBackgroundColor, n.border = `solid ${t.boxBorderWidth} ${t.boxBackgroundColor}`) : n.border = `solid ${t.boxBorderWidth} ${t.boxBorderColor}`, n;
+    }), r = y(() => ({
       "font-family": t.boxValueFontFamily,
       "font-size": t.boxValueFontSize,
       color: t.boxValueColor,
       "line-height": 1
-    })), u = v(() => {
-      const c = {
+    })), u = y(() => {
+      const n = {
         color: t.labelColor,
         "font-family": t.fontFamily,
-        "font-size": t.labelFontSize
+        "font-size": t.labelFontSize,
+        "white-space": t.labelWhiteSpace,
+        "text-align": t.boxPosition === "top" || t.boxPosition === "bottom" ? "center" : t.boxPosition
       };
-      return (t.boxPosition === "left" || t.boxPosition === "right") && (c[`margin-${t.boxPosition}`] = "10px"), c;
+      return (t.boxPosition === "left" || t.boxPosition === "right") && (n[`margin-${t.boxPosition}`] = t.isBoxOnly ? "0" : t.teamsIds ? "8px" : "10px"), n;
     });
-    B(
+    L(
       () => t.modelValue,
-      (c) => {
-        c !== l.value && (l.value = c);
+      (n) => {
+        n !== c.value && (c.value = n);
       },
       { immediate: !0 }
     );
-    function n() {
-      t.avoidInteraction || (l.value = !l.value, i("update:modelValue", l.value));
+    function b() {
+      t.avoidInteraction || !c.value && t.avoidToCheck || (c.value = !c.value, i("update:modelValue", c.value));
+    }
+    function a(n) {
+      return `${{}.TEAM_LOGOS_URL || "https://az755631.vo.msecnd.net/teams-80/"}${n}.png`;
     }
-    return (c, mt) => (a(), d("div", {
-      class: w(["checkbox", e.boxPosition]),
-      onClick: n
+    return (n, Tt) => (l(), d("div", {
+      class: B(["checkbox", `box-${e.boxPosition}`]),
+      onClick: b
     }, [
       s("div", {
         class: "checkbox__box",
         style: h(o.value)
       }, [
-        l.value ? (a(), d(_, { key: 0 }, [
-          t.boxValue ? (a(), d("div", {
+        c.value ? (l(), d(D, { key: 0 }, [
+          t.boxValue ? (l(), d("div", {
             key: 0,
             class: "checkbox__box__value",
             style: h(r.value)
-          }, p(e.boxValue), 5)) : (a(), d("div", I, [
-            (a(), d("svg", T, [
+          }, v(e.boxValue), 5)) : (l(), d("div", J, [
+            (l(), d("svg", Z, [
               s("path", {
                 d: "M9.77994 1.70133L4.10994 7.37133C3.96994 7.51133 3.77994 7.59133 3.57994 7.59133C3.37994 7.59133 3.18994 7.51133 3.04994 7.37133L0.219941 4.54133C-0.0700586 4.25133 -0.0700586 3.77133 0.219941 3.48133C0.509941 3.19133 0.989941 3.19133 1.27994 3.48133L3.57994 5.78133L8.71994 0.641328C9.00994 0.351328 9.48994 0.351328 9.77994 0.641328C10.0699 0.931328 10.0699 1.40133 9.77994 1.70133Z",
                 fill: e.boxValueColor
-              }, null, 8, M)
+              }, null, 8, j)
             ]))
           ]))
-        ], 64)) : b("", !0)
+        ], 64)) : f("", !0)
       ], 4),
+      e.teamsIds && e.teamsIds.length ? (l(), d("div", Y, [
+        s("div", K, [
+          s("img", {
+            src: a(e.teamsIds[0]),
+            alt: ""
+          }, null, 8, Q)
+        ]),
+        s("div", X, [
+          s("img", {
+            src: a(e.teamsIds[1]),
+            alt: ""
+          }, null, 8, tt)
+        ])
+      ])) : f("", !0),
       s("div", {
         class: "checkbox__label",
         style: h(u.value)
-      }, p(e.label), 5)
+      }, v(e.label), 5)
     ], 2));
   }
-}, R = /* @__PURE__ */ G(E, [["__scopeId", "data-v-dcd61b4d"]]), H = (e, i) => {
+}, it = /* @__PURE__ */ q(et, [["__scopeId", "data-v-8ab85812"]]), ot = (e, i) => {
   const t = e.__vccOpts || e;
-  for (const [l, o] of i)
-    t[l] = o;
+  for (const [c, o] of i)
+    t[c] = o;
   return t;
-}, y = {
+}, S = {
   components: {
-    GSCButton: O,
-    GSCCheckbox: R
+    GSCButton: H,
+    GSCCheckbox: it
   },
   data() {
     return {
@@ -287,7 +376,8 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
           sector: i + 1,
           active: !1
         })
-      )
+      ),
+      lastUpdatedValue: []
     };
   },
   props: {
@@ -297,7 +387,7 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
     },
     heightContainer: {
       type: String,
-      default: "370px"
+      default: "340px"
     },
     widthContainer: {
       type: String,
@@ -357,9 +447,10 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
       deep: !0,
       immediate: !0,
       handler(e) {
-        this.sectors.forEach((i, t) => {
-          i.active = e.includes(t + 1), this.validateField(t);
-        }), this.$emit("update:modelValue", e);
+        const i = e.sort();
+        JSON.stringify(i) !== JSON.stringify(this.lastUpdatedValue) && (this.lastUpdatedValue = i, this.sectors.forEach((t, c) => {
+          t.active = e.includes(c + 1), this.validateField(c);
+        }), this.$emit("update:modelValue", e));
       }
     },
     sectors: {
@@ -432,45 +523,48 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
       i == 0 ? (this.sectors[12].active = !0, this.sectors[13].active = !0, this.sectors[14].active = !0, this.sectors[15].active = !0, this.status44 = !0, this.refreshBtn44 += 1) : this.status44 = !1, i == 16 && (this.all = !0, this.update += 1);
     },
     validateField(e) {
-      (e === 0 || e === 1 || e === 2 || e === 3) && (this.status14 = !!(this.sectors[0].active && this.sectors[1].active && this.sectors[2].active && this.sectors[3].active)), (e === 4 || e === 5 || e === 6 || e === 7) && (this.status24 = !!(this.sectors[4].active && this.sectors[5].active && this.sectors[6].active && this.sectors[7].active)), (e === 8 || e === 9 || e === 10 || e === 11) && (this.status34 = !!(this.sectors[8].active && this.sectors[9].active && this.sectors[10].active && this.sectors[11].active)), (e === 12 || e === 13 || e === 14 || e === 15) && (this.status44 = !!(this.sectors[12].active && this.sectors[13].active && this.sectors[14].active && this.sectors[15].active)), this.status14 && this.status34 && this.status24 && this.status44 ? this.all = !0 : this.all = !1, this.update += 1, this.status14 && (this.refreshBtn14 += 1), this.status24 && (this.refreshBtn24 += 1), this.status34 && (this.refreshBtn34 += 1), this.status44 && (this.refreshBtn44 += 1);
+      (e === 0 || e === 1 || e === 2 || e === 3) && (this.status14 = !!(this.sectors[0].active && this.sectors[1].active && this.sectors[2].active && this.sectors[3].active)), (e === 4 || e === 5 || e === 6 || e === 7) && (this.status24 = !!(this.sectors[4].active && this.sectors[5].active && this.sectors[6].active && this.sectors[7].active)), (e === 8 || e === 9 || e === 10 || e === 11) && (this.status34 = !!(this.sectors[8].active && this.sectors[9].active && this.sectors[10].active && this.sectors[11].active)), (e === 12 || e === 13 || e === 14 || e === 15) && (this.status44 = !!(this.sectors[12].active && this.sectors[13].active && this.sectors[14].active && this.sectors[15].active)), this.all = !!(this.status14 && this.status34 && this.status24 && this.status44), this.update += 1, this.status14 && (this.refreshBtn14 += 1), this.status24 && (this.refreshBtn24 += 1), this.status34 && (this.refreshBtn34 += 1), this.status44 && (this.refreshBtn44 += 1);
     }
   }
-}, g = () => {
-  F((e) => ({
-    "5d18a1c4": e.widthContainer,
-    "4ff37fd1": e.heightContainer,
-    f4a580e8: e.backgroundColor,
-    "7e0a2eba": e.widthFieldGrid,
-    "985472a0": e.heightFieldGrid
+}, w = () => {
+  g((e) => ({
+    "74799ff0": e.widthContainer,
+    "24b24725": e.heightContainer,
+    "5a6c06e0": e.backgroundColor,
+    "4f483262": e.widthFieldGrid,
+    eed6e3f8: e.heightFieldGrid
   }));
-}, S = y.setup;
-y.setup = S ? (e, i) => (g(), S(e, i)) : g;
-const q = (e) => (W("data-v-6929519f"), e = e(), A(), e), U = { class: "gsc-field" }, Z = { class: "gsc-field__title-checked" }, j = /* @__PURE__ */ q(() => /* @__PURE__ */ s("div", { class: "gsc-field__title-checked__title" }, "Elige el area o zona de cancha", -1)), Y = { class: "gsc-field__title-checked__check-cont" }, J = { class: "gsc-field__container-field" }, K = { class: "gsc-field__container-field__field" }, Q = {
+}, F = S.setup;
+S.setup = F ? (e, i) => (w(), F(e, i)) : w;
+const st = (e) => (W("data-v-f434f4ce"), e = e(), A(), e), rt = { class: "gsc-field" }, ct = { class: "gsc-field__title-checked" }, lt = /* @__PURE__ */ st(() => /* @__PURE__ */ s("div", { class: "gsc-field__title-checked__title" }, "Pase(s) desde la(s) zona(s):", -1)), at = { class: "gsc-field__title-checked__check-cont" }, dt = { class: "gsc-field__container-field" }, nt = { class: "gsc-field__container-field__field" }, ht = {
   width: "100%",
   height: "100%",
   fill: "#2e3b46",
   xmlns: "http://www.w3.org/2000/svg"
-}, X = ["stroke"], tt = ["stroke", "stroke-width"], et = ["stroke", "stroke-width"], it = ["stroke-width", "stroke"], ot = ["fill", "fill-opacity", "stroke", "stroke-width"], rt = ["fill", "fill-opacity", "stroke", "stroke-width"], st = ["fill", "fill-opacity", "stroke", "stroke-width"], ct = ["fill", "fill-opacity", "stroke", "stroke-width"], lt = ["fill", "fill-opacity", "stroke", "stroke-width"], at = ["fill", "fill-opacity", "stroke", "stroke-width"], dt = ["fill", "fill-opacity", "stroke", "stroke-width"], ht = ["fill", "fill-opacity", "stroke", "stroke-width"], nt = ["fill", "fill-opacity", "stroke", "stroke-width"], ut = ["fill", "fill-opacity", "stroke", "stroke-width"], ft = ["fill", "fill-opacity", "stroke", "stroke-width"], bt = ["fill", "fill-opacity", "stroke", "stroke-width"], vt = ["fill", "fill-opacity", "stroke", "stroke-width"], pt = ["fill", "fill-opacity", "stroke", "stroke-width"], yt = ["fill", "fill-opacity", "stroke", "stroke-width"], kt = ["fill", "fill-opacity", "stroke", "stroke-width"], gt = { class: "gsc-field__container-field__bar-buttons" };
-function St(e, i, t, l, o, r) {
-  const u = k("GSCCheckbox"), n = k("GSCButton");
-  return a(), d("div", U, [
-    s("div", Z, [
-      j,
-      s("div", Y, [
-        (a(), f(u, {
+}, ut = ["stroke"], ft = ["stroke", "stroke-width"], bt = ["stroke", "stroke-width"], pt = ["stroke-width", "stroke"], vt = ["fill", "fill-opacity", "stroke", "stroke-width"], yt = ["fill", "fill-opacity", "stroke", "stroke-width"], gt = ["fill", "fill-opacity", "stroke", "stroke-width"], kt = ["fill", "fill-opacity", "stroke", "stroke-width"], St = ["fill", "fill-opacity", "stroke", "stroke-width"], xt = ["fill", "fill-opacity", "stroke", "stroke-width"], mt = ["fill", "fill-opacity", "stroke", "stroke-width"], Ct = ["fill", "fill-opacity", "stroke", "stroke-width"], wt = ["fill", "fill-opacity", "stroke", "stroke-width"], Ft = ["fill", "fill-opacity", "stroke", "stroke-width"], _t = ["fill", "fill-opacity", "stroke", "stroke-width"], Bt = ["fill", "fill-opacity", "stroke", "stroke-width"], Wt = ["fill", "fill-opacity", "stroke", "stroke-width"], At = ["fill", "fill-opacity", "stroke", "stroke-width"], Vt = ["fill", "fill-opacity", "stroke", "stroke-width"], zt = ["fill", "fill-opacity", "stroke", "stroke-width"], Lt = { class: "gsc-field__container-field__bar-buttons" };
+function Dt(e, i, t, c, o, r) {
+  const u = x("GSCCheckbox"), b = x("GSCButton");
+  return l(), d("div", rt, [
+    s("div", ct, [
+      lt,
+      s("div", at, [
+        (l(), p(u, {
           label: "Todas las zonas",
           "box-value-font-family": "Poppins-Regular",
           "box-position": "right",
-          "onUpdate:modelValue": r.clickAll,
+          "label-font-size": "14px",
+          "label-white-space": "nowrap",
+          "box-margin-top": "0.4em",
           value: o.all,
           key: o.update,
-          "model-value": o.all
-        }, null, 8, ["onUpdate:modelValue", "value", "model-value"]))
+          "model-value": o.all,
+          "onUpdate:modelValue": r.clickAll
+        }, null, 8, ["value", "model-value", "onUpdate:modelValue"]))
       ])
     ]),
-    s("div", J, [
-      s("div", K, [
-        (a(), d("svg", Q, [
+    s("div", dt, [
+      s("div", nt, [
+        (l(), d("svg", ht, [
           s("rect", {
             x: "1.5",
             y: "0.5",
@@ -478,14 +572,14 @@ function St(e, i, t, l, o, r) {
             height: "100%",
             rx: "1.5",
             stroke: t.colorLineField
-          }, null, 8, X),
+          }, null, 8, ut),
           s("path", {
             style: h("transform: translate(" + r.translx + "px, " + r.transly + "px);"),
             d: "M303.597 39.9799H263.371C262.817 39.9799 262.369 40.4301 262.371 40.984L262.842 155.176C262.845 155.726 263.292 156.172 263.842 156.172H302.884",
             stroke: t.colorLineField,
             "stroke-width": t.borderWidthLineField,
             "stroke-linecap": "square"
-          }, null, 12, tt),
+          }, null, 12, ft),
           s("path", {
             style: h("transform: translateY(" + r.transly + "px);"),
             class: "porteria1",
@@ -493,14 +587,14 @@ function St(e, i, t, l, o, r) {
             stroke: t.colorLineField,
             "stroke-width": t.borderWidthLineField,
             "stroke-linecap": "square"
-          }, null, 12, et),
+          }, null, 12, bt),
           s("path", {
             style: h("transform: translate(" + r.translxcircle + "px, " + r.transly + "px);"),
             class: "circle",
             d: "M182.911 97.4512C182.911 113.726 169.44 126.936 152.801 126.936C136.162 126.936 122.691 113.726 122.691 97.4512C122.691 81.1767 136.162 67.9662 152.801 67.9662C169.44 67.9662 182.911 81.1767 182.911 97.4512Z",
             "stroke-width": t.borderWidthLineField,
             stroke: t.colorLineField
-          }, null, 12, it),
+          }, null, 12, pt),
           s("rect", {
             x: "0%",
             y: "0%",
@@ -510,8 +604,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[0] || (i[0] = (c) => r.selectSector(0))
-          }, null, 8, ot),
+            onClick: i[0] || (i[0] = (a) => r.selectSector(0))
+          }, null, 8, vt),
           s("rect", {
             x: "0%",
             y: "25%",
@@ -521,8 +615,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[1] || (i[1] = (c) => r.selectSector(1))
-          }, null, 8, rt),
+            onClick: i[1] || (i[1] = (a) => r.selectSector(1))
+          }, null, 8, yt),
           s("rect", {
             x: "0%",
             y: "50%",
@@ -532,8 +626,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[2] || (i[2] = (c) => r.selectSector(2))
-          }, null, 8, st),
+            onClick: i[2] || (i[2] = (a) => r.selectSector(2))
+          }, null, 8, gt),
           s("rect", {
             x: "0%",
             y: "75%",
@@ -543,8 +637,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[3] || (i[3] = (c) => r.selectSector(3))
-          }, null, 8, ct),
+            onClick: i[3] || (i[3] = (a) => r.selectSector(3))
+          }, null, 8, kt),
           s("rect", {
             x: "25%",
             y: "0%",
@@ -554,8 +648,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[4] || (i[4] = (c) => r.selectSector(4))
-          }, null, 8, lt),
+            onClick: i[4] || (i[4] = (a) => r.selectSector(4))
+          }, null, 8, St),
           s("rect", {
             x: "25%",
             y: "25%",
@@ -565,8 +659,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[5] || (i[5] = (c) => r.selectSector(5))
-          }, null, 8, at),
+            onClick: i[5] || (i[5] = (a) => r.selectSector(5))
+          }, null, 8, xt),
           s("rect", {
             x: "25%",
             y: "50%",
@@ -576,8 +670,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[6] || (i[6] = (c) => r.selectSector(6))
-          }, null, 8, dt),
+            onClick: i[6] || (i[6] = (a) => r.selectSector(6))
+          }, null, 8, mt),
           s("rect", {
             x: "25%",
             y: "75%",
@@ -587,8 +681,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[7] || (i[7] = (c) => r.selectSector(7))
-          }, null, 8, ht),
+            onClick: i[7] || (i[7] = (a) => r.selectSector(7))
+          }, null, 8, Ct),
           s("rect", {
             x: "50%",
             y: "0%",
@@ -598,8 +692,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[8] || (i[8] = (c) => r.selectSector(8))
-          }, null, 8, nt),
+            onClick: i[8] || (i[8] = (a) => r.selectSector(8))
+          }, null, 8, wt),
           s("rect", {
             x: "50%",
             y: "25%",
@@ -609,8 +703,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[9] || (i[9] = (c) => r.selectSector(9))
-          }, null, 8, ut),
+            onClick: i[9] || (i[9] = (a) => r.selectSector(9))
+          }, null, 8, Ft),
           s("rect", {
             x: "50%",
             y: "50%",
@@ -620,8 +714,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[10] || (i[10] = (c) => r.selectSector(10))
-          }, null, 8, ft),
+            onClick: i[10] || (i[10] = (a) => r.selectSector(10))
+          }, null, 8, _t),
           s("rect", {
             x: "50%",
             y: "75%",
@@ -631,8 +725,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[11] || (i[11] = (c) => r.selectSector(11))
-          }, null, 8, bt),
+            onClick: i[11] || (i[11] = (a) => r.selectSector(11))
+          }, null, 8, Bt),
           s("rect", {
             x: "75%",
             y: "0%",
@@ -642,8 +736,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[12] || (i[12] = (c) => r.selectSector(12))
-          }, null, 8, vt),
+            onClick: i[12] || (i[12] = (a) => r.selectSector(12))
+          }, null, 8, Wt),
           s("rect", {
             x: "75%",
             y: "25%",
@@ -653,8 +747,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[13] || (i[13] = (c) => r.selectSector(13))
-          }, null, 8, pt),
+            onClick: i[13] || (i[13] = (a) => r.selectSector(13))
+          }, null, 8, At),
           s("rect", {
             x: "75%",
             y: "50%",
@@ -664,8 +758,8 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[14] || (i[14] = (c) => r.selectSector(14))
-          }, null, 8, yt),
+            onClick: i[14] || (i[14] = (a) => r.selectSector(14))
+          }, null, 8, Vt),
           s("rect", {
             x: "75%",
             y: "75%",
@@ -675,12 +769,12 @@ function St(e, i, t, l, o, r) {
             "fill-opacity": t.opacitySector,
             stroke: t.borderColor,
             "stroke-width": t.borderWidth,
-            onClick: i[15] || (i[15] = (c) => r.selectSector(15))
-          }, null, 8, kt)
+            onClick: i[15] || (i[15] = (a) => r.selectSector(15))
+          }, null, 8, zt)
         ]))
       ]),
-      s("div", gt, [
-        (a(), f(n, {
+      s("div", Lt, [
+        (l(), p(b, {
           "text-value": "1/4 tos",
           "font-size": "12px",
           height: "26px",
@@ -699,7 +793,7 @@ function St(e, i, t, l, o, r) {
           key: o.refreshBtn14,
           value: e.status14
         }, null, 8, ["onStatus", "value"])),
-        (a(), f(n, {
+        (l(), p(b, {
           "text-value": "2/4 tos",
           "font-size": "12px",
           height: "26px",
@@ -718,7 +812,7 @@ function St(e, i, t, l, o, r) {
           key: o.refreshBtn24,
           value: e.status24
         }, null, 8, ["onStatus", "value"])),
-        (a(), f(n, {
+        (l(), p(b, {
           "text-value": "3/4 tos",
           "font-size": "12px",
           height: "26px",
@@ -737,7 +831,7 @@ function St(e, i, t, l, o, r) {
           key: o.refreshBtn34,
           value: e.status34
         }, null, 8, ["onStatus", "value"])),
-        (a(), f(n, {
+        (l(), p(b, {
           "text-value": "4/4 tos",
           "font-size": "12px",
           height: "26px",
@@ -760,14 +854,14 @@ function St(e, i, t, l, o, r) {
     ])
   ]);
 }
-const xt = /* @__PURE__ */ H(y, [["render", St], ["__scopeId", "data-v-6929519f"]]), wt = { class: "filter-field" }, Ct = {
+const $t = /* @__PURE__ */ ot(S, [["render", Dt], ["__scopeId", "data-v-f434f4ce"]]), Pt = { class: "filter-field" }, Ot = {
   __name: "FilterField",
   setup(e) {
-    const i = x(Array.from({ length: 16 }, (l, o) => o + 1));
-    function t(l) {
+    const i = _(Array.from({ length: 16 }, (c, o) => o + 1));
+    function t(c) {
     }
-    return (l, o) => (a(), d("div", wt, [
-      C(m(xt), {
+    return (c, o) => (l(), d("div", Pt, [
+      V(z($t), {
         width: "100%",
         "background-color": "#2E3B46",
         value: i.value,
@@ -775,7 +869,7 @@ const xt = /* @__PURE__ */ H(y, [["render", St], ["__scopeId", "data-v-6929519f"
       }, null, 8, ["value"])
     ]));
   }
-}, _t = /* @__PURE__ */ V(Ct, [["__scopeId", "data-v-e3cc5ed0"]]);
+}, Mt = /* @__PURE__ */ $(Ot, [["__scopeId", "data-v-95dd6111"]]);
 export {
-  _t as default
+  Mt as default
 };