@sbb-esta/lyne-elements 3.7.0 → 3.8.0

package/custom-elements.json

@@ -1861,6 +1861,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "tooltip.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tooltip/tooltip.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "train.js",
@@ -7795,6 +7810,14 @@
             "package": "./dom/breakpoint.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./dom/contains-pierce-shadow-dom.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -7827,6 +7850,14 @@
             "package": "./dom/platform.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./dom/queue-dom-content-loaded.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -7917,7 +7948,8 @@
           "type": {
             "text": "string[]"
           },
-          "default": "[ 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Billetkontrolle.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Hoehenrundweg-Gryden-Lenk.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Kaufmann-frau.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Corona-Schutzkonzept.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Digitale-Werbung-SBB.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Bahnhof-Luzern.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Einheitswagen-IV-EuroCity.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Einsatzstrecken_EW4-Eurocity.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Frau-No-Results.png', 'https://cdn.img.sbb.ch/content/dam/internet/lyne/Helpteaser-Background-Landscape.png', ]"
+          "default": "[ 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Billetkontrolle.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Hoehenrundweg-Gryden-Lenk.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Kaufmann-frau.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Corona-Schutzkonzept.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Digitale-Werbung-SBB.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Bahnhof-Luzern.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Einheitswagen-IV-EuroCity.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Einsatzstrecken_EW4-Eurocity.jpg', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Frau-No-Results.png', 'https://cdn.img.sbb.ch/content/dam/internet/externe-assets/lyne/Helpteaser-Background-Landscape.png', ]",
+          "description": "This demo pictures must not be used in production code.\nInternally we should only use them in stories."
         }
       ],
       "exports": [
@@ -8126,6 +8158,14 @@
             "package": "./overlay/overlay-option-panel.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./overlay/overlay-outside-pointer-event-listener.js"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -17290,6 +17330,51 @@
               "description": "The semantic level of the title, e.g. 2 = h2.",
               "attribute": "title-level"
             },
+            {
+              "kind": "field",
+              "name": "_darkModeController",
+              "privacy": "private",
+              "default": "new SbbDarkModeController(this, () => { for (const child of this.listChildren) { child.negative = this._isLightMode(); } })"
+            },
+            {
+              "kind": "method",
+              "name": "_isLightMode",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElementInternalsMixin",
+                "module": "core/mixins/element-internals-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "listChildren",
@@ -17454,6 +17539,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "SbbElementInternalsMixin",
+              "module": "core/mixins.js"
+            },
             {
               "name": "SbbNamedSlotListMixin",
               "module": "core/mixins.js"
@@ -20751,6 +20840,12 @@
               "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",
@@ -21431,6 +21526,12 @@
               "privacy": "private",
               "default": "new SbbLanguageController(this)"
             },
+            {
+              "kind": "field",
+              "name": "_darkModeController",
+              "privacy": "private",
+              "default": "new SbbDarkModeController(this, () => { this._syncSlottedElements(); this.requestUpdate(); })"
+            },
             {
               "kind": "method",
               "name": "open",
@@ -21530,21 +21631,13 @@
             },
             {
               "kind": "method",
-              "name": "_onActionSlotChange",
+              "name": "_syncSlottedElements",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
@@ -21575,6 +21668,16 @@
               },
               "description": "Since we do not stack toasts, we force the closing on other existing opened ones"
             },
