@golstats/lilini-player-detection 1.0.0 → 1.0.1

package/README.md

@@ -1,31 +1,31 @@
-# Lilini Player Detection
-
-Un componente Vue 3 para mostrar y gestionar tarjetas de jugadores con estadísticas.
-
-## Instalación
-
-```bash
-npm install @golstats/lilini-player-detection
-```
-
-## Uso
-
-```vue
-<template>
-  <LiliniPlayerDetection />
-</template>
-
-<script setup>
-import { LiliniPlayerDetection } from '@golstats/lilini-player-detection'
-</script>
-```
-
-## Componente
-
-### LiliniPlayerDetection
-
-El componente principal que incluye toda la funcionalidad de detección de jugadores.
-
-## Licencia
-
-MIT
+# Lilini Player Detection
+
+Un componente Vue 3 para mostrar y gestionar tarjetas de jugadores con estadísticas.
+
+## Instalación
+
+```bash
+npm install @golstats/lilini-player-detection
+```
+
+## Uso
+
+```vue
+<template>
+  <LiliniPlayerDetection />
+</template>
+
+<script setup>
+import { LiliniPlayerDetection } from '@golstats/lilini-player-detection'
+</script>
+```
+
+## Componente
+
+### LiliniPlayerDetection
+
+El componente principal que incluye toda la funcionalidad de detección de jugadores.
+
+## Licencia
+
+MIT

package/dist/{FilterConditions-e2f8c819-BzFouX2T.js → FilterConditions-e741517d-C9tSHZq9.js}

