@golstats/gsc-landing 1.0.20 → 1.0.21

package/dist/{FilterField-91367dbc-Py1Dyjx2.js → FilterField-53fbb956-jaemPT2Y.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 c, createElementBlock as d, createVNode as z, unref as V, useCssVars as g, resolveComponent as x, createElementVNode as r, 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-KCQeS3QL.js";
+const P = (e, i) => {
   const t = e.__vccOpts || e;
   for (const [l, o] of i)
     t[l] = 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 T = (e) => (W("data-v-fb269a1e"), e = e(), A(), e), I = ["src"], O = {
   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", {
+}, M = ["src"], N = { class: "stats" }, G = /* @__PURE__ */ T(() => /* @__PURE__ */ r("img", {
+  class: "iconstats",
+  src: "https://az755631.vo.msecnd.net/todoelfut/playdes.png"
+}, null, -1)), R = { class: "numstats" }, E = { class: "leyend" };
+function H(e, i, t, l, o, s) {
+  return c(), d("div", null, [
+    t.type == 0 ? (c(), 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([s.customStyle, o.status && t.typeOnOff && s.customActive]),
+      onClick: i[0] || (i[0] = (...u) => s.btnClick && s.btnClick(...u))
+    }, [
+      t.icon && t.iconPosition.toLowerCase() === "left" ? (c(), d("img", {
+        key: 0,
+        class: "icon",
+        style: h({ width: t.iconSize }),
+        src: t.icon
+      }, null, 12, I)) : f("", !0),
+      t.textValue ? (c(), d("div", O, v(t.textValue), 1)) : f("", !0),
+      t.icon && t.iconPosition.toLowerCase() === "right" ? (c(), d("img", {
+        key: 2,
+        class: "icon",
+        style: h({ width: t.iconSize }),
+        src: t.icon
+      }, null, 12, M)) : f("", !0)
+    ], 6)) : f("", !0),
+    t.type == 1 ? (c(), d("div", {
+      key: 1,
+      class: "button-target",
+      onClick: i[1] || (i[1] = (...u) => s.btnClick && s.btnClick(...u))
+    }, [
+      r("div", N, [
+        G,
+        r("div", R, v(t.textStat), 1)
+      ]),
+      r("div", E, v(t.textCategory), 1)
+    ])) : f("", !0)
+  ]);
 }
-const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]), G = (e, i) => {
+const U = /* @__PURE__ */ P(k, [["render", H], ["__scopeId", "data-v-fb269a1e"]]), q = (e, i) => {
   const t = e.__vccOpts || e;
   for (const [l, o] of i)
     t[l] = o;
   return t;
-}, I = { key: 1 }, T = {
+}, Z = { key: 1 }, j = {
   width: "10",
   height: "8",
   viewBox: "0 0 10 8",
   fill: "none",
   xmlns: "http://www.w3.org/2000/svg"
-}, M = ["fill"], E = {
+}, Y = ["fill"], J = {
+  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 l = _(!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 l.value ? (n["background-color"] = t.boxBackgroundColor, n.border = `solid ${t.boxBorderWidth} ${t.boxBackgroundColor}`) : n.border = `solid ${t.boxBorderWidth} ${t.boxBorderColor}`, n;
+    }), s = 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 !== l.value && (l.value = n);
       },
       { immediate: !0 }
     );
