@mjsz-vbr-elements/shared 2.11.0 → 2.11.1

package/dist/css/cards.css

@@ -53,6 +53,15 @@
     display: none;
   }
 
+@container card-row (max-width: 640px) {
+    .mjsz-vbr-card-item .is-team-name-long {
+      display: none;
+    }
+    .mjsz-vbr-card-item .is-team-name-short {
+      display: block;
+    }
+  }
+
 .mjsz-vbr-card-item .is-info {
     grid-column: 1/4;
     display: flex;
@@ -162,5 +171,3 @@
       width: 100%;
       aspect-ratio: 1;
     }
-
-:export { meta: '{"e":".is-card","f":[{"b":[{"e":".is-team-name-long","d":{"display":"none"}},{"e":".is-team-name-short","d":{"display":"block"}}],"a":[[["max-width",":",640]]]}]}' }

package/dist/css/common.css

@@ -453,5 +453,3 @@ a:hover {
     font-size: var(--vbr-widget-badge-extra-large-font-size);
     padding: 0.2695em 0.5165em;
   }
-
-:export { meta: '{"e":"h1,\nh2,\nh3,\nul,\nli,\np,\ndl,\ndt,\ndd","f":[]}' }

package/dist/css/dropdown.css

@@ -31,4 +31,3 @@
   .is-dropdown-menu .is-dropdown-item svg {
       margin-right: 8px;
     }
-:export { meta: '{"e":".is-dropdown-menu","f":[]}' }

package/dist/css/forms.css

@@ -84,5 +84,3 @@ label {
       color: var(--vbr-widget-toggle-group-btn-active-color);
       background-color: var(--vbr-widget-toggle-group-btn-active-bg-color);
     }
-
-:export { meta: '{"e":".base-input","f":[]}' }

package/dist/css/game-center-timeline.css

@@ -411,9 +411,17 @@
 .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
           display: block;
           width: 14px;
-          height: 14px
+          height: 14px;
         }
 
+@container rows (width > 410px) {
+
+.mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-event-type-icon svg {
+            width: 24px;
+            height: 24px
+        }
+          }
+
 .mjsz-vbr-gamecenter-timeline-game-event .is-details-container.is-penalty .is-event-type-icon {
           color: var(--vbr-widget-primary-color-0);
           background-color: var(--vbr-widget-danger-color-a400);
@@ -489,6 +497,23 @@
           background-color: var(--vbr-widget-danger-color-500);
         }
 
+@container rows (width > 410px) {
+
+.mjsz-vbr-gamecenter-timeline-game-event .is-details-container {
+        grid-template-columns: auto 1fr auto;
+        grid-template-areas: 'type-icon detail-title team-logo' 'type-icon detail-list team-logo'
+    }
+
+        .mjsz-vbr-gamecenter-timeline-game-event .is-details-container:not(:has(.is-details-list)) {
+          grid-template-areas: 'type-icon detail-title team-logo';
+          align-items: center;
+        }
+
+        .mjsz-vbr-gamecenter-timeline-game-event .is-details-container .is-team-logo {
+          display: block;
+        }
+      }
+
 .mjsz-vbr-gamecenter-timeline-game-event .is-timestamp {
       grid-area: time;
 
@@ -512,6 +537,47 @@
         border-color: var(--vbr-widget-gamecenter-away-team-identifier-color);
       }
 
+@container rows (width > 500px) {
+
+.mjsz-vbr-gamecenter-timeline-game-event {
+      --columns: 1fr 0.15fr 2px 0.15fr 1fr;
+      --areas: '. . . . .' 'details time time time .' '. . . . .'
+  }
+
+      .mjsz-vbr-gamecenter-timeline-game-event .is-timeline {
+        grid-column: 3/4;
+        grid-row: 1/-1;
+      }
+
+      .mjsz-vbr-gamecenter-timeline-game-event[data-team='away'] {
+        --areas: '. . . . .' '. time time time details' '. . . . .';
+      }
+
+      .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container {
+        grid-template-columns: auto 1fr;
+        grid-template-areas: 'team-logo detail-title type-icon' 'team-logo detail-list type-icon';
+      }
+
+        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container:not(:has(.is-details-list)) {
+          grid-template-areas: 'team-logo detail-title type-icon';
+        }
+
+        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container {
+
+        border-inline-end: none;
+        border-inline-start: 5px solid var(--vbr-widget-gamecenter-home-team-identifier-color);
+  }
+
+        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-details-list,
+        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-details-title {
+          text-align: right;
+        }
+
+        .mjsz-vbr-gamecenter-timeline-game-event[data-team='home'] .is-details-container .is-poi-data {
+          justify-content: flex-end;
+        }
+    }
+
 .mjsz-vbr-gamecenter-timeline-lineups {
     margin-block-start: 1rem;
     padding-block-end: 2rem;
@@ -524,9 +590,16 @@
 
 .mjsz-vbr-gamecenter-timeline-lineups .is-container {
       display: grid;
-      gap: 2rem
+      gap: 2rem;
     }
 
+@container rows (width >= 768px) {
+
+.mjsz-vbr-gamecenter-timeline-lineups .is-container {
+        grid-template-columns: 1fr 1fr
+    }
+      }
+
 .mjsz-vbr-gamecenter-timeline-lineups-lines {
       display: grid;
       grid-template-columns: 1fr;
@@ -567,18 +640,56 @@
         border-inline-end: 3px solid var(--vbr-widget-gamecenter-away-team-identifier-color);
       }
 
+@container rows (width >= 768px) {
+
+.mjsz-vbr-gamecenter-timeline-lineups-lines {
+        grid-template-columns: 1fr 1fr;
+        grid-template-areas: '. lw' 'ld lw' 'ld c' 'rd c' 'rd rw' '. rw';
+        grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr
+    }
+
+        .mjsz-vbr-gamecenter-timeline-lineups-lines.is-away-team {
+          grid-template-areas: 'lw .' 'lw ld' 'c ld' 'c rd' 'rw rd' 'rw .';
+        }
+
+        .mjsz-vbr-gamecenter-timeline-lineups-lines:has(.is-gk) {
+          display: flex;
+          justify-content: center;
+          grid-template-columns: none;
+          grid-template-areas: none;
+        }
+
+        .mjsz-vbr-gamecenter-timeline-lineups-lines .is-gk {
+          width: 50%;
+        }
+      }
+
 .mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
       display: grid;
       grid-template-columns: 1fr;
-      gap: 0.5rem
+      gap: 0.5rem;
     }
 
