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

package/core/datetime.js

@@ -176,17 +176,11 @@ const re = (t, e) => {
   const n = [], r = [];
   let s = Y(0, t);
   const u = S(s, 0);
-  u > 0 && (n.push(`${u} d`), e && r.push(
-    `${u} ${u > 1 ? h.multiple.long[e] : h.single.long[e]}`
-  ), s = v(s, u));
+  u > 0 && (n.push(`${u} d`), e && r.push(`${u} ${u > 1 ? h.multiple.long[e] : h.single.long[e]}`), s = v(s, u));
   const a = Z(s, 0);
-  a > 0 && (n.push(`${a} h`), e && r.push(
-    `${a} ${a > 1 ? T.multiple.long[e] : T.single.long[e]}`
-  ), s = Q(s, a));
+  a > 0 && (n.push(`${a} h`), e && r.push(`${a} ${a > 1 ? T.multiple.long[e] : T.single.long[e]}`), s = Q(s, a));
   const c = F(s, 0);
-  return c > 0 && (n.push(`${c} min`), e && r.push(
-    `${c} ${c > 1 ? p.multiple.long[e] : p.single.long[e]}`
-  )), {
+  return c > 0 && (n.push(`${c} min`), e && r.push(`${c} ${c > 1 ? p.multiple.long[e] : p.single.long[e]}`)), {
     short: n.join(" "),
     long: r.join(" ")
   };

package/core/timetable.js

@@ -3,10 +3,7 @@ import { html as f, nothing as b } from "lit";
 import "@sbb-esta/lyne-elements/icon.js";
 const $ = (t) => (t == null ? void 0 : t.__typename) === "PTRideLeg", _ = (t) => (t == null ? void 0 : t.__typename) === "PTConnectionLeg", v = (t) => {
   var r, e, i, u, a, s;
-  const l = ((r = t == null ? void 0 : t.text) == null ? void 0 : r.template) && t.text.template.indexOf("(") + 1, n = (u = (e = t == null ? void 0 : t.text) == null ? void 0 : e.template) == null ? void 0 : u.substring(
-    l || 0,
-    (i = t == null ? void 0 : t.text) == null ? void 0 : i.template.indexOf(")")
-  );
+  const l = ((r = t == null ? void 0 : t.text) == null ? void 0 : r.template) && t.text.template.indexOf("(") + 1, n = (u = (e = t == null ? void 0 : t.text) == null ? void 0 : e.template) == null ? void 0 : u.substring(l || 0, (i = t == null ? void 0 : t.text) == null ? void 0 : i.template.indexOf(")"));
   return {
     duration: n && +n.substring(0, n.length - 1) || 0,
     text: ((s = (a = t == null ? void 0 : t.text) == null ? void 0 : a.template) == null ? void 0 : s.split("(")[0]) || ""
@@ -23,9 +20,7 @@ function k(t, l) {
 }
 function M(t, l, n, r) {
   var u, a, s;
-  const e = $(t) ? (a = (u = t == null ? void 0 : t.serviceJourney) == null ? void 0 : u.notices) == null ? void 0 : a.filter(
-    (m) => ["CI"].includes(m.name)
-  )[0] : null, i = e && v(e);
+  const e = $(t) ? (a = (u = t == null ? void 0 : t.serviceJourney) == null ? void 0 : u.notices) == null ? void 0 : a.filter((m) => ["CI"].includes(m.name))[0] : null, i = e && v(e);
   return e ? {
     duration: ((i == null ? void 0 : i.duration) || 0) + (l || 0),
     text: n ? w[r] : (i == null ? void 0 : i.text) || "",
@@ -34,9 +29,7 @@ function M(t, l, n, r) {
 }
 function O(t, l, n, r) {
   var u, a, s;
-  const e = $(t) ? (a = (u = t == null ? void 0 : t.serviceJourney) == null ? void 0 : u.notices) == null ? void 0 : a.filter(
-    (m) => ["CO"].includes(m.name)
-  )[0] : null, i = e && v(e);
+  const e = $(t) ? (a = (u = t == null ? void 0 : t.serviceJourney) == null ? void 0 : u.notices) == null ? void 0 : a.filter((m) => ["CO"].includes(m.name))[0] : null, i = e && v(e);
   return e ? {
     duration: ((i == null ? void 0 : i.duration) || 0) + (l || 0),
     text: n ? T[r] : (i == null ? void 0 : i.text) || "",
@@ -72,42 +65,16 @@ function p(t, l, n, r) {
   `;
 }
 function I(t, l, n, r, e) {
-  const i = t && t.filter((A) => $(A) || _(A))[0], u = ["YM", "YB", "Y", "YT"], a = k(i, u), s = M(
-    i,
-    l,
-    e,
-    r
-  ), m = l ? {
+  const i = t && t.filter((A) => $(A) || _(A))[0], u = ["YM", "YB", "Y", "YT"], a = k(i, u), s = M(i, l, e, r), m = l ? {
     text: w[r],
     duration: l,
     icon: e ? "wheelchair-small" : "walk-small"
   } : null, D = () => a || (m && !s && !a ? m : s || null);
   function L() {
     return f`
-      ${a ? p(
-      a.duration,
-      a.text,
-      "left",
-      a.icon
-    ) : b}
-      ${m && !s && !a ? p(
-      m.duration,
-      m.text,
-      "left",
-      m.icon
-    ) : b}
-      ${s ? e ? p(
-      s.duration,
-      s.text,
-      "left",
-      s.icon
-    ) : C(
-      s.duration,
-      s.icon,
-      r,
-      s.text,
-      "departure"
-    ) : b}
+      ${a ? p(a.duration, a.text, "left", a.icon) : b}
+      ${m && !s && !a ? p(m.duration, m.text, "left", m.icon) : b}
+      ${s ? e ? p(s.duration, s.text, "left", s.icon) : C(s.duration, s.icon, r, s.text, "departure") : b}
     `;
   }
   const h = t && t[t.length - 1], x = (_(h) || $(h)) && h, c = x && k(x, u), o = x && O(x, n, e, r), d = n ? {
@@ -117,30 +84,9 @@ function I(t, l, n, r, e) {
   } : null, R = () => c || (d && !o && !c ? d : o || null);
   function Y() {
     return f`
-      ${c ? p(
-      c.duration,
-      c.text,
-      "right",
-      c.icon
-    ) : b}
-      ${d && !o && !c ? p(
-      d.duration,
-      d.text,
-      "right",
-      d.icon
-    ) : b}
-      ${o ? e ? p(
-      o.duration,
-      o.text,
-      "right",
-      o.icon
-    ) : C(
-      o.duration,
-      o.icon,
-      r,
-      o.text,
-      "arrival"
-    ) : b}
+      ${c ? p(c.duration, c.text, "right", c.icon) : b}
+      ${d && !o && !c ? p(d.duration, d.text, "right", d.icon) : b}
+      ${o ? e ? p(o.duration, o.text, "right", o.icon) : C(o.duration, o.icon, r, o.text, "arrival") : b}
     `;
   }
   return {

package/custom-elements.json

@@ -24,6 +24,7 @@
                 "text": "InterfaceSbbJourneySummaryAttributes"
               },
               "privacy": "public",
+              "default": "null!",
               "description": "The trip prop",
               "attribute": "trip"
             },
@@ -31,9 +32,10 @@
               "kind": "field",
               "name": "tripBack",
               "type": {
-                "text": "InterfaceSbbJourneySummaryAttributes | undefined"
+                "text": "InterfaceSbbJourneySummaryAttributes"
               },
               "privacy": "public",
+              "default": "null!",
               "description": "The tripBack prop",
               "attribute": "trip-back"
             },
@@ -41,9 +43,10 @@
               "kind": "field",
               "name": "roundTrip",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "The RoundTrip prop. This prop controls if one or two arrows are displayed in the header.",
               "attribute": "round-trip"
             },
@@ -62,9 +65,10 @@
               "kind": "field",
               "name": "disableAnimation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "attribute": "disable-animation"
             },
@@ -72,9 +76,10 @@
               "kind": "field",
               "name": "a11yFootpath",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "The Footpath attribute for rendering different icons\ntrue: render a11y-icon\nfalse: render walk-icon\ndefault: render walk-icon",
               "attribute": "a11y-footpath"
             },
@@ -181,22 +186,25 @@
               "type": {
                 "text": "InterfaceSbbJourneySummaryAttributes"
               },
+              "default": "null!",
               "description": "The trip prop",
               "fieldName": "trip"
             },
             {
               "name": "trip-back",
               "type": {
-                "text": "InterfaceSbbJourneySummaryAttributes | undefined"
+                "text": "InterfaceSbbJourneySummaryAttributes"
               },
+              "default": "null!",
               "description": "The tripBack prop",
               "fieldName": "tripBack"
             },
             {
               "name": "round-trip",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "The RoundTrip prop. This prop controls if one or two arrows are displayed in the header.",
               "fieldName": "roundTrip"
             },
@@ -212,16 +220,18 @@
             {
               "name": "disable-animation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "fieldName": "disableAnimation"
             },
             {
               "name": "a11y-footpath",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "The Footpath attribute for rendering different icons\ntrue: render a11y-icon\nfalse: render walk-icon\ndefault: render walk-icon",
               "fieldName": "a11yFootpath"
             },
@@ -277,6 +287,7 @@
                 "text": "(Leg | PtRideLeg)[]"
               },
               "privacy": "public",
+              "default": "[]",
               "description": "define the legs of the pearl-chain.\nFormat:\n`{\"legs\": [{\"duration\": 25}, ...]}`\n`duration` in minutes. Duration of the leg is relative\nto the total travel time. Example: departure 16:30, change at 16:40,\narrival at 17:00. So the change should have a duration of 33.33%.",
               "attribute": "legs"
             },
@@ -284,9 +295,10 @@
               "kind": "field",
               "name": "departureTime",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "privacy": "public",
+              "default": "''",
               "description": "Prop to render the departure time - will be formatted as \"H:mm\"",
               "attribute": "departure-time"
             },
@@ -294,9 +306,10 @@
               "kind": "field",
               "name": "arrivalTime",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "privacy": "public",
+              "default": "''",
               "description": "Prop to render the arrival time - will be formatted as \"H:mm\"",
               "attribute": "arrival-time"
             },
@@ -304,9 +317,10 @@
               "kind": "field",
               "name": "departureWalk",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
               "privacy": "public",
+              "default": "NaN",
               "description": "Optional prop to render the walk time (in minutes) before departure",
               "attribute": "departure-walk"
             },
@@ -314,9 +328,10 @@
               "kind": "field",
               "name": "arrivalWalk",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
               "privacy": "public",
+              "default": "NaN",
               "description": "Optional prop to render the walk time (in minutes) after arrival",
               "attribute": "arrival-walk"
             },
@@ -324,9 +339,10 @@
               "kind": "field",
               "name": "disableAnimation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "attribute": "disable-animation"
             },
@@ -334,9 +350,10 @@
               "kind": "field",
               "name": "a11yFootpath",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "Optional prop to render wheelchair-small instead of walk-small",
               "attribute": "a11y-footpath"
             },
@@ -373,54 +390,61 @@
               "type": {
                 "text": "(Leg | PtRideLeg)[]"
               },
+              "default": "[]",
               "description": "define the legs of the pearl-chain.\nFormat:\n`{\"legs\": [{\"duration\": 25}, ...]}`\n`duration` in minutes. Duration of the leg is relative\nto the total travel time. Example: departure 16:30, change at 16:40,\narrival at 17:00. So the change should have a duration of 33.33%.",
               "fieldName": "legs"
             },
             {
               "name": "departure-time",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "''",
               "description": "Prop to render the departure time - will be formatted as \"H:mm\"",
               "fieldName": "departureTime"
             },
             {
               "name": "arrival-time",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "''",
               "description": "Prop to render the arrival time - will be formatted as \"H:mm\"",
               "fieldName": "arrivalTime"
             },
             {
               "name": "departure-walk",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
+              "default": "NaN",
               "description": "Optional prop to render the walk time (in minutes) before departure",
               "fieldName": "departureWalk"
             },
             {
               "name": "arrival-walk",
               "type": {
-                "text": "number | undefined"
+                "text": "number"
               },
+              "default": "NaN",
               "description": "Optional prop to render the walk time (in minutes) after arrival",
               "fieldName": "arrivalWalk"
             },
             {
               "name": "disable-animation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "fieldName": "disableAnimation"
             },
             {
               "name": "a11y-footpath",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "Optional prop to render wheelchair-small instead of walk-small",
               "fieldName": "a11yFootpath"
             },
@@ -486,6 +510,7 @@
                 "text": "PearlChainVerticalItemAttributes"
               },
               "privacy": "public",
+              "default": "null!",
               "description": "The pearlChainVerticalItemAttributes Prop for styling the bullets and line.",
               "attribute": "pearl-chain-vertical-item-attributes"
             },
