@golstats/gsc-landing 1.0.6 → 1.0.8

package/dist/FilterConditions-b867bbd5-_G_vA0Pm.js

@@ -0,0 +1,240 @@
+import { useCssVars as E, computed as n, openBlock as s, createElementBlock as o, normalizeStyle as $, createElementVNode as a, createVNode as g, unref as f, Fragment as u, renderList as _, normalizeClass as v, toDisplayString as b, pushScopeId as V, popScopeId as H } from "vue";
+import { L as m } from "./gsc-checkbox-9572f28d-OEktJZP_.js";
+import { q as L } from "./index-H-2dNVfw.js";
+const r = (i) => (V("data-v-209a8861"), i = i(), H(), i), R = { class: "details__header" }, T = /* @__PURE__ */ r(() => /* @__PURE__ */ a("div", { class: "details__header__title" }, "Jugando como", -1)), W = { class: "details__header__checkbox" }, I = { class: "details__body" }, q = { class: "details__body__playing-as" }, z = ["onClick"], F = { class: "details__header" }, N = /* @__PURE__ */ r(() => /* @__PURE__ */ a("div", { class: "details__header__title" }, "En: (Elige el lapso de tiempo)", -1)), U = { class: "details__header__checkbox" }, j = { class: "details__body" }, D = /* @__PURE__ */ r(() => /* @__PURE__ */ a("div", { class: "details__body__title" }, "1er tiempo", -1)), J = { class: "details__body__game-section" }, O = ["onClick"], w = { class: "details__body" }, G = /* @__PURE__ */ r(() => /* @__PURE__ */ a("div", { class: "details__body__title" }, "2do tiempo", -1)), K = { class: "details__body__game-section" }, M = ["onClick"], P = {
+  __name: "FilterConditions",
+  props: {
+    conditions: {
+      type: Object,
+      default: () => ({
+        playingAs: [
+          {
+            name: "Local",
+            value: 1,
+            isSelected: !0
+          },
+          {
+            name: "Visitante",
+            value: 2,
+            isSelected: !0
+          }
+        ],
+        gameSections: [
+          {
+            text: "0-15",
+            value: 1,
+            isSelected: !0
+          },
+          {
+            text: "16-30",
+            value: 2,
+            isSelected: !0
+          },
+          {
+            text: "31-45",
+            value: 3,
+            isSelected: !0
+          },
+          {
+            text: "46-60",
+            value: 4,
+            isSelected: !0
+          },
+          {
+            text: "61-75",
+            value: 5,
+            isSelected: !0
+          },
+          {
+            text: "76-90",
+            value: 6,
+            isSelected: !0
+          }
+        ]
+      })
+    },
+    playingAs: {
+      type: Array,
+      default: () => [
+        {
+          name: "Local",
+          isSelected: !0
+        },
+        {
+          name: "Visitante",
+          isSelected: !0
+        }
+      ]
+    },
+    gameSections: {
+      type: Array,
+      default: () => [
+        {
+          text: "0-15",
+          value: 1,
+          isSelected: !0
+        },
+        {
+          text: "16-30",
+          value: 2,
+          isSelected: !0
+        },
+        {
+          text: "31-45",
+          value: 3,
+          isSelected: !0
+        },
+        {
+          text: "46-60",
+          value: 4,
+          isSelected: !0
+        },
+        {
+          text: "61-75",
+          value: 5,
+          isSelected: !0
+        },
+        {
+          text: "76-90",
+          value: 6,
+          isSelected: !0
+        }
+      ]
+    },
+    buttonsBackgroundColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 0)"
+    },
+    buttonsBackgroundColorActive: {
+      type: String,
+      default: "rgba(203, 238, 107, 0.05)"
+    },
+    buttonsTextColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 0.8)"
+    },
+    buttonsTextColorActive: {
+      type: String,
+      default: "rgba(255, 255, 255, 1)"
+    },
+    buttonsBorderColor: {
+      type: String,
+      default: "#8ea2ab"
+    },
+    buttonsBorderColorActive: {
+      type: String,
+      default: "#cbee6b"
+    },
+    buttonsBorderWidth: {
+      type: String,
+      default: "0.8px"
+    },
+    buttonsBorderWidthActive: {
+      type: String,
+      default: "1px"
+    },
+    buttonsBorderRadius: {
+      type: String,
+      default: "4px"
+    }
+  },
+  setup(i) {
+    E((e) => ({
+      "6828708b": i.buttonsBackgroundColor,
+      "717ea86c": i.buttonsTextColor,
+      "321a49b0": i.buttonsBorderWidth,
+      "31034b4d": i.buttonsBorderColor,
+      dca9f11e: i.buttonsBackgroundColorActive,
+      "90d3dadc": i.buttonsTextColorActive,
+      "305cb0d6": i.buttonsBorderWidthActive,
+      "18196e9a": i.buttonsBorderColorActive
+    }));
+    const d = i, x = n(() => d.conditions.playingAs.every((e) => e.isSelected)), C = n(() => d.conditions.gameSections.every((e) => e.isSelected)), S = n(() => d.conditions.gameSections.reduce(
+      (e, t) => (t.value <= 3 ? e.firstHalf.push(t) : e.secondHalf.push(t), e),
+      {
+        firstHalf: [],
+        secondHalf: []
+      }
+    )), h = n(() => ({
+      "--border-radius-first-button": `${d.buttonsBorderRadius} 0 0 ${d.buttonsBorderRadius}`,
+      "--border-radius-last-button": `0 ${d.buttonsBorderRadius} ${d.buttonsBorderRadius} 0`
+    }));
+    function B(e) {
+      e ? d.conditions.playingAs.forEach((t) => {
+        t.isSelected = !0;
+      }) : d.conditions.playingAs.forEach((t, l) => {
+        t.isSelected = l === 0;
+      });
+    }
+    function k(e) {
+      d.conditions.playingAs.filter((t) => t.isSelected).length === 1 && e.isSelected || (e.isSelected = !e.isSelected);
+    }
+    function p(e) {
+      d.conditions.gameSections.filter((t) => t.isSelected).length === 1 && e.isSelected || (e.isSelected = !e.isSelected);
+    }
+    function A(e) {
+      e ? d.conditions.gameSections.forEach((t) => {
+        t.isSelected = !0;
+      }) : d.conditions.gameSections.forEach((t, l) => {
+        t.isSelected = l === 0;
+      });
+    }
+    return (e, t) => (s(), o("div", {
+      class: "details",
+      style: $(h.value)
+    }, [
+      a("div", R, [
+        T,
+        a("div", W, [
+          g(f(m), {
+            label: "Todos",
+            "model-value": x.value,
+            "onUpdate:modelValue": B
+          }, null, 8, ["model-value"])
+        ])
+      ]),
+      a("div", I, [
+        a("div", q, [
+          (s(!0), o(u, null, _(i.conditions.playingAs, (l, c) => (s(), o("div", {
+            key: `pa${c}`,
+            class: v(["details__body__button", { active: l.isSelected }]),
+            onClick: (y) => k(l)
+          }, b(l.name), 11, z))), 128))
+        ])
+      ]),
+      a("div", F, [
+        N,
+        a("div", U, [
+          g(f(m), {
+            label: "Todos",
+            "model-value": C.value,
+            "onUpdate:modelValue": A
+          }, null, 8, ["model-value"])
+        ])
+      ]),
+      a("div", j, [
+        D,
+        a("div", J, [
+          (s(!0), o(u, null, _(S.value.firstHalf, (l, c) => (s(), o("div", {
+            key: `pa${c}`,
+            class: v(["details__body__button", { active: l.isSelected }]),
+            onClick: (y) => p(l)
+          }, b(l.text), 11, O))), 128))
+        ])
+      ]),
+      a("div", w, [
+        G,
+        a("div", K, [
+          (s(!0), o(u, null, _(S.value.secondHalf, (l, c) => (s(), o("div", {
+            key: `pa${c}`,
+            class: v(["details__body__button", { active: l.isSelected }]),
+            onClick: (y) => p(l)
+          }, b(l.text), 11, M))), 128))
+        ])
+      ])
+    ], 4));
+  }
+}, Y = /* @__PURE__ */ L(P, [["__scopeId", "data-v-209a8861"]]);
+export {
+  Y as default
+};