+            {
+              "kind": "method",
+              "name": "_isLightMode",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "iconName",
@@ -22616,96 +22719,787 @@
             },
             {
               "kind": "method",
-              "name": "renderIconSlot",
+              "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"
+              }
+            }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
+              "name": "change"
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "description": "The input event fires when the value has been changed as a direct result of a user action.",
+              "name": "input"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "T | null"
+              },
+              "default": "null",
+              "description": "Value of the form element.",
+              "fieldName": "value"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'xs' | 's' | 'm'"
+              },
+              "description": "Size variant, either m, s or xs.",
+              "default": "'s' / 'xs' (lean)",
+              "fieldName": "size"
+            },
+            {
+              "name": "icon-name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'tick-small'",
+              "description": "The svg name for the true state - default -> 'tick-small'",
+              "fieldName": "iconName",
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "name": "label-position",
+              "type": {
+                "text": "'before' | 'after'"
+              },
+              "default": "'after'",
+              "description": "The label position relative to the toggle. Defaults to 'after'",
+              "fieldName": "labelPosition"
+            },
+            {
+              "name": "checked",
+              "description": "Whether the checkbox is checked.",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "checked",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedCheckboxMixin",
+                "module": "core/mixins/form-associated-checkbox-mixin.js"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Whether the component is disabled.",
+              "default": "false",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "disabled",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Whether the component is required.",
+              "type": {
+                "text": "boolean"
+              },
+              "fieldName": "required",
+              "inheritedFrom": {
+                "name": "SbbRequiredMixin",
+                "module": "core/mixins/required-mixin.js"
+              }
+            },
+            {
+              "name": "name",
+              "description": "Name of the form element. Will be read from name attribute.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbFormAssociatedCheckboxMixin",
+              "module": "core/mixins.js"
+            },
+            {
+              "name": "SbbIconNameMixin",
+              "module": "icon.js"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "classGenerics": "T = string",
+          "tagName": "sbb-toggle-check",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbToggleCheckElement",
+          "declaration": {
+            "name": "SbbToggleCheckElement",
+            "module": "toggle-check/toggle-check.component.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sbb-toggle-check",
+          "declaration": {
+            "name": "SbbToggleCheckElement",
+            "module": "toggle-check/toggle-check.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "tooltip/tooltip.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays text content within a tooltip.",
+          "name": "SbbTooltipElement",
+          "cssProperties": [
+            {
+              "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.",
+              "name": "--sbb-tooltip-z-index",
+              "default": "var(--sbb-overlay-default-z-index)"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add the text into the tooltip.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'tooltip'"
+            },
+            {
+              "kind": "field",
+              "name": "_tooltipOutlet",
+              "type": {
+                "text": "Element"
+              },
+              "privacy": "private",
+              "static": true
+            },
+            {
+              "kind": "field",
+              "name": "trigger",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "public",
+              "default": "null",
+              "description": "The element that will trigger the popover overlay.\n\nFor attribute usage, provide an id reference.",
+              "attribute": "trigger"
+            },
+            {
+              "kind": "field",
+              "name": "openDelay",
+              "privacy": "public",
+              "description": "Open the tooltip after a given delay in milliseconds.\nGlobal configuration is used as default, if not set.",
+              "default": "0",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "open-delay"
+            },
+            {
+              "kind": "field",
+              "name": "_openDelay",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "closeDelay",
+              "privacy": "public",
+              "description": "Close the tooltip after a given delay in milliseconds.\nGlobal configuration is used as default, if not set.",
+              "default": "0",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "close-delay"
+            },
+            {
+              "kind": "field",
+              "name": "_closeDelay",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "longPressCloseDelay",
+              "privacy": "public",
+              "description": "Automatically close the tooltip after it has been open by long press.\nGlobal configuration is used as default, if not set.",
+              "default": "1500",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "long-press-close-delay"
+            },
+            {
+              "kind": "field",
+              "name": "_longPressCloseDelay",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "overlay",
+              "type": {
+                "text": "HTMLDivElement | undefined"
+              },
+              "privacy": "protected"
+            },
+            {
+              "kind": "field",
+              "name": "_triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_triggerAbortController",
+              "type": {
+                "text": "AbortController | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_openStateController",
+              "type": {
+                "text": "AbortController"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_escapableOverlayController",
+              "privacy": "private",
+              "default": "new SbbEscapableOverlayController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_openTimeout",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_closeTimeout",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_longPressOpenTimeout",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_longPressCloseTimeout",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_initializeTooltipOutlet",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_findAndHandleTooltipTriggers",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "root",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_handleTooltipTrigger",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "triggerElement",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "open",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Opens the component.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "close",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Closes the component.",
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_delayedOpen",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleOpening",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_delayedClose",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleClosing",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onTooltipAnimationEnd",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "AnimationEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_attach",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "trigger",
+                  "type": {
+                    "text": "HTMLElement | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_detach",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_destroy",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setTooltipPosition",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_addTriggerEventHandlers",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_attachWindowEvents",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_isZeroAnimationDuration",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_resetOpenCloseTimeout",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Whether the component is disabled.",
+              "default": "false",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "#disabled",
+              "privacy": "private",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isDisabledExternally",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "state",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElementInternalsMixin",
+                "module": "core/mixins/element-internals-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
+              "type": {
+                "text": "{\n    beforeopen: 'beforeopen',\n    open: 'open',\n    beforeclose: 'beforeclose',\n    close: 'close',\n  }"
+              },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "state",
+              "privacy": "protected",
+              "description": "The state of the component.",
+              "type": {
+                "text": "SbbOpenedClosedState"
+              },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Whether the element is open.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchBeforeOpenEvent",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "boolean"
                 }
               },
-              "parameters": [
-                {
-                  "name": "classname",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchOpenEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
                 }
-              ],
+              },
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
-            }
-          ],
-          "events": [
+            },
             {
-              "type": {
-                "text": "Event"
+              "kind": "method",
+              "name": "dispatchBeforeCloseEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "description": "The change event is fired when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
-              "name": "change"
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
             },
             {
-              "type": {
-                "text": "InputEvent"
+              "kind": "method",
+              "name": "dispatchCloseEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "description": "The input event fires when the value has been changed as a direct result of a user action.",
-              "name": "input"
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "value",
+              "name": "trigger",
               "type": {
-                "text": "T | null"
+                "text": "HTMLElement | null"
               },
               "default": "null",
-              "description": "Value of the form element.",
-              "fieldName": "value"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'xs' | 's' | 'm'"
-              },
-              "description": "Size variant, either m, s or xs.",
-              "default": "'s' / 'xs' (lean)",
-              "fieldName": "size"
+              "description": "The element that will trigger the popover overlay.\n\nFor attribute usage, provide an id reference.",
+              "fieldName": "trigger"
             },
             {
-              "name": "icon-name",
+              "name": "open-delay",
+              "description": "Open the tooltip after a given delay in milliseconds.\nGlobal configuration is used as default, if not set.",
+              "default": "0",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'tick-small'",
-              "description": "The svg name for the true state - default -> 'tick-small'",
-              "fieldName": "iconName",
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
+              "fieldName": "openDelay"
             },
             {
-              "name": "label-position",
+              "name": "close-delay",
+              "description": "Close the tooltip after a given delay in milliseconds.\nGlobal configuration is used as default, if not set.",
+              "default": "0",
               "type": {
-                "text": "'before' | 'after'"
+                "text": "number"
               },
-              "default": "'after'",
-              "description": "The label position relative to the toggle. Defaults to 'after'",
-              "fieldName": "labelPosition"
+              "fieldName": "closeDelay"
             },
             {
-              "name": "checked",
-              "description": "Whether the checkbox is checked.",
+              "name": "long-press-close-delay",
+              "description": "Automatically close the tooltip after it has been open by long press.\nGlobal configuration is used as default, if not set.",
+              "default": "1500",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "fieldName": "checked",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedCheckboxMixin",
-                "module": "core/mixins/form-associated-checkbox-mixin.js"
-              }
+              "fieldName": "longPressCloseDelay"
             },
             {
               "name": "disabled",
@@ -22719,66 +23513,83 @@
                 "name": "SbbDisabledMixin",
                 "module": "core/mixins/disabled-mixin.js"
               }
-            },
+            }
+          ],
+          "mixins": [
             {
-              "name": "required",
-              "description": "Whether the component is required.",
+              "name": "SbbDisabledMixin",
+              "module": "core/mixins.js"
+            }
+          ],
+          "superclass": {
+            "name": "SbbOpenCloseBaseElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-tooltip",
+          "customElement": true,
+          "events": [
+            {
+              "name": "beforeopen",
               "type": {
-                "text": "boolean"
+                "text": "Event"
               },
-              "fieldName": "required",
+              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
               "inheritedFrom": {
-                "name": "SbbRequiredMixin",
-                "module": "core/mixins/required-mixin.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "name": "name",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "open",
               "type": {
-                "text": "string"
+                "text": "Event"
               },
-              "fieldName": "name",
+              "description": "Emits whenever the component is opened.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
-            }
-          ],
-          "mixins": [
+            },
             {
-              "name": "SbbFormAssociatedCheckboxMixin",
-              "module": "core/mixins.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": "SbbIconNameMixin",
-              "module": "icon.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"
+              }
             }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "classGenerics": "T = string",
-          "tagName": "sbb-toggle-check",
-          "customElement": true
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbToggleCheckElement",
+          "name": "SbbTooltipElement",
           "declaration": {
-            "name": "SbbToggleCheckElement",
-            "module": "toggle-check/toggle-check.component.js"
+            "name": "SbbTooltipElement",
+            "module": "tooltip/tooltip.component.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "sbb-toggle-check",
+          "name": "sbb-tooltip",
           "declaration": {
-            "name": "SbbToggleCheckElement",
-            "module": "toggle-check/toggle-check.component.js"
+            "name": "SbbTooltipElement",
+            "module": "tooltip/tooltip.component.js"
           }
         }
       ]
