@golstats/gsc-next-rivals 1.0.0

package/README.md

@@ -0,0 +1,2 @@
+# gsc-next-rivals
+Seccion de selecciones para mostrar proximo rivales a jugar 

package/dist/css/fonts.css

@@ -0,0 +1,127 @@
+@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: '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-next-rivals.css

@@ -0,0 +1 @@
+.team-card[data-v-95d1f882]{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-95d1f882]{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-95d1f882]{color:#fff;text-align:center;font-size:.75rem;margin:0;font-family:inherit;font-weight:400;line-height:.9375rem}.team-card__image[data-v-95d1f882]{width:4.75rem;height:76;margin-bottom:1.125rem}.team-card[data-v-95d1f882]:hover{opacity:.6}@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-462ea567]{border-radius:8px;padding:20px;color:#fff}h2[data-v-462ea567]{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-462ea567]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;justify-content:center}.rival-card[data-v-462ea567]{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-462ea567]:hover{transform:translateY(-2px)}.rival-logo[data-v-462ea567]{width:80px;height:80px;object-fit:contain}.rival-name[data-v-462ea567]{font-size:1.1rem;font-weight:500}

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

@@ -0,0 +1,108 @@
+import { createElementBlock as i, openBlock as m, createElementVNode as s, normalizeStyle as u, toDisplayString as v, ref as g, onMounted as _, onUnmounted as b, Fragment as f, renderList as w, createVNode as h, defineAsyncComponent as S } from "vue";
+const p = (t, o) => {
+  const e = t.__vccOpts || t;
+  for (const [n, l] of o)
+    e[n] = l;
+  return e;
+}, y = { class: "team-card" }, C = ["src", "alt"], k = { class: "team-card__name" }, x = {
+  __name: "GscTeamCard",
+  props: {
+    logo: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    url: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(t) {
+    return (o, e) => (m(), i("div", y, [
+      s("div", {
+        class: "team-card__bg-image",
+        style: u({ "background-image": `url(${t.logo})` })
+      }, null, 4),
+      s("img", {
+        class: "team-card__image",
+        src: t.logo,
+        alt: t.name
+      }, null, 8, C),
+      s("p", k, v(t.name), 1)
+    ]));
+  }
+}, A = /* @__PURE__ */ p(x, [["__scopeId", "data-v-95d1f882"]]), U = { class: "rivals-grid" }, R = {
+  __name: "NextRivals",
+  setup(t) {
+    const o = [
+      {
+        name: "Canada",
+        logo: "https://golstatsimages.blob.core.windows.net/teams-80/408.png",
+        id: 1
+      },
+      {
+        name: "Panama",
+        logo: "https://golstatsimages.blob.core.windows.net/teams-80/478.png",
+        id: 1
+      },
+      {
+        name: "USA",
+        logo: "https://golstatsimages.blob.core.windows.net/teams-80/730.png",
+        id: 1
+      },
+      {
+        name: "USA",
+        logo: "https://golstatsimages.blob.core.windows.net/teams-80/733.png",
+        id: 1
+      },
+      {
+        name: "USA",
+        logo: "https://golstatsimages.blob.core.windows.net/teams-80/735.png",
+        id: 1
+      },
+      {
+        name: "USA",
+        logo: "https://golstatsimages.blob.core.windows.net/teams-80/434.png",
+        id: 1
+      },
+      {
+        name: "USA",
+        logo: "https://golstatsimages.blob.core.windows.net/teams-80/724.png",
+        id: 1
+      },
+      {
+        name: "USA",
+        logo: "https://golstatsimages.blob.core.windows.net/teams-80/473.png",
+        id: 1
+      }
+    ], e = g(null), n = g("rivals-grid"), l = () => {
+      e.value && (e.value.offsetWidth, n.value = "rivals-grid");
+    }, d = new ResizeObserver(l);
+    return _(() => {
+      e.value && d.observe(e.value);
+    }), b(() => {
+      d.disconnect();
+    }), (c, a) => (m(), i("div", {
+      class: "next-rivals",
+      ref_key: "containerRef",
+      ref: e
+    }, [
+      a[1] || (a[1] = s("h2", null, "Próximos rivales", -1)),
+      s("div", U, [
+        (m(), i(f, null, w(o, (r) => h(A, {
+          key: r.name,
+          logo: r.logo,
+          name: r.name,
+          onClick: a[0] || (a[0] = (G) => c.onClickTeamCard(c.team.id))
+        }, null, 8, ["logo", "name"])), 64))
+      ])
+    ], 512));
+  }
+}, N = /* @__PURE__ */ p(R, [["__scopeId", "data-v-462ea567"]]), z = /* @__PURE__ */ S(() => Promise.resolve(N));
+export {
+  z as GSCNextRivals,
+  N as default
+};

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

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.GSCNextRivals={},n.Vue))})(this,function(n,e){"use strict";const d=(o,s)=>{const t=o.__vccOpts||o;for(const[l,i]of s)t[l]=i;return t},p={class:"team-card"},f=["src","alt"],_={class:"team-card__name"},u=d({__name:"GscTeamCard",props:{logo:{type:String,default:""},name:{type:String,default:""},url:{type:String,default:""}},setup(o){return(s,t)=>(e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("div",{class:"team-card__bg-image",style:e.normalizeStyle({"background-image":`url(${o.logo})`})},null,4),e.createElementVNode("img",{class:"team-card__image",src:o.logo,alt:o.name},null,8,f),e.createElementVNode("p",_,e.toDisplayString(o.name),1)]))}},[["__scopeId","data-v-95d1f882"]]),b={class:"rivals-grid"},c=d({__name:"NextRivals",setup(o){const s=[{name:"Canada",logo:"https://golstatsimages.blob.core.windows.net/teams-80/408.png",id:1},{name:"Panama",logo:"https://golstatsimages.blob.core.windows.net/teams-80/478.png",id:1},{name:"USA",logo:"https://golstatsimages.blob.core.windows.net/teams-80/730.png",id:1},{name:"USA",logo:"https://golstatsimages.blob.core.windows.net/teams-80/733.png",id:1},{name:"USA",logo:"https://golstatsimages.blob.core.windows.net/teams-80/735.png",id:1},{name:"USA",logo:"https://golstatsimages.blob.core.windows.net/teams-80/434.png",id:1},{name:"USA",logo:"https://golstatsimages.blob.core.windows.net/teams-80/724.png",id:1},{name:"USA",logo:"https://golstatsimages.blob.core.windows.net/teams-80/473.png",id:1}],t=e.ref(null),l=e.ref("rivals-grid"),i=()=>{t.value&&(t.value.offsetWidth,l.value="rivals-grid")},m=new ResizeObserver(i);return e.onMounted(()=>{t.value&&m.observe(t.value)}),e.onUnmounted(()=>{m.disconnect()}),(g,a)=>(e.openBlock(),e.createElementBlock("div",{class:"next-rivals",ref_key:"containerRef",ref:t},[a[1]||(a[1]=e.createElementVNode("h2",null,"Próximos rivales",-1)),e.createElementVNode("div",b,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(s,r=>e.createVNode(u,{key:r.name,logo:r.logo,name:r.name,onClick:a[0]||(a[0]=y=>g.onClickTeamCard(g.team.id))},null,8,["logo","name"])),64))])],512))}},[["__scopeId","data-v-462ea567"]]),w=e.defineAsyncComponent(()=>Promise.resolve(c));n.GSCNextRivals=w,n.default=c,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@golstats/gsc-next-rivals",
+  "version": "1.0.0",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/gsc-next-rivals.umd.js",
+  "module": "./dist/gsc-next-rivals.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/gsc-next-rivals.es.js",
+      "require": "./dist/gsc-next-rivals.umd.js"
+    },
+    "./dist/style.css": "./dist/style.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint . --fix",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "vue": "^3.5.13"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.20.0",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "eslint": "^9.20.1",
+    "eslint-plugin-vue": "^9.32.0",
+    "prettier": "^3.5.1",
+    "sass-embedded": "^1.85.0",
+    "vite": "^6.1.0",
+    "vite-plugin-vue-devtools": "^7.7.2"
+  }
+}