@golstats/gsc-landing 1.0.29 → 1.0.30

package/dist/FilterField-61e645f6-USHN9s4U.js

@@ -1,885 +0,0 @@
-import { ref as B, openBlock as l, createElementBlock as d, createVNode as W, unref as z, useCssVars as g, resolveComponent as x, createElementVNode as s, toDisplayString as p, createBlock as v, normalizeStyle as h, normalizeClass as _, createCommentVNode as f, computed as y, watch as A, Fragment as V, pushScopeId as L, popScopeId as D } from "vue";
-import { q as $ } from "./index-nIiliDHt.js";
-const P = (e, i) => {
-  const t = e.__vccOpts || e;
-  for (const [c, o] of i)
-    t[c] = o;
-  return t;
-}, k = {
-  props: {
-    type: { type: Number, default: 0 },
-    value: { type: Boolean, default: !1 },
-    textValue: String,
-    icon: String,
-    iconPosition: { type: String, default: "left" },
-    iconSize: String,
-    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" },
-    width: { type: String, default: "fit-content" },
-    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" },
-    activeBorderWidth: { type: Number, default: 2 },
-    activeBorderType: { type: String, default: "solid" },
-    activeBorderColor: { type: String, default: "#cbee6b" },
-    activeColorText: { type: String, default: "#FFFFFF" },
-    cursorType: { type: String, default: "default" },
-    typeOnOff: { type: Boolean, default: !1 },
-    textCategory: String,
-    textStat: String,
-    marginLeftStat: { type: String, default: "15%" }
-  },
-  watch: {
-    value: {
-      deep: !0,
-      immediate: !0,
-      handler(e) {
-        this.status = e;
-      }
-    }
-  },
-  data() {
-    return { status: !1 };
-  },
-  computed: {
-    customStyle() {
-      return {
-        height: this.height,
-        width: this.width,
-        backgroundColor: this.backgroundColor,
-        borderRadius: this.borderRadius,
-        border: `${this.borderType} ${this.borderWidth}px ${this.borderColor}`,
-        color: this.fontColor,
-        textDecoration: this.textDecoration,
-        cursor: this.cursorType,
-        fontSize: this.fontSize,
-        fontStyle: this.fontStyle,
-        fontFamily: `${this.fontFamily} !important`
-      };
-    },
-    customActive() {
-      return {
-        backgroundColor: this.activeBackgroundColor,
-        color: this.activeColorText,
-        border: `${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`
-      };
-    }
-  },
-  methods: {
-    btnClick(e) {
-      this.$emit("click", e), this.typeOnOff && (this.status = !this.status, this.$emit("status", this.status));
-    }
-  }
-}, 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
-  }));
-}, w = k.setup;
-k.setup = w ? (e, i) => (m(), w(e, i)) : m;
-const O = (e) => (L("data-v-fb269a1e"), e = e(), D(), e), T = ["src"], I = {
-  key: 1,
-  class: "text"
-}, 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: _(["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, p(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, p(t.textStat), 1)
-      ]),
-      s("div", E, p(t.textCategory), 1)
-    ])) : f("", !0)
-  ]);
-}
-const H = /* @__PURE__ */ P(k, [["render", U], ["__scopeId", "data-v-fb269a1e"]]), q = (e, i) => {
-  const t = e.__vccOpts || e;
-  for (const [c, o] of i)
-    t[c] = o;
-  return t;
-}, J = { key: 1 }, Z = {
-  width: "10",
-  height: "8",
-  viewBox: "0 0 10 8",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-}, 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: {
-      type: String,
-      default: "fit-content"
-    },
-    height: {
-      type: String,
-      default: "fit-content"
-    },
-    label: {
-      type: String,
-      default: ""
-    },
-    labelWhiteSpace: {
-      type: String,
-      default: "normal"
-    },
-    labelColor: {
-      type: String,
-      default: "white"
-    },
-    fontFamily: {
-      type: String,
-      default: "sans-serif"
-    },
-    labelFontSize: {
-      type: String,
-      default: "12px"
-    },
-    modelValue: {
-      type: Boolean,
-      default: !1
-    },
-    justifyContent: {
-      type: String,
-      default: "flex-start"
-    },
-    alignItems: {
-      type: String,
-      default: "center"
-    },
-    boxBackgroundColor: {
-      type: String,
-      default: "#CBEE6B"
-    },
-    boxValueColor: {
-      type: String,
-      default: "#0d1d29"
-    },
-    boxValue: {
-      type: [String, Number],
-      default: ""
-    },
-    boxPosition: {
-      type: String,
-      default: "left",
-      // values can be 'left', 'right', 'top', 'bottom'
-      validator(e) {
-        return ["left", "right", "top", "bottom"].includes(e);
-      }
-    },
-    boxMarginTop: {
-      type: String,
-      default: "0.2em"
-    },
-    boxWidthAndHeight: {
-      type: String,
-      default: "16px"
-    },
-    boxBorderColor: {
-      type: String,
-      default: "#969da2"
-    },
-    boxBorderWidth: {
-      type: String,
-      default: "2px"
-    },
-    boxBorderRadius: {
-      type: String,
-      default: "4px"
-    },
-    boxValueFontSize: {
-      type: String,
-      default: "10px"
-    },
-    boxValueFontFamily: {
-      type: String,
-      default: "sans-serif"
-    },
-    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;
-    g((n) => ({
-      "6582e90e": e.width,
-      "310b3edf": e.height
-    }));
-    const c = B(!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,
-        "margin-top": t.boxMarginTop
-      };
-      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 = y(() => {
-      const n = {
-        color: t.labelColor,
-        "font-family": t.fontFamily,
-        "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") && (n[`margin-${t.boxPosition}`] = t.isBoxOnly ? "0" : t.teamsIds ? "8px" : "10px"), n;
-    });
-    A(
-      () => t.modelValue,
-      (n) => {
-        n !== c.value && (c.value = n);
-      },
-      { immediate: !0 }
-    );
-    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 (n, Ot) => (l(), d("div", {
-      class: _(["checkbox", `box-${e.boxPosition}`]),
-      onClick: b
-    }, [
-      s("div", {
-        class: "checkbox__box",
-        style: h(o.value)
-      }, [
-        c.value ? (l(), d(V, { key: 0 }, [
-          t.boxValue ? (l(), d("div", {
-            key: 0,
-            class: "checkbox__box__value",
-            style: h(r.value)
-          }, p(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, j)
-            ]))
-          ]))
-        ], 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)
-    ], 2));
-  }
-}, it = /* @__PURE__ */ q(et, [["__scopeId", "data-v-bcf3bcc6"]]), ot = (e, i) => {
-  const t = e.__vccOpts || e;
-  for (const [c, o] of i)
-    t[c] = o;
-  return t;
-}, S = {
-  components: {
-    GSCButton: H,
-    GSCCheckbox: it
-  },
-  data() {
-    return {
-      update: 0,
-      all: !1,
-      refreshBtn14: 0,
-      refreshBtn24: 0,
-      refreshBtn34: 0,
-      refreshBtn44: 0,
-      sectors: Array.from(
-        {
-          length: 16
-        },
-        (e, i) => ({
-          sector: i + 1,
-          active: !1
-        })
-      ),
-      lastUpdatedValue: []
-    };
-  },
-  props: {
-    backgroundColor: {
-      type: String,
-      default: "#2e3b46"
-    },
-    heightContainer: {
-      type: String,
-      default: "340px"
-    },
-    widthContainer: {
-      type: String,
-      default: "455px"
-    },
-    heightField: {
-      type: Number,
-      default: 230
-    },
-    widthField: {
-      type: Number,
-      default: 350
-    },
-    heightFieldGrid: {
-      type: String,
-      default: "230px"
-    },
-    widthFieldGrid: {
-      type: String,
-      default: "350px"
-    },
-    backgroundSectorActive: {
-      type: String,
-      default: "#cbee6b"
-    },
-    backgroundSectorDisabled: {
-      type: String,
-      default: "#2e3b46"
-    },
-    borderWidth: {
-      type: Number,
-      default: 1
-    },
-    opacitySector: {
-      type: Number,
-      default: 0.5
-    },
-    borderColor: {
-      type: String,
-      default: "#FFFFFF"
-    },
-    colorLineField: {
-      type: String,
-      default: "#bfc2c5"
-    },
-    borderWidthLineField: {
-      type: Number,
-      default: 2
-    },
-    value: {
-      type: Array,
-      default: () => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16]
-    },
-    title: {
-      type: String,
-      default: "Pase(s) desde la(s) zona(s):"
-    },
-    titleFontSize: {
-      type: String,
-      default: "14px"
-    }
-  },
-  watch: {
-    value: {
-      deep: !0,
-      immediate: !0,
-      handler(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: {
-      handler(e) {
-        var i = [];
-        for (let t = 0; t < e.length; t++)
-          e[t].active && i.push(t + 1);
-        this.$emit("update:modelValue", i);
-      },
-      deep: !0
-    }
-  },
-  computed: {
-    translx() {
-      var e = 0;
-      return this.widthField > 305 ? e = this.widthField - 305 : this.widthField == 268 && (e = -36), e;
-    },
-    transly() {
-      var e = 0;
-      return this.heightField > 195 ? (e = this.heightField - 195, e = e / 2) : this.heightField == 180 && (e = -7), e;
-    },
-    translxcircle() {
-      var e = 0;
-      return this.widthField > 305 ? (e = this.widthField - 305, e = e / 2) : this.widthField == 268 && (e = -18), e;
-    }
-  },
-  methods: {
-    clickAll(e) {
-      if (e) {
-        for (let i = 0; i < this.sectors.length; i++)
-          this.sectors[i].active = !0, this.validateField(i);
-        this.status14 = !0, this.status24 = !0, this.status34 = !0, this.status44 = !0, this.refreshBtn14 += 1, this.refreshBtn24 += 1, this.refreshBtn34 += 1, this.refreshBtn44 += 1;
-      } else
-        for (let i = 0; i < this.sectors.length; i++)
-          this.sectors[i].active = !1, this.validateField(i), this.status14 = !1, this.status24 = !1, this.status34 = !1, this.status44 = !1, this.refreshBtn14 = 0, this.refreshBtn24 = 0, this.refreshBtn34 = 0, this.refreshBtn44 = 0;
-    },
-    selectSector(e) {
-      var i = 0;
-      this.sectors[e].active = !this.sectors[e].active;
-      for (let t = 0; t < this.sectors.length; t++)
-        this.sectors[t].active && (i += 1);
-      i == 0 && (this.sectors[e].active = !0), this.validateField(e);
-    },
-    btn14(e) {
-      this.sectors[0].active = e ? this.sectors[0].active = !0 : this.sectors[0].active = !1, this.sectors[1].active = e ? this.sectors[1].active = !0 : this.sectors[1].active = !1, this.sectors[2].active = e ? this.sectors[2].active = !0 : this.sectors[2].active = !1, this.sectors[3].active = e ? this.sectors[3].active = !0 : this.sectors[3].active = !1;
-      var i = 0;
-      for (let t = 0; t < this.sectors.length; t++)
-        this.sectors[t].active && (i += 1);
-      i == 0 ? (this.sectors[0].active = !0, this.sectors[1].active = !0, this.sectors[2].active = !0, this.sectors[3].active = !0, this.status14 = !0, this.refreshBtn14 += 1) : this.status14 = !1, i == 16 && (this.all = !0, this.update += 1);
-    },
-    btn24(e) {
-      this.sectors[4].active = e ? this.sectors[4].active = !0 : this.sectors[4].active = !1, this.sectors[5].active = e ? this.sectors[5].active = !0 : this.sectors[5].active = !1, this.sectors[6].active = e ? this.sectors[6].active = !0 : this.sectors[6].active = !1, this.sectors[7].active = e ? this.sectors[7].active = !0 : this.sectors[7].active = !1;
-      var i = 0;
-      for (let t = 0; t < this.sectors.length; t++)
-        this.sectors[t].active && (i += 1);
-      i == 0 ? (this.sectors[4].active = !0, this.sectors[5].active = !0, this.sectors[6].active = !0, this.sectors[7].active = !0, this.status24 = !0, this.refreshBtn24 += 1) : this.status24 = !1, i == 16 && (this.all = !0, this.update += 1);
-    },
-    btn34(e) {
-      this.sectors[8].active = e ? this.sectors[8].active = !0 : this.sectors[8].active = !1, this.sectors[9].active = e ? this.sectors[9].active = !0 : this.sectors[9].active = !1, this.sectors[10].active = e ? this.sectors[10].active = !0 : this.sectors[10].active = !1, this.sectors[11].active = e ? this.sectors[11].active = !0 : this.sectors[11].active = !1;
-      var i = 0;
-      for (let t = 0; t < this.sectors.length; t++)
-        this.sectors[t].active && (i += 1);
-      i == 0 ? (this.sectors[8].active = !0, this.sectors[9].active = !0, this.sectors[10].active = !0, this.sectors[11].active = !0, this.status34 = !0, this.refreshBtn34 += 1) : this.status34 = !1, i == 16 && (this.all = !0, this.update += 1);
-    },
-    btn44(e) {
-      this.sectors[12].active = e ? this.sectors[12].active = !0 : this.sectors[12].active = !1, this.sectors[13].active = e ? this.sectors[13].active = !0 : this.sectors[13].active = !1, this.sectors[14].active = e ? this.sectors[14].active = !0 : this.sectors[14].active = !1, this.sectors[15].active = e ? this.sectors[15].active = !0 : this.sectors[15].active = !1;
-      var i = 0;
-      for (let t = 0; t < this.sectors.length; t++)
-        this.sectors[t].active && (i += 1);
-      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.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);
-    }
-  }
-}, C = () => {
-  g((e) => ({
-    ff70d60a: e.widthContainer,
-    daba190c: e.heightContainer,
-    "6f469996": e.backgroundColor,
-    "4ee5a3c8": e.titleFontSize,
-    "37ac484c": e.widthFieldGrid,
-    "12f58b4e": e.heightFieldGrid
-  }));
-}, F = S.setup;
-S.setup = F ? (e, i) => (C(), F(e, i)) : C;
-const st = { class: "gsc-field" }, rt = { class: "gsc-field__title-checked" }, ct = { class: "gsc-field__title-checked__title" }, lt = { class: "gsc-field__title-checked__check-cont" }, at = { class: "gsc-field__container-field" }, dt = { class: "gsc-field__container-field__field" }, nt = {
-  width: "100%",
-  height: "100%",
-  fill: "#2e3b46",
-  xmlns: "http://www.w3.org/2000/svg"
-}, ht = ["stroke"], ut = ["stroke", "stroke-width"], ft = ["stroke", "stroke-width"], bt = ["stroke-width", "stroke"], pt = ["fill", "fill-opacity", "stroke", "stroke-width"], 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"], wt = ["fill", "fill-opacity", "stroke", "stroke-width"], Ct = ["fill", "fill-opacity", "stroke", "stroke-width"], Ft = ["fill", "fill-opacity", "stroke", "stroke-width"], Bt = ["fill", "fill-opacity", "stroke", "stroke-width"], _t = ["fill", "fill-opacity", "stroke", "stroke-width"], Wt = ["fill", "fill-opacity", "stroke", "stroke-width"], zt = ["fill", "fill-opacity", "stroke", "stroke-width"], At = ["fill", "fill-opacity", "stroke", "stroke-width"], Vt = { class: "gsc-field__container-field__bar-buttons" };
-function Lt(e, i, t, c, o, r) {
-  const u = x("GSCCheckbox"), b = x("GSCButton");
-  return l(), d("div", st, [
-    s("div", rt, [
-      s("div", ct, p(t.title), 1),
-      s("div", lt, [
-        (l(), v(u, {
-          label: "Todas las zonas",
-          "font-family": "Poppins-Regular",
-          "box-value-font-family": "Poppins-Regular",
-          "box-position": "right",
-          "label-font-size": t.titleFontSize,
-          "label-white-space": "nowrap",
-          "box-margin-top": "0.4em",
-          value: o.all,
-          key: o.update,
-          "model-value": o.all,
-          "onUpdate:modelValue": r.clickAll
-        }, null, 8, ["label-font-size", "value", "model-value", "onUpdate:modelValue"]))
-      ])
-    ]),
-    s("div", at, [
-      s("div", dt, [
-        (l(), d("svg", nt, [
-          s("rect", {
-            x: "1.5",
-            y: "0.5",
-            width: "100%",
-            height: "100%",
-            rx: "1.5",
-            stroke: t.colorLineField
-          }, null, 8, ht),
-          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, ut),
-          s("path", {
-            style: h("transform: translateY(" + r.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, ft),
-          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, bt),
-          s("rect", {
-            x: "0%",
-            y: "0%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[0].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[0] || (i[0] = (a) => r.selectSector(0))
-          }, null, 8, pt),
-          s("rect", {
-            x: "0%",
-            y: "25%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[1].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[1] || (i[1] = (a) => r.selectSector(1))
-          }, null, 8, vt),
-          s("rect", {
-            x: "0%",
-            y: "50%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[2].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[2] || (i[2] = (a) => r.selectSector(2))
-          }, null, 8, yt),
-          s("rect", {
-            x: "0%",
-            y: "75%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[3].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[3] || (i[3] = (a) => r.selectSector(3))
-          }, null, 8, gt),
-          s("rect", {
-            x: "25%",
-            y: "0%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[4].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[4] || (i[4] = (a) => r.selectSector(4))
-          }, null, 8, kt),
-          s("rect", {
-            x: "25%",
-            y: "25%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[5].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[5] || (i[5] = (a) => r.selectSector(5))
-          }, null, 8, St),
-          s("rect", {
-            x: "25%",
-            y: "50%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[6].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[6] || (i[6] = (a) => r.selectSector(6))
-          }, null, 8, xt),
-          s("rect", {
-            x: "25%",
-            y: "75%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[7].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[7] || (i[7] = (a) => r.selectSector(7))
-          }, null, 8, mt),
-          s("rect", {
-            x: "50%",
-            y: "0%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[8].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[8] || (i[8] = (a) => r.selectSector(8))
-          }, null, 8, wt),
-          s("rect", {
-            x: "50%",
-            y: "25%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[9].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[9] || (i[9] = (a) => r.selectSector(9))
-          }, null, 8, Ct),
-          s("rect", {
-            x: "50%",
-            y: "50%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[10].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[10] || (i[10] = (a) => r.selectSector(10))
-          }, null, 8, Ft),
-          s("rect", {
-            x: "50%",
-            y: "75%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[11].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[11] || (i[11] = (a) => r.selectSector(11))
-          }, null, 8, Bt),
-          s("rect", {
-            x: "75%",
-            y: "0%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[12].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[12] || (i[12] = (a) => r.selectSector(12))
-          }, null, 8, _t),
-          s("rect", {
-            x: "75%",
-            y: "25%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[13].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[13] || (i[13] = (a) => r.selectSector(13))
-          }, null, 8, Wt),
-          s("rect", {
-            x: "75%",
-            y: "50%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[14].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[14] || (i[14] = (a) => r.selectSector(14))
-          }, null, 8, zt),
-          s("rect", {
-            x: "75%",
-            y: "75%",
-            width: "25%",
-            height: "25%",
-            fill: o.sectors[15].active ? t.backgroundSectorActive : t.backgroundSectorDisabled,
-            "fill-opacity": t.opacitySector,
-            stroke: t.borderColor,
-            "stroke-width": t.borderWidth,
-            onClick: i[15] || (i[15] = (a) => r.selectSector(15))
-          }, null, 8, At)
-        ]))
-      ]),
-      s("div", Vt, [
-        (l(), v(b, {
-          "text-value": "1/4 tos",
-          "font-size": "12px",
-          height: "26px",
-          width: "65px",
-          "type-on-off": !0,
-          "border-width": 1,
-          "font-color": "#bfc2c5",
-          "border-color": "#8c9399",
-          "border-radius": "4px",
-          "font-family": "Poppins-Medium",
-          "active-border-width": 1,
-          "background-color": "",
-          "active-background-color": "#cbee6b33",
-          ref: "btn14",
-          onStatus: r.btn14,
-          key: o.refreshBtn14,
-          value: e.status14
-        }, null, 8, ["onStatus", "value"])),
-        (l(), v(b, {
-          "text-value": "2/4 tos",
-          "font-size": "12px",
-          height: "26px",
-          width: "65px",
-          "type-on-off": !0,
-          "border-width": 1,
-          "font-color": "#bfc2c5",
-          "border-color": "#8c9399",
-          "border-radius": "4px",
-          "font-family": "Poppins-Medium",
-          "active-border-width": 1,
-          "background-color": "",
-          "active-background-color": "#cbee6b33",
-          ref: "btn24",
-          onStatus: r.btn24,
-          key: o.refreshBtn24,
-          value: e.status24
-        }, null, 8, ["onStatus", "value"])),
-        (l(), v(b, {
-          "text-value": "3/4 tos",
-          "font-size": "12px",
-          height: "26px",
-          width: "65px",
-          "type-on-off": !0,
-          "border-width": 1,
-          "font-color": "#bfc2c5",
-          "border-color": "#8c9399",
-          "border-radius": "4px",
-          "font-family": "Poppins-Medium",
-          "active-border-width": 1,
-          "background-color": "",
-          "active-background-color": "#cbee6b33",
-          ref: "btn34",
-          onStatus: r.btn34,
-          key: o.refreshBtn34,
-          value: e.status34
-        }, null, 8, ["onStatus", "value"])),
-        (l(), v(b, {
-          "text-value": "4/4 tos",
-          "font-size": "12px",
-          height: "26px",
-          width: "65px",
-          "type-on-off": !0,
-          "border-width": 1,
-          "font-color": "#bfc2c5",
-          "border-color": "#8c9399",
-          "border-radius": "4px",
-          "font-family": "Poppins-Medium",
-          "active-border-width": 1,
-          "background-color": "",
-          "active-background-color": "#cbee6b33",
-          ref: "btn44",
-          onStatus: r.btn44,
-          key: o.refreshBtn44,
-          value: e.status44
-        }, null, 8, ["onStatus", "value"]))
-      ])
-    ])
-  ]);
-}
-const Dt = /* @__PURE__ */ ot(S, [["render", Lt], ["__scopeId", "data-v-f9923331"]]), $t = { class: "filter-field" }, Pt = {
-  __name: "FilterField",
-  setup(e) {
-    const i = B(Array.from({ length: 16 }, (c, o) => o + 1));
-    function t(c) {
-    }
-    return (c, o) => (l(), d("div", $t, [
-      W(z(Dt), {
-        width: "100%",
-        "background-color": "#2E3B46",
-        value: i.value,
-        "onUpdate:modelValue": t
-      }, null, 8, ["value"])
-    ]));
-  }
-}, Nt = /* @__PURE__ */ $(Pt, [["__scopeId", "data-v-dc8a3bf4"]]);
-export {
-  Nt as default
-};