@@ -23125,6 +23936,12 @@
               "privacy": "private",
               "default": "new SbbLanguageController(this)"
             },
+            {
+              "kind": "field",
+              "name": "_darkModeController",
+              "privacy": "private",
+              "default": "new SbbDarkModeController(this, () => { this._syncLinks(); this._configureTitle(); this.requestUpdate(); })"
+            },
             {
               "kind": "method",
               "name": "open",
@@ -23233,6 +24050,16 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "_isLightMode",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "renderIconSlot",
@@ -37992,6 +38819,15 @@
               "privacy": "private",
               "default": "new SbbLanguageController(this)"
             },
+            {
+              "kind": "field",
+              "name": "_requestedPageIndexByPaginator",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1"
+            },
             {
               "kind": "method",
               "name": "_handleSlotchange",
@@ -38223,16 +39059,6 @@
               "privacy": "private",
               "default": "0"
             },
-            {
-              "kind": "field",
-              "name": "_carouselItems",
-              "type": {
-                "text": "SbbCarouselItemElement[]"
-              },
-              "privacy": "private",
-              "description": "Gets the slotted items.",
-              "readonly": true
-            },
             {
               "kind": "field",
               "name": "_language",
@@ -38243,13 +39069,24 @@
               "kind": "field",
               "name": "_beforeShowObserver",
               "privacy": "private",
-              "default": "new IntersectionController(this, { callback: (entry) => { const item = entry.filter((e) => e.isIntersecting && e.target !== this); item.forEach((e) => { const target = e.target as SbbCarouselItemElement; target.dispatchEvent( new CustomEvent<SbbCarouselItemEventDetail>('beforeshow', { detail: { index: this._carouselItems.findIndex((e) => e === target) }, bubbles: true, composed: true, }), ); }); }, config: { threshold: 0.01, root: this, rootMargin: '100% 0% 100% 0%' }, })"
+              "default": "new IntersectionController(this, { callback: (entry) => { const item = entry.filter((e) => e.isIntersecting && e.target !== this); item.forEach((e) => { const target = e.target as SbbCarouselItemElement; target.dispatchEvent( new CustomEvent<SbbCarouselItemEventDetail>('beforeshow', { detail: { index: this._carouselItems().findIndex((e) => e === target) }, bubbles: true, composed: true, }), ); }); }, config: { threshold: 0.01, root: this, rootMargin: '100% 0% 100% 0%' }, })"
             },
             {
               "kind": "field",
               "name": "_showObserver",
               "privacy": "private",
-              "default": "new IntersectionController(this, { callback: (entryArr) => { const entries = entryArr.filter((e) => e.target !== this); entries .filter((e) => !e.isIntersecting) .forEach((e) => ((e.target as SbbCarouselItemElement).ariaHidden = 'true')); entries .filter((e) => e.isIntersecting) .forEach((e) => { const target = e.target as SbbCarouselItemElement; target.ariaHidden = 'false'; this._currentIndex = this._carouselItems.findIndex((e) => e === target); target.dispatchEvent( new CustomEvent<SbbCarouselItemEventDetail>('show', { detail: { index: this._currentIndex }, bubbles: true, composed: true, }), ); }); }, config: { threshold: 0.99, root: this, rootMargin: '100% 0% 100% 0%' }, })"
+              "default": "new IntersectionController(this, { callback: (entryArr) => { for (const entry of entryArr) { if (entry.target === this) { continue; } const target = entry.target as SbbCarouselItemElement; if (entry.isIntersecting) { target.ariaHidden = null; this._currentIndex = this._carouselItems().findIndex((el) => el === target); target.dispatchEvent( new CustomEvent<SbbCarouselItemEventDetail>('show', { detail: { index: this._currentIndex }, bubbles: true, composed: true, }), ); } else { target.ariaHidden = 'true'; } } }, config: { threshold: 0.99, root: this, rootMargin: '100% 0% 100% 0%' }, })"
+            },
+            {
+              "kind": "method",
+              "name": "_carouselItems",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SbbCarouselItemElement[]"
+                }
+              },
+              "description": "Gets the slotted items."
             },
             {
               "kind": "method",
@@ -46341,6 +47178,14 @@
           },
           "default": "'(forced-colors: active)'"
         },
