@sbb-esta/lyne-elements-experimental 1.14.0 → 1.15.0

package/development/journey-summary.js

@@ -18,7 +18,7 @@ import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "@sbb-esta/lyne-elements/journey-header.js";
 import "./pearl-chain-time.js";
 import { i as isValid } from "./isValid-DO_pHwcW.js";
-import { f as format } from "./format-DTy5_IOt.js";
+import { f as format } from "./format-Bj7RAjjy.js";
 const style = css`*,
 ::before,
 ::after {

package/development/pearl-chain-time.js

@@ -15,7 +15,7 @@ import { customElement, property } from "lit/decorators.js";
 import { removeTimezoneFromISOTimeString } from "./core/datetime.js";
 import { getDepartureArrivalTimeAttribute, isRideLeg } from "./core/timetable.js";
 import "./pearl-chain.js";
-import { f as format } from "./format-DTy5_IOt.js";
+import { f as format } from "./format-Bj7RAjjy.js";
 const style = css`*,
 ::before,
 ::after {

package/development/timetable-row.js

@@ -19,7 +19,7 @@ import "@sbb-esta/lyne-elements/card.js";
 import "@sbb-esta/lyne-elements/icon.js";
 import "@sbb-esta/lyne-elements/timetable-occupancy.js";
 import "./pearl-chain-time.js";
-import { f as format } from "./format-DTy5_IOt.js";
+import { f as format } from "./format-Bj7RAjjy.js";
 const style = css`*,
 ::before,
 ::after {

package/{format-oBQcGL50.js → format-Jm4IbGt2.js}

@@ -557,12 +557,15 @@ const g = {
   G: function(n, t, e) {
     const r = n.getFullYear() > 0 ? 1 : 0;
     switch (t) {
+      // AD, BC
       case "G":
       case "GG":
       case "GGG":
         return e.era(r, { width: "abbreviated" });
+      // A, B
       case "GGGGG":
         return e.era(r, { width: "narrow" });
+      // Anno Domini, Before Christ
       case "GGGG":
       default:
         return e.era(r, { width: "wide" });
@@ -607,22 +610,28 @@ const g = {
   Q: function(n, t, e) {
     const r = Math.ceil((n.getMonth() + 1) / 3);
     switch (t) {
+      // 1, 2, 3, 4
       case "Q":
         return String(r);
+      // 01, 02, 03, 04
       case "QQ":
         return o(r, 2);
+      // 1st, 2nd, 3rd, 4th
       case "Qo":
         return e.ordinalNumber(r, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "QQQ":
         return e.quarter(r, {
           width: "abbreviated",
           context: "formatting"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "QQQQQ":
         return e.quarter(r, {
           width: "narrow",
           context: "formatting"
         });
+      // 1st quarter, 2nd quarter, ...
       case "QQQQ":
       default:
         return e.quarter(r, {
@@ -635,22 +644,28 @@ const g = {
   q: function(n, t, e) {
     const r = Math.ceil((n.getMonth() + 1) / 3);
     switch (t) {
+      // 1, 2, 3, 4
       case "q":
         return String(r);
+      // 01, 02, 03, 04
       case "qq":
         return o(r, 2);
+      // 1st, 2nd, 3rd, 4th
       case "qo":
         return e.ordinalNumber(r, { unit: "quarter" });
+      // Q1, Q2, Q3, Q4
       case "qqq":
         return e.quarter(r, {
           width: "abbreviated",
           context: "standalone"
         });
+      // 1, 2, 3, 4 (narrow quarter; could be not numerical)
       case "qqqqq":
         return e.quarter(r, {
           width: "narrow",
           context: "standalone"
         });
+      // 1st quarter, 2nd quarter, ...
       case "qqqq":
       default:
         return e.quarter(r, {
@@ -666,18 +681,22 @@ const g = {
       case "M":
       case "MM":
         return g.M(n, t);
+      // 1st, 2nd, ..., 12th
       case "Mo":
         return e.ordinalNumber(r + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
       case "MMM":
         return e.month(r, {
           width: "abbreviated",
           context: "formatting"
         });
+      // J, F, ..., D
       case "MMMMM":
         return e.month(r, {
           width: "narrow",
           context: "formatting"
         });
+      // January, February, ..., December
       case "MMMM":
       default:
         return e.month(r, { width: "wide", context: "formatting" });
@@ -687,22 +706,28 @@ const g = {
   L: function(n, t, e) {
     const r = n.getMonth();
     switch (t) {
+      // 1, 2, ..., 12
       case "L":
         return String(r + 1);
+      // 01, 02, ..., 12
       case "LL":
         return o(r + 1, 2);
+      // 1st, 2nd, ..., 12th
       case "Lo":
         return e.ordinalNumber(r + 1, { unit: "month" });
+      // Jan, Feb, ..., Dec
       case "LLL":
         return e.month(r, {
           width: "abbreviated",
           context: "standalone"
         });
+      // J, F, ..., D
       case "LLLLL":
         return e.month(r, {
           width: "narrow",
           context: "standalone"
         });
+      // January, February, ..., December
       case "LLLL":
       default:
         return e.month(r, { width: "wide", context: "standalone" });
@@ -731,6 +756,7 @@ const g = {
   E: function(n, t, e) {
     const r = n.getDay();
     switch (t) {
+      // Tue
       case "E":
       case "EE":
       case "EEE":
@@ -738,16 +764,19 @@ const g = {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "EEEEE":
         return e.day(r, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "EEEEEE":
         return e.day(r, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "EEEE":
       default:
         return e.day(r, {
@@ -760,10 +789,13 @@ const g = {
   e: function(n, t, e, r) {
     const a = n.getDay(), i = (a - r.weekStartsOn + 8) % 7 || 7;
     switch (t) {
+      // Numerical value (Nth day of week with current locale or weekStartsOn)
       case "e":
         return String(i);
+      // Padded numerical value
       case "ee":
         return o(i, 2);
+      // 1st, 2nd, ..., 7th
       case "eo":
         return e.ordinalNumber(i, { unit: "day" });
       case "eee":
@@ -771,16 +803,19 @@ const g = {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "eeeee":
         return e.day(a, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "eeeeee":
         return e.day(a, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "eeee":
       default:
         return e.day(a, {
@@ -793,10 +828,13 @@ const g = {
   c: function(n, t, e, r) {
     const a = n.getDay(), i = (a - r.weekStartsOn + 8) % 7 || 7;
     switch (t) {
+      // Numerical value (same as in `e`)
       case "c":
         return String(i);
+      // Padded numerical value
       case "cc":
         return o(i, t.length);
+      // 1st, 2nd, ..., 7th
       case "co":
         return e.ordinalNumber(i, { unit: "day" });
       case "ccc":
@@ -804,16 +842,19 @@ const g = {
           width: "abbreviated",
           context: "standalone"
         });
+      // T
       case "ccccc":
         return e.day(a, {
           width: "narrow",
           context: "standalone"
         });
+      // Tu
       case "cccccc":
         return e.day(a, {
           width: "short",
           context: "standalone"
         });
+      // Tuesday
       case "cccc":
       default:
         return e.day(a, {
@@ -826,27 +867,34 @@ const g = {
   i: function(n, t, e) {
     const r = n.getDay(), a = r === 0 ? 7 : r;
     switch (t) {
+      // 2
       case "i":
         return String(a);
+      // 02
       case "ii":
         return o(a, t.length);
+      // 2nd
       case "io":
         return e.ordinalNumber(a, { unit: "day" });
+      // Tue
       case "iii":
         return e.day(r, {
           width: "abbreviated",
           context: "formatting"
         });
+      // T
       case "iiiii":
         return e.day(r, {
           width: "narrow",
           context: "formatting"
         });
+      // Tu
       case "iiiiii":
         return e.day(r, {
           width: "short",
           context: "formatting"
         });
+      // Tuesday
       case "iiii":
       default:
         return e.day(r, {
@@ -977,13 +1025,21 @@ const g = {
     if (r === 0)
       return "Z";
     switch (t) {
+      // Hours and optional minutes
       case "X":
         return F(r);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XX`
       case "XXXX":
       case "XX":
         return y(r);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `XXX`
       case "XXXXX":
       case "XXX":
+      // Hours and minutes with `:` delimiter
       default:
         return y(r, ":");
     }