@@ -1,6 +1,6 @@
-import { useCssVars as E, computed as c, createElementBlock as d, openBlock as i, normalizeStyle as $, createElementVNode as o, createVNode as y, unref as g, Fragment as u, renderList as _, normalizeClass as b, toDisplayString as v, pushScopeId as H, popScopeId as R } from "vue";
-import { X as T, Z as m } from "./index-DsMJ4CGB.js";
-const n = (s) => (H("data-v-80d9c265"), s = s(), R(), s), V = { class: "details__header" }, W = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__header__title" }, "Jugando como", -1)), I = { class: "details__header__checkbox" }, z = { class: "details__body" }, F = { class: "details__body__playing-as" }, L = ["onClick"], N = { class: "details__header" }, U = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__header__title" }, "En: (Elige el lapso de tiempo)", -1)), D = { class: "details__header__checkbox" }, J = { class: "details__body" }, j = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__body__title" }, "1er tiempo", -1)), q = { class: "details__body__game-section" }, w = ["onClick"], G = { class: "details__body" }, K = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__body__title" }, "2do tiempo", -1)), M = { class: "details__body__game-section" }, O = ["onClick"], P = {
+import { useCssVars as E, computed as c, createElementBlock as i, openBlock as d, normalizeStyle as $, createElementVNode as o, createVNode as y, unref as g, Fragment as u, renderList as _, normalizeClass as b, toDisplayString as v, pushScopeId as H, popScopeId as R } from "vue";
+import { X as T, Z as m } from "./index-uzHblu_C.js";
+const n = (s) => (H("data-v-893b389d"), s = s(), R(), s), V = { class: "details__header" }, W = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__header__title" }, "Jugando como", -1)), I = { class: "details__header__checkbox" }, z = { class: "details__body" }, F = { class: "details__body__playing-as" }, L = ["onClick"], N = { class: "details__header" }, U = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__header__title" }, "En: (Elige el lapso de tiempo)", -1)), D = { class: "details__header__checkbox" }, J = { class: "details__body" }, j = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__body__title" }, "1er tiempo", -1)), q = { class: "details__body__game-section" }, w = ["onClick"], G = { class: "details__body" }, K = /* @__PURE__ */ n(() => /* @__PURE__ */ o("div", { class: "details__body__title" }, "2do tiempo", -1)), M = { class: "details__body__game-section" }, O = ["onClick"], P = {
   __name: "FilterConditions",
   props: {
     playingAs: {
@@ -91,14 +91,14 @@ const n = (s) => (H("data-v-80d9c265"), s = s(), R(), s), V = { class: "details_
   setup(s) {
     const a = s;
     E((e) => ({
-      "49cba245": s.buttonsBackgroundColor,
-      "52f02da6": s.buttonsTextColor,
-      "7d3f686a": s.buttonsBorderWidth,
-      "7c286a07": s.buttonsBorderColor,
-      "24a6f4aa": s.buttonsBackgroundColorActive,
-      cd8d7768: s.buttonsTextColorActive,
-      "35fa5c10": s.buttonsBorderWidthActive,
-      "0cde1826": s.buttonsBorderColorActive
+      "2715f84a": s.buttonsBackgroundColor,
+      "97bea92a": s.buttonsTextColor,
+      "544788ef": s.buttonsBorderWidth,
+      "53308a8c": s.buttonsBorderColor,
+      e844f820: s.buttonsBackgroundColorActive,
+      "76839a51": s.buttonsTextColorActive,
+      "2bf17656": s.buttonsBorderWidthActive,
+      a4c4469c: s.buttonsBorderColorActive
     }));
     const h = c(() => a.playingAs.every((e) => e.isSelected)), C = c(() => a.gameSections.every((e) => e.isSelected)), p = c(() => a.gameSections.reduce(
       (e, t) => (t.value <= 3 ? e.firstHalf.push(t) : e.secondHalf.push(t), e),
@@ -130,7 +130,7 @@ const n = (s) => (H("data-v-80d9c265"), s = s(), R(), s), V = { class: "details_
         t.isSelected = l === 0;
       });
     }
-    return (e, t) => (i(), d("div", {
+    return (e, t) => (d(), i("div", {
       class: "details",
       style: $(B.value)
     }, [
@@ -146,7 +146,7 @@ const n = (s) => (H("data-v-80d9c265"), s = s(), R(), s), V = { class: "details_
       ]),
       o("div", z, [
         o("div", F, [
-          (i(!0), d(u, null, _(a.playingAs, (l, r) => (i(), d("div", {
+          (d(!0), i(u, null, _(a.playingAs, (l, r) => (d(), i("div", {
             key: `pa${r}`,
             class: b(["details__body__button", { active: l.isSelected }]),
             onClick: (f) => k(l)
@@ -166,7 +166,7 @@ const n = (s) => (H("data-v-80d9c265"), s = s(), R(), s), V = { class: "details_
       o("div", J, [
         j,
         o("div", q, [
-          (i(!0), d(u, null, _(p.value.firstHalf, (l, r) => (i(), d("div", {
+          (d(!0), i(u, null, _(p.value.firstHalf, (l, r) => (d(), i("div", {
             key: `pa${r}`,
             class: b(["details__body__button", { active: l.isSelected }]),
             onClick: (f) => S(l)
@@ -176,7 +176,7 @@ const n = (s) => (H("data-v-80d9c265"), s = s(), R(), s), V = { class: "details_
       o("div", G, [
         K,
         o("div", M, [
-          (i(!0), d(u, null, _(p.value.secondHalf, (l, r) => (i(), d("div", {
+          (d(!0), i(u, null, _(p.value.secondHalf, (l, r) => (d(), i("div", {
             key: `pa${r}`,
             class: b(["details__body__button", { active: l.isSelected }]),
             onClick: (f) => S(l)
@@ -185,7 +185,7 @@ const n = (s) => (H("data-v-80d9c265"), s = s(), R(), s), V = { class: "details_
       ])
     ], 4));
   }
-}, Z = /* @__PURE__ */ T(P, [["__scopeId", "data-v-80d9c265"]]);
+}, Z = /* @__PURE__ */ T(P, [["__scopeId", "data-v-893b389d"]]);
 export {
   Z as default
 };

package/dist/FilterConditions-e741517d-Db6i2YSz-Dfi2_1Kt.js

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

package/dist/{FilterField-a2e8ef44-DRCJX6vg.js → FilterField-6ba5128c-BF0eWTLA.js}

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

package/dist/FilterField-6ba5128c-CwcmXpuL-Ce2hq7Xx.js

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

package/dist/FilterSubcategories-42fd5c17-DhhX2TZz-BTelP3FP.js

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

package/dist/{FilterSubcategories-d538a4eb-DbJuVf-E.js → FilterSubcategories-42fd5c17-DsCn3HZE.js}

@@ -1,6 +1,6 @@
-import { createElementBlock as o, openBlock as r, Fragment as a, renderList as u, createVNode as d, createBlock as n, unref as i } from "vue";
-import { X as l, Z as g } from "./index-DsMJ4CGB.js";
-const y = { class: "subcategory-group" }, b = {
+import { createElementBlock as o, openBlock as r, Fragment as a, renderList as u, createVNode as d, createBlock as n, unref as b } from "vue";
+import { X as l, Z as i } from "./index-uzHblu_C.js";
+const g = { class: "subcategory-group" }, y = {
   __name: "SubcategoryGroup",
   props: {
     subcategoryGroup: {
@@ -9,8 +9,8 @@ const y = { class: "subcategory-group" }, b = {
     }
   },
   setup(t) {
-    return (s, c) => (r(), o("div", y, [
-      (r(!0), o(a, null, u(t.subcategoryGroup, (e) => (r(), n(i(g), {
+    return (s, c) => (r(), o("div", g, [
+      (r(!0), o(a, null, u(t.subcategoryGroup, (e) => (r(), n(b(i), {
         key: e.id,
         modelValue: e.isSelected,
         "onUpdate:modelValue": (p) => e.isSelected = p,
@@ -18,7 +18,7 @@ const y = { class: "subcategory-group" }, b = {
       }, null, 8, ["modelValue", "onUpdate:modelValue", "label"]))), 128))
     ]));
   }
-}, m = /* @__PURE__ */ l(b, [["__scopeId", "data-v-ae6f3d72"]]), _ = { class: "filter-subcategories" }, f = {
+}, m = /* @__PURE__ */ l(y, [["__scopeId", "data-v-85bc2114"]]), _ = { class: "filter-subcategories" }, f = {
   __name: "FilterSubcategories",
   props: {
     subcategoryGroups: {
@@ -36,7 +36,7 @@ const y = { class: "subcategory-group" }, b = {
       ]))), 128))
     ]));
   }
-}, v = /* @__PURE__ */ l(f, [["__scopeId", "data-v-5edaefc2"]]);
+}, v = /* @__PURE__ */ l(f, [["__scopeId", "data-v-74a77bab"]]);
 export {
   v as default
 };