-    function n() {
-      t.avoidInteraction || (l.value = !l.value, i("update:modelValue", l.value));
+    function b() {
+      t.avoidInteraction || !l.value && t.avoidToCheck || (l.value = !l.value, i("update:modelValue", l.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, It) => (c(), d("div", {
+      class: B(["checkbox", `box-${e.boxPosition}`]),
+      onClick: b
     }, [
-      s("div", {
+      r("div", {
         class: "checkbox__box",
         style: h(o.value)
       }, [
-        l.value ? (a(), d(_, { key: 0 }, [
-          t.boxValue ? (a(), d("div", {
+        l.value ? (c(), d(D, { key: 0 }, [
+          t.boxValue ? (c(), d("div", {
             key: 0,
             class: "checkbox__box__value",
-            style: h(r.value)
-          }, p(e.boxValue), 5)) : (a(), d("div", I, [
-            (a(), d("svg", T, [
-              s("path", {
+            style: h(s.value)
+          }, v(e.boxValue), 5)) : (c(), d("div", Z, [
+            (c(), d("svg", j, [
+              r("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, Y)
             ]))
           ]))
-        ], 64)) : b("", !0)
+        ], 64)) : f("", !0)
       ], 4),
-      s("div", {
+      e.teamsIds && e.teamsIds.length ? (c(), d("div", J, [
+        r("div", K, [
+          r("img", {
+            src: a(e.teamsIds[0]),
+            alt: ""
+          }, null, 8, Q)
+        ]),
+        r("div", X, [
+          r("img", {
+            src: a(e.teamsIds[1]),
+            alt: ""
+          }, null, 8, tt)
+        ])
+      ])) : f("", !0),
+      r("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;
   return t;
-}, y = {
+}, S = {
   components: {
-    GSCButton: O,
-    GSCCheckbox: R
+    GSCButton: U,
+    GSCCheckbox: it
   },
   data() {
     return {
@@ -297,7 +386,7 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
     },
     heightContainer: {
       type: String,
-      default: "370px"
+      default: "340px"
     },
     widthContainer: {
       type: String,
@@ -435,73 +524,76 @@ const O = /* @__PURE__ */ D(z, [["render", N], ["__scopeId", "data-v-1bfd444b"]]
       (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);
     }
   }
-}, g = () => {
-  F((e) => ({
-    "5d18a1c4": e.widthContainer,
-    "4ff37fd1": e.heightContainer,
-    f4a580e8: e.backgroundColor,
-    "7e0a2eba": e.widthFieldGrid,
-    "985472a0": e.heightFieldGrid
+}, w = () => {
+  g((e) => ({
+    "61dc98de": e.widthContainer,
+    "1d1ca7a4": e.heightContainer,
+    "52d6675f": e.backgroundColor,
+    "32f3fa70": e.widthFieldGrid,
+    fe0222fa: 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 rt = (e) => (W("data-v-d1808ad6"), e = e(), A(), e), st = { class: "gsc-field" }, ct = { class: "gsc-field__title-checked" }, lt = /* @__PURE__ */ rt(() => /* @__PURE__ */ r("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"], zt = ["fill", "fill-opacity", "stroke", "stroke-width"], Vt = ["fill", "fill-opacity", "stroke", "stroke-width"], Lt = { class: "gsc-field__container-field__bar-buttons" };
+function Dt(e, i, t, l, o, s) {
+  const u = x("GSCCheckbox"), b = x("GSCButton");
+  return c(), d("div", st, [
+    r("div", ct, [
+      lt,
+      r("div", at, [
+        (c(), 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": s.clickAll
+        }, null, 8, ["value", "model-value", "onUpdate:modelValue"]))
       ])
     ]),
-    s("div", J, [
-      s("div", K, [
-        (a(), d("svg", Q, [
-          s("rect", {
+    r("div", dt, [
+      r("div", nt, [
+        (c(), d("svg", ht, [
+          r("rect", {
             x: "1.5",
             y: "0.5",
             width: "100%",
             height: "100%",
             rx: "1.5",
             stroke: t.colorLineField
-          }, null, 8, X),
-          s("path", {
-            style: h("transform: translate(" + r.translx + "px, " + r.transly + "px);"),
+          }, null, 8, ut),
+          r("path", {
+            style: h("transform: translate(" + s.translx + "px, " + s.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),
-          s("path", {
-            style: h("transform: translateY(" + r.transly + "px);"),
+          }, null, 12, ft),
+          r("path", {
+            style: h("transform: translateY(" + s.transly + "px);"),
             class: "porteria1",
             d: "M1.09097 156.172L41.3162 156.172C41.8701 156.172 42.3185 155.722 42.3162 155.168L41.845 40.9758C41.8427 40.4252 41.3957 39.98 40.845 39.98L1.80338 39.98",
             stroke: t.colorLineField,
             "stroke-width": t.borderWidthLineField,
             "stroke-linecap": "square"
-          }, null, 12, et),
-          s("path", {
-            style: h("transform: translate(" + r.translxcircle + "px, " + r.transly + "px);"),
+          }, null, 12, bt),
+          r("path", {
+            style: h("transform: translate(" + s.translxcircle + "px, " + s.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),
-          s("rect", {
+          }, null, 12, pt),
+          r("rect", {
             x: "0%",
             y: "0%",
             width: "25%",
@@ -510,9 +602,9 @@ 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),
-          s("rect", {
+            onClick: i[0] || (i[0] = (a) => s.selectSector(0))
+          }, null, 8, vt),
+          r("rect", {
             x: "0%",
             y: "25%",
             width: "25%",
@@ -521,9 +613,9 @@ 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),
-          s("rect", {
+            onClick: i[1] || (i[1] = (a) => s.selectSector(1))
+          }, null, 8, yt),
+          r("rect", {
             x: "0%",
             y: "50%",
             width: "25%",
@@ -532,9 +624,9 @@ 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),
-          s("rect", {
+            onClick: i[2] || (i[2] = (a) => s.selectSector(2))
+          }, null, 8, gt),
+          r("rect", {
             x: "0%",
             y: "75%",
             width: "25%",
@@ -543,9 +635,9 @@ 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),
-          s("rect", {
+            onClick: i[3] || (i[3] = (a) => s.selectSector(3))
+          }, null, 8, kt),
+          r("rect", {
             x: "25%",
             y: "0%",
             width: "25%",
@@ -554,9 +646,9 @@ 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),
-          s("rect", {
+            onClick: i[4] || (i[4] = (a) => s.selectSector(4))
+          }, null, 8, St),
+          r("rect", {
             x: "25%",
             y: "25%",
             width: "25%",
@@ -565,9 +657,9 @@ 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),
-          s("rect", {
+            onClick: i[5] || (i[5] = (a) => s.selectSector(5))
+          }, null, 8, xt),
+          r("rect", {
             x: "25%",
             y: "50%",
             width: "25%",
@@ -576,9 +668,9 @@ 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),
-          s("rect", {
+            onClick: i[6] || (i[6] = (a) => s.selectSector(6))
+          }, null, 8, mt),
+          r("rect", {
             x: "25%",
             y: "75%",
             width: "25%",
@@ -587,9 +679,9 @@ 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),
-          s("rect", {
+            onClick: i[7] || (i[7] = (a) => s.selectSector(7))
+          }, null, 8, Ct),
+          r("rect", {
             x: "50%",
             y: "0%",
             width: "25%",
@@ -598,9 +690,9 @@ 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),
-          s("rect", {
+            onClick: i[8] || (i[8] = (a) => s.selectSector(8))
+          }, null, 8, wt),
+          r("rect", {
             x: "50%",
             y: "25%",
             width: "25%",
@@ -609,9 +701,9 @@ 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),
-          s("rect", {
+            onClick: i[9] || (i[9] = (a) => s.selectSector(9))
+          }, null, 8, Ft),
+          r("rect", {
             x: "50%",
             y: "50%",
             width: "25%",
@@ -620,9 +712,9 @@ 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),
-          s("rect", {
+            onClick: i[10] || (i[10] = (a) => s.selectSector(10))
+          }, null, 8, _t),
+          r("rect", {
             x: "50%",
             y: "75%",
             width: "25%",
@@ -631,9 +723,9 @@ 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),
-          s("rect", {
+            onClick: i[11] || (i[11] = (a) => s.selectSector(11))
+          }, null, 8, Bt),
+          r("rect", {
             x: "75%",
             y: "0%",
             width: "25%",
@@ -642,9 +734,9 @@ 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),
-          s("rect", {
+            onClick: i[12] || (i[12] = (a) => s.selectSector(12))
+          }, null, 8, Wt),
+          r("rect", {
             x: "75%",
             y: "25%",
             width: "25%",
@@ -653,9 +745,9 @@ 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),
-          s("rect", {
+            onClick: i[13] || (i[13] = (a) => s.selectSector(13))
+          }, null, 8, At),
+          r("rect", {
             x: "75%",
             y: "50%",
             width: "25%",
@@ -664,9 +756,9 @@ 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),
-          s("rect", {
+            onClick: i[14] || (i[14] = (a) => s.selectSector(14))
+          }, null, 8, zt),
+          r("rect", {
             x: "75%",
             y: "75%",
             width: "25%",
@@ -675,12 +767,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) => s.selectSector(15))
+          }, null, 8, Vt)
         ]))
       ]),
-      s("div", gt, [
-        (a(), f(n, {
+      r("div", Lt, [
+        (c(), p(b, {
           "text-value": "1/4 tos",
           "font-size": "12px",
           height: "26px",
@@ -695,11 +787,11 @@ function St(e, i, t, l, o, r) {
           "background-color": "",
           "active-background-color": "#cbee6b33",
           ref: "btn14",
-          onStatus: r.btn14,
+          onStatus: s.btn14,
           key: o.refreshBtn14,
           value: e.status14
         }, null, 8, ["onStatus", "value"])),
-        (a(), f(n, {
+        (c(), p(b, {
           "text-value": "2/4 tos",
           "font-size": "12px",
           height: "26px",
@@ -714,11 +806,11 @@ function St(e, i, t, l, o, r) {
           "background-color": "",
           "active-background-color": "#cbee6b33",
           ref: "btn24",
-          onStatus: r.btn24,
+          onStatus: s.btn24,
           key: o.refreshBtn24,
           value: e.status24
         }, null, 8, ["onStatus", "value"])),
-        (a(), f(n, {
+        (c(), p(b, {
           "text-value": "3/4 tos",
           "font-size": "12px",
           height: "26px",
@@ -733,11 +825,11 @@ function St(e, i, t, l, o, r) {
           "background-color": "",
           "active-background-color": "#cbee6b33",
           ref: "btn34",
-          onStatus: r.btn34,
+          onStatus: s.btn34,
           key: o.refreshBtn34,
           value: e.status34
         }, null, 8, ["onStatus", "value"])),
-        (a(), f(n, {
+        (c(), p(b, {
           "text-value": "4/4 tos",
           "font-size": "12px",
           height: "26px",
@@ -752,7 +844,7 @@ function St(e, i, t, l, o, r) {
           "background-color": "",
           "active-background-color": "#cbee6b33",
           ref: "btn44",
-          onStatus: r.btn44,
+          onStatus: s.btn44,
           key: o.refreshBtn44,
           value: e.status44
         }, null, 8, ["onStatus", "value"]))
@@ -760,14 +852,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-d1808ad6"]]), Pt = { class: "filter-field" }, Tt = {
   __name: "FilterField",
   setup(e) {
-    const i = x(Array.from({ length: 16 }, (l, o) => o + 1));
+    const i = _(Array.from({ length: 16 }, (l, o) => o + 1));
     function t(l) {
     }
-    return (l, o) => (a(), d("div", wt, [
-      C(m(xt), {
+    return (l, o) => (c(), d("div", Pt, [
+      z(V($t), {
         width: "100%",
         "background-color": "#2E3B46",
         value: i.value,
@@ -775,7 +867,7 @@ const xt = /* @__PURE__ */ H(y, [["render", St], ["__scopeId", "data-v-6929519f"
       }, null, 8, ["value"])
     ]));
   }
-}, _t = /* @__PURE__ */ V(Ct, [["__scopeId", "data-v-e3cc5ed0"]]);
+}, Nt = /* @__PURE__ */ $(Tt, [["__scopeId", "data-v-95dd6111"]]);
 export {
-  _t as default
+  Nt as default
 };