@golstats/lilini-player-detection 1.0.0

package/README.md

@@ -0,0 +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

package/dist/FilterConditions-e2f8c819-BzFouX2T.js

@@ -0,0 +1,191 @@
+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 = {
+  __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(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
+    }));
+    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(), d("div", {
+      class: "details",
+      style: $(B.value)
+    }, [
+      o("div", V, [
+        W,
+        o("div", I, [
+          y(g(m), {
+            label: "Todos",
+            "model-value": h.value,
+            "onUpdate:modelValue": x
+          }, null, 8, ["model-value"])
+        ])
+      ]),
+      o("div", z, [
+        o("div", F, [
+          (i(!0), d(u, null, _(a.playingAs, (l, r) => (i(), d("div", {
+            key: `pa${r}`,
+            class: b(["details__body__button", { active: l.isSelected }]),
+            onClick: (f) => k(l)
+          }, v(l.name), 11, L))), 128))
+        ])
+      ]),
+      o("div", N, [
+        U,
+        o("div", D, [
+          y(g(m), {
+            label: "Todos",
+            "model-value": C.value,
+            "onUpdate:modelValue": A
+          }, null, 8, ["model-value"])
+        ])
+      ]),
+      o("div", J, [
+        j,
+        o("div", q, [
+          (i(!0), d(u, null, _(p.value.firstHalf, (l, r) => (i(), d("div", {
+            key: `pa${r}`,
+            class: b(["details__body__button", { active: l.isSelected }]),
+            onClick: (f) => S(l)
+          }, v(l.text), 11, w))), 128))
+        ])
+      ]),
+      o("div", G, [
+        K,
+        o("div", M, [
+          (i(!0), d(u, null, _(p.value.secondHalf, (l, r) => (i(), d("div", {
+            key: `pa${r}`,
+            class: b(["details__body__button", { active: l.isSelected }]),
+            onClick: (f) => S(l)
+          }, v(l.text), 11, O))), 128))
+        ])
+      ])
+    ], 4));
+  }
+}, Z = /* @__PURE__ */ T(P, [["__scopeId", "data-v-80d9c265"]]);
+export {
+  Z as default
+};

package/dist/FilterField-a2e8ef44-DRCJX6vg.js

@@ -0,0 +1,21 @@
+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 = {
+  __name: "FilterField",
+  setup(p) {
+    const l = r(Array.from({ length: 16 }, (t, e) => e + 1));
+    function o() {
+    }
+    return (t, e) => (n(), a("div", f, [
+      c(u(i), {
+        width: "100%",
+        "background-color": "#2E3B46",
+        value: l.value,
+        "onUpdate:modelValue": o
+      }, null, 8, ["value"])
+    ]));
+  }
+}, _ = /* @__PURE__ */ d(m, [["__scopeId", "data-v-8103c3e1"]]);
+export {
+  _ as default
+};

package/dist/FilterSubcategories-d538a4eb-DbJuVf-E.js

@@ -0,0 +1,42 @@
+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 = {
+  __name: "SubcategoryGroup",
+  props: {
+    subcategoryGroup: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(t) {
+    return (s, c) => (r(), o("div", y, [
+      (r(!0), o(a, null, u(t.subcategoryGroup, (e) => (r(), n(i(g), {
+        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(b, [["__scopeId", "data-v-ae6f3d72"]]), _ = { class: "filter-subcategories" }, f = {
+  __name: "FilterSubcategories",
+  props: {
+    subcategoryGroups: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(t) {
+    return (s, c) => (r(), o("div", _, [
+      (r(!0), o(a, null, u(t.subcategoryGroups, (e) => (r(), o("div", {
+        key: e.id,
+        class: "filter-subcategories__group"
+      }, [
+        d(m, { subcategoryGroup: e }, null, 8, ["subcategoryGroup"])
+      ]))), 128))
+    ]));
+  }
+}, v = /* @__PURE__ */ l(f, [["__scopeId", "data-v-5edaefc2"]]);
+export {
+  v as default
+};

package/dist/css/fonts.css

@@ -0,0 +1,112 @@
+
+
+/*FUENTES*/
+@font-face {
+	font-family: 'Poppins-Black';
+	src: url('/fonts/Poppins-Black.otf') format('opentype');
+}
+@font-face {
+	font-family: 'BebasNeue-Regular';
+	src: url('/fonts/BebasNeue-Regular.otf') format('opentype');
+  }
+@font-face {
+	font-family: 'Poppins-BlackItalic';
+	src: url('/fonts/Poppins-BlackItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Bold';
+	src: url('/fonts/Poppins-Bold.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-BoldItalic';
+	src: url('/fonts/Poppins-BoldItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ExtraBold';
+	src: url('/fonts/Poppins-ExtraBold.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ExtraBoldItalic';
+	src: url('/fonts/Poppins-ExtraBoldItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ExtraLight';
+	src: url('/fonts/Poppins-ExtraLight.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ExtraLightItalic';
+	src: url('/fonts/Poppins-ExtraLightItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Italic';
+	src: url('/fonts/Poppins-Italic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Light';
+	src: url('/fonts/Poppins-Light.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-LightItalic';
+	src: url('/fonts/Poppins-LightItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-MediumItalic';
+	src: url('/fonts/Poppins-MediumItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Medium';
+	src: url('/fonts/Poppins-Medium.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Regular';
+	src: url('/fonts/Poppins-Regular.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-SemiBold';
+	src: url('/fonts/Poppins-SemiBold.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-SemiBoldItalic';
+	src: url('/fonts/Poppins-SemiBoldItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-ThinItalic';
+	src: url('/fonts/Poppins-ThinItalic.otf') format('opentype');
+}
+@font-face {
+	font-family: 'Poppins-Thin';
+	src: url('/fonts/Poppins-Thin.otf') format('opentype');
+}
+
+/*FUENTES*/
+@font-face {
+	font-family: 'Montserrat-SemiBold';
+	src: url('/fonts/Montserrat-SemiBold.otf') format('opentype');
+}
+
+
+@font-face {
+	font-family: 'Oswald-Bold';
+	src: url('/fonts/Oswald-Bold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Oswald-Regular';
+	src: url('/fonts/Oswald-Regular.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Oswald-SemiBold';
+	src: url('/fonts/Oswald-SemiBold.ttf') format('truetype');
+}
+
+@font-face {
+	font-family: 'Oswald-Medium';
+	src: url('/fonts/Oswald-Medium.ttf') format('truetype');
+}
+
+
+
+
+
+