+        {
+          "kind": "variable",
+          "name": "SbbMediaQueryDarkMode",
+          "type": {
+            "text": "string"
+          },
+          "default": "'(prefers-color-scheme: dark)'"
+        },
         {
           "kind": "variable",
           "name": "SbbMediaQueryHover",
@@ -46418,6 +47263,119 @@
               }
             }
           ]
+        },
+        {
+          "kind": "class",
+          "description": "A specialized version of the SbbMediaMatcherController, which\ntakes the color-scheme CSS property into account when determining\nthe dark mode state and updates a :state(dark) on the host.",
+          "name": "SbbDarkModeController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_currentMode",
+              "type": {
+                "text": "'light-dark' | 'light' | 'dark' | null"
+              },
+              "privacy": "private",
+              "static": true,
+              "description": "The current mode based on the class attribute of the <html> element."
+            },
+            {
+              "kind": "field",
+              "name": "_observer",
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "description": "MutationObserver that observes the \"class\" attribute of the <html> element."
+            },
+            {
+              "kind": "field",
+              "name": "_observerConfig",
+              "type": {
+                "text": "object"
+              },
+              "privacy": "private",
+              "static": true,
+              "readonly": true,
+              "default": "{ attributeFilter: ['class'], attributeOldValue: true, }"
+            },
+            {
+              "kind": "field",
+              "name": "_onChangeWithStateUpdater",
+              "type": {
+                "text": "() => void"
+              },
+              "privacy": "private",
+              "readonly": true,
+              "default": "onChangeWithStateUpdater"
+            },
+            {
+              "kind": "method",
+              "name": "_readLightDarkClass",
+              "privacy": "private",
+              "static": true,
+              "return": {
+                "type": {
+                  "text": "'light-dark' | 'light' | 'dark' | null"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbMediaMatcherController",
+                "module": "core/controllers/media-matchers-controller.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbMediaMatcherController",
+                "module": "core/controllers/media-matchers-controller.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "matches",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "query",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "The query to check against."
+                }
+              ],
+              "description": "Returns whether the given query matches. Returns null with SSR.",
+              "inheritedFrom": {
+                "name": "SbbMediaMatcherController",
+                "module": "core/controllers/media-matchers-controller.js"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbMediaMatcherController",
+            "module": "core/controllers/media-matchers-controller.js"
+          }
         }
       ],
       "exports": [
@@ -46429,6 +47387,14 @@
             "module": "core/controllers/media-matchers-controller.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "SbbMediaQueryDarkMode",
+          "declaration": {
+            "name": "SbbMediaQueryDarkMode",
+            "module": "core/controllers/media-matchers-controller.js"
+          }
+        },
         {
           "kind": "js",
           "name": "SbbMediaQueryHover",
@@ -46476,6 +47442,14 @@
             "name": "SbbMediaMatcherController",
             "module": "core/controllers/media-matchers-controller.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "SbbDarkModeController",
+          "declaration": {
+            "name": "SbbDarkModeController",
+            "module": "core/controllers/media-matchers-controller.js"
+          }
         }
       ]
     },
