@golstats/gsc-next-rivals 1.0.2 → 1.0.4

package/dist/gsc-next-rivals.es.js

@@ -1,4 +1,4 @@
-import { createElementBlock as u, openBlock as s, createElementVNode as n, normalizeStyle as h, toDisplayString as v, ref as y, watch as I, computed as F, onMounted as L, onBeforeMount as G, createVNode as N, renderSlot as R, normalizeClass as T, Transition as H, withCtx as z, withDirectives as W, createCommentVNode as b, Fragment as D, renderList as E, vShow as O, unref as J, useCssVars as Z, pushScopeId as M, popScopeId as j, onUnmounted as X, mergeProps as Y, createBlock as q } from "vue";
+import { createElementBlock as d, openBlock as n, createElementVNode as l, normalizeStyle as h, toDisplayString as v, ref as y, watch as I, computed as F, onMounted as P, onBeforeMount as Z, createVNode as T, renderSlot as R, normalizeClass as N, Transition as G, withCtx as z, withDirectives as W, createCommentVNode as b, Fragment as M, renderList as D, vShow as O, unref as E, useCssVars as H, pushScopeId as J, popScopeId as j, onUnmounted as X, mergeProps as Y, createBlock as q } from "vue";
 const A = (e, i) => {
   const t = e.__vccOpts || e;
   for (const [r, c] of i)
@@ -30,20 +30,20 @@ const A = (e, i) => {
     function r() {
       i("click-rival", t.rival);
     }
-    return (c, l) => (s(), u("div", {
+    return (c, s) => (n(), d("div", {
       class: "team-card",
       onClick: r
     }, [
-      n("div", {
+      l("div", {
         class: "team-card__bg-image",
         style: h({ "background-image": `url(${e.logo})` })
       }, null, 4),
-      n("img", {
+      l("img", {
         class: "team-card__image",
         src: e.logo,
         alt: e.name
       }, null, 8, K),
-      n("p", Q, v(e.name), 1)
+      l("p", Q, v(e.name), 1)
     ]));
   }
 }, et = /* @__PURE__ */ A(tt, [["__scopeId", "data-v-8f13b2f7"]]), ot = (e, i) => {
@@ -126,7 +126,7 @@ const A = (e, i) => {
     }
   }
 }, V = () => {
-  Z((e) => ({
+  H((e) => ({
     "9d01acb4": e.height,
     "14e95081": e.borderWidthBtn,
     "38fec285": e.borderType,
@@ -141,54 +141,61 @@ const A = (e, i) => {
     "93b87770": e.marginLeftStat,
     c7f7beba: e.fontSizeStat
   }));
-}, P = $.setup;
-$.setup = P ? (e, i) => (V(), P(e, i)) : V;
-const it = (e) => (M("data-v-f3ee6b2b"), e = e(), j(), e), rt = ["src"], at = {
+}, L = $.setup;
+$.setup = L ? (e, i) => (V(), L(e, i)) : V;
+const it = (e) => (J("data-v-f3ee6b2b"), e = e(), j(), e), rt = ["src"], lt = {
   key: 1,
   class: "text"
-}, lt = ["src"], nt = { class: "stats" }, st = /* @__PURE__ */ it(() => /* @__PURE__ */ n("img", {
+}, at = ["src"], nt = { class: "stats" }, st = /* @__PURE__ */ it(() => /* @__PURE__ */ l("img", {
   class: "iconstats",
   src: "https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"
 }, null, -1)), dt = { class: "numstats" }, ut = { class: "leyend" };
-function ct(e, i, t, r, c, l) {
-  return s(), u("div", null, [
-    t.type == 0 ? (s(), u("div", {
+function ct(e, i, t, r, c, s) {
+  return n(), d("div", null, [
+    t.type == 0 ? (n(), d("div", {
       key: 0,
-      class: T(["button", c.status && t.typeOnOff && "button-active"]),
-      style: h([l.customStyle, c.status && t.typeOnOff && l.customActive]),
-      onClick: i[0] || (i[0] = (...d) => l.btnClick && l.btnClick(...d))
+      class: N(["button", c.status && t.typeOnOff && "button-active"]),
+      style: h([s.customStyle, c.status && t.typeOnOff && s.customActive]),
+      onClick: i[0] || (i[0] = (...u) => s.btnClick && s.btnClick(...u))
     }, [
-      t.icon && t.iconPosition.toLowerCase() === "left" ? (s(), u("img", {
+      t.icon && t.iconPosition.toLowerCase() === "left" ? (n(), d("img", {
         key: 0,
         class: "icon",
         style: h({ width: t.iconSize }),
         src: t.icon
       }, null, 12, rt)) : b("", !0),
-      t.textValue ? (s(), u("div", at, v(t.textValue), 1)) : b("", !0),
-      t.icon && t.iconPosition.toLowerCase() === "right" ? (s(), u("img", {
+      t.textValue ? (n(), d("div", lt, v(t.textValue), 1)) : b("", !0),
+      t.icon && t.iconPosition.toLowerCase() === "right" ? (n(), d("img", {
         key: 2,
         class: "icon",
         style: h({ width: t.iconSize }),
         src: t.icon
-      }, null, 12, lt)) : b("", !0)
+      }, null, 12, at)) : b("", !0)
     ], 6)) : b("", !0),
-    t.type == 1 ? (s(), u("div", {
+    t.type == 1 ? (n(), d("div", {
       key: 1,
       class: "button-target",
-      onClick: i[1] || (i[1] = (...d) => l.btnClick && l.btnClick(...d))
+      onClick: i[1] || (i[1] = (...u) => s.btnClick && s.btnClick(...u))
     }, [
-      n("div", nt, [
+      l("div", nt, [
         st,
-        n("div", dt, v(t.textStat), 1)
+        l("div", dt, v(t.textStat), 1)
       ]),
-      n("div", ut, v(t.textCategory), 1)
+      l("div", ut, v(t.textCategory), 1)
     ])) : b("", !0)
   ]);
 }
-const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b"]]), ft = { class: "gsc-dropdown__main-container__item-selected" }, mt = ["height", "width"], gt = ["stroke"], yt = { class: "gsc-dropdown__items-container" }, ht = ["onClick"], vt = {
+const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b"]]), ft = { class: "gsc-dropdown__main-container__item-selected" }, mt = ["height", "width"], gt = ["stroke"], yt = {
+  key: 1,
+  width: "8",
+  height: "4",
+  viewBox: "0 0 8 4",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, ht = ["fill"], vt = { class: "gsc-dropdown__items-container" }, bt = ["onClick"], St = {
   key: 0,
   class: "gsc-dropdown__items-footer"
-}, bt = {
+}, Ct = {
   __name: "GSC-Dropdown",
   props: {
     modelValue: {
@@ -346,11 +353,18 @@ const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b
     onlyFirstTime: {
       type: Boolean,
       default: !1
+    },
+    iconType: {
+      type: Number,
+      default: 1,
+      validator: function(e) {
+        return [1, 2].includes(e);
+      }
     }
   },
   emits: ["input", "click-ready", "update:modelValue"],
   setup(e, { emit: i }) {
-    const t = e, r = y({}), c = y(null), l = y(t.isMultipleOption ? -1 : 0), d = y(!1);
+    const t = e, r = y({}), c = y(null), s = y(t.isMultipleOption ? -1 : 0), u = y(!1);
     I(
       () => t.items,
       (a, f) => {
@@ -359,7 +373,7 @@ const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b
             const o = t.items.findIndex(
               (m) => m[t.defaultItemByProp.propName] === t.defaultItemByProp.value
             );
-            o !== -1 ? (l.value = o, r.value = a[o]) : (l.value = 0, r.value = a[0]);
+            o !== -1 ? (s.value = o, r.value = a[o]) : (s.value = 0, r.value = a[0]);
           } else
             r.value = a[t.defaultItemByIndex];
           i("input", r.value);
@@ -371,7 +385,7 @@ const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b
       (a) => {
         if (a) {
           const f = t.items.findIndex((o) => typeof a == "object" ? JSON.stringify(o) === JSON.stringify(a) : o === a);
-          f !== -1 && (l.value = f, r.value = t.items[f], i("update:modelValue", r.value));
+          f !== -1 && (s.value = f, r.value = t.items[f], i("update:modelValue", r.value));
         }
       },
       { immediate: !0 }
@@ -409,75 +423,83 @@ const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b
       width: `${t.arrowWidth}px`
     }));
     function w() {
-      t.isDisabled || (d.value = !d.value);
+      t.isDisabled || (u.value = !u.value);
     }
     function S(a) {
-      c.value && !c.value.contains(a.target) && (d.value = !1);
+      c.value && !c.value.contains(a.target) && (u.value = !1);
     }
     function k(a, f) {
-      t.isMultipleOption ? l.value = -1 : (l.value = f, d.value = !1), r.value = a, i("input", r.value), i("update:modelValue", r.value);
+      t.isMultipleOption ? s.value = -1 : (s.value = f, u.value = !1), r.value = a, i("input", r.value), i("update:modelValue", r.value);
     }
     function _() {
-      d.value = !1, i("click-ready");
+      u.value = !1, i("click-ready");
     }
-    return L(() => {
+    return P(() => {
       document.addEventListener("click", S);
-    }), G(() => {
+    }), Z(() => {
       document.removeEventListener("click", S);
-    }), (a, f) => (s(), u("div", {
+    }), (a, f) => (n(), d("div", {
       ref_key: "dropDown",
       ref: c,
       class: "gsc-dropdown",
       style: h(g.value)
     }, [
-      n("div", {
+      l("div", {
         class: "gsc-dropdown__main-container",
         style: h({ "padding-right": `${e.arrowWidth + 8}px` }),
         onClick: w
       }, [
-        n("div", ft, [
+        l("div", ft, [
           R(a.$slots, "default", { selectedItem: r.value })
         ]),
-        n("div", {
-          class: T(["gsc-dropdown__main-container__icon", { "rotated-180": d.value }]),
+        l("div", {
+          class: N(["gsc-dropdown__main-container__icon", { "rotated-180": u.value }]),
           style: h(C.value)
         }, [
-          (s(), u("svg", {
+          e.iconType === 1 ? (n(), d("svg", {
+            key: 0,
             height: e.arrowHeight,
             width: e.arrowWidth,
             viewBox: "0 0 24 24",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg"
           }, [
-            n("path", {
+            l("path", {
               d: "M18.394 9.13501L13.1302 14.3988C12.5086 15.0204 11.4914 15.0204 10.8697 14.3988L5.60596 9.13501",
               stroke: e.arrowColor
             }, null, 8, gt)
-          ], 8, mt))
+          ], 8, mt)) : (n(), d("svg", yt, [
+            l("path", {
+              "fill-rule": "evenodd",
+              "clip-rule": "evenodd",
+              d: "M4 2.62045L6.86193 0.167368C7.12228 -0.0557892 7.54439 -0.0557892 7.80474 0.167368C8.06509 0.390524 8.06509 0.752333 7.80474 0.97549L4.4714 3.83263C4.21105 4.05579 3.78895 4.05579 3.5286 3.83263L0.195262 0.97549C-0.0650874 0.752333 -0.0650874 0.390524 0.195262 0.167368C0.455612 -0.0557892 0.877722 -0.0557892 1.13807 0.167368L4 2.62045Z",
+              fill: e.arrowColor
+            }, null, 8, ht)
+          ]))
         ], 6)
       ], 4),
-      N(H, null, {
+      T(G, null, {
         default: z(() => [
-          W(n("div", yt, [
-            n("div", null, [
-              n("div", {
+          W(l("div", vt, [
+            l("div", null, [
+              l("div", {
                 class: "gsc-dropdown__items",
                 style: h({ "margin-top": `${t.borderWidth}px` })
               }, [
-                (s(!0), u(D, null, E(e.items, (o, m) => (s(), u("div", null, [
-                  W((s(), u("div", {
-                    class: T(["gsc-dropdown__items__item", { selected: m === l.value }]),
+                (n(!0), d(M, null, D(e.items, (o, m) => (n(), d("div", null, [
+                  W((n(), d("div", {
+                    class: N(["gsc-dropdown__items__item", { selected: m === s.value }]),
                     key: m,
                     onClick: (p) => k(o, m)
                   }, [
                     R(a.$slots, "availableItem", { item: o })
-                  ], 10, ht)), [
+                  ], 10, bt)), [
                     [O, !o.isHidden]
                   ])
                 ]))), 256))
               ], 4),
-              e.isFooterVisible ? (s(), u("div", vt, [
-                N(J(pt), {
+              e.isFooterVisible ? (n(), d("div", St, [
+                T(E(pt), {
                   "text-value": "Listo",
                   "border-color": "#cbee6b",
                   "font-size": "12px",
@@ -490,20 +512,20 @@ const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b
               ])) : b("", !0)
             ])
           ], 512), [
-            [O, d.value]
+            [O, u.value]
           ])
         ]),
         _: 3
       })
     ], 4));
   }
-}, St = (e) => (M("data-v-33cec719"), e = e(), j(), e), Ct = { class: "header" }, wt = /* @__PURE__ */ St(() => /* @__PURE__ */ n("h2", null, "Próximos rivales", -1)), kt = { class: "" }, _t = {
+}, wt = (e) => (J("data-v-41c274d8"), e = e(), j(), e), kt = { class: "header" }, _t = /* @__PURE__ */ wt(() => /* @__PURE__ */ l("h2", null, "Próximos rivales", -1)), xt = { class: "" }, Bt = {
   key: 0,
   class: "rivals-grid"
-}, xt = {
+}, It = {
   key: 1,
-  class: "no-rivals"
-}, Bt = {
+  class: "no-rivals-text-container"
+}, Tt = { class: "no-rivals" }, Nt = {
   __name: "NextRivals",
   props: {
     teamId: {
@@ -576,7 +598,7 @@ const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b
   },
   emits: ["click-rival"],
   setup(e, { emit: i }) {
-    const t = e, r = y(null), c = y("rivals-grid"), l = y([]), d = y([]), g = y({});
+    const t = e, r = y(null), c = y("rivals-grid"), s = y([]), u = y([]), g = y({});
     I(
       () => t.teamId,
       (o) => {
@@ -597,11 +619,11 @@ const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b
             }
           }
         )).json();
-        d.value = m;
+        u.value = m;
         const p = m.map((B) => w(B.team_id)), x = await Promise.all(p);
-        console.log("responses", x), d.value.forEach((B, U) => {
+        console.log("responses", x), u.value.forEach((B, U) => {
           B.rivals = x[U];
-        }), g.value = d.value[0], console.log("relatedTeams.value", d.value);
+        }), g.value = u.value[0], console.log("relatedTeams.value", u.value);
       } catch (o) {
         console.error(o);
       }
@@ -628,50 +650,52 @@ const pt = /* @__PURE__ */ ot($, [["render", ct], ["__scopeId", "data-v-f3ee6b2b
       i("click-rival", o);
     }
     function _(o) {
-      console.log("onInputValue", o), g.value = o, l.value = o.rivals;
+      console.log("onInputValue", o), g.value = o, s.value = o.rivals;
     }
     function a(o) {
-      console.log("onUpdateValue", o), g.value = o, l.value = o.rivals;
+      console.log("onUpdateValue", o), g.value = o, s.value = o.rivals;
     }
     const f = new ResizeObserver(S);
-    return L(() => {
+    return P(() => {
       r.value && f.observe(r.value);
     }), X(() => {
       f.disconnect();
-    }), (o, m) => (s(), u("div", {
+    }), (o, m) => (n(), d("div", {
       class: "next-rivals",
       ref_key: "containerRef",
       ref: r
     }, [
-      n("div", Ct, [
-        wt,
-        N(J(bt), Y(t, {
+      l("div", kt, [
+        _t,
+        T(E(Ct), Y(t, {
           "model-value": g.value,
-          items: d.value,
+          items: u.value,
           onInput: _,
           "onUpdate:modelValue": a
         }), {
           default: z(({ selectedItem: p }) => [
-            n("div", kt, v(p.team_name), 1)
+            l("div", xt, v(p.team_name), 1)
           ]),
           availableItem: z(({ item: p }) => [
-            n("div", null, v(p.team_name), 1)
+            l("div", null, v(p.team_name), 1)
           ]),
           _: 1
         }, 16, ["model-value", "items"])
       ]),
-      g.value.rivals && g.value.rivals.length ? (s(), u("div", _t, [
-        (s(!0), u(D, null, E(l.value, (p) => (s(), q(et, {
+      g.value.rivals && g.value.rivals.length ? (n(), d("div", Bt, [
+        (n(!0), d(M, null, D(s.value, (p) => (n(), q(et, {
           key: p.team_id,
           logo: `https://golstatsimages.blob.core.windows.net/teams-80/${p.team_id}.png`,
           name: p.team_name,
           rival: p,
           onClickRival: (x) => k(p)
         }, null, 8, ["logo", "name", "rival", "onClickRival"]))), 128))
-      ])) : (s(), u("h2", xt, v(g.value.team_name) + " no tiene próximos rivales", 1))
+      ])) : (n(), d("div", It, [
+        l("h2", Tt, v(g.value.team_name) + " no tiene partidos programados por el momento", 1)
+      ]))
     ], 512));
   }
-}, Nt = /* @__PURE__ */ A(Bt, [["__scopeId", "data-v-33cec719"]]);
+}, $t = /* @__PURE__ */ A(Nt, [["__scopeId", "data-v-41c274d8"]]);
 export {
-  Nt as GSCNextRivals
+  $t as GSCNextRivals
 };

package/dist/gsc-next-rivals.umd.js

@@ -1 +1 @@
-(function(u,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis<"u"?globalThis:u||self,t(u.GSCNextRivals={},u.Vue))})(this,function(u,t){"use strict";const B=(o,r)=>{const e=o.__vccOpts||o;for(const[i,s]of r)e[i]=s;return e},N=["src","alt"],I={class:"team-card__name"},V=B({__name:"GscTeamCard",props:{logo:{type:String,default:""},name:{type:String,default:""},url:{type:String,default:""},rival:{type:Object,default:()=>({})}},emits:["click-rival"],setup(o,{emit:r}){const e=o;function i(){r("click-rival",e.rival)}return(s,n)=>(t.openBlock(),t.createElementBlock("div",{class:"team-card",onClick:i},[t.createElementVNode("div",{class:"team-card__bg-image",style:t.normalizeStyle({"background-image":`url(${o.logo})`})},null,4),t.createElementVNode("img",{class:"team-card__image",src:o.logo,alt:o.name},null,8,N),t.createElementVNode("p",I,t.toDisplayString(o.name),1)]))}},[["__scopeId","data-v-8f13b2f7"]]),E=(o,r)=>{const e=o.__vccOpts||o;for(const[i,s]of r)e[i]=s;return e},y={props:{type:{type:Number,default:0},value:{type:Boolean,default:!1},textValue:String,icon:String,iconPosition:{type:String,default:"left"},iconSize:String,fontColor:{type:String,default:"#FFFFFF"},textDecoration:String,fontSize:{type:String,default:"16px"},fontSizeStat:{type:String,default:"16px"},fontStyle:String,fontFamily:{type:String,default:"Poppins-Regular"},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},borderRadius:{type:String,default:"0px"},borderType:{type:String,default:"solid"},borderWidth:{type:Number,default:0},borderWidthBtn:{type:String,default:"2px"},borderColor:String,backgroundColor:{type:String,default:"none"},activeBackgroundColor:{type:String,default:"#000000"},activeBorderWidth:{type:Number,default:2},activeBorderType:{type:String,default:"solid"},activeBorderColor:{type:String,default:"#cbee6b"},activeColorText:{type:String,default:"#FFFFFF"},cursorType:{type:String,default:"default"},typeOnOff:{type:Boolean,default:!1},textCategory:String,textStat:String,marginLeftStat:{type:String,default:"15%"}},watch:{value:{deep:!0,immediate:!0,handler(o){this.status=o}}},data(){return{status:!1}},computed:{customStyle(){return{height:this.height,width:this.width,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:`${this.borderType} ${this.borderWidth}px ${this.borderColor}`,color:this.fontColor,textDecoration:this.textDecoration,cursor:this.cursorType,fontSize:this.fontSize,fontStyle:this.fontStyle,fontFamily:`${this.fontFamily} !important`}},customActive(){return{backgroundColor:this.activeBackgroundColor,color:this.activeColorText,border:`${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`}}},methods:{btnClick(o){this.$emit("click",o),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},_=()=>{t.useCssVars(o=>({"9d01acb4":o.height,"14e95081":o.borderWidthBtn,"38fec285":o.borderType,34353510:o.borderColor,"20d20dc6":o.borderRadius,17130967:o.width,"4ccb7d36":o.backgroundColor,"5d1e86a2":o.cursorType,ce65d4a2:o.fontSize,fe4ac47a:o.fontStyle,f98e44dc:o.fontFamily,"93b87770":o.marginLeftStat,c7f7beba:o.fontSizeStat}))},x=y.setup;y.setup=x?(o,r)=>(_(),x(o,r)):_;const z=o=>(t.pushScopeId("data-v-f3ee6b2b"),o=o(),t.popScopeId(),o),T=["src"],$={key:1,class:"text"},v=["src"],F={class:"stats"},R=z(()=>t.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),W={class:"numstats"},O={class:"leyend"};function D(o,r,e,i,s,n){return t.openBlock(),t.createElementBlock("div",null,[e.type==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["button",s.status&&e.typeOnOff&&"button-active"]),style:t.normalizeStyle([n.customStyle,s.status&&e.typeOnOff&&n.customActive]),onClick:r[0]||(r[0]=(...d)=>n.btnClick&&n.btnClick(...d))},[e.icon&&e.iconPosition.toLowerCase()==="left"?(t.openBlock(),t.createElementBlock("img",{key:0,class:"icon",style:t.normalizeStyle({width:e.iconSize}),src:e.icon},null,12,T)):t.createCommentVNode("",!0),e.textValue?(t.openBlock(),t.createElementBlock("div",$,t.toDisplayString(e.textValue),1)):t.createCommentVNode("",!0),e.icon&&e.iconPosition.toLowerCase()==="right"?(t.openBlock(),t.createElementBlock("img",{key:2,class:"icon",style:t.normalizeStyle({width:e.iconSize}),src:e.icon},null,12,v)):t.createCommentVNode("",!0)],6)):t.createCommentVNode("",!0),e.type==1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"button-target",onClick:r[1]||(r[1]=(...d)=>n.btnClick&&n.btnClick(...d))},[t.createElementVNode("div",F,[R,t.createElementVNode("div",W,t.toDisplayString(e.textStat),1)]),t.createElementVNode("div",O,t.toDisplayString(e.textCategory),1)])):t.createCommentVNode("",!0)])}const P=E(y,[["render",D],["__scopeId","data-v-f3ee6b2b"]]),L={class:"gsc-dropdown__main-container__item-selected"},M=["height","width"],j=["stroke"],J={class:"gsc-dropdown__items-container"},A=["onClick"],G={key:0,class:"gsc-dropdown__items-footer"},U={__name:"GSC-Dropdown",props:{modelValue:{type:[Object,Number,String],default:()=>null},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},fontSize:{type:String,default:"14px"},borderRadius:{type:Number,default:5},arrowHeight:{type:Number,default:24},arrowWidth:{type:Number,default:24},borderType:{type:String,default:"solid",validator:function(o){return["solid","dotted","dashed"].includes(o)}},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"black"},backgroundColor:{type:String,default:"grey"},color:{type:String,default:"black"},arrowColor:{type:String,default:"#CBEE6B"},items:{type:Array,default:()=>[]},defaultItemByIndex:{type:Number,default:0},defaultItemByProp:{type:Object,default:null,validator:o=>["propName","value"].every(r=>r in o)},listBackgroundColor:{type:String,default:"white"},hoverBackgroundColor:{type:String,default:"#f1f1f1"},listMarginTop:{type:String,default:"0"},listContainerPadding:{type:String,default:"0"},listItemPadding:{type:String,default:"10px 12px"},listItemMargin:{type:String,default:"0"},listHeight:{type:String,default:"fit-content"},listItemSelectedColor:{type:String,default:"white"},listItemSelectedBackgroundColor:{type:String,default:"#399cfd"},listItemColor:{type:String,default:"black"},listBorderRadius:{type:String,default:"0"},listBorderColor:{type:String,default:""},listBorderWidth:{type:Number,default:1},listItemBorderRadius:{type:String,default:"0"},listAlignment:{type:String,default:"left"},isListSameWidth:{type:Boolean,default:!1},isMultipleOption:{type:Boolean,default:!1},footerBorderColor:{type:String,default:"#626970"},footerBorderWidth:{type:Number,default:1},isFooterVisible:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1},onlyFirstTime:{type:Boolean,default:!1}},emits:["input","click-ready","update:modelValue"],setup(o,{emit:r}){const e=o,i=t.ref({}),s=t.ref(null),n=t.ref(e.isMultipleOption?-1:0),d=t.ref(!1);t.watch(()=>e.items,(a,p)=>{if(!e.modelValue&&(!e.onlyFirstTime||!p||!p.length)&&a&&a.length){if(e.defaultItemByProp){const l=e.items.findIndex(m=>m[e.defaultItemByProp.propName]===e.defaultItemByProp.value);l!==-1?(n.value=l,i.value=a[l]):(n.value=0,i.value=a[0])}else i.value=a[e.defaultItemByIndex];r("input",i.value)}},{immediate:!0}),t.watch(()=>e.modelValue,a=>{if(a){const p=e.items.findIndex(l=>typeof a=="object"?JSON.stringify(l)===JSON.stringify(a):l===a);p!==-1&&(n.value=p,i.value=e.items[p],r("update:modelValue",i.value))}},{immediate:!0});const f=t.computed(()=>({height:e.height,width:e.width,backgroundColor:e.backgroundColor,borderRadius:`${e.borderRadius}px`,border:`${e.borderType} ${e.borderWidth}px ${e.borderColor}`,color:e.color,"--hover-background-color":e.hoverBackgroundColor,"--list-container-padding":e.listContainerPadding,"--list-item-padding":e.listItemPadding,"--list-item-margin":e.listItemMargin,"--list-background-color":e.listBackgroundColor,"--list-height":e.listHeight,"--list-item-border-radius":e.listItemBorderRadius,"--list-item-selected-color":e.listItemSelectedColor,"--list-item-selected-background-color":e.listItemSelectedBackgroundColor,"--list-item-color":e.listItemColor,"--list-border-radius":`${e.listBorderRadius}`,"--list-border-color":e.listBorderColor,"--list-width":e.isListSameWidth?e.width:"fit-content","--list-border-width":`${e.listBorderWidth}px`,"--list-margin-top":e.listMarginTop,"--list-left":e.listAlignment==="left"?"0":"auto","--list-right":e.listAlignment==="right"?"0":"auto","--footer-border":`${e.footerBorderWidth}px solid ${e.footerBorderColor}`,"--dropdown-opacity":e.isDisabled?"0.5":"1","--dropdown-cursor":e.isDisabled?"not-allowed":"pointer","--dropdown-font-size":e.fontSize?e.fontSize:"14px"})),h=t.computed(()=>({height:`${e.arrowHeight}px`,width:`${e.arrowWidth}px`}));function S(){e.isDisabled||(d.value=!d.value)}function g(a){s.value&&!s.value.contains(a.target)&&(d.value=!1)}function b(a,p){e.isMultipleOption?n.value=-1:(n.value=p,d.value=!1),i.value=a,r("input",i.value),r("update:modelValue",i.value)}function k(){d.value=!1,r("click-ready")}return t.onMounted(()=>{document.addEventListener("click",g)}),t.onBeforeMount(()=>{document.removeEventListener("click",g)}),(a,p)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"dropDown",ref:s,class:"gsc-dropdown",style:t.normalizeStyle(f.value)},[t.createElementVNode("div",{class:"gsc-dropdown__main-container",style:t.normalizeStyle({"padding-right":`${o.arrowWidth+8}px`}),onClick:S},[t.createElementVNode("div",L,[t.renderSlot(a.$slots,"default",{selectedItem:i.value})]),t.createElementVNode("div",{class:t.normalizeClass(["gsc-dropdown__main-container__icon",{"rotated-180":d.value}]),style:t.normalizeStyle(h.value)},[(t.openBlock(),t.createElementBlock("svg",{height:o.arrowHeight,width:o.arrowWidth,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("path",{d:"M18.394 9.13501L13.1302 14.3988C12.5086 15.0204 11.4914 15.0204 10.8697 14.3988L5.60596 9.13501",stroke:o.arrowColor},null,8,j)],8,M))],6)],4),t.createVNode(t.Transition,null,{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",J,[t.createElementVNode("div",null,[t.createElementVNode("div",{class:"gsc-dropdown__items",style:t.normalizeStyle({"margin-top":`${e.borderWidth}px`})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.items,(l,m)=>(t.openBlock(),t.createElementBlock("div",null,[t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["gsc-dropdown__items__item",{selected:m===n.value}]),key:m,onClick:c=>b(l,m)},[t.renderSlot(a.$slots,"availableItem",{item:l})],10,A)),[[t.vShow,!l.isHidden]])]))),256))],4),o.isFooterVisible?(t.openBlock(),t.createElementBlock("div",G,[t.createVNode(t.unref(P),{"text-value":"Listo","border-color":"#cbee6b","font-size":"12px",width:"72px",height:"22px","border-radius":"62px","border-width":.8,onClick:k})])):t.createCommentVNode("",!0)])],512),[[t.vShow,d.value]])]),_:3})],4))}},H=o=>(t.pushScopeId("data-v-33cec719"),o=o(),t.popScopeId(),o),Z={class:"header"},X=H(()=>t.createElementVNode("h2",null,"Próximos rivales",-1)),Y={class:""},q={key:0,class:"rivals-grid"},K={key:1,class:"no-rivals"},Q=B({__name:"NextRivals",props:{teamId:{type:Number,default:392},token:{type:String,default:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MCwibmFtZSI6IlVzdWFyaW8gRnJlZSIsInVzZXJuYW1lIjoiZnJlZUBnb2xzdGF0cy5jb20iLCJlbWFpbCI6ImZyZWVAZ29sc3RhdHMuY29tIiwiaWF0IjoxNjA2NzU4Nzk1LCJleHAiOjE2MzgyOTQ3OTV9.kPNmP7yDtk38cAXrUyc7OHRh6J25VFqy-XUNzbK-4YE"},fontFamily:{type:String,default:"Poppins-Light"},logosUrl:{type:String,default:"https://golstatsimages.blob.core.windows.net/todoelfut/"},logoFileType:{type:String,default:"png"},height:{type:String,default:"40px"},width:{type:String,default:"179px"},borderRadius:{type:Number,default:8},arrowHeight:{type:Number,default:24},arrowWidth:{type:Number,default:24},borderType:{type:String,default:"solid",validator:function(o){return["solid","dotted","dashed"].includes(o)}},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"rgba(255, 255, 255, 0.2)"},backgroundColor:{type:String,default:"#0d1d29"},color:{type:String,default:"white"},arrowColor:{type:String,default:"#CBEE6B"}},emits:["click-rival"],setup(o,{emit:r}){const e=o,i=t.ref(null),s=t.ref("rivals-grid"),n=t.ref([]),d=t.ref([]),f=t.ref({});t.watch(()=>e.teamId,l=>{l&&h()},{immediate:!0});async function h(){try{const m=await(await fetch(`https://kefloixzy1.execute-api.us-west-2.amazonaws.com/prod/related-teams/${e.teamId}`,{method:"GET",headers:{Authorization:e.token}})).json();d.value=m;const c=m.map(w=>S(w.team_id)),C=await Promise.all(c);console.log("responses",C),d.value.forEach((w,tt)=>{w.rivals=C[tt]}),f.value=d.value[0],console.log("relatedTeams.value",d.value)}catch(l){console.error(l)}}async function S(l){try{return(await(await fetch(`https://ts7thxzaik.execute-api.us-west-2.amazonaws.com/prod/next-rivals/teams/${l}`,{method:"GET",headers:{Authorization:e.token}})).json()).rivals||[]}catch(m){console.error(m)}}function g(){i.value&&(s.value="rivals-grid")}function b(l){r("click-rival",l)}function k(l){console.log("onInputValue",l),f.value=l,n.value=l.rivals}function a(l){console.log("onUpdateValue",l),f.value=l,n.value=l.rivals}const p=new ResizeObserver(g);return t.onMounted(()=>{i.value&&p.observe(i.value)}),t.onUnmounted(()=>{p.disconnect()}),(l,m)=>(t.openBlock(),t.createElementBlock("div",{class:"next-rivals",ref_key:"containerRef",ref:i},[t.createElementVNode("div",Z,[X,t.createVNode(t.unref(U),t.mergeProps(e,{"model-value":f.value,items:d.value,onInput:k,"onUpdate:modelValue":a}),{default:t.withCtx(({selectedItem:c})=>[t.createElementVNode("div",Y,t.toDisplayString(c.team_name),1)]),availableItem:t.withCtx(({item:c})=>[t.createElementVNode("div",null,t.toDisplayString(c.team_name),1)]),_:1},16,["model-value","items"])]),f.value.rivals&&f.value.rivals.length?(t.openBlock(),t.createElementBlock("div",q,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.value,c=>(t.openBlock(),t.createBlock(V,{key:c.team_id,logo:`https://golstatsimages.blob.core.windows.net/teams-80/${c.team_id}.png`,name:c.team_name,rival:c,onClickRival:C=>b(c)},null,8,["logo","name","rival","onClickRival"]))),128))])):(t.openBlock(),t.createElementBlock("h2",K,t.toDisplayString(f.value.team_name)+" no tiene próximos rivales",1))],512))}},[["__scopeId","data-v-33cec719"]]);u.GSCNextRivals=Q,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+(function(u,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis<"u"?globalThis:u||self,t(u.GSCNextRivals={},u.Vue))})(this,function(u,t){"use strict";const B=(o,r)=>{const e=o.__vccOpts||o;for(const[i,s]of r)e[i]=s;return e},N=["src","alt"],I={class:"team-card__name"},V=B({__name:"GscTeamCard",props:{logo:{type:String,default:""},name:{type:String,default:""},url:{type:String,default:""},rival:{type:Object,default:()=>({})}},emits:["click-rival"],setup(o,{emit:r}){const e=o;function i(){r("click-rival",e.rival)}return(s,n)=>(t.openBlock(),t.createElementBlock("div",{class:"team-card",onClick:i},[t.createElementVNode("div",{class:"team-card__bg-image",style:t.normalizeStyle({"background-image":`url(${o.logo})`})},null,4),t.createElementVNode("img",{class:"team-card__image",src:o.logo,alt:o.name},null,8,N),t.createElementVNode("p",I,t.toDisplayString(o.name),1)]))}},[["__scopeId","data-v-8f13b2f7"]]),E=(o,r)=>{const e=o.__vccOpts||o;for(const[i,s]of r)e[i]=s;return e},y={props:{type:{type:Number,default:0},value:{type:Boolean,default:!1},textValue:String,icon:String,iconPosition:{type:String,default:"left"},iconSize:String,fontColor:{type:String,default:"#FFFFFF"},textDecoration:String,fontSize:{type:String,default:"16px"},fontSizeStat:{type:String,default:"16px"},fontStyle:String,fontFamily:{type:String,default:"Poppins-Regular"},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},borderRadius:{type:String,default:"0px"},borderType:{type:String,default:"solid"},borderWidth:{type:Number,default:0},borderWidthBtn:{type:String,default:"2px"},borderColor:String,backgroundColor:{type:String,default:"none"},activeBackgroundColor:{type:String,default:"#000000"},activeBorderWidth:{type:Number,default:2},activeBorderType:{type:String,default:"solid"},activeBorderColor:{type:String,default:"#cbee6b"},activeColorText:{type:String,default:"#FFFFFF"},cursorType:{type:String,default:"default"},typeOnOff:{type:Boolean,default:!1},textCategory:String,textStat:String,marginLeftStat:{type:String,default:"15%"}},watch:{value:{deep:!0,immediate:!0,handler(o){this.status=o}}},data(){return{status:!1}},computed:{customStyle(){return{height:this.height,width:this.width,backgroundColor:this.backgroundColor,borderRadius:this.borderRadius,border:`${this.borderType} ${this.borderWidth}px ${this.borderColor}`,color:this.fontColor,textDecoration:this.textDecoration,cursor:this.cursorType,fontSize:this.fontSize,fontStyle:this.fontStyle,fontFamily:`${this.fontFamily} !important`}},customActive(){return{backgroundColor:this.activeBackgroundColor,color:this.activeColorText,border:`${this.activeBorderType} ${this.activeBorderWidth}px ${this.activeBorderColor}`}}},methods:{btnClick(o){this.$emit("click",o),this.typeOnOff&&(this.status=!this.status,this.$emit("status",this.status))}}},_=()=>{t.useCssVars(o=>({"9d01acb4":o.height,"14e95081":o.borderWidthBtn,"38fec285":o.borderType,34353510:o.borderColor,"20d20dc6":o.borderRadius,17130967:o.width,"4ccb7d36":o.backgroundColor,"5d1e86a2":o.cursorType,ce65d4a2:o.fontSize,fe4ac47a:o.fontStyle,f98e44dc:o.fontFamily,"93b87770":o.marginLeftStat,c7f7beba:o.fontSizeStat}))},x=y.setup;y.setup=x?(o,r)=>(_(),x(o,r)):_;const z=o=>(t.pushScopeId("data-v-f3ee6b2b"),o=o(),t.popScopeId(),o),T=["src"],v={key:1,class:"text"},$=["src"],F={class:"stats"},R=z(()=>t.createElementVNode("img",{class:"iconstats",src:"https://golstatsimages.blob.core.windows.net/todoelfut/playdes.png"},null,-1)),W={class:"numstats"},O={class:"leyend"};function D(o,r,e,i,s,n){return t.openBlock(),t.createElementBlock("div",null,[e.type==0?(t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass(["button",s.status&&e.typeOnOff&&"button-active"]),style:t.normalizeStyle([n.customStyle,s.status&&e.typeOnOff&&n.customActive]),onClick:r[0]||(r[0]=(...d)=>n.btnClick&&n.btnClick(...d))},[e.icon&&e.iconPosition.toLowerCase()==="left"?(t.openBlock(),t.createElementBlock("img",{key:0,class:"icon",style:t.normalizeStyle({width:e.iconSize}),src:e.icon},null,12,T)):t.createCommentVNode("",!0),e.textValue?(t.openBlock(),t.createElementBlock("div",v,t.toDisplayString(e.textValue),1)):t.createCommentVNode("",!0),e.icon&&e.iconPosition.toLowerCase()==="right"?(t.openBlock(),t.createElementBlock("img",{key:2,class:"icon",style:t.normalizeStyle({width:e.iconSize}),src:e.icon},null,12,$)):t.createCommentVNode("",!0)],6)):t.createCommentVNode("",!0),e.type==1?(t.openBlock(),t.createElementBlock("div",{key:1,class:"button-target",onClick:r[1]||(r[1]=(...d)=>n.btnClick&&n.btnClick(...d))},[t.createElementVNode("div",F,[R,t.createElementVNode("div",W,t.toDisplayString(e.textStat),1)]),t.createElementVNode("div",O,t.toDisplayString(e.textCategory),1)])):t.createCommentVNode("",!0)])}const L=E(y,[["render",D],["__scopeId","data-v-f3ee6b2b"]]),P={class:"gsc-dropdown__main-container__item-selected"},M=["height","width"],j=["stroke"],J={key:1,width:"8",height:"4",viewBox:"0 0 8 4",fill:"none",xmlns:"http://www.w3.org/2000/svg"},A=["fill"],G={class:"gsc-dropdown__items-container"},U=["onClick"],Z={key:0,class:"gsc-dropdown__items-footer"},H={__name:"GSC-Dropdown",props:{modelValue:{type:[Object,Number,String],default:()=>null},height:{type:String,default:"fit-content"},width:{type:String,default:"fit-content"},fontSize:{type:String,default:"14px"},borderRadius:{type:Number,default:5},arrowHeight:{type:Number,default:24},arrowWidth:{type:Number,default:24},borderType:{type:String,default:"solid",validator:function(o){return["solid","dotted","dashed"].includes(o)}},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"black"},backgroundColor:{type:String,default:"grey"},color:{type:String,default:"black"},arrowColor:{type:String,default:"#CBEE6B"},items:{type:Array,default:()=>[]},defaultItemByIndex:{type:Number,default:0},defaultItemByProp:{type:Object,default:null,validator:o=>["propName","value"].every(r=>r in o)},listBackgroundColor:{type:String,default:"white"},hoverBackgroundColor:{type:String,default:"#f1f1f1"},listMarginTop:{type:String,default:"0"},listContainerPadding:{type:String,default:"0"},listItemPadding:{type:String,default:"10px 12px"},listItemMargin:{type:String,default:"0"},listHeight:{type:String,default:"fit-content"},listItemSelectedColor:{type:String,default:"white"},listItemSelectedBackgroundColor:{type:String,default:"#399cfd"},listItemColor:{type:String,default:"black"},listBorderRadius:{type:String,default:"0"},listBorderColor:{type:String,default:""},listBorderWidth:{type:Number,default:1},listItemBorderRadius:{type:String,default:"0"},listAlignment:{type:String,default:"left"},isListSameWidth:{type:Boolean,default:!1},isMultipleOption:{type:Boolean,default:!1},footerBorderColor:{type:String,default:"#626970"},footerBorderWidth:{type:Number,default:1},isFooterVisible:{type:Boolean,default:!1},isDisabled:{type:Boolean,default:!1},onlyFirstTime:{type:Boolean,default:!1},iconType:{type:Number,default:1,validator:function(o){return[1,2].includes(o)}}},emits:["input","click-ready","update:modelValue"],setup(o,{emit:r}){const e=o,i=t.ref({}),s=t.ref(null),n=t.ref(e.isMultipleOption?-1:0),d=t.ref(!1);t.watch(()=>e.items,(a,p)=>{if(!e.modelValue&&(!e.onlyFirstTime||!p||!p.length)&&a&&a.length){if(e.defaultItemByProp){const l=e.items.findIndex(m=>m[e.defaultItemByProp.propName]===e.defaultItemByProp.value);l!==-1?(n.value=l,i.value=a[l]):(n.value=0,i.value=a[0])}else i.value=a[e.defaultItemByIndex];r("input",i.value)}},{immediate:!0}),t.watch(()=>e.modelValue,a=>{if(a){const p=e.items.findIndex(l=>typeof a=="object"?JSON.stringify(l)===JSON.stringify(a):l===a);p!==-1&&(n.value=p,i.value=e.items[p],r("update:modelValue",i.value))}},{immediate:!0});const f=t.computed(()=>({height:e.height,width:e.width,backgroundColor:e.backgroundColor,borderRadius:`${e.borderRadius}px`,border:`${e.borderType} ${e.borderWidth}px ${e.borderColor}`,color:e.color,"--hover-background-color":e.hoverBackgroundColor,"--list-container-padding":e.listContainerPadding,"--list-item-padding":e.listItemPadding,"--list-item-margin":e.listItemMargin,"--list-background-color":e.listBackgroundColor,"--list-height":e.listHeight,"--list-item-border-radius":e.listItemBorderRadius,"--list-item-selected-color":e.listItemSelectedColor,"--list-item-selected-background-color":e.listItemSelectedBackgroundColor,"--list-item-color":e.listItemColor,"--list-border-radius":`${e.listBorderRadius}`,"--list-border-color":e.listBorderColor,"--list-width":e.isListSameWidth?e.width:"fit-content","--list-border-width":`${e.listBorderWidth}px`,"--list-margin-top":e.listMarginTop,"--list-left":e.listAlignment==="left"?"0":"auto","--list-right":e.listAlignment==="right"?"0":"auto","--footer-border":`${e.footerBorderWidth}px solid ${e.footerBorderColor}`,"--dropdown-opacity":e.isDisabled?"0.5":"1","--dropdown-cursor":e.isDisabled?"not-allowed":"pointer","--dropdown-font-size":e.fontSize?e.fontSize:"14px"})),h=t.computed(()=>({height:`${e.arrowHeight}px`,width:`${e.arrowWidth}px`}));function S(){e.isDisabled||(d.value=!d.value)}function g(a){s.value&&!s.value.contains(a.target)&&(d.value=!1)}function b(a,p){e.isMultipleOption?n.value=-1:(n.value=p,d.value=!1),i.value=a,r("input",i.value),r("update:modelValue",i.value)}function k(){d.value=!1,r("click-ready")}return t.onMounted(()=>{document.addEventListener("click",g)}),t.onBeforeMount(()=>{document.removeEventListener("click",g)}),(a,p)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"dropDown",ref:s,class:"gsc-dropdown",style:t.normalizeStyle(f.value)},[t.createElementVNode("div",{class:"gsc-dropdown__main-container",style:t.normalizeStyle({"padding-right":`${o.arrowWidth+8}px`}),onClick:S},[t.createElementVNode("div",P,[t.renderSlot(a.$slots,"default",{selectedItem:i.value})]),t.createElementVNode("div",{class:t.normalizeClass(["gsc-dropdown__main-container__icon",{"rotated-180":d.value}]),style:t.normalizeStyle(h.value)},[o.iconType===1?(t.openBlock(),t.createElementBlock("svg",{key:0,height:o.arrowHeight,width:o.arrowWidth,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[t.createElementVNode("path",{d:"M18.394 9.13501L13.1302 14.3988C12.5086 15.0204 11.4914 15.0204 10.8697 14.3988L5.60596 9.13501",stroke:o.arrowColor},null,8,j)],8,M)):(t.openBlock(),t.createElementBlock("svg",J,[t.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M4 2.62045L6.86193 0.167368C7.12228 -0.0557892 7.54439 -0.0557892 7.80474 0.167368C8.06509 0.390524 8.06509 0.752333 7.80474 0.97549L4.4714 3.83263C4.21105 4.05579 3.78895 4.05579 3.5286 3.83263L0.195262 0.97549C-0.0650874 0.752333 -0.0650874 0.390524 0.195262 0.167368C0.455612 -0.0557892 0.877722 -0.0557892 1.13807 0.167368L4 2.62045Z",fill:o.arrowColor},null,8,A)]))],6)],4),t.createVNode(t.Transition,null,{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",G,[t.createElementVNode("div",null,[t.createElementVNode("div",{class:"gsc-dropdown__items",style:t.normalizeStyle({"margin-top":`${e.borderWidth}px`})},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(o.items,(l,m)=>(t.openBlock(),t.createElementBlock("div",null,[t.withDirectives((t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["gsc-dropdown__items__item",{selected:m===n.value}]),key:m,onClick:c=>b(l,m)},[t.renderSlot(a.$slots,"availableItem",{item:l})],10,U)),[[t.vShow,!l.isHidden]])]))),256))],4),o.isFooterVisible?(t.openBlock(),t.createElementBlock("div",Z,[t.createVNode(t.unref(L),{"text-value":"Listo","border-color":"#cbee6b","font-size":"12px",width:"72px",height:"22px","border-radius":"62px","border-width":.8,onClick:k})])):t.createCommentVNode("",!0)])],512),[[t.vShow,d.value]])]),_:3})],4))}},X=o=>(t.pushScopeId("data-v-41c274d8"),o=o(),t.popScopeId(),o),Y={class:"header"},q=X(()=>t.createElementVNode("h2",null,"Próximos rivales",-1)),K={class:""},Q={key:0,class:"rivals-grid"},tt={key:1,class:"no-rivals-text-container"},et={class:"no-rivals"},ot=B({__name:"NextRivals",props:{teamId:{type:Number,default:392},token:{type:String,default:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MCwibmFtZSI6IlVzdWFyaW8gRnJlZSIsInVzZXJuYW1lIjoiZnJlZUBnb2xzdGF0cy5jb20iLCJlbWFpbCI6ImZyZWVAZ29sc3RhdHMuY29tIiwiaWF0IjoxNjA2NzU4Nzk1LCJleHAiOjE2MzgyOTQ3OTV9.kPNmP7yDtk38cAXrUyc7OHRh6J25VFqy-XUNzbK-4YE"},fontFamily:{type:String,default:"Poppins-Light"},logosUrl:{type:String,default:"https://golstatsimages.blob.core.windows.net/todoelfut/"},logoFileType:{type:String,default:"png"},height:{type:String,default:"40px"},width:{type:String,default:"179px"},borderRadius:{type:Number,default:8},arrowHeight:{type:Number,default:24},arrowWidth:{type:Number,default:24},borderType:{type:String,default:"solid",validator:function(o){return["solid","dotted","dashed"].includes(o)}},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"rgba(255, 255, 255, 0.2)"},backgroundColor:{type:String,default:"#0d1d29"},color:{type:String,default:"white"},arrowColor:{type:String,default:"#CBEE6B"}},emits:["click-rival"],setup(o,{emit:r}){const e=o,i=t.ref(null),s=t.ref("rivals-grid"),n=t.ref([]),d=t.ref([]),f=t.ref({});t.watch(()=>e.teamId,l=>{l&&h()},{immediate:!0});async function h(){try{const m=await(await fetch(`https://kefloixzy1.execute-api.us-west-2.amazonaws.com/prod/related-teams/${e.teamId}`,{method:"GET",headers:{Authorization:e.token}})).json();d.value=m;const c=m.map(w=>S(w.team_id)),C=await Promise.all(c);console.log("responses",C),d.value.forEach((w,lt)=>{w.rivals=C[lt]}),f.value=d.value[0],console.log("relatedTeams.value",d.value)}catch(l){console.error(l)}}async function S(l){try{return(await(await fetch(`https://ts7thxzaik.execute-api.us-west-2.amazonaws.com/prod/next-rivals/teams/${l}`,{method:"GET",headers:{Authorization:e.token}})).json()).rivals||[]}catch(m){console.error(m)}}function g(){i.value&&(s.value="rivals-grid")}function b(l){r("click-rival",l)}function k(l){console.log("onInputValue",l),f.value=l,n.value=l.rivals}function a(l){console.log("onUpdateValue",l),f.value=l,n.value=l.rivals}const p=new ResizeObserver(g);return t.onMounted(()=>{i.value&&p.observe(i.value)}),t.onUnmounted(()=>{p.disconnect()}),(l,m)=>(t.openBlock(),t.createElementBlock("div",{class:"next-rivals",ref_key:"containerRef",ref:i},[t.createElementVNode("div",Y,[q,t.createVNode(t.unref(H),t.mergeProps(e,{"model-value":f.value,items:d.value,onInput:k,"onUpdate:modelValue":a}),{default:t.withCtx(({selectedItem:c})=>[t.createElementVNode("div",K,t.toDisplayString(c.team_name),1)]),availableItem:t.withCtx(({item:c})=>[t.createElementVNode("div",null,t.toDisplayString(c.team_name),1)]),_:1},16,["model-value","items"])]),f.value.rivals&&f.value.rivals.length?(t.openBlock(),t.createElementBlock("div",Q,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.value,c=>(t.openBlock(),t.createBlock(V,{key:c.team_id,logo:`https://golstatsimages.blob.core.windows.net/teams-80/${c.team_id}.png`,name:c.team_name,rival:c,onClickRival:C=>b(c)},null,8,["logo","name","rival","onClickRival"]))),128))])):(t.openBlock(),t.createElementBlock("div",tt,[t.createElementVNode("h2",et,t.toDisplayString(f.value.team_name)+" no tiene partidos programados por el momento",1)]))],512))}},[["__scopeId","data-v-41c274d8"]]);u.GSCNextRivals=ot,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-.team-card[data-v-8f13b2f7]{width:100%;cursor:pointer;height:8.5rem;background:linear-gradient(180deg,#183143,#18314300);background:#193646;font-family:Poppins-Regular;font-style:normal;border-radius:.25rem;display:flex;align-items:center;flex-flow:column;justify-content:center;position:relative;overflow:hidden}.team-card__bg-image[data-v-8f13b2f7]{display:block;position:absolute;left:-50%;top:0;width:100%;height:100%;opacity:.04;background-repeat:no-repeat;background-position:0 50%;background-size:cover}.team-card__name[data-v-8f13b2f7]{color:#fff;text-align:center;font-size:.75rem;margin:0;font-family:inherit;font-weight:400;line-height:.9375rem}.team-card__image[data-v-8f13b2f7]{width:4.75rem;height:76;margin-bottom:1.125rem}.team-card[data-v-8f13b2f7]:hover{opacity:.6}.button[data-v-f3ee6b2b],.button-active[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important}.button-target[data-v-f3ee6b2b]{display:inline-block;overflow:hidden;height:var(--9d01acb4);border-width:var(--14e95081)!important;border-style:var(--38fec285)!important;border-color:var(--34353510)!important;border-radius:var(--20d20dc6)!important;width:var(--17130967);background-color:var(--4ccb7d36);justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important;cursor:var(--5d1e86a2)!important;font-size:var(--ce65d4a2)!important;font-style:var(--fe4ac47a)!important;font-family:var(--f98e44dc)!important}.stats[data-v-f3ee6b2b]{display:inline-flex;width:100%;padding-top:5px;justify-content:left;align-items:center;align-content:center;height:60%}.iconstats[data-v-f3ee6b2b]{width:14px;height:14px;margin-left:var(--93b87770)}.numstats[data-v-f3ee6b2b]{font-family:Poppins-SemiBold;color:#fff;font-size:var(--c7f7beba);margin-left:7px}.leyend[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-items:center;align-content:center;font-family:Poppins-Regular;color:#a0a3a5;width:100%;height:15%}.text[data-v-f3ee6b2b],.icon[data-v-f3ee6b2b]{padding:0 4px}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.rotated-180{transform:rotate(180deg)}.gsc-dropdown{position:relative;display:inline-block;font-size:var(--dropdown-font-size);cursor:var(--dropdown-cursor);opacity:var(--dropdown-opacity)}.gsc-dropdown__main-container{height:100%;width:100%;display:flex;align-items:center}.gsc-dropdown__main-container__icon{position:absolute;right:6px;transition:transform .3s ease}.gsc-dropdown__main-container__item-selected{width:100%;padding:0 .5em}.gsc-dropdown__items-container{background-color:var(--list-background-color);border-radius:var(--list-border-radius);border:var(--list-border-width) solid var(--list-border-color);margin-top:var(--list-margin-top);display:block;position:absolute;left:var(--list-left);right:var(--list-right);width:var(--list-width);padding:var(--list-container-padding);box-shadow:0 8px 16px #0003;z-index:300}.gsc-dropdown__items-container>div{width:100%;height:fit-content;display:flex;flex-direction:column}.gsc-dropdown__items{max-height:var(--list-height);height:fit-content;width:var(--list-width);overflow:auto}.gsc-dropdown__items__item{white-space:nowrap;color:var(--list-item-color);padding:var(--list-item-padding);margin:var(--list-item-margin);border-radius:var(--list-item-border-radius)!important;text-decoration:none;display:block}.gsc-dropdown__items__item.selected{color:var(--list-item-selected-color);background-color:var(--list-item-selected-background-color)}.gsc-dropdown__items__item:not(.selected):hover{cursor:pointer;background-color:var(--hover-background-color)}.gsc-dropdown__items__item:first-child{border-top-left-radius:var(--list-border-radius);border-top-right-radius:var(--list-border-radius)}.gsc-dropdown__items-footer{height:50px;width:100%;display:flex;justify-content:center;align-items:center;border-top:var(--footer-border)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{border-radius:2.5px}::-webkit-scrollbar-thumb{background:#92929d;width:3px}::-webkit-scrollbar-thumb:hover{background:#92929d}@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")}@font-face{font-family:BebasNeueBook;src:url(/fonts/BebasNeue-Book.woff2) format("woff2")}@font-face{font-family:BebasNeueLight;src:url(/fonts/BebasNeue-Light.woff2) format("woff2")}@font-face{font-family:BebasNeueRegular;src:url(/fonts/BebasNeue-Regular.woff2) format("woff2")}@font-face{font-family:BebasNeueThin;src:url(/fonts/BebasNeue-Thin.woff2) format("woff2")}.next-rivals[data-v-33cec719]{border-radius:8px;padding:20px;color:#fff}.header[data-v-33cec719]{display:flex;justify-content:space-between;align-items:center}h2[data-v-33cec719]{font-family:Poppins-Medium;font-size:22px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#fff}.rivals-grid[data-v-33cec719]{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;justify-content:center}.rival-card[data-v-33cec719]{background-color:#0003;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .2s;width:100%;min-width:150px;max-width:200px;margin:0 auto}.rival-card[data-v-33cec719]:hover{transform:translateY(-2px)}.rival-logo[data-v-33cec719]{width:80px;height:80px;object-fit:contain}.rival-name[data-v-33cec719]{font-size:1.1rem;font-weight:500}
+.team-card[data-v-8f13b2f7]{width:100%;cursor:pointer;height:8.5rem;background:linear-gradient(180deg,#183143,#18314300);background:#193646;font-family:Poppins-Regular;font-style:normal;border-radius:.25rem;display:flex;align-items:center;flex-flow:column;justify-content:center;position:relative;overflow:hidden}.team-card__bg-image[data-v-8f13b2f7]{display:block;position:absolute;left:-50%;top:0;width:100%;height:100%;opacity:.04;background-repeat:no-repeat;background-position:0 50%;background-size:cover}.team-card__name[data-v-8f13b2f7]{color:#fff;text-align:center;font-size:.75rem;margin:0;font-family:inherit;font-weight:400;line-height:.9375rem}.team-card__image[data-v-8f13b2f7]{width:4.75rem;height:76;margin-bottom:1.125rem}.team-card[data-v-8f13b2f7]:hover{opacity:.6}.button[data-v-f3ee6b2b],.button-active[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important}.button-target[data-v-f3ee6b2b]{display:inline-block;overflow:hidden;height:var(--9d01acb4);border-width:var(--14e95081)!important;border-style:var(--38fec285)!important;border-color:var(--34353510)!important;border-radius:var(--20d20dc6)!important;width:var(--17130967);background-color:var(--4ccb7d36);justify-content:center;align-content:center;align-items:center;overflow:none;cursor:pointer!important;cursor:var(--5d1e86a2)!important;font-size:var(--ce65d4a2)!important;font-style:var(--fe4ac47a)!important;font-family:var(--f98e44dc)!important}.stats[data-v-f3ee6b2b]{display:inline-flex;width:100%;padding-top:5px;justify-content:left;align-items:center;align-content:center;height:60%}.iconstats[data-v-f3ee6b2b]{width:14px;height:14px;margin-left:var(--93b87770)}.numstats[data-v-f3ee6b2b]{font-family:Poppins-SemiBold;color:#fff;font-size:var(--c7f7beba);margin-left:7px}.leyend[data-v-f3ee6b2b]{display:inline-flex;justify-content:center;align-items:center;align-content:center;font-family:Poppins-Regular;color:#a0a3a5;width:100%;height:15%}.text[data-v-f3ee6b2b],.icon[data-v-f3ee6b2b]{padding:0 4px}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}.rotated-180{transform:rotate(180deg)}.gsc-dropdown{position:relative;display:inline-block;font-size:var(--dropdown-font-size);cursor:var(--dropdown-cursor);opacity:var(--dropdown-opacity)}.gsc-dropdown__main-container{height:100%;width:100%;display:flex;align-items:center}.gsc-dropdown__main-container__icon{position:absolute;right:6px;transition:transform .3s ease}.gsc-dropdown__main-container__item-selected{width:100%;padding:0 .5em}.gsc-dropdown__items-container{background-color:var(--list-background-color);border-radius:var(--list-border-radius);border:var(--list-border-width) solid var(--list-border-color);margin-top:var(--list-margin-top);display:block;position:absolute;left:var(--list-left);right:var(--list-right);width:var(--list-width);padding:var(--list-container-padding);box-shadow:0 8px 16px #0003;z-index:300}.gsc-dropdown__items-container>div{width:100%;height:fit-content;display:flex;flex-direction:column}.gsc-dropdown__items{max-height:var(--list-height);height:fit-content;width:var(--list-width);overflow:auto}.gsc-dropdown__items__item{white-space:nowrap;color:var(--list-item-color);padding:var(--list-item-padding);margin:var(--list-item-margin);border-radius:var(--list-item-border-radius)!important;text-decoration:none;display:block}.gsc-dropdown__items__item.selected{color:var(--list-item-selected-color);background-color:var(--list-item-selected-background-color)}.gsc-dropdown__items__item:not(.selected):hover{cursor:pointer;background-color:var(--hover-background-color)}.gsc-dropdown__items__item:first-child{border-top-left-radius:var(--list-border-radius);border-top-right-radius:var(--list-border-radius)}.gsc-dropdown__items-footer{height:50px;width:100%;display:flex;justify-content:center;align-items:center;border-top:var(--footer-border)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{border-radius:2.5px}::-webkit-scrollbar-thumb{background:#92929d;width:3px}::-webkit-scrollbar-thumb:hover{background:#92929d}@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")}@font-face{font-family:BebasNeueBook;src:url(/fonts/BebasNeue-Book.woff2) format("woff2")}@font-face{font-family:BebasNeueLight;src:url(/fonts/BebasNeue-Light.woff2) format("woff2")}@font-face{font-family:BebasNeueRegular;src:url(/fonts/BebasNeue-Regular.woff2) format("woff2")}@font-face{font-family:BebasNeueThin;src:url(/fonts/BebasNeue-Thin.woff2) format("woff2")}.next-rivals[data-v-41c274d8]{border-radius:8px;padding:20px;color:#fff}.header[data-v-41c274d8]{display:flex;justify-content:space-between;align-items:center}h2[data-v-41c274d8]{font-family:Poppins-Medium;font-size:22px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#fff}@media (max-width: 600px){h2[data-v-41c274d8]{font-size:19px}}@media (max-width: 389px){h2[data-v-41c274d8]{width:100%}}.rivals-grid[data-v-41c274d8]{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;justify-content:center}.rival-card[data-v-41c274d8]{background-color:#0003;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .2s;width:100%;min-width:150px;max-width:200px;margin:0 auto}.rival-card[data-v-41c274d8]:hover{transform:translateY(-2px)}.rival-logo[data-v-41c274d8]{width:80px;height:80px;object-fit:contain}.rival-name[data-v-41c274d8]{font-size:1.1rem;font-weight:500}.no-rivals-text-container[data-v-41c274d8]{height:319px;align-self:stretch;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:10px;border-radius:9px;border:dashed 1px rgba(255,255,255,.2)}.no-rivals[data-v-41c274d8]{opacity:.7;font-family:Poppins-Light;font-size:11px;letter-spacing:.2px;text-align:center;color:#fff}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-next-rivals",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "files": [
     "dist"
@@ -22,7 +22,7 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@golstats/gsc-dropdown": "^1.0.15",
+    "@golstats/gsc-dropdown": "^1.0.16",
     "vue": "3.3.4"
   },
   "devDependencies": {