@sbb-esta/lyne-elements-dev 4.7.0-dev.1773483332 → 4.7.0-dev.1773611368

package/custom-elements.json

@@ -26464,6 +26464,96 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/common.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "sidebar/common/styles.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar-close-button.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "sidebar/sidebar-close-button/sidebar-close-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar-container.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "sidebar/sidebar-container/sidebar-container.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar-content.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "sidebar/sidebar-content/sidebar-content.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar-title.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "sidebar/sidebar-title/sidebar-title.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "sidebar/sidebar/sidebar.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "signet/signet.component.js",
@@ -26663,96 +26753,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/common.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "sidebar/common/styles.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar-close-button.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "sidebar/sidebar-close-button/sidebar-close-button.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar-container.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "sidebar/sidebar-container/sidebar-container.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar-content.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "sidebar/sidebar-content/sidebar-content.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar-title.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "sidebar/sidebar-title/sidebar-title.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "sidebar/sidebar.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "sidebar/sidebar/sidebar.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "skiplink-list/skiplink-list.component.js",
@@ -30977,46 +30977,459 @@
     },
     {
       "kind": "javascript-module",
-      "path": "title/title-base.js",
+      "path": "timetable-occupancy-icon/timetable-occupancy-icon.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a title with a heading role.",
-          "name": "SbbTitleBase",
+          "description": "It displays a wagon's occupancy icon.",
+          "name": "SbbTimetableOccupancyIconElement",
           "members": [
             {
               "kind": "field",
-              "name": "role",
+              "name": "elementName",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
               "static": true,
-              "default": "'heading'"
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "'sbb-timetable-occupancy-icon'"
             },
             {
               "kind": "field",
-              "name": "level",
+              "name": "occupancy",
               "type": {
-                "text": "SbbTitleLevel"
+                "text": "SbbOccupancy"
               },
               "privacy": "public",
-              "default": "'1'",
-              "description": "Title level",
-              "attribute": "level",
-              "reflects": true
+              "default": "'none'",
+              "description": "Wagon occupancy.",
+              "attribute": "occupancy"
             },
             {
               "kind": "field",
-              "name": "visualLevel",
+              "name": "_language",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_mediaMatcher",
+              "privacy": "private",
+              "default": "new SbbMediaMatcherController(this, { [SbbMediaQueryForcedColors]: (matches) => { this._forcedColors = matches; this._setNameAndAriaLabel(); }, })"
+            },
+            {
+              "kind": "field",
+              "name": "_darkModeController",
+              "privacy": "private",
+              "default": "new SbbDarkModeController(this, () => this._setNameAndAriaLabel())"
+            },
+            {
+              "kind": "field",
+              "name": "_forcedColors",
               "type": {
-                "text": "SbbTitleLevel | null"
+                "text": "boolean"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_setNameAndAriaLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "fetchSvgIcon",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<string>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "namespace",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setAriaLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "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": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'img'",
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_svgNamespace",
+              "privacy": "private",
+              "default": "'default'",
+              "type": {
+                "text": "string"
+              },
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_svgIcon",
+              "type": {
+                "text": "Promise<DirectiveResult<typeof UnsafeHTMLDirective>> | null"
+              },
+              "privacy": "private",
               "default": "null",
-              "description": "Visual level for the title.",
-              "attribute": "visual-level",
-              "reflects": true
+              "description": "The icon svg content rendered on the page: <svg>...</svg>.",
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "noSanitize",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "When set to `true`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `<script>` elements, or any attributes\nthat start with `on`, such as `onclick`.",
+              "attribute": "no-sanitize",
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "loadSvgIcon",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "iconName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_splitIconName",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "[string, string]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "iconName",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "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": "SbbElementInternalsMixin",
+                "module": "core/mixins/element-internals-mixin.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": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "occupancy",
+              "type": {
+                "text": "SbbOccupancy"
+              },
+              "default": "'none'",
+              "description": "Wagon occupancy.",
+              "fieldName": "occupancy"
+            },
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
+            {
+              "name": "no-sanitize",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set to `true`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `<script>` elements, or any attributes\nthat start with `on`, such as `onclick`.",
+              "fieldName": "noSanitize",
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbNegativeMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbIconBase",
+            "module": "icon.js"
+          },
+          "tagName": "sbb-timetable-occupancy-icon",
+          "customElement": true,
+          "cssProperties": [
+            {
+              "description": "Can be used to set a custom width.",
+              "name": "--sbb-icon-svg-width",
+              "default": "auto",
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            },
+            {
+              "description": "Can be used to set a custom height.",
+              "name": "--sbb-icon-svg-height",
+              "default": "auto",
+              "inheritedFrom": {
+                "name": "SbbIconBase",
+                "module": "icon/icon-base.js"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbTimetableOccupancyIconElement",
+          "declaration": {
+            "name": "SbbTimetableOccupancyIconElement",
+            "module": "timetable-occupancy-icon/timetable-occupancy-icon.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "title/title-base.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays a title with a heading role.",
+          "name": "SbbTitleBase",
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "'heading'"
+            },
+            {
+              "kind": "field",
+              "name": "level",
+              "type": {
+                "text": "SbbTitleLevel"
+              },
+              "privacy": "public",
+              "default": "'1'",
+              "description": "Title level",
+              "attribute": "level",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "visualLevel",
+              "type": {
+                "text": "SbbTitleLevel | null"
+              },
+              "privacy": "public",
+              "default": "null",
+              "description": "Visual level for the title.",
+              "attribute": "visual-level",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -32018,531 +32431,118 @@
           ],
           "attributes": [
             {
-              "name": "timeout",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The length of time in milliseconds to wait before automatically dismissing the toast.\nIf 0 (default), it stays open indefinitely.\nFrom accessibility perspective, it is recommended to set a timeout of at least 20 seconds.",
-              "fieldName": "timeout"
-            },
-            {
-              "name": "position",
-              "type": {
-                "text": "SbbToastPosition"
-              },
-              "default": "'bottom-center'",
-              "description": "The position where to place the toast.",
-              "fieldName": "position"
-            },
-            {
-              "name": "politeness",
-              "type": {
-                "text": "'polite' | 'assertive' | 'off'"
-              },
-              "default": "'polite'",
-              "description": "The ARIA politeness level.\nCheck https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions for further info",
-              "fieldName": "politeness"
-            },
-            {
-              "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"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "Whether the component is readonly.",
-              "default": "false",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "SbbReadonlyMixin",
-                "module": "core/mixins/readonly-mixin.js"
-              }
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbIconNameMixin",
-              "module": "icon.js"
-            },
-            {
-              "name": "SbbReadonlyMixin",
-              "module": "core/mixins.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbOpenCloseBaseElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-toast",
-          "customElement": true,
-          "events": [
-            {
-              "name": "beforeopen",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component is opened.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "beforeclose",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "name": "close",
-              "type": {
-                "text": "Event"
-              },
-              "description": "Emits whenever the component is closed.",
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbToastElement",
-          "declaration": {
-            "name": "SbbToastElement",
-            "module": "toast/toast.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "timetable-occupancy-icon/timetable-occupancy-icon.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays a wagon's occupancy icon.",
-          "name": "SbbTimetableOccupancyIconElement",
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-timetable-occupancy-icon'"
-            },
-            {
-              "kind": "field",
-              "name": "occupancy",
-              "type": {
-                "text": "SbbOccupancy"
-              },
-              "privacy": "public",
-              "default": "'none'",
-              "description": "Wagon occupancy.",
-              "attribute": "occupancy"
-            },
-            {
-              "kind": "field",
-              "name": "_language",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_mediaMatcher",
-              "privacy": "private",
-              "default": "new SbbMediaMatcherController(this, { [SbbMediaQueryForcedColors]: (matches) => { this._forcedColors = matches; this._setNameAndAriaLabel(); }, })"
-            },
-            {
-              "kind": "field",
-              "name": "_darkModeController",
-              "privacy": "private",
-              "default": "new SbbDarkModeController(this, () => this._setNameAndAriaLabel())"
-            },
-            {
-              "kind": "field",
-              "name": "_forcedColors",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_setNameAndAriaLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "fetchSvgIcon",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "Promise<string>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "namespace",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_setAriaLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "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": "role",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'img'",
-              "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_svgNamespace",
-              "privacy": "private",
-              "default": "'default'",
-              "type": {
-                "text": "string"
-              },
-              "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_svgIcon",
-              "type": {
-                "text": "Promise<DirectiveResult<typeof UnsafeHTMLDirective>> | null"
-              },
-              "privacy": "private",
-              "default": "null",
-              "description": "The icon svg content rendered on the page: <svg>...</svg>.",
-              "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "noSanitize",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "When set to `true`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `<script>` elements, or any attributes\nthat start with `on`, such as `onclick`.",
-              "attribute": "no-sanitize",
-              "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "loadSvgIcon",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "iconName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_splitIconName",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "[string, string]"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "iconName",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "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": "SbbElementInternalsMixin",
-                "module": "core/mixins/element-internals-mixin.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": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "occupancy",
+              "name": "timeout",
               "type": {
-                "text": "SbbOccupancy"
+                "text": "number"
               },
-              "default": "'none'",
-              "description": "Wagon occupancy.",
-              "fieldName": "occupancy"
+              "default": "0",
+              "description": "The length of time in milliseconds to wait before automatically dismissing the toast.\nIf 0 (default), it stays open indefinitely.\nFrom accessibility perspective, it is recommended to set a timeout of at least 20 seconds.",
+              "fieldName": "timeout"
             },
             {
-              "name": "negative",
+              "name": "position",
               "type": {
-                "text": "boolean"
+                "text": "SbbToastPosition"
               },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
+              "default": "'bottom-center'",
+              "description": "The position where to place the toast.",
+              "fieldName": "position"
+            },
+            {
+              "name": "politeness",
+              "type": {
+                "text": "'polite' | 'assertive' | 'off'"
+              },
+              "default": "'polite'",
+              "description": "The ARIA politeness level.\nCheck https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions#live_regions for further info",
+              "fieldName": "politeness"
+            },
+            {
+              "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": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "name": "no-sanitize",
+              "name": "readonly",
+              "description": "Whether the component is readonly.",
+              "default": "false",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "When set to `true`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `<script>` elements, or any attributes\nthat start with `on`, such as `onclick`.",
-              "fieldName": "noSanitize",
+              "fieldName": "readOnly",
               "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
+                "name": "SbbReadonlyMixin",
+                "module": "core/mixins/readonly-mixin.js"
               }
             }
           ],
           "mixins": [
             {
-              "name": "SbbNegativeMixin",
+              "name": "SbbIconNameMixin",
+              "module": "icon.js"
+            },
+            {
+              "name": "SbbReadonlyMixin",
               "module": "core/mixins.js"
             }
           ],
           "superclass": {
-            "name": "SbbIconBase",
-            "module": "icon.js"
+            "name": "SbbOpenCloseBaseElement",
+            "module": "core/base-elements.js"
           },
-          "tagName": "sbb-timetable-occupancy-icon",
+          "tagName": "sbb-toast",
           "customElement": true,
-          "cssProperties": [
+          "events": [
             {
-              "description": "Can be used to set a custom width.",
-              "name": "--sbb-icon-svg-width",
-              "default": "auto",
+              "name": "beforeopen",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
               "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "description": "Can be used to set a custom height.",
-              "name": "--sbb-icon-svg-height",
-              "default": "auto",
+              "name": "open",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits whenever the component is opened.",
               "inheritedFrom": {
-                "name": "SbbIconBase",
-                "module": "icon/icon-base.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "name": "beforeclose",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "name": "close",
+              "type": {
+                "text": "Event"
+              },
+              "description": "Emits whenever the component is closed.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             }
           ]
@@ -32551,10 +32551,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbTimetableOccupancyIconElement",
+          "name": "SbbToastElement",
           "declaration": {
-            "name": "SbbTimetableOccupancyIconElement",
-            "module": "timetable-occupancy-icon/timetable-occupancy-icon.component.js"
+            "name": "SbbToastElement",
+            "module": "toast/toast.component.js"
           }
         }
       ]
@@ -116764,15 +116764,15 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-title/sidebar-title.component.js",
+      "path": "sidebar/sidebar-content/sidebar-content.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.",
-          "name": "SbbSidebarTitleElement",
+          "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
+          "name": "SbbSidebarContentElement",
           "slots": [
             {
-              "description": "Use the unnamed slot for the content of the sidebar-title.",
+              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
               "name": ""
             }
           ],
@@ -116786,56 +116786,10 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
+              "default": "'sbb-sidebar-content'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-sidebar-title'"
-            },
-            {
-              "kind": "field",
-              "name": "level",
-              "type": {
-                "text": "SbbTitleLevel"
-              },
-              "privacy": "public",
-              "default": "'2'",
-              "description": "Title level",
-              "attribute": "level",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "visualLevel",
-              "type": {
-                "text": "SbbTitleLevel | null"
-              },
-              "privacy": "public",
-              "default": "'5'",
-              "description": "Visual level for the title.",
-              "attribute": "visual-level",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "'heading'",
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
               }
             },
             {
@@ -116944,64 +116898,36 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "level",
-              "type": {
-                "text": "SbbTitleLevel"
-              },
-              "default": "'2'",
-              "description": "Title level",
-              "fieldName": "level",
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            },
-            {
-              "name": "visual-level",
-              "type": {
-                "text": "SbbTitleLevel | null"
-              },
-              "default": "null",
-              "description": "Visual level for the title.",
-              "fieldName": "visualLevel",
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            }
-          ],
           "superclass": {
-            "name": "SbbTitleBase",
-            "module": "title.js"
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
           },
-          "tagName": "sbb-sidebar-title",
+          "tagName": "sbb-sidebar-content",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarTitleElement",
+          "name": "SbbSidebarContentElement",
           "declaration": {
-            "name": "SbbSidebarTitleElement",
-            "module": "sidebar/sidebar-title/sidebar-title.component.js"
+            "name": "SbbSidebarContentElement",
+            "module": "sidebar/sidebar-content/sidebar-content.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-content/sidebar-content.component.js",
+      "path": "sidebar/sidebar-title/sidebar-title.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
-          "name": "SbbSidebarContentElement",
+          "description": "It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.",
+          "name": "SbbSidebarTitleElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
+              "description": "Use the unnamed slot for the content of the sidebar-title.",
               "name": ""
             }
           ],
@@ -117015,10 +116941,56 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-sidebar-content'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
+              },
+              "default": "'sbb-sidebar-title'"
+            },
+            {
+              "kind": "field",
+              "name": "level",
+              "type": {
+                "text": "SbbTitleLevel"
+              },
+              "privacy": "public",
+              "default": "'2'",
+              "description": "Title level",
+              "attribute": "level",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "visualLevel",
+              "type": {
+                "text": "SbbTitleLevel | null"
+              },
+              "privacy": "public",
+              "default": "'5'",
+              "description": "Visual level for the title.",
+              "attribute": "visual-level",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "'heading'",
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
               }
             },
             {
@@ -117127,21 +117099,49 @@
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "level",
+              "type": {
+                "text": "SbbTitleLevel"
+              },
+              "default": "'2'",
+              "description": "Title level",
+              "fieldName": "level",
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
+            },
+            {
+              "name": "visual-level",
+              "type": {
+                "text": "SbbTitleLevel | null"
+              },
+              "default": "null",
+              "description": "Visual level for the title.",
+              "fieldName": "visualLevel",
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
+            }
+          ],
           "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
+            "name": "SbbTitleBase",
+            "module": "title.js"
           },
-          "tagName": "sbb-sidebar-content",
+          "tagName": "sbb-sidebar-title",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarContentElement",
+          "name": "SbbSidebarTitleElement",
           "declaration": {
-            "name": "SbbSidebarContentElement",
-            "module": "sidebar/sidebar-content/sidebar-content.component.js"
+            "name": "SbbSidebarTitleElement",
+            "module": "sidebar/sidebar-title/sidebar-title.component.js"
           }
         }
       ]