@golstats/gsc-players-tracking 0.0.0

package/README.md

@@ -0,0 +1,2 @@
+# gsc-players-tracking
+Componente de jugadores bajo seguimiento para seleccion 

package/dist/FilterConditions-f3ba9061-d47fcffe-Bk7x3xyN.js

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

package/dist/FilterField-977a3807-01d64e3e-DxYSACiu.js

@@ -0,0 +1,21 @@
+import { ref as r, createElementBlock as a, openBlock as n, createVNode as u, unref as c } from "vue";
+import { u as d, q as f } from "./index-D6V66JIw.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, [
+      u(c(f), {
+        width: "100%",
+        "background-color": "#2E3B46",
+        value: o.value,
+        "onUpdate:modelValue": t
+      }, null, 8, ["value"])
+    ]));
+  }
+}, _ = /* @__PURE__ */ d(m, [["__scopeId", "data-v-8103c3e1"]]);
+export {
+  _ as default
+};

package/dist/FilterSubcategories-0000fdf5-9698fce6-DjtEMQ2-.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 i } from "vue";
+import { u as l, a as y } from "./index-D6V66JIw.js";
+const b = { class: "subcategory-group" }, g = {
+  __name: "SubcategoryGroup",
+  props: {
+    subcategoryGroup: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(o) {
+    return (s, c) => (r(), a("div", b, [
+      (r(!0), a(t, null, u(o.subcategoryGroup, (e) => (r(), n(i(y), {
+        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(g, [["__scopeId", "data-v-ae6f3d72"]]), f = { class: "filter-subcategories" }, _ = {
+  __name: "FilterSubcategories",
+  props: {
+    subcategoryGroups: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(o) {
+    return (s, c) => (r(), a("div", f, [
+      (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(_, [["__scopeId", "data-v-5edaefc2"]]);
+export {
+  k as default
+};

package/dist/css/fonts.css

@@ -0,0 +1,133 @@
+@font-face {
+  font-family: 'Poppins-Black';
+  src: url('/fonts/Poppins-Black.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');
+}
+
+@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');
+}
+
+@font-face {
+  font-family: 'BebasNeueBold';
+  src: url('/fonts/BebasNeue-Bold.woff2') format('woff2');
+  /* También puedes proporcionar otros formatos de fuente como woff, ttf, etc., para una mejor compatibilidad entre navegadores */
+}
+
+@font-face {
+  font-family: 'BebasNeueBook';
+  src: url('/fonts/BebasNeue-Book.woff2') format('woff2');
+  /* También puedes proporcionar otros formatos de fuente como woff, ttf, etc., para una mejor compatibilidad entre navegadores */
+}
+
+@font-face {
+  font-family: 'BebasNeueLight';
+  src: url('/fonts/BebasNeue-Light.woff2') format('woff2');
+  /* También puedes proporcionar otros formatos de fuente como woff, ttf, etc., para una mejor compatibilidad entre navegadores */
+}
+
+@font-face {
+  font-family: 'BebasNeueRegular';
+  src: url('/fonts/BebasNeue-Regular.woff2') format('woff2');
+  /* También puedes proporcionar otros formatos de fuente como woff, ttf, etc., para una mejor compatibilidad entre navegadores */
+}
+
+@font-face {
+  font-family: 'BebasNeue-Regular';
+  src: url('/fonts/BebasNeue-Bold.woff2') format('woff2');
+  /* También puedes proporcionar otros formatos de fuente como woff, ttf, etc., para una mejor compatibilidad entre navegadores */
+}
+
+@font-face {
+  font-family: 'BebasNeueThin';
+  src: url('/fonts/BebasNeue-Thin.woff2') format('woff2');
+  /* También puedes proporcionar otros formatos de fuente como woff, ttf, etc., para una mejor compatibilidad entre navegadores */
+}

package/dist/gsc-players-tracking.es.js

@@ -0,0 +1,4 @@
+import { P as e } from "./index-D6V66JIw.js";
+export {
+  e as GSCPlayersTracking
+};