@@ -48446,6 +49420,46 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "core/dom/contains-pierce-shadow-dom.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "containsPierceShadowDom",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "parameters": [
+            {
+              "name": "root",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "name": "child",
+              "type": {
+                "text": "HTMLElement | null"
+              }
+            }
+          ],
+          "description": "Equivalent to `Element.contains` while piercing shadow DOM."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "containsPierceShadowDom",
+          "declaration": {
+            "name": "containsPierceShadowDom",
+            "module": "core/dom/contains-pierce-shadow-dom.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "core/dom/host-context.js",
@@ -48687,6 +49701,40 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "core/dom/queue-dom-content-loaded.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "queueDomContentLoaded",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "action",
+              "type": {
+                "text": "() => void"
+              }
+            }
+          ],
+          "description": "Postpone 'action' after the DOM is loaded."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "queueDomContentLoaded",
+          "declaration": {
+            "name": "queueDomContentLoaded",
+            "module": "core/dom/queue-dom-content-loaded.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "core/dom/scroll.js",
@@ -48816,6 +49864,72 @@
             }
           ],
           "description": "Set the attribute only if value is not 'false', otherwise remove attribute."
+        },
+        {
+          "kind": "function",
+          "name": "addToListAttribute",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "description": "The element that will have the attribute"
+            },
+            {
+              "name": "attribute",
+              "type": {
+                "text": "string"
+              },
+              "description": "The attribute name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value to add"
+            }
+          ],
+          "description": "Add `value` to an attribute that accept a list of values. If the attribute is not set, it will be set to `value`."
+        },
+        {
+          "kind": "function",
+          "name": "removeFromListAttribute",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "element",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "description": "The element with the attribute"
+            },
+            {
+              "name": "attribute",
+              "type": {
+                "text": "string"
+              },
+              "description": "The attribute name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The value to remove from the list"
+            }
+          ],
+          "description": "Remove `value` from an attribute list of values. If the attribute results empty, it will be removed."
         }
       ],
       "exports": [
@@ -48826,6 +49940,22 @@
             "name": "setOrRemoveAttribute",
             "module": "core/dom/set-or-remove-attribute.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "addToListAttribute",
+          "declaration": {
+            "name": "addToListAttribute",
+            "module": "core/dom/set-or-remove-attribute.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "removeFromListAttribute",
+          "declaration": {
+            "name": "removeFromListAttribute",
+            "module": "core/dom/set-or-remove-attribute.js"
+          }
         }
       ]
     },
