@sbb-esta/lyne-elements-dev 5.0.0-next.2-dev.1778052073 → 5.0.0-next.2-dev.1778065336

package/custom-elements.json

@@ -115150,431 +115150,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
-          "name": "SbbFormFieldTextCounterElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to display a custom description text after the counter.",
-              "name": "",
-              "inheritedFrom": {
-                "name": "SbbHintElement",
-                "module": "form-field/hint/hint.component.js"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-form-field-text-counter'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_remainingCharacters",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_language",
-              "privacy": "private",
-              "default": "new SbbLanguageController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "_abortController",
-              "type": {
-                "text": "AbortController | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "_onInputUpdate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_infoText",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "attribute": "negative",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formField",
-              "type": {
-                "text": "SbbFormFieldElement | null"
-              },
-              "privacy": "protected",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "SbbHintElement",
-                "module": "form-field/hint/hint.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "['_$sbbElement$']",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "ElementInternals['role'] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_textObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "finalizeStyles",
-              "privacy": "protected",
-              "static": true,
-              "return": {
-                "type": {
-                  "text": "CSSResultOrNative[]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "_styles",
-                  "type": {
-                    "text": "CSSResultGroup"
-                  }
-                }
-              ],
-              "description": "Collects `styles` from every class in the prototype chain (using `Object.hasOwn`)\nand merges them in top-down order. This means each class/mixin only needs to declare\nits **own** styles — there is no need to reference `super.styles`.\n\nLit's default behaviour already walks the chain, but fails for mixins where\n`super.styles` resolves to the wrong class. This override fixes that.",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_slotchangeHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                },
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleSlotChangeForSlottedState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_updateSlottedState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_observeTextNodesInSlot",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hasSlottedContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SbbHintElement",
-            "module": "form-field/hint/hint.component.js"
-          },
-          "tagName": "sbb-form-field-text-counter",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbFormFieldTextCounterElement",
-          "declaration": {
-            "name": "SbbFormFieldTextCounterElement",
-            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "form-field/form-field-clear/form-field-clear.component.js",
@@ -116551,16 +116126,20 @@
     },
     {
       "kind": "javascript-module",
-      "path": "form-field/hint/hint.component.js",
+      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a hint message in the `sbb-form-field`.",
-          "name": "SbbHintElement",
+          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
+          "name": "SbbFormFieldTextCounterElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to display the hint message.",
-              "name": ""
+              "description": "Use the unnamed slot to display a custom description text after the counter.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
             }
           ],
           "members": [
@@ -116573,7 +116152,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-hint'",
+              "default": "'sbb-form-field-text-counter'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -116581,13 +116160,48 @@
             },
             {
               "kind": "field",
-              "name": "formField",
+              "name": "_remainingCharacters",
               "type": {
-                "text": "SbbFormFieldElement | null"
+                "text": "number"
               },
-              "privacy": "protected",
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_abortController",
+              "type": {
+                "text": "AbortController | null"
+              },
+              "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "method",
+              "name": "_onInputUpdate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_infoText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "negative",
@@ -116604,6 +116218,19 @@
                 "module": "core/mixins/negative-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "formField",
+              "type": {
+                "text": "SbbFormFieldElement | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "['_$sbbElement$']",
@@ -116888,17 +116515,11 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbNegativeMixin",
-              "module": "core.js"
-            }
-          ],
           "superclass": {
-            "name": "SbbElement",
-            "module": "core.js"
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
           },