@@ -992,13 +1048,21 @@ const g = {
   x: function(n, t, e) {
     const r = n.getTimezoneOffset();
     switch (t) {
+      // Hours and optional minutes
       case "x":
         return F(r);
+      // Hours, minutes and optional seconds without `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xx`
       case "xxxx":
       case "xx":
         return y(r);
+      // Hours, minutes and optional seconds with `:` delimiter
+      // Note: neither ISO-8601 nor JavaScript supports seconds in timezone offsets
+      // so this token always has the same output as `xxx`
       case "xxxxx":
       case "xxx":
+      // Hours and minutes with `:` delimiter
       default:
         return y(r, ":");
     }
@@ -1007,10 +1071,12 @@ const g = {
   O: function(n, t, e) {
     const r = n.getTimezoneOffset();
     switch (t) {
+      // Short
       case "O":
       case "OO":
       case "OOO":
         return "GMT" + E(r, ":");
+      // Long
       case "OOOO":
       default:
         return "GMT" + y(r, ":");
@@ -1020,10 +1086,12 @@ const g = {
   z: function(n, t, e) {
     const r = n.getTimezoneOffset();
     switch (t) {
+      // Short
       case "z":
       case "zz":
       case "zzz":
         return "GMT" + E(r, ":");
+      // Long
       case "zzzz":
       default:
         return "GMT" + y(r, ":");

package/journey-summary.js

@@ -16,7 +16,7 @@ import "@sbb-esta/lyne-elements/screen-reader-only.js";
 import "@sbb-esta/lyne-elements/journey-header.js";
 import "./pearl-chain-time.js";
 import { i as nt } from "./isValid-mroh13Xp.js";
-import { f as R } from "./format-oBQcGL50.js";
+import { f as R } from "./format-Jm4IbGt2.js";
 const ot = et`*,:before,:after{box-sizing:border-box}:host{display:block}.sbb-journey-summary{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-color-iron);display:flex;flex-direction:column}.sbb-journey-summary__via-block{display:flex}.sbb-journey-summary__vias{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-block:0;padding-inline-start:var(--sbb-spacing-fixed-1x)}.sbb-journey-summary__date{margin-block-end:var(--sbb-spacing-fixed-2x)}.sbb-journey-summary__via{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sbb-journey-summary__divider{margin-block:var(--sbb-spacing-fixed-6x)}ul li{list-style:none;display:inline}`;
 let wt = (() => {
   var y, v, f, g, k, $, r;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-elements-experimental",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
@@ -11,11 +11,11 @@
   "type": "module",
   "customElements": "custom-elements.json",
   "peerDependencies": {
-    "@sbb-esta/lyne-elements": "1.14.0"
+    "@sbb-esta/lyne-elements": "1.15.0"
   },
   "dependencies": {
     "lit": "^3.2.1",
-    "tslib": "^2.8.0"
+    "tslib": "^2.8.1"
   },
   "publishConfig": {
     "access": "public"

package/pearl-chain-time.js

@@ -13,7 +13,7 @@ import { customElement as me, property as p } from "lit/decorators.js";
 import { removeTimezoneFromISOTimeString as Z } from "./core/datetime.js";
 import { getDepartureArrivalTimeAttribute as ce, isRideLeg as he } from "./core/timetable.js";
 import "./pearl-chain.js";
-import { f as ee } from "./format-oBQcGL50.js";
+import { f as ee } from "./format-Jm4IbGt2.js";
 const be = ne`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-pearl-chain-time-height: auto}@media (min-width: 37.5rem){:host{--sbb-pearl-chain-time-height: 1.5625rem}}@media (min-width: 52.5rem){:host{--sbb-pearl-chain-time-height: 1.75rem}}.sbb-pearl-chain__time{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;height:var(--sbb-pearl-chain-time-height)}.sbb-pearl-chain__time-walktime,.sbb-pearl-chain__time-transfer{--sbb-text-font-size: var(--sbb-font-size-text-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:inline-flex;align-items:center}.sbb-pearl-chain__time-walktime--walk-small-left{transform:translate(-.4375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--walk-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-left{transform:translate(-.375rem);margin-inline-end:calc(var(--sbb-spacing-fixed-2x) - .4375rem)}.sbb-pearl-chain__time-walktime--wheelchair-small-right{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-walktime-prime-symbol{float:right}.sbb-pearl-chain__time-transfer{gap:var(--sbb-spacing-fixed-1x)}.sbb-pearl-chain__time-transfer--sa-ci-departure{margin-inline-end:var(--sbb-spacing-fixed-2x)}.sbb-pearl-chain__time-transfer--sa-ci-arrival{margin-inline-start:calc(var(--sbb-spacing-fixed-2x) - .25rem)}.sbb-pearl-chain__time-chain{flex:1 1 auto;align-self:center;margin-inline:var(--sbb-spacing-fixed-3x)}.sbb-pearl-chain__time-time{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;color:var(--sbb-color-charcoal)}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;
 let We = (() => {
   var d, _, g, u, f, v, y, l;

package/timetable-row.js

@@ -17,7 +17,7 @@ import "@sbb-esta/lyne-elements/card.js";
 import "@sbb-esta/lyne-elements/icon.js";
 import "@sbb-esta/lyne-elements/timetable-occupancy.js";
 import "./pearl-chain-time.js";
-import { f as nt } from "./format-oBQcGL50.js";
+import { f as nt } from "./format-Jm4IbGt2.js";
 const zt = At`*,:before,:after{box-sizing:border-box}:host{--sbb-timetable-row-gap: var(--sbb-spacing-fixed-2x);--sbb-timetable-row-height: 1.5625rem;--sbb-timetable-row-height-header: 1.25rem;--sbb-timetable-row-height-footer: 1rem;--sbb-timetable-row-skeleton-pulse-duration: 1.8s;display:block}:host([disable-animation]){--sbb-timetable-row-skeleton-pulse-duration: 0}.sbb-timetable__row-transport-icon{--sbb-icon-svg-width: 1.25rem;--sbb-icon-svg-height: 1.25rem}.sbb-travel-hints__item{--sbb-icon-svg-height: .875rem}.sbb-screen-reader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-timetable__row--quay{margin-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-timetable__row--quay-type{float:left}ul{list-style:none;margin:0;padding:0;font-size:inherit;display:inline-flex}li,.sbb-timetable__row-transport{display:inline-flex;align-self:center}.sbb-timetable__row-transportnumber,.sbb-timetable__row-time{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700;line-height:unset;white-space:nowrap;align-self:center}.sbb-timetable__row{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:column;gap:var(--sbb-timetable-row-gap)}.sbb-timetable__row-header,.sbb-timetable__row-footer{animation:none}.sbb-timetable__row-header{display:flex;gap:var(--sbb-spacing-fixed-2x);align-items:center;line-height:var(--sbb-timetable-row-height-header)}.sbb-timetable__row-details,.sbb-timetable__row-hints{display:inline-flex;gap:var(--sbb-spacing-fixed-1x);align-items:center}.sbb-timetable__row-header p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;align-self:center}.sbb-timetable__row-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sbb-spacing-fixed-2x);line-height:var(--sbb-timetable-row-height-footer)}.sbb-timetable__row-footer>span{align-self:center}.sbb-timetable__row-footer :only-child{margin-inline-start:auto}.sbb-timetable__row-quay--changed{color:var(--sbb-color-red)}.sbb-timetable__row-transport-wrapper,.sbb-timetable__row-warning{display:inline-flex}.sbb-loading{pointer-events:none}.sbb-loading__wrapper{display:flex;flex-direction:column;gap:var(--sbb-spacing-fixed-2x)}.sbb-loading__row{width:100%;border-radius:var(--sbb-border-radius-1x);height:var(--sbb-timetable-row-height)}@media (min-width: 52.5rem){.sbb-loading__row{height:1.75rem}}@media (forced-colors: active){.sbb-loading__row{border:var(--sbb-border-width-1x) solid ButtonBorder!important}}.sbb-loading__row,.sbb-loading__badge{background:var(--sbb-color-cloud);animation:skeleton-pulse var(--sbb-timetable-row-skeleton-pulse-duration) ease-out infinite}.sbb-loading__row:first-of-type{height:var(--sbb-timetable-row-height-header);width:50%}.sbb-loading__row:last-of-type{height:var(--sbb-timetable-row-height-footer)}.sbb-loading__badge{margin-inline:auto calc(var(--sbb-spacing-fixed-3x) * -1);padding-inline-end:var(--sbb-spacing-fixed-6x);border-end-start-radius:var(--sbb-border-radius-4x);transform:skew(16deg);width:7.1875rem;height:1.25rem}@keyframes skeleton-pulse{0%{background:var(--sbb-color-cloud)}17%{background:var(--sbb-color-cloud)}50%{background:var(--sbb-color-milk)}67%{background:var(--sbb-color-milk)}to{background:var(--sbb-color-cloud)}}`, It = (e, i) => m`<span class="sbb-timetable__row-transport">
     <sbb-icon name=${e}></sbb-icon>
     <span class="sbb-screen-reader-only">${i}</span>