@@ -57153,6 +58283,131 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "core/overlay/overlay-outside-pointer-event-listener.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Listens globally to pointer events that happen outside the overlay area.\n\nRef: https://github.com/angular/components/blob/main/src/cdk/overlay/dispatchers/overlay-outside-click-dispatcher.ts",
+          "name": "SbbOverlayOutsidePointerEventListener",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_overlays",
+              "privacy": "private",
+              "default": "new Set<HTMLElement>()"
+            },
+            {
+              "kind": "field",
+              "name": "_pointerDownEventTarget",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_abortController",
+              "type": {
+                "text": "AbortController | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_cursorOriginalValue",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "connect",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "overlay",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "disconnect",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "overlay",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_addGlobalEventListeners",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_pointerDownListener",
+              "privacy": "private",
+              "description": "Store pointerdown event target to track origin of click."
+            },
+            {
+              "kind": "field",
+              "name": "_clickListener",
+              "privacy": "private",
+              "description": "Click event listener that will be attached to the body propagate phase."
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "sbbOverlayOutsidePointerEventListener",
+          "default": "new SbbOverlayOutsidePointerEventListener()",
+          "description": "The global instance for listening for outside pointer events."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbOverlayOutsidePointerEventListener",
+          "declaration": {
+            "name": "SbbOverlayOutsidePointerEventListener",
+            "module": "core/overlay/overlay-outside-pointer-event-listener.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "sbbOverlayOutsidePointerEventListener",
+          "declaration": {
+            "name": "sbbOverlayOutsidePointerEventListener",
+            "module": "core/overlay/overlay-outside-pointer-event-listener.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "core/overlay/overlay-trigger-attributes.js",
@@ -63156,6 +64411,12 @@
               "default": "var(--sbb-overlay-default-z-index)"
             }
           ],
+          "cssParts": [
+            {
+              "description": "Can be used to change styles of the scroll container of the content.",
+              "name": "scroll-container"
+            }
+          ],
           "slots": [
             {
               "description": "This slot is used for the actions, the slot is automatically assigned to the `sbb-dialog-actions` element.",
@@ -80364,6 +81625,12 @@
               "privacy": "private",
               "default": "new SbbMediaMatcherController(this, { [SbbMediaQueryBreakpointSmallAndBelow]: (matches) => { if (matches && (this.state === 'opening' || this.state === 'opened')) { this._scrollHandler.disableScroll(); } else { this._scrollHandler.enableScroll(); } }, })"
             },
+            {
+              "kind": "field",
+              "name": "_darkModeController",
+              "privacy": "private",
+              "default": "new SbbDarkModeController(this, () => this._syncNegative())"
+            },
             {
               "kind": "method",
               "name": "open",
@@ -80555,6 +81822,16 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "_syncNegative",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "field",
               "name": "listChildren",