@mjsz-vbr-elements/shared 2.2.6 → 2.3.0

package/dist/css/cards.css

@@ -34,6 +34,15 @@
   border-bottom: 1px solid var(--vbr-widget-primary-color-100);
 }
 
+.mjsz-vbr-card-item.is-optional {
+    opacity: 0.4;
+    transition: opacity 0.3s ease-out;
+  }
+
+.mjsz-vbr-card-item.is-optional:hover {
+    opacity: 1;
+  }
+
 .mjsz-vbr-card-item svg {
     display: block;
   }

package/dist/css/playoffs.css

@@ -1,6 +1,6 @@
 .mjsz-vbr-playoffs .mjsz-vbr-table-grid {
     display: grid;
-    grid-template-columns: 60px 150px minmax(60px, 0.41fr) minmax(160px, 1fr) minmax(40px, 60px) 70px minmax(160px, 1fr) minmax(
+    grid-template-columns: 60px 160px minmax(60px, 0.41fr) minmax(160px, 1fr) minmax(40px, 60px) 70px minmax(160px, 1fr) minmax(
         180px,
         0.9fr
       );
@@ -11,6 +11,10 @@
       background-color: var(--vbr-widget-table-stripped-bg-color);
     }
 
+    .mjsz-vbr-playoffs .mjsz-vbr-table-grid.is-optional {
+      opacity: 0.5;
+    }
+
     .mjsz-vbr-playoffs .mjsz-vbr-table-grid > div {
       padding: 8px;
     }
@@ -57,16 +61,22 @@
     .mjsz-vbr-playoffs .mjsz-vbr-table-grid .label:not(:last-of-type) {
         margin-right: 3px;
       }
-  /* table-layout: fixed; */
-  .mjsz-vbr-playoffs .mjsz-vbr-table table,
-    .mjsz-vbr-playoffs .mjsz-vbr-table th,
-    .mjsz-vbr-playoffs .mjsz-vbr-table td {
-      border-collapse: collapse;
-    }
-  @media (max-width: 600px) {
-  .mjsz-vbr-playoffs .mjsz-vbr-table {
-      table-layout: auto
-  }
+
+    .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-long {
+      display: block;
+    }
+
+    .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-short {
+      display: none;
+    }
+
+    @container table-wrapper (max-width: 768px) {
+      .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-long {
+        display: none;
+      }
+      .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-short {
+        display: block;
+      }
     }
   .mjsz-vbr-playoffs .mjsz-vbr-section-title {
     padding: 10px;
@@ -90,6 +100,20 @@
       grid-template-columns: 1fr fit-content(100px) fit-content(100px) fit-content(100px) 1fr;
   }
   }
+  .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-long {
+      display: block;
+    }
+  .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-short {
+      display: none;
+    }
+  @container section-details (max-width: 768px) {
+      .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-long {
+        display: none;
+      }
+      .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-short {
+        display: block;
+      }
+    }
   .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-logo-image {
       width: 70px;
       height: 70px;

package/dist/icons/IconArrowDown.js

@@ -9,7 +9,7 @@ const n = {
   r
 ];
 function l(s, a) {
-  return e(), o("svg", n, c);
+  return e(), o("svg", n, [...c]);
 }
 const _ = { render: l };
 export {

package/dist/icons/IconArrowUp.js

@@ -9,7 +9,7 @@ const r = {
   n
 ];
 function l(s, d) {
-  return e(), o("svg", r, c);
+  return e(), o("svg", r, [...c]);
 }
 const i = { render: l };
 export {

package/dist/icons/IconBroadcast.js

@@ -30,7 +30,7 @@ const n = {
   c
 ];
 function i(d, _) {
-  return o(), t("svg", n, l);
+  return o(), t("svg", n, [...l]);
 }
 const x = { render: i };
 export {

package/dist/icons/IconHockeyPuck.js

@@ -10,7 +10,7 @@ const o = {
   n
 ];
 function s(a, l) {
-  return c(), e("svg", o, r);
+  return c(), e("svg", o, [...r]);
 }
 const i = { render: s };
 export {

package/dist/icons/IconLeft.js

@@ -11,7 +11,7 @@ const n = {
   r
 ];
 function c(l, i) {
-  return e(), o("svg", n, s);
+  return e(), o("svg", n, [...s]);
 }
 const _ = { render: c };
 export {

package/dist/icons/IconMore.js

@@ -25,7 +25,7 @@ const t = {
   l
 ];
 function i(d, _) {
-  return o(), c("svg", t, s);
+  return o(), c("svg", t, [...s]);
 }
 const h = { render: i };
 export {

package/dist/icons/IconRight.js

@@ -11,7 +11,7 @@ const n = {
   r
 ];
 function c(l, i) {
-  return e(), o("svg", n, s);
+  return e(), o("svg", n, [...s]);
 }
 const _ = { render: c };
 export {

package/dist/icons/IconSheet.js

@@ -19,7 +19,7 @@ const n = {
   c
 ];
 function l(h, i) {
-  return t(), o("svg", n, s);
+  return t(), o("svg", n, [...s]);
 }
 const a = { render: l };
 export {

package/dist/icons/IconSort.js

@@ -15,7 +15,7 @@ const c = {
   r
 ];
 function a(s, l) {
-  return e(), t("svg", c, n);
+  return e(), t("svg", c, [...n]);
 }
 const d = { render: a };
 export {

package/dist/icons/IconSortAsc.js

@@ -15,7 +15,7 @@ const n = {
   r
 ];
 function s(a, l) {
-  return e(), o("svg", n, c);
+  return e(), o("svg", n, [...c]);
 }
 const i = { render: s };
 export {

package/dist/icons/IconSortDesc.js

@@ -15,7 +15,7 @@ const r = {
   c
 ];
 function s(a, l) {
-  return e(), t("svg", r, n);
+  return e(), t("svg", r, [...n]);
 }
 const d = { render: s };
 export {

package/dist/icons/IconStar.js

@@ -14,7 +14,7 @@ const l = {
   r
 ];
 function s(d, i) {
-  return e(), o("svg", l, c);
+  return e(), o("svg", l, [...c]);
 }
 const a = { render: s };
 export {

package/dist/icons/IconTimer.js

@@ -10,7 +10,7 @@ const c = {
   n
 ];
 function a(h, l) {
-  return e(), t("svg", c, r);
+  return e(), t("svg", c, [...r]);
 }
 const d = { render: a };
 export {

package/dist/icons/IconWarning.js

@@ -23,7 +23,7 @@ const t = {
   s
 ];
 function i(d, _) {
-  return o(), n("svg", t, c);
+  return o(), n("svg", t, [...c]);
 }
 const h = { render: i };
 export {

package/dist/icons/IconWhistle.js

@@ -6,7 +6,7 @@ const n = { viewBox: "0 0 24 24" }, c = /* @__PURE__ */ o("path", {
   c
 ];
 function l(h, s) {
-  return e(), t("svg", n, r);
+  return e(), t("svg", n, [...r]);
 }
 const d = { render: l };
 export {

package/dist/icons/IconYoutube.js

@@ -12,7 +12,7 @@ const n = {
   s
 ];
 function l(i, d) {
-  return e(), t("svg", n, c);
+  return e(), t("svg", n, [...c]);
 }
 const u = { render: l };
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mjsz-vbr-elements/shared",
   "private": false,
-  "version": "2.2.6",
+  "version": "2.3.0",
   "author": "Ákos Stegner <akos.stegner@gmail.com>",
   "homepage": "https://api.icehockey.hu/widgets/docs/v2/",
   "type": "module",
@@ -22,16 +22,16 @@
     }
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.0.2",
-    "glob": "^10.2.6",
-    "nodemon": "^3.0.2",
-    "postcss": "^8.4.31",
-    "postcss-import": "^15.1.0",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "glob": "^10.3.10",
+    "nodemon": "^3.1.0",
+    "postcss": "^8.4.35",
+    "postcss-import": "^16.0.1",
     "postcss-mixins": "^9.0.4",
     "postcss-nested": "^6.0.1",
     "postcss-prefixer": "^3.0.0",
-    "vite": "^5.0.10",
-    "vite-svg-loader": "^4.0.0"
+    "vite": "^5.1.4",
+    "vite-svg-loader": "^5.1.0"
   },
   "scripts": {
     "dev": "vite",