@golstats/gsc-filters 1.0.8 → 1.0.9

package/dist/FilterConditions-3f4b00eb.js

@@ -0,0 +1,191 @@
+import { useCssVars as $, computed as c, openBlock as i, createElementBlock as a, normalizeStyle as E, createElementVNode as l, createVNode as y, unref as p, Fragment as u, renderList as _, normalizeClass as v, toDisplayString as b, pushScopeId as H, popScopeId as T } from "vue";
+import { _ as V, L as g } from "./index-2acfab17.js";
+const r = (d) => (H("data-v-80d9c265"), d = d(), T(), d), R = { class: "details__header" }, F = /* @__PURE__ */ r(() => /* @__PURE__ */ l("div", { class: "details__header__title" }, "Jugando como", -1)), I = { class: "details__header__checkbox" }, W = { class: "details__body" }, G = { class: "details__body__playing-as" }, L = ["onClick"], P = { class: "details__header" }, z = /* @__PURE__ */ r(() => /* @__PURE__ */ l("div", { class: "details__header__title" }, "En: (Elige el lapso de tiempo)", -1)), N = { class: "details__header__checkbox" }, U = { class: "details__body" }, w = /* @__PURE__ */ r(() => /* @__PURE__ */ l("div", { class: "details__body__title" }, "1er tiempo", -1)), D = { class: "details__body__game-section" }, J = ["onClick"], j = { class: "details__body" }, q = /* @__PURE__ */ r(() => /* @__PURE__ */ l("div", { class: "details__body__title" }, "2do tiempo", -1)), K = { class: "details__body__game-section" }, M = ["onClick"], O = {
+  __name: "FilterConditions",
+  props: {
+    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(d) {
+    const o = d;
+    $((e) => ({
+      "49cba245": d.buttonsBackgroundColor,
+      "52f02da6": d.buttonsTextColor,
+      "7d3f686a": d.buttonsBorderWidth,
+      "7c286a07": d.buttonsBorderColor,
+      "24a6f4aa": d.buttonsBackgroundColorActive,
+      cd8d7768: d.buttonsTextColorActive,
+      "35fa5c10": d.buttonsBorderWidthActive,
+      "0cde1826": d.buttonsBorderColorActive
+    }));
+    const m = c(() => o.playingAs.every((e) => e.isSelected)), C = c(() => o.gameSections.every((e) => e.isSelected)), f = c(() => o.gameSections.reduce(
+      (e, t) => (t.value <= 3 ? e.firstHalf.push(t) : e.secondHalf.push(t), e),
+      {
+        firstHalf: [],
+        secondHalf: []
+      }
+    )), x = c(() => ({
+      "--border-radius-first-button": `${o.buttonsBorderRadius} 0 0 ${o.buttonsBorderRadius}`,
+      "--border-radius-last-button": `0 ${o.buttonsBorderRadius} ${o.buttonsBorderRadius} 0`
+    }));
+    function k(e) {
+      e ? o.playingAs.forEach((t) => {
+        t.isSelected = !0;
+      }) : o.playingAs.forEach((t, s) => {
+        t.isSelected = s === 0;
+      });
+    }
+    function B(e) {
+      o.playingAs.filter((t) => t.isSelected).length === 1 && e.isSelected || (e.isSelected = !e.isSelected);
+    }
+    function S(e) {
+      o.gameSections.filter((t) => t.isSelected).length === 1 && e.isSelected || (e.isSelected = !e.isSelected);
+    }
+    function A(e) {
+      e ? o.gameSections.forEach((t) => {
+        t.isSelected = !0;
+      }) : o.gameSections.forEach((t, s) => {
+        t.isSelected = s === 0;
+      });
+    }
+    return (e, t) => (i(), a("div", {
+      class: "details",
+      style: E(x.value)
+    }, [
+      l("div", R, [
+        F,
+        l("div", I, [
+          y(p(g), {
+            label: "Todos",
+            "model-value": m.value,
+            "onUpdate:modelValue": k
+          }, null, 8, ["model-value"])
+        ])
+      ]),
+      l("div", W, [
+        l("div", G, [
+          (i(!0), a(u, null, _(o.playingAs, (s, n) => (i(), a("div", {
+            key: `pa${n}`,
+            class: v(["details__body__button", { active: s.isSelected }]),
+            onClick: (h) => B(s)
+          }, b(s.name), 11, L))), 128))
+        ])
+      ]),
+      l("div", P, [
+        z,
+        l("div", N, [
+          y(p(g), {
+            label: "Todos",
+            "model-value": C.value,
+            "onUpdate:modelValue": A
+          }, null, 8, ["model-value"])
+        ])
+      ]),
+      l("div", U, [
+        w,
+        l("div", D, [
+          (i(!0), a(u, null, _(f.value.firstHalf, (s, n) => (i(), a("div", {
+            key: `pa${n}`,
+            class: v(["details__body__button", { active: s.isSelected }]),
+            onClick: (h) => S(s)
+          }, b(s.text), 11, J))), 128))
+        ])
+      ]),
+      l("div", j, [
+        q,
+        l("div", K, [
+          (i(!0), a(u, null, _(f.value.secondHalf, (s, n) => (i(), a("div", {
+            key: `pa${n}`,
+            class: v(["details__body__button", { active: s.isSelected }]),
+            onClick: (h) => S(s)
+          }, b(s.text), 11, M))), 128))
+        ])
+      ])
+    ], 4));
+  }
+}, Y = /* @__PURE__ */ V(O, [["__scopeId", "data-v-80d9c265"]]);
+export {
+  Y as default
+};

package/dist/FilterField-28c3e824.js

@@ -0,0 +1,21 @@
+import { ref as r, openBlock as _, createElementBlock as a, createVNode as c, unref as n } from "vue";
+import { _ as s, C as d } from "./index-2acfab17.js";
+const i = { class: "filter-field" }, u = {
+  __name: "FilterField",
+  setup(p) {
+    const t = r(Array.from({ length: 16 }, (l, e) => e + 1));
+    function o() {
+    }
+    return (l, e) => (_(), a("div", i, [
+      c(n(d), {
+        width: "100%",
+        "background-color": "#2E3B46",
+        value: t.value,
+        "onUpdate:modelValue": o
+      }, null, 8, ["value"])
+    ]));
+  }
+}, v = /* @__PURE__ */ s(u, [["__scopeId", "data-v-8103c3e1"]]);
+export {
+  v as default
+};

package/dist/FilterSubcategories-2066e307.js

@@ -0,0 +1,43 @@
+import { openBlock as t, createElementBlock as r, Fragment as a, renderList as u, createBlock as n, unref as d, createVNode as p } from "vue";
+import { _ as s, L as i } from "./index-2acfab17.js";
+const g = { class: "subcategory-group" }, y = {
+  __name: "SubcategoryGroup",
+  props: {
+    subcategoryGroup: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(o) {
+    return (c, _) => (t(), r("div", g, [
+      (t(!0), r(a, null, u(o.subcategoryGroup, (e) => (t(), n(d(i), {
+        key: e.id,
+        modelValue: e.isSelected,
+        "onUpdate:modelValue": (l) => e.isSelected = l,
+        label: e.name
+      }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]))), 128))
+    ]));
+  }
+}, f = /* @__PURE__ */ s(y, [["__scopeId", "data-v-ae6f3d72"]]);
+const m = { class: "filter-subcategories" }, b = {
+  __name: "FilterSubcategories",
+  props: {
+    subcategoryGroups: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(o) {
+    return (c, _) => (t(), r("div", m, [
+      (t(!0), r(a, null, u(o.subcategoryGroups, (e) => (t(), r("div", {
+        key: e.id,
+        class: "filter-subcategories__group"
+      }, [
+        p(f, { subcategoryGroup: e }, null, 8, ["subcategoryGroup"])
+      ]))), 128))
+    ]));
+  }
+}, S = /* @__PURE__ */ s(b, [["__scopeId", "data-v-5edaefc2"]]);
+export {
+  S as default
+};