+@container rows (width >= 768px) {
+
+.mjsz-vbr-gamecenter-timeline-lineups-lines-simple {
+        grid-template-columns: 1fr 1fr
+    }
+      }
+
 .mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
       display: grid;
       grid-template-columns: 1fr;
-      gap: 0.5rem
+      gap: 0.5rem;
     }
 
+@container rows (width >= 768px) {
+
+.mjsz-vbr-gamecenter-timeline-lineups-lines-referees {
+        grid-template-columns: 1fr 1fr 1fr 1fr
+    }
+      }
+
 .mjsz-vbr-gamecenter-timeline-lineups .is-official-person-container {
       display: grid;
       grid-template-columns: 40px 1fr;
@@ -715,6 +826,13 @@
         flex: 1;
       }
 
+@container rows (width >= 768px) {
+
+.mjsz-vbr-gamecenter-timeline-game-officials .is-game-officials-container {
+        flex-direction: row
+    }
+      }
+
 .mjsz-vbr-gamecenter-timeline-data-table {
     margin-block-end: 1rem;
     min-width: 0;
@@ -751,5 +869,3 @@
         outline: 1px solid var(--vbr-widget-gamecenter-away-team-identifier-border-color);
         outline-offset: -1px;
       }
-
-:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[{"b":[{"e":"&:not(:has(.is-details-list))","d":{"grid-template-areas":"'type-icon detail-title team-logo'","align-items":"center"}},{"e":".is-team-logo","d":{"display":"block"}}],"a":[[["width",">",410]]]},{"b":[{"e":".is-timeline","d":{"grid-column":"3/4","grid-row":"1/-1"}},{"e":"&[data-team='away']","d":{"--areas":"'. . . . .' '. time time time details' '. . . . .'"}},{"e":"&[data-team='home'] .is-details-container","d":{"grid-template-columns":"auto 1fr","grid-template-areas":"'team-logo detail-title type-icon' 'team-logo detail-list type-icon'","border-inline-end":"none","border-inline-start":"5px solid var(--vbr-widget-gamecenter-home-team-identifier-color)"}}],"a":[[["width",">",500]]]},{"b":[{"e":"&.is-away-team","d":{"grid-template-areas":"'lw .' 'lw ld' 'c ld' 'c rd' 'rw rd' 'rw .'"}},{"e":"&:has(.is-gk)","d":{"display":"flex","justify-content":"center","grid-template-columns":"none","grid-template-areas":"none"}},{"e":".is-gk","d":{"width":"50%"}}],"a":[[["width",">=",768]]]}]}' }

package/dist/css/game-center.css

@@ -200,6 +200,17 @@
     align-items: center;
   }
 
+@container rows (max-width: 500px) {
+
+.mjsz-vbr-gamecenter-game-event {
+      --cols: 1fr 1fr 1fr 1fr 1fr 1fr
+  }
+
+      .mjsz-vbr-gamecenter-game-event > *:last-of-type {
+        grid-column: 2/7;
+      }
+    }
+
 .mjsz-vbr-gamecenter-game-event:nth-child(odd) {
       background-color: var(--vbr-widget-table-stripped-bg-color);
     }
@@ -360,5 +371,3 @@
     gap: 20px;
     margin-bottom: 20px;
   }
-
-:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[{"b":[{"e":"> *:last-of-type","d":{"grid-column":"2/7"}}],"a":[[["max-width",":",500]]]}]}' }

