@sbb-esta/lyne-elements-experimental 2.5.1 → 2.7.0

package/custom-elements.json

@@ -5,6 +5,157 @@
     {
       "kind": "javascript-module",
       "path": "journey-summary.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./journey-summary/journey-summary.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain-time.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pearl-chain-time/pearl-chain-time.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain-vertical-item.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pearl-chain-vertical-item/pearl-chain-vertical-item.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain-vertical.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pearl-chain-vertical/pearl-chain-vertical.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./pearl-chain/pearl-chain.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "timetable-duration.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./timetable-duration/timetable-duration.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "timetable-row.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./timetable-row/timetable-row.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/datetime.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./datetime/date-helper.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/timetable.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./timetable/access-leg-helper.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./timetable/timetable-helper.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./timetable/timetable-properties.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "journey-summary/journey-summary.js",
       "declarations": [
         {
           "kind": "class",
@@ -258,7 +409,7 @@
           "name": "SbbJourneySummaryElement",
           "declaration": {
             "name": "SbbJourneySummaryElement",
-            "module": "journey-summary.js"
+            "module": "journey-summary/journey-summary.js"
           }
         },
         {
@@ -266,19 +417,19 @@
           "name": "sbb-journey-summary",
           "declaration": {
             "name": "SbbJourneySummaryElement",
-            "module": "journey-summary.js"
+            "module": "journey-summary/journey-summary.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "pearl-chain-time.js",
+      "path": "pearl-chain/pearl-chain.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Combined with `sbb-pearl-chain`, it displays walk time information.",
-          "name": "SbbPearlChainTimeElement",
+          "description": "It visually displays journey information.",
+          "name": "SbbPearlChainElement",
           "members": [
             {
               "kind": "field",
@@ -288,53 +439,9 @@
               },
               "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%.",
+              "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"
             },
-            {
-              "kind": "field",
-              "name": "departureTime",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "Prop to render the departure time - will be formatted as \"H:mm\"",
-              "attribute": "departure-time"
-            },
-            {
-              "kind": "field",
-              "name": "arrivalTime",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "Prop to render the arrival time - will be formatted as \"H:mm\"",
-              "attribute": "arrival-time"
-            },
-            {
-              "kind": "field",
-              "name": "departureWalk",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "NaN",
-              "description": "Optional prop to render the walk time (in minutes) before departure",
-              "attribute": "departure-walk"
-            },
-            {
-              "kind": "field",
-              "name": "arrivalWalk",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "public",
-              "default": "NaN",
-              "description": "Optional prop to render the walk time (in minutes) after arrival",
-              "attribute": "arrival-walk"
-            },
             {
               "kind": "field",
               "name": "disableAnimation",
@@ -346,24 +453,13 @@
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "attribute": "disable-animation"
             },
-            {
-              "kind": "field",
-              "name": "a11yFootpath",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Optional prop to render wheelchair-small instead of walk-small",
-              "attribute": "a11y-footpath"
-            },
             {
               "kind": "field",
               "name": "now",
               "privacy": "public",
               "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
               "type": {
-                "text": "Date"
+                "text": "Date | null"
               },
               "attribute": "now",
               "default": "null"
@@ -378,81 +474,186 @@
               "default": "null"
             },
             {
-              "kind": "field",
-              "name": "_language",
+              "kind": "method",
+              "name": "_getAllDuration",
               "privacy": "private",
-              "default": "new SbbLanguageController(this)"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "legs",
-              "type": {
-                "text": "(Leg | PtRideLeg)[]"
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               },
-              "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"
+              "parameters": [
+                {
+                  "name": "legs",
+                  "type": {
+                    "text": "PtRideLeg[]"
+                  }
+                }
+              ]
             },
             {
-              "name": "departure-time",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "_isAllCancelled",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "default": "''",
-              "description": "Prop to render the departure time - will be formatted as \"H:mm\"",
-              "fieldName": "departureTime"
+              "parameters": [
+                {
+                  "name": "legs",
+                  "type": {
+                    "text": "PtRideLeg[]"
+                  }
+                }
+              ]
             },
             {
-              "name": "arrival-time",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "_getRelativeDuration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               },
-              "default": "''",
-              "description": "Prop to render the arrival time - will be formatted as \"H:mm\"",
-              "fieldName": "arrivalTime"
+              "parameters": [
+                {
+                  "name": "legs",
+                  "type": {
+                    "text": "PtRideLeg[]"
+                  }
+                },
+                {
+                  "name": "leg",
+                  "type": {
+                    "text": "PtRideLeg"
+                  }
+                }
+              ]
             },
             {
-              "name": "departure-walk",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "_getProgress",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
               },
-              "default": "NaN",
-              "description": "Optional prop to render the walk time (in minutes) before departure",
-              "fieldName": "departureWalk"
+              "parameters": [
+                {
+                  "name": "now",
+                  "type": {
+                    "text": "Date"
+                  }
+                },
+                {
+                  "name": "start",
+                  "optional": true,
+                  "type": {
+                    "text": "Time"
+                  }
+                },
+                {
+                  "name": "end",
+                  "optional": true,
+                  "type": {
+                    "text": "Time"
+                  }
+                }
+              ]
             },
             {
-              "name": "arrival-walk",
-              "type": {
-                "text": "number"
+              "kind": "method",
+              "name": "_getStatus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Status"
+                }
               },
-              "default": "NaN",
-              "description": "Optional prop to render the walk time (in minutes) after arrival",
-              "fieldName": "arrivalWalk"
+              "parameters": [
+                {
+                  "name": "now",
+                  "type": {
+                    "text": "Date"
+                  }
+                },
+                {
+                  "name": "start",
+                  "optional": true,
+                  "type": {
+                    "text": "Time"
+                  }
+                },
+                {
+                  "name": "end",
+                  "optional": true,
+                  "type": {
+                    "text": "Time"
+                  }
+                }
+              ]
             },
             {
-              "name": "disable-animation",
+              "kind": "method",
+              "name": "_renderPosition",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "now",
+                  "type": {
+                    "text": "Date"
+                  }
+                },
+                {
+                  "name": "start",
+                  "optional": true,
+                  "type": {
+                    "text": "Time"
+                  }
+                },
+                {
+                  "name": "end",
+                  "optional": true,
+                  "type": {
+                    "text": "Time"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "legs",
               "type": {
-                "text": "boolean"
+                "text": "(Leg | PtRideLeg)[]"
               },
-              "default": "false",
-              "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
-              "fieldName": "disableAnimation"
+              "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": "a11y-footpath",
+              "name": "disable-animation",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Optional prop to render wheelchair-small instead of walk-small",
-              "fieldName": "a11yFootpath"
+              "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
+              "fieldName": "disableAnimation"
             },
             {
               "name": "now",
               "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
               "type": {
-                "text": "Date"
+                "text": "Date | null"
               },
               "fieldName": "now"
             }
@@ -461,180 +662,92 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sbb-pearl-chain-time",
+          "tagName": "sbb-pearl-chain",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbPearlChainTimeElement",
+          "name": "SbbPearlChainElement",
           "declaration": {
-            "name": "SbbPearlChainTimeElement",
-            "module": "pearl-chain-time.js"
+            "name": "SbbPearlChainElement",
+            "module": "pearl-chain/pearl-chain.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sbb-pearl-chain-time",
+          "name": "sbb-pearl-chain",
           "declaration": {
-            "name": "SbbPearlChainTimeElement",
-            "module": "pearl-chain-time.js"
+            "name": "SbbPearlChainElement",
+            "module": "pearl-chain/pearl-chain.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "pearl-chain-vertical-item.js",
+      "path": "pearl-chain-time/pearl-chain-time.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays details about connection between stations.",
-          "name": "SbbPearlChainVerticalItemElement",
-          "slots": [
-            {
-              "description": "Content of the left side of the item",
-              "name": "left"
-            },
-            {
-              "description": "Content of the right side of the item",
-              "name": "right"
-            }
-          ],
+          "description": "Combined with `sbb-pearl-chain`, it displays walk time information.",
+          "name": "SbbPearlChainTimeElement",
           "members": [
             {
               "kind": "field",
-              "name": "pearlChainVerticalItemAttributes",
+              "name": "legs",
               "type": {
-                "text": "PearlChainVerticalItemAttributes"
+                "text": "(Leg | PtRideLeg)[]"
               },
               "privacy": "public",
-              "default": "null!",
-              "description": "The pearlChainVerticalItemAttributes Prop for styling the bullets and line.",
-              "attribute": "pearl-chain-vertical-item-attributes"
+              "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"
             },
             {
               "kind": "field",
-              "name": "disableAnimation",
+              "name": "departureTime",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "If true, the position won't be animated.",
-              "attribute": "disable-animation",
-              "reflects": true
-            }
-          ],
-          "attributes": [
+              "default": "''",
+              "description": "Prop to render the departure time - will be formatted as \"H:mm\"",
+              "attribute": "departure-time"
+            },
             {
-              "name": "pearl-chain-vertical-item-attributes",
+              "kind": "field",
+              "name": "arrivalTime",
               "type": {
-                "text": "PearlChainVerticalItemAttributes"
+                "text": "string"
               },
-              "default": "null!",
-              "description": "The pearlChainVerticalItemAttributes Prop for styling the bullets and line.",
-              "fieldName": "pearlChainVerticalItemAttributes"
+              "privacy": "public",
+              "default": "''",
+              "description": "Prop to render the arrival time - will be formatted as \"H:mm\"",
+              "attribute": "arrival-time"
             },
             {
-              "name": "disable-animation",
+              "kind": "field",
+              "name": "departureWalk",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "default": "false",
-              "description": "If true, the position won't be animated.",
-              "fieldName": "disableAnimation"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sbb-pearl-chain-vertical-item",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbPearlChainVerticalItemElement",
-          "declaration": {
-            "name": "SbbPearlChainVerticalItemElement",
-            "module": "pearl-chain-vertical-item.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-pearl-chain-vertical-item",
-          "declaration": {
-            "name": "SbbPearlChainVerticalItemElement",
-            "module": "pearl-chain-vertical-item.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "pearl-chain-vertical.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It can be used as a container for the `sbb-pearl-chain-vertical-item` component.",
-          "name": "SbbPearlChainVerticalElement",
-          "slots": [
-            {
-              "description": "The unnamed slot is used for the `sbb-pearl-chain-vertical-item` component.",
-              "name": ""
-            }
-          ],
-          "members": [],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "sbb-pearl-chain-vertical",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbPearlChainVerticalElement",
-          "declaration": {
-            "name": "SbbPearlChainVerticalElement",
-            "module": "pearl-chain-vertical.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "sbb-pearl-chain-vertical",
-          "declaration": {
-            "name": "SbbPearlChainVerticalElement",
-            "module": "pearl-chain-vertical.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "pearl-chain.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It visually displays journey information.",
-          "name": "SbbPearlChainElement",
-          "members": [
+              "privacy": "public",
+              "default": "NaN",
+              "description": "Optional prop to render the walk time (in minutes) before departure",
+              "attribute": "departure-walk"
+            },
             {
               "kind": "field",
-              "name": "legs",
+              "name": "arrivalWalk",
               "type": {
-                "text": "(Leg | PtRideLeg)[]"
+                "text": "number"
               },
               "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"
+              "default": "NaN",
+              "description": "Optional prop to render the walk time (in minutes) after arrival",
+              "attribute": "arrival-walk"
             },
             {
               "kind": "field",
@@ -647,13 +760,24 @@
               "description": "Per default, the current location has a pulsating animation. You can\ndisable the animation with this property.",
               "attribute": "disable-animation"
             },
+            {
+              "kind": "field",
+              "name": "a11yFootpath",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Optional prop to render wheelchair-small instead of walk-small",
+              "attribute": "a11y-footpath"
+            },
             {
               "kind": "field",
               "name": "now",
               "privacy": "public",
               "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
               "type": {
-                "text": "Date | null"
+                "text": "Date"
               },
               "attribute": "now",
               "default": "null"
@@ -662,166 +786,16 @@
               "kind": "field",
               "name": "_now",
               "type": {
-                "text": "Date | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "_getAllDuration",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "legs",
-                  "type": {
-                    "text": "PtRideLeg[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isAllCancelled",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "legs",
-                  "type": {
-                    "text": "PtRideLeg[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_getRelativeDuration",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "legs",
-                  "type": {
-                    "text": "PtRideLeg[]"
-                  }
-                },
-                {
-                  "name": "leg",
-                  "type": {
-                    "text": "PtRideLeg"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_getProgress",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "number"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "now",
-                  "type": {
-                    "text": "Date"
-                  }
-                },
-                {
-                  "name": "start",
-                  "optional": true,
-                  "type": {
-                    "text": "Time"
-                  }
-                },
-                {
-                  "name": "end",
-                  "optional": true,
-                  "type": {
-                    "text": "Time"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_getStatus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Status"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "now",
-                  "type": {
-                    "text": "Date"
-                  }
-                },
-                {
-                  "name": "start",
-                  "optional": true,
-                  "type": {
-                    "text": "Time"
-                  }
-                },
-                {
-                  "name": "end",
-                  "optional": true,
-                  "type": {
-                    "text": "Time"
-                  }
-                }
-              ]
+                "text": "Date | null"
+              },
+              "privacy": "private",
+              "default": "null"
             },
             {
-              "kind": "method",
-              "name": "_renderPosition",
+              "kind": "field",
+              "name": "_language",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "TemplateResult | undefined"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "now",
-                  "type": {
-                    "text": "Date"
-                  }
-                },
-                {
-                  "name": "start",
-                  "optional": true,
-                  "type": {
-                    "text": "Time"
-                  }
-                },
-                {
-                  "name": "end",
-                  "optional": true,
-                  "type": {
-                    "text": "Time"
-                  }
-                }
-              ]
+              "default": "new SbbLanguageController(this)"
             }
           ],
           "attributes": [
@@ -831,9 +805,45 @@
                 "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%.",
+              "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"
+              },
+              "default": "''",
+              "description": "Prop to render the departure time - will be formatted as \"H:mm\"",
+              "fieldName": "departureTime"
+            },
+            {
+              "name": "arrival-time",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Prop to render the arrival time - will be formatted as \"H:mm\"",
+              "fieldName": "arrivalTime"
+            },
+            {
+              "name": "departure-walk",
+              "type": {
+                "text": "number"
+              },
+              "default": "NaN",
+              "description": "Optional prop to render the walk time (in minutes) before departure",
+              "fieldName": "departureWalk"
+            },
+            {
+              "name": "arrival-walk",
+              "type": {
+                "text": "number"
+              },
+              "default": "NaN",
+              "description": "Optional prop to render the walk time (in minutes) after arrival",
+              "fieldName": "arrivalWalk"
+            },
             {
               "name": "disable-animation",
               "type": {
@@ -843,11 +853,20 @@
               "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"
+              },
+              "default": "false",
+              "description": "Optional prop to render wheelchair-small instead of walk-small",
+              "fieldName": "a11yFootpath"
+            },
             {
               "name": "now",
               "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
               "type": {
-                "text": "Date | null"
+                "text": "Date"
               },
               "fieldName": "now"
             }
@@ -856,32 +875,164 @@
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "sbb-pearl-chain",
+          "tagName": "sbb-pearl-chain-time",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbPearlChainElement",
+          "name": "SbbPearlChainTimeElement",
           "declaration": {
-            "name": "SbbPearlChainElement",
-            "module": "pearl-chain.js"
+            "name": "SbbPearlChainTimeElement",
+            "module": "pearl-chain-time/pearl-chain-time.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sbb-pearl-chain",
+          "name": "sbb-pearl-chain-time",
           "declaration": {
-            "name": "SbbPearlChainElement",
-            "module": "pearl-chain.js"
+            "name": "SbbPearlChainTimeElement",
+            "module": "pearl-chain-time/pearl-chain-time.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "timetable-duration.js",
+      "path": "pearl-chain-vertical/pearl-chain-vertical.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It can be used as a container for the `sbb-pearl-chain-vertical-item` component.",
+          "name": "SbbPearlChainVerticalElement",
+          "slots": [
+            {
+              "description": "The unnamed slot is used for the `sbb-pearl-chain-vertical-item` component.",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-pearl-chain-vertical",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbPearlChainVerticalElement",
+          "declaration": {
+            "name": "SbbPearlChainVerticalElement",
+            "module": "pearl-chain-vertical/pearl-chain-vertical.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-pearl-chain-vertical",
+          "declaration": {
+            "name": "SbbPearlChainVerticalElement",
+            "module": "pearl-chain-vertical/pearl-chain-vertical.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "pearl-chain-vertical-item/pearl-chain-vertical-item.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays details about connection between stations.",
+          "name": "SbbPearlChainVerticalItemElement",
+          "slots": [
+            {
+              "description": "Content of the left side of the item",
+              "name": "left"
+            },
+            {
+              "description": "Content of the right side of the item",
+              "name": "right"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "pearlChainVerticalItemAttributes",
+              "type": {
+                "text": "PearlChainVerticalItemAttributes"
+              },
+              "privacy": "public",
+              "default": "null!",
+              "description": "The pearlChainVerticalItemAttributes Prop for styling the bullets and line.",
+              "attribute": "pearl-chain-vertical-item-attributes"
+            },
+            {
+              "kind": "field",
+              "name": "disableAnimation",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "If true, the position won't be animated.",
+              "attribute": "disable-animation",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "pearl-chain-vertical-item-attributes",
+              "type": {
+                "text": "PearlChainVerticalItemAttributes"
+              },
+              "default": "null!",
+              "description": "The pearlChainVerticalItemAttributes Prop for styling the bullets and line.",
+              "fieldName": "pearlChainVerticalItemAttributes"
+            },
+            {
+              "name": "disable-animation",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "If true, the position won't be animated.",
+              "fieldName": "disableAnimation"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "sbb-pearl-chain-vertical-item",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbPearlChainVerticalItemElement",
+          "declaration": {
+            "name": "SbbPearlChainVerticalItemElement",
+            "module": "pearl-chain-vertical-item/pearl-chain-vertical-item.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-pearl-chain-vertical-item",
+          "declaration": {
+            "name": "SbbPearlChainVerticalItemElement",
+            "module": "pearl-chain-vertical-item/pearl-chain-vertical-item.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "timetable-duration/timetable-duration.js",
       "declarations": [
         {
           "kind": "class",
@@ -931,7 +1082,7 @@
           "name": "SbbTimetableDurationElement",
           "declaration": {
             "name": "SbbTimetableDurationElement",
-            "module": "timetable-duration.js"
+            "module": "timetable-duration/timetable-duration.js"
           }
         },
         {
@@ -939,14 +1090,14 @@
           "name": "sbb-timetable-duration",
           "declaration": {
             "name": "SbbTimetableDurationElement",
-            "module": "timetable-duration.js"
+            "module": "timetable-duration/timetable-duration.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "timetable-row.js",
+      "path": "timetable-row/timetable-row.js",
       "declarations": [
         {
           "kind": "function",
@@ -1239,6 +1390,16 @@
               },
               "description": "The skeleton render function for the loading state"
             },
+            {
+              "kind": "method",
+              "name": "_getRideLegs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "PtRideLeg[]"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_getQuayTypeStrings",
@@ -1411,7 +1572,7 @@
           "name": "renderIconProduct",
           "declaration": {
             "name": "renderIconProduct",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         },
         {
@@ -1419,7 +1580,7 @@
           "name": "renderStringProduct",
           "declaration": {
             "name": "renderStringProduct",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         },
         {
@@ -1427,7 +1588,7 @@
           "name": "sortSituation",
           "declaration": {
             "name": "sortSituation",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         },
         {
@@ -1435,7 +1596,7 @@
           "name": "getHimIcon",
           "declaration": {
             "name": "getHimIcon",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         },
         {
@@ -1443,7 +1604,7 @@
           "name": "getCus",
           "declaration": {
             "name": "getCus",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         },
         {
@@ -1451,7 +1612,7 @@
           "name": "filterNotices",
           "declaration": {
             "name": "filterNotices",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         },
         {
@@ -1459,7 +1620,7 @@
           "name": "handleNotices",
           "declaration": {
             "name": "handleNotices",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         },
         {
@@ -1467,7 +1628,7 @@
           "name": "SbbTimetableRowElement",
           "declaration": {
             "name": "SbbTimetableRowElement",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         },
         {
@@ -1475,14 +1636,14 @@
           "name": "sbb-timetable-row",
           "declaration": {
             "name": "SbbTimetableRowElement",
-            "module": "timetable-row.js"
+            "module": "timetable-row/timetable-row.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "core/datetime.js",
+      "path": "core/datetime/date-helper.js",
       "declarations": [
         {
           "kind": "function",
@@ -1538,7 +1699,7 @@
           "name": "removeTimezoneFromISOTimeString",
           "declaration": {
             "name": "removeTimezoneFromISOTimeString",
-            "module": "core/datetime.js"
+            "module": "core/datetime/date-helper.js"
           }
         },
         {
@@ -1546,14 +1707,14 @@
           "name": "durationToTime",
           "declaration": {
             "name": "durationToTime",
-            "module": "core/datetime.js"
+            "module": "core/datetime/date-helper.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "core/timetable.js",
+      "path": "core/timetable/access-leg-helper.js",
       "declarations": [
         {
           "kind": "function",
@@ -1601,7 +1762,23 @@
               "description": ": Whether the a11y-icon should be shown."
             }
           ]
-        },
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getDepartureArrivalTimeAttribute",
+          "declaration": {
+            "name": "getDepartureArrivalTimeAttribute",
+            "module": "core/timetable/access-leg-helper.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/timetable/timetable-helper.js",
+      "declarations": [
         {
           "kind": "function",
           "name": "isRideLeg",
@@ -1656,20 +1833,12 @@
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "getDepartureArrivalTimeAttribute",
-          "declaration": {
-            "name": "getDepartureArrivalTimeAttribute",
-            "module": "core/timetable.js"
-          }
-        },
         {
           "kind": "js",
           "name": "isRideLeg",
           "declaration": {
             "name": "isRideLeg",
-            "module": "core/timetable.js"
+            "module": "core/timetable/timetable-helper.js"
           }
         },
         {
@@ -1677,7 +1846,7 @@
           "name": "isConnectionLeg",
           "declaration": {
             "name": "isConnectionLeg",
-            "module": "core/timetable.js"
+            "module": "core/timetable/timetable-helper.js"
           }
         },
         {
@@ -1685,7 +1854,7 @@
           "name": "extractTimeAndStringFromNoticeText",
           "declaration": {
             "name": "extractTimeAndStringFromNoticeText",
-            "module": "core/timetable.js"
+            "module": "core/timetable/timetable-helper.js"
           }
         }
       ]