-          "tagName": "sbb-hint",
+          "tagName": "sbb-form-field-text-counter",
           "customElement": true,
           "attributes": [
             {
@@ -116920,164 +116541,67 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbHintElement",
+          "name": "SbbFormFieldTextCounterElement",
           "declaration": {
-            "name": "SbbHintElement",
-            "module": "form-field/hint/hint.component.js"
+            "name": "SbbFormFieldTextCounterElement",
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "header/common/header-action-common.js",
+      "path": "form-field/hint/hint.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "SbbHeaderActionCommonElementMixinType",
-          "members": [
+          "description": "It displays a hint message in the `sbb-form-field`.",
+          "name": "SbbHintElement",
+          "slots": [
             {
-              "kind": "field",
-              "name": "expandFrom",
-              "type": {
-                "text": "SbbHorizontalFrom"
-              },
-              "privacy": "public"
-            },
+              "description": "Use the unnamed slot to display the hint message.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "elementDependencies",
+              "name": "elementName",
               "type": {
-                "text": "SbbElementType[]"
+                "text": "string"
               },
               "privacy": "public",
               "static": true,
+              "readonly": true,
+              "default": "'sbb-hint'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "[SbbIconElement]"
-            },
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
-              "attribute": "icon-name",
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderIconSlot",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "classname",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderIconName",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_renderIconName",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "maybeDisabled",
+              "name": "formField",
               "type": {
-                "text": "boolean | undefined"
+                "text": "SbbFormFieldElement | null"
               },
               "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "maybeDisabledInteractive",
+              "name": "negative",
               "type": {
-                "text": "boolean | undefined"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setupBaseEventHandlers",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+                "text": "boolean"
               },
-              "description": "Override this method to render the component template.",
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
             },
             {
@@ -117096,13 +116620,12 @@
             },
             {
               "kind": "field",
-              "name": "elementName",
+              "name": "elementDependencies",
               "type": {
-                "text": "string"
+                "text": "SbbElementType[] | undefined"
               },
               "privacy": "public",
               "static": true,
-              "readonly": true,
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -117367,66 +116890,60 @@
           ],
           "mixins": [
             {
-              "name": "SbbIconNameMixin",
-              "module": "icon.pure.js"
+              "name": "SbbNegativeMixin",
+              "module": "core.js"
             }
           ],
           "superclass": {
-            "name": "SbbActionBaseElement",
+            "name": "SbbElement",
             "module": "core.js"
           },
+          "tagName": "sbb-hint",
+          "customElement": true,
           "attributes": [
             {
-              "name": "icon-name",
+              "name": "negative",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
-              "fieldName": "iconName",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
             }
           ]
-        },
+        }
+      ],
+      "exports": [
         {
-          "kind": "mixin",
+          "kind": "js",
+          "name": "SbbHintElement",
+          "declaration": {
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "header/common/header-action-common.js",
+      "declarations": [
+        {
+          "kind": "class",
           "description": "",
-          "name": "SbbHeaderActionCommonElementMixin",
+          "name": "SbbHeaderActionCommonElementMixinType",
           "members": [
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[unsafeCSS(style)]"
-            },
             {
               "kind": "field",
               "name": "expandFrom",
               "type": {
                 "text": "SbbHorizontalFrom"
               },
-              "privacy": "public",
-              "default": "'large'",
-              "description": "Used to set the minimum breakpoint from which the text is displayed.\nE.g. if set to 'large', the text will be visible for breakpoints large and ultra,\nand hidden for all the others. Ignored if no icon is set.",
-              "attribute": "expand-from",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
+              "privacy": "public"
             },
             {
               "kind": "field",
@@ -117436,11 +116953,494 @@
               },
               "privacy": "public",
               "static": true,
-              "default": "[SbbIconElement]",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "[SbbIconElement]"
+            },
+            {
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIconSlot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIconName",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_renderIconName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabledInteractive",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setupBaseEventHandlers",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Override this method to render the component template.",
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "ElementInternals['role'] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_textObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "finalizeStyles",
+              "privacy": "protected",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "CSSResultOrNative[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "_styles",
+                  "type": {
+                    "text": "CSSResultGroup"
+                  }
+                }
+              ],
+              "description": "Collects `styles` from every class in the prototype chain (using `Object.hasOwn`)\nand merges them in top-down order. This means each class/mixin only needs to declare\nits **own** styles — there is no need to reference `super.styles`.\n\nLit's default behaviour already walks the chain, but fails for mixins where\n`super.styles` resolves to the wrong class. This override fixes that.",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_slotchangeHandler",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                },
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChangeForSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_observeTextNodesInSlot",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hasSlottedContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbIconNameMixin",
+              "module": "icon.pure.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbActionBaseElement",
+            "module": "core.js"
+          },
+          "attributes": [
+            {
+              "name": "icon-name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "fieldName": "iconName",
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "SbbHeaderActionCommonElementMixin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "CSSResultGroup"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[unsafeCSS(style)]"
+            },
+            {
+              "kind": "field",
+              "name": "expandFrom",
+              "type": {
+                "text": "SbbHorizontalFrom"
+              },
+              "privacy": "public",
+              "default": "'large'",
+              "description": "Used to set the minimum breakpoint from which the text is displayed.\nE.g. if set to 'large', the text will be visible for breakpoints large and ultra,\nand hidden for all the others. Ignored if no icon is set.",
+              "attribute": "expand-from",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[]"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[SbbIconElement]",
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
             },
             {
               "kind": "field",
@@ -165987,22 +165987,15 @@
     },
     {
       "kind": "javascript-module",
-      "path": "train/train-formation/train-formation.component.js",
+      "path": "train/train-wagon/train-wagon.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a train composition, acting as a container for one or more `sbb-train` component.",
-          "name": "SbbTrainFormationElement",
-          "cssProperties": [
-            {
-              "description": "Defines the inline or block padding inside the horizontal or vertical scrolling area.",
-              "name": "--sbb-train-formation-scroll-padding",
-              "default": "var(--sbb-spacing-fixed-1x)"
-            }
-          ],
+          "description": "It displays a train compartment within a `sbb-train` component.",
+          "name": "SbbTrainWagonElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add 'sbb-train' elements to the `sbb-train-formation`.",
+              "description": "Use the unnamed slot to add one or more `sbb-icon` for meta-information of the wagon.",
               "name": ""
             }
           ],
@@ -166016,12 +166009,56 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-train-formation'",
+              "default": "'sbb-train-wagon'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[]"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[ SbbIconElement, SbbTimetableOccupancyIconElement, SbbDividerElement, ]",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "CSSResultGroup"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[unsafeCSS(style)]",
+              "inheritedFrom": {
+                "name": "SbbNamedSlotListMixin",
+                "module": "core/mixins/named-slot-list-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "wagonType",
+              "type": {
+                "text": "| 'wagon'\n      | 'wagon-end-left'\n      | 'wagon-end-right'\n      | 'couchette'\n      | 'sleeping'\n      | 'restaurant'\n      | 'locomotive'\n      | 'closed'"
+              },
+              "privacy": "public",
+              "default": "'wagon'",
+              "description": "Wagon type.\nFor `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.",
+              "attribute": "wagon-type",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
+            },
             {
               "kind": "field",
               "name": "listChildLocalNames",
@@ -166031,7 +166068,7 @@
               "privacy": "protected",
               "readonly": true,
               "description": "A list of lower-cased tag names to match against. (e.g. `sbb-link`)",
-              "default": "['sbb-train']",
+              "default": "['sbb-icon']",
               "inheritedFrom": {
                 "name": "SbbNamedSlotListMixin",
                 "module": "core/mixins/named-slot-list-mixin.js"
@@ -166039,107 +166076,213 @@
             },
             {
               "kind": "field",
-              "name": "view",
+              "name": "occupancy",
               "type": {
-                "text": "'side' | 'top'"
+                "text": "SbbOccupancy | null"
               },
               "privacy": "public",
-              "default": "'side'",
-              "description": "Whether the view of the wagons is from side or top perspective.",
-              "attribute": "view",
-              "reflects": true
+              "default": "null",
+              "description": "Occupancy of a wagon.",
+              "attribute": "occupancy",
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "sector",
               "type": {
-                "text": "SbbOrientation"
+                "text": "string"
               },
               "privacy": "public",
-              "default": "'horizontal'",
-              "description": "Orientation, either horizontal or vertical.",
-              "attribute": "orientation",
-              "reflects": true
+              "default": "''",
+              "description": "Sector in which the wagon stops.",
+              "attribute": "sector",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_sectors",
+              "name": "blockedPassage",
               "type": {
-                "text": "AggregatedSector[]"
+                "text": "'previous' | 'next' | 'both' | 'none'"
+              },
+              "privacy": "public",
+              "default": "'none'",
+              "description": "Accessibility text for blocked passages of the wagon.",
+              "attribute": "blocked-passage",
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "wagonClass",
+              "type": {
+                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+              },
+              "privacy": "public",
+              "default": "null",
+              "description": "Class label",
+              "attribute": "wagon-class",
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Wagon number",
+              "attribute": "label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "additionalAccessibilityText",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Additional accessibility text which will be appended to the end.",
+              "attribute": "additional-accessibility-text",
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_view",
+              "type": {
+                "text": "SbbTrainFormationElement['view'] | null"
               },
               "privacy": "private",
-              "default": "[]"
+              "default": "null",
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
             },
             {
               "kind": "field",
               "name": "_language",
               "privacy": "private",
-              "default": "new SbbLanguageController(this)"
+              "default": "new SbbLanguageController(this)",
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_clipStyleSheet",
+              "type": {
+                "text": "CSSStyleSheet | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_readDirectionLabel",
+              "name": "_sectorChanged",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "optional": true,
-                  "type": {
-                    "text": "Event"
-                  }
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_wagonTypeLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
                 }
-              ]
+              },
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_readSectors",
+              "name": "_wagonShape",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "optional": true,
-                  "type": {
-                    "text": "Event"
-                  }
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_classLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
                 }
-              ]
+              },
+              "inheritedFrom": {
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
+              }
             },
             {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[]"
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "privacy": "public",
-              "static": true,
-              "default": "[]",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbTrainWagonMixin",
+                "module": "train/train-wagon-common.js"
               }
             },
             {
               "kind": "field",
-              "name": "styles",
+              "name": "orientation",
               "type": {
-                "text": "CSSResultGroup"
+                "text": "SbbOrientation | null"
               },
-              "privacy": "public",
-              "static": true,
-              "default": "[screenReaderOnlyStyles]",
+              "privacy": "protected",
+              "default": "null",
               "inheritedFrom": {
-                "name": "SbbNamedSlotListMixin",
-                "module": "core/mixins/named-slot-list-mixin.js"
+                "name": "SbbTrainFormationOrientationMixin",
+                "module": "train/train-formation-orientation-mixin.js"
               }
             },
             {
@@ -166505,349 +166648,279 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "view",
-              "type": {
-                "text": "'side' | 'top'"
-              },
-              "default": "'side'",
-              "description": "Whether the view of the wagons is from side or top perspective.",
-              "fieldName": "view"
-            },
-            {
-              "name": "orientation",
-              "type": {
-                "text": "SbbOrientation"
-              },
-              "default": "'horizontal'",
-              "description": "Orientation, either horizontal or vertical.",
-              "fieldName": "orientation"
-            }
-          ],
           "mixins": [
             {
-              "name": "SbbNamedSlotListMixin",
-              "module": "core.js"
+              "name": "SbbTrainWagonMixin",
+              "module": "train/train-wagon-common.js"
             }
           ],
           "superclass": {
             "name": "SbbElement",
             "module": "core.js"
           },