@@ -493,9 +518,10 @@
               "kind": "field",
               "name": "disableAnimation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "If true, the position won't be animated.",
               "attribute": "disable-animation",
               "reflects": true
@@ -507,14 +533,16 @@
               "type": {
                 "text": "PearlChainVerticalItemAttributes"
               },
+              "default": "null!",
               "description": "The pearlChainVerticalItemAttributes Prop for styling the bullets and line.",
               "fieldName": "pearlChainVerticalItemAttributes"
             },
             {
               "name": "disable-animation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "If true, the position won't be animated.",
               "fieldName": "disableAnimation"
             }
@@ -601,9 +629,10 @@
               "kind": "field",
               "name": "legs",
               "type": {
-                "text": "(Leg | PtRideLeg)[] | undefined"
+                "text": "(Leg | PtRideLeg)[]"
               },
               "privacy": "public",
+              "default": "[]",
               "description": "Define the legs of the pearl-chain.\nFormat:\n`{\"legs\": [{\"duration\": 25}, ...]}`\n`duration` in minutes. Duration of the leg is relative\nto the total travel time. Example: departure 16:30, change at 16:40,\narrival at 17:00. So the change should have a duration of 33.33%.",
               "attribute": "legs"
             },
@@ -611,9 +640,10 @@
               "kind": "field",
               "name": "disableAnimation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "attribute": "disable-animation"
             },