package/dist/css/games-timeline.css

@@ -25,9 +25,37 @@
     flex-shrink: 0;
     flex-grow: 0;
     flex-basis: 100%;
-    scroll-snap-align: start
+    scroll-snap-align: start;
   }
 
+  @container games-timeline (width > 375px) {
+
+  .mjsz-vbr-games-timeline .is-slide {
+      flex-basis: 50%
+  }
+    }
+
+  @container games-timeline (width > 500px) {
+
+  .mjsz-vbr-games-timeline .is-slide {
+      flex-basis: 33.3334%
+  }
+    }
+
+  @container games-timeline (width > 700px) {
+
+  .mjsz-vbr-games-timeline .is-slide {
+      flex-basis: 25%
+  }
+    }
+
+  @container games-timeline (width > 880px) {
+
+  .mjsz-vbr-games-timeline .is-slide {
+      flex-basis: 20%
+  }
+    }
+
   .mjsz-vbr-games-timeline > button {
     position: relative;
     display: grid;
@@ -240,5 +268,3 @@
 .mjsz-vbr-score-display .is-slide-transition-leave-to {
     transform: translateY(100%);
   }
-
-:export { meta: '{"e":".games-timeline","f":[]}' }

package/dist/css/grid.css

@@ -56,5 +56,3 @@
     grid-template-columns: var(--columns-tablet)
 }
   }
-
-:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[]}' }

package/dist/css/paginator.css

@@ -47,4 +47,3 @@
       border-color: var(--vbr-widget-paginator-active-bg-color);
       cursor: default;
     }
-:export { meta: '{"e":".paginator","f":[]}' }

package/dist/css/playoffs.css

@@ -72,6 +72,15 @@
       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;
     text-align: center;
@@ -106,6 +115,15 @@
       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;
@@ -127,5 +145,3 @@
 .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-right {
       text-align: right;
     }
-
-:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[{"b":[{"e":".is-team-name-long","d":{"display":"none"}},{"e":".is-team-name-short","d":{"display":"block"}}],"a":[[["max-width",":",768]]]}]}' }

package/dist/css/progress.css

@@ -61,7 +61,7 @@
   align-items: center;
 }
 
-@media (min-width: 501px) {
+@media (width > 500px) {
 
 .mjsz-vbr-statistics-double-bar {
     grid-template-areas: 'title title title title' 'value-start bar-start bar-end value-end'
@@ -125,5 +125,3 @@
     line-height: 1.5rem;
     color: var(--vbr-widget-primary-color-500);
   }
-
-:export { meta: '{"e":".progress","f":[]}' }

package/dist/css/reset.css

@@ -31,5 +31,3 @@ ol,
 ul {
   list-style: none;
 }
-
-:export { meta: '{"e":"h1,\nh2,\nh3,\nul,\nli,\np,\ndl,\ndt,\ndd","f":[]}' }

package/dist/css/responsive-table.css

@@ -8,4 +8,3 @@
 .mjsz-vbr-table-responsive table {
   width: 100%;
 }
-:export { meta: '{"e":".table-responsive","f":[]}' }

package/dist/css/table.css

@@ -221,6 +221,15 @@
       display: none;
     }
 
+@container table-wrapper (max-width: 768px) {
+      .mjsz-vbr-table td .is-team-name-long {
+        display: none;
+      }
+      .mjsz-vbr-table td .is-team-name-short {
+        display: block;
+      }
+    }
+
 .mjsz-vbr-table th,
   .mjsz-vbr-table td {
     padding: 8px;
@@ -270,5 +279,3 @@
       color: var(--vbr-widget-table-active-hover-color);
       background-color: var(--vbr-widget-table-active-hover-bg-color);
     }
-
-:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[{"b":[{"e":".is-team-name-long","d":{"display":"none"}},{"e":".is-team-name-short","d":{"display":"block"}}],"a":[[["max-width",":",768]]]}]}' }

package/dist/css/teams.css

@@ -24,5 +24,3 @@
     width: 100%;
     aspect-ratio: 1;
   }
-
-:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[]}' }

package/dist/css/typography.css

@@ -98,4 +98,3 @@
 .is-w-10 {
   width: 32px;
 }
-:export { meta: '{"e":".is-text-right","f":[]}' }

package/dist/css/variables.css

@@ -249,5 +249,3 @@
   --vbr-widget-games-timeline-external-link-color: var(--vbr-widget-primary-color-500);
   --vbr-widget-games-timeline-external-link-size: var(--vbr-widget-typography-font-size-200);
 }
-
-:export { meta: '{"e":"table,\n  caption,\n  tbody,\n  tfoot,\n  thead,\n  tr,\n  th,\n  td","f":[]}' }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mjsz-vbr-elements/shared",
   "type": "module",
-  "version": "2.11.0",
+  "version": "2.11.1",
   "private": false,
   "author": "Ákos Stegner <akos.stegner@gmail.com>",
   "homepage": "https://api.icehockey.hu/widgets/docs/v2/",