-          "tagName": "sbb-train-formation",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbTrainFormationElement",
-          "declaration": {
-            "name": "SbbTrainFormationElement",
-            "module": "train/train-formation/train-formation.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "train/train-wagon/train-wagon.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays a train compartment within a `sbb-train` component.",
-          "name": "SbbTrainWagonElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add one or more `sbb-icon` for meta-information of the wagon.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-train-wagon'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[]"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[ SbbIconElement, SbbTimetableOccupancyIconElement, SbbDividerElement, ]",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[unsafeCSS(style)]",
-              "inheritedFrom": {
-                "name": "SbbNamedSlotListMixin",
-                "module": "core/mixins/named-slot-list-mixin.js"
-              }
-            },
+          "tagName": "sbb-train-wagon",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "field",
-              "name": "wagonType",
+              "name": "wagon-type",
               "type": {
                 "text": "| 'wagon'\n      | 'wagon-end-left'\n      | 'wagon-end-right'\n      | 'couchette'\n      | 'sleeping'\n      | 'restaurant'\n      | 'locomotive'\n      | 'closed'"
               },
-              "privacy": "public",
               "default": "'wagon'",
               "description": "Wagon type.\nFor `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.",
-              "attribute": "wagon-type",
-              "reflects": true,
+              "fieldName": "wagonType",
               "inheritedFrom": {
                 "name": "SbbTrainWagonMixin",
                 "module": "train/train-wagon-common.js"
               }
             },
             {
-              "kind": "field",
-              "name": "listChildLocalNames",
-              "type": {
-                "text": "array"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "description": "A list of lower-cased tag names to match against. (e.g. `sbb-link`)",
-              "default": "['sbb-icon']",
-              "inheritedFrom": {
-                "name": "SbbNamedSlotListMixin",
-                "module": "core/mixins/named-slot-list-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
               "name": "occupancy",
               "type": {
                 "text": "SbbOccupancy | null"
               },
-              "privacy": "public",
               "default": "null",
               "description": "Occupancy of a wagon.",
-              "attribute": "occupancy",
+              "fieldName": "occupancy",
               "inheritedFrom": {
                 "name": "SbbTrainWagonMixin",
                 "module": "train/train-wagon-common.js"
               }
             },
             {
-              "kind": "field",
               "name": "sector",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "default": "''",
               "description": "Sector in which the wagon stops.",
-              "attribute": "sector",
-              "reflects": true,
+              "fieldName": "sector",
               "inheritedFrom": {
                 "name": "SbbTrainWagonMixin",
                 "module": "train/train-wagon-common.js"
               }
             },
             {
-              "kind": "field",
-              "name": "blockedPassage",
+              "name": "blocked-passage",
               "type": {
                 "text": "'previous' | 'next' | 'both' | 'none'"
               },
-              "privacy": "public",
               "default": "'none'",
               "description": "Accessibility text for blocked passages of the wagon.",
-              "attribute": "blocked-passage",
+              "fieldName": "blockedPassage",
               "inheritedFrom": {
                 "name": "SbbTrainWagonMixin",
                 "module": "train/train-wagon-common.js"
               }
             },
             {
-              "kind": "field",
-              "name": "wagonClass",
+              "name": "wagon-class",
               "type": {
                 "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
               },
-              "privacy": "public",
               "default": "null",
               "description": "Class label",
-              "attribute": "wagon-class",
+              "fieldName": "wagonClass",
               "inheritedFrom": {
                 "name": "SbbTrainWagonMixin",
                 "module": "train/train-wagon-common.js"
               }
             },
             {
-              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "default": "''",
               "description": "Wagon number",
-              "attribute": "label",
-              "reflects": true,
+              "fieldName": "label",
               "inheritedFrom": {
                 "name": "SbbTrainWagonMixin",
                 "module": "train/train-wagon-common.js"
               }
             },
             {
-              "kind": "field",
-              "name": "additionalAccessibilityText",
+              "name": "additional-accessibility-text",
               "type": {
                 "text": "string"
               },
-              "privacy": "public",
               "default": "''",
               "description": "Additional accessibility text which will be appended to the end.",
-              "attribute": "additional-accessibility-text",
+              "fieldName": "additionalAccessibilityText",
               "inheritedFrom": {
                 "name": "SbbTrainWagonMixin",
                 "module": "train/train-wagon-common.js"
               }
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbTrainWagonElement",
+          "declaration": {
+            "name": "SbbTrainWagonElement",
+            "module": "train/train-wagon/train-wagon.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "train/train-formation/train-formation.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays a train composition, acting as a container for one or more `sbb-train` component.",
+          "name": "SbbTrainFormationElement",
+          "cssProperties": [
+            {
+              "description": "Defines the inline or block padding inside the horizontal or vertical scrolling area.",
+              "name": "--sbb-train-formation-scroll-padding",
+              "default": "var(--sbb-spacing-fixed-1x)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add 'sbb-train' elements to the `sbb-train-formation`.",
+              "name": ""
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "_view",
+              "name": "elementName",
               "type": {
-                "text": "SbbTrainFormationElement['view'] | null"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "null",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-train-formation'",
               "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_language",
-              "privacy": "private",
-              "default": "new SbbLanguageController(this)",
+              "name": "listChildLocalNames",
+              "type": {
+                "text": "array"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "description": "A list of lower-cased tag names to match against. (e.g. `sbb-link`)",
+              "default": "['sbb-train']",
               "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
+                "name": "SbbNamedSlotListMixin",
+                "module": "core/mixins/named-slot-list-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_clipStyleSheet",
+              "name": "view",
               "type": {
-                "text": "CSSStyleSheet | null"
+                "text": "'side' | 'top'"
               },
-              "privacy": "private",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
+              "privacy": "public",
+              "default": "'side'",
+              "description": "Whether the view of the wagons is from side or top perspective.",
+              "attribute": "view",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_sectorChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "SbbOrientation"
               },
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
+              "privacy": "public",
+              "default": "'horizontal'",
+              "description": "Orientation, either horizontal or vertical.",
+              "attribute": "orientation",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "_wagonTypeLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
+              "kind": "field",
+              "name": "_sectors",
+              "type": {
+                "text": "AggregatedSector[]"
               },
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
             },
             {
               "kind": "method",
-              "name": "_wagonShape",
+              "name": "_readDirectionLabel",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
+              "parameters": [
+                {
+                  "name": "event",
+                  "optional": true,
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_classLabel",
+              "name": "_readSectors",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
+              "parameters": [
+                {
+                  "name": "event",
+                  "optional": true,
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[]"
               },
+              "privacy": "public",
+              "static": true,
+              "default": "[]",
               "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "orientation",
+              "name": "styles",
               "type": {
-                "text": "SbbOrientation | null"
+                "text": "CSSResultGroup"
               },
-              "privacy": "protected",
-              "default": "null",
+              "privacy": "public",
+              "static": true,
+              "default": "[screenReaderOnlyStyles]",
               "inheritedFrom": {
-                "name": "SbbTrainFormationOrientationMixin",
-                "module": "train/train-formation-orientation-mixin.js"
+                "name": "SbbNamedSlotListMixin",
+                "module": "core/mixins/named-slot-list-mixin.js"
               }
             },
             {
@@ -167213,120 +167286,47 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbTrainWagonMixin",
-              "module": "train/train-wagon-common.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core.js"
-          },
-          "tagName": "sbb-train-wagon",
-          "customElement": true,
           "attributes": [
             {
-              "name": "wagon-type",
-              "type": {
-                "text": "| 'wagon'\n      | 'wagon-end-left'\n      | 'wagon-end-right'\n      | 'couchette'\n      | 'sleeping'\n      | 'restaurant'\n      | 'locomotive'\n      | 'closed'"
-              },
-              "default": "'wagon'",
-              "description": "Wagon type.\nFor `wagon-end-left` and `wagon-end-right`, please set the corresponding value of the `blockedPassage` property.",
-              "fieldName": "wagonType",
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
-            },
-            {
-              "name": "occupancy",
-              "type": {
-                "text": "SbbOccupancy | null"
-              },
-              "default": "null",
-              "description": "Occupancy of a wagon.",
-              "fieldName": "occupancy",
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
-            },
-            {
-              "name": "sector",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Sector in which the wagon stops.",
-              "fieldName": "sector",
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
-            },
-            {
-              "name": "blocked-passage",
-              "type": {
-                "text": "'previous' | 'next' | 'both' | 'none'"
-              },
-              "default": "'none'",
-              "description": "Accessibility text for blocked passages of the wagon.",
-              "fieldName": "blockedPassage",
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
-            },
-            {
-              "name": "wagon-class",
+              "name": "view",
               "type": {
-                "text": "| '1'\n      | '2'\n      | '1-2'\n      | '2-1'\n      | null"
+                "text": "'side' | 'top'"
               },
-              "default": "null",
-              "description": "Class label",
-              "fieldName": "wagonClass",
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
+              "default": "'side'",
+              "description": "Whether the view of the wagons is from side or top perspective.",
+              "fieldName": "view"
             },
             {
-              "name": "label",
+              "name": "orientation",
               "type": {
-                "text": "string"
+                "text": "SbbOrientation"
               },
-              "default": "''",
-              "description": "Wagon number",
-              "fieldName": "label",
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
-            },
+              "default": "'horizontal'",
+              "description": "Orientation, either horizontal or vertical.",
+              "fieldName": "orientation"
+            }
+          ],
+          "mixins": [
             {
-              "name": "additional-accessibility-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Additional accessibility text which will be appended to the end.",
-              "fieldName": "additionalAccessibilityText",
-              "inheritedFrom": {
-                "name": "SbbTrainWagonMixin",
-                "module": "train/train-wagon-common.js"
-              }
+              "name": "SbbNamedSlotListMixin",
+              "module": "core.js"
             }
-          ]
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core.js"
+          },
+          "tagName": "sbb-train-formation",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTrainWagonElement",
+          "name": "SbbTrainFormationElement",
           "declaration": {
-            "name": "SbbTrainWagonElement",
-            "module": "train/train-wagon/train-wagon.component.js"
+            "name": "SbbTrainFormationElement",
+            "module": "train/train-formation/train-formation.component.js"
           }
         }
       ]