@@ -798,16 +828,18 @@
             {
               "name": "legs",
               "type": {
-                "text": "(Leg | PtRideLeg)[] | undefined"
+                "text": "(Leg | PtRideLeg)[]"
               },
+              "default": "[]",
               "description": "Define the legs of the pearl-chain.\nFormat:\n`{\"legs\": [{\"duration\": 25}, ...]}`\n`duration` in minutes. Duration of the leg is relative\nto the total travel time. Example: departure 16:30, change at 16:40,\narrival at 17:00. So the change should have a duration of 33.33%.",
               "fieldName": "legs"
             },
             {
               "name": "disable-animation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "fieldName": "disableAnimation"
             },
@@ -863,6 +895,7 @@
                 "text": "string"
               },
               "privacy": "public",
+              "default": "''",
               "description": "Stringified JSON which defines most of the\ncontent of the component. Please check the\nindividual stories to get an idea of the\nstructure.",
               "attribute": "config"
             },
@@ -879,6 +912,7 @@
               "type": {
                 "text": "string"
               },
+              "default": "''",
               "description": "Stringified JSON which defines most of the\ncontent of the component. Please check the\nindividual stories to get an idea of the\nstructure.",
               "fieldName": "config"
             }
@@ -1064,6 +1098,7 @@
                 "text": "ITripItem"
               },
               "privacy": "public",
+              "default": "null!",
               "description": "The trip Prop.",
               "attribute": "trip"
             },
@@ -1071,9 +1106,10 @@
               "kind": "field",
               "name": "price",
               "type": {
-                "text": "Price | undefined"
+                "text": "Price"
               },
               "privacy": "public",
+              "default": "null!",
               "description": "The price Prop, which consists of the data for the badge.",
               "attribute": "price"
             },
@@ -1081,9 +1117,10 @@
               "kind": "field",
               "name": "disableAnimation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "This will be forwarded to the sbb-pearl-chain component - if true the position won't be animated.",
               "attribute": "disable-animation",
               "reflects": true
@@ -1092,9 +1129,10 @@
               "kind": "field",
               "name": "boarding",
               "type": {
-                "text": "Boarding | undefined"
+                "text": "Boarding"
               },
               "privacy": "public",
+              "default": "null!",
               "description": "This will be forwarded to the notices section",
               "attribute": "boarding"
             },
@@ -1113,9 +1151,10 @@
               "kind": "field",
               "name": "a11yFootpath",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "The Footpath attribute for rendering different icons\ntrue: render a11y-icon\nfalse: render walk-icon\ndefault: render walk-icon",
               "attribute": "a11y-footpath"
             },
@@ -1134,9 +1173,10 @@
               "kind": "field",
               "name": "cardActionLabel",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
               "privacy": "public",
+              "default": "''",
               "description": "Hidden label for the card action. It overrides the automatically generated accessibility text for the component. Use this prop to provide custom accessibility information for the component.",
               "attribute": "card-action-label"
             },
@@ -1144,9 +1184,10 @@
               "kind": "field",
               "name": "accessibilityExpanded",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "This will be forwarded to the sbb-card component as aria-expanded.",
               "attribute": "accessibility-expanded"
             },
@@ -1154,9 +1195,10 @@
               "kind": "field",
               "name": "active",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
+              "default": "false",
               "description": "When this prop is true the sbb-card will be in the active state.",
               "attribute": "active"
             },
@@ -1261,30 +1303,34 @@
               "type": {
                 "text": "ITripItem"
               },
+              "default": "null!",
               "description": "The trip Prop.",
               "fieldName": "trip"
             },
             {
               "name": "price",
               "type": {
-                "text": "Price | undefined"
+                "text": "Price"
               },
+              "default": "null!",
               "description": "The price Prop, which consists of the data for the badge.",
               "fieldName": "price"
             },
             {
               "name": "disable-animation",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "This will be forwarded to the sbb-pearl-chain component - if true the position won't be animated.",
               "fieldName": "disableAnimation"
             },
             {
               "name": "boarding",
               "type": {
-                "text": "Boarding | undefined"
+                "text": "Boarding"
               },
+              "default": "null!",
               "description": "This will be forwarded to the notices section",
               "fieldName": "boarding"
             },
@@ -1300,8 +1346,9 @@
             {
               "name": "a11y-footpath",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "The Footpath attribute for rendering different icons\ntrue: render a11y-icon\nfalse: render walk-icon\ndefault: render walk-icon",
               "fieldName": "a11yFootpath"
             },
@@ -1317,24 +1364,27 @@
             {
               "name": "card-action-label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
+              "default": "''",
               "description": "Hidden label for the card action. It overrides the automatically generated accessibility text for the component. Use this prop to provide custom accessibility information for the component.",
               "fieldName": "cardActionLabel"
             },
             {
               "name": "accessibility-expanded",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "This will be forwarded to the sbb-card component as aria-expanded.",
               "fieldName": "accessibilityExpanded"
             },
             {
               "name": "active",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
+              "default": "false",
               "description": "When this prop is true the sbb-card will be in the active state.",
               "fieldName": "active"
             },