@sbb-esta/lyne-elements 4.11.0 → 4.12.1

package/custom-elements.json

@@ -3951,7 +3951,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "Base class for autocomplete components.",
           "name": "SbbAutocompleteBaseElement",
           "members": [
             {
@@ -4129,9 +4129,9 @@
             },
             {
               "kind": "field",
-              "name": "_originResizeObserver",
+              "name": "_resizeObserver",
               "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => { if (this.state === 'opened') { this._setOverlayPosition(); } }, })"
+              "default": "new ResizeController(this, { target: null, skipInitial: true, // This is an IIFE, because we need to keep track of the timeout state // for debouncing the resize callbacks. callback: (() => { let timeoutId: ReturnType<typeof setTimeout>; return () => { clearTimeout(timeoutId); timeoutId = setTimeout(() => this._setOverlayPosition(), 10); }; })(), })"
             },
             {
               "kind": "field",
@@ -4195,6 +4195,14 @@
               "privacy": "private",
               "default": "0"
             },
+            {
+              "kind": "field",
+              "name": "_previousElements",
+              "type": {
+                "text": "Element[] | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_lastUserInput",
@@ -4881,6 +4889,66 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the autocomplete's trigger 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  on the autocomplete's trigger when the value has been changed as a direct result of a user action.",
+              "name": "input"
+            },
+            {
+              "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"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "origin",
@@ -4987,53 +5055,7 @@
             "name": "SbbOpenCloseBaseElement",
             "module": "core/base-elements.js"
           },
-          "classGenerics": "T = string",
-          "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"
-              }
-            }
-          ]
+          "classGenerics": "T = string"
         }
       ],
       "exports": [
@@ -5486,9 +5508,9 @@
             },
             {
               "kind": "field",
-              "name": "_originResizeObserver",
+              "name": "_resizeObserver",
               "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => { if (this.state === 'opened') { this._setOverlayPosition(); } }, })",
+              "default": "new ResizeController(this, { target: null, skipInitial: true, // This is an IIFE, because we need to keep track of the timeout state // for debouncing the resize callbacks. callback: (() => { let timeoutId: ReturnType<typeof setTimeout>; return () => { clearTimeout(timeoutId); timeoutId = setTimeout(() => this._setOverlayPosition(), 10); }; })(), })",
               "inheritedFrom": {
                 "name": "SbbAutocompleteBaseElement",
                 "module": "autocomplete/autocomplete-base-element.js"
@@ -5588,6 +5610,18 @@
                 "module": "autocomplete/autocomplete-base-element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_previousElements",
+              "type": {
+                "text": "Element[] | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbAutocompleteBaseElement",
+                "module": "autocomplete/autocomplete-base-element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_lastUserInput",
@@ -6370,6 +6404,28 @@
             }
           ],
           "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the autocomplete's trigger 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": "SbbAutocompleteBaseElement",
+                "module": "autocomplete/autocomplete-base-element.js"
+              }
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "description": "The input event fires  on the autocomplete's trigger when the value has been changed as a direct result of a user action.",
+              "name": "input",
+              "inheritedFrom": {
+                "name": "SbbAutocompleteBaseElement",
+                "module": "autocomplete/autocomplete-base-element.js"
+              }
+            },
             {
               "name": "beforeopen",
               "type": {
@@ -19755,6 +19811,12 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_resizeController",
+              "privacy": "private",
+              "default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })"
+            },
             {
               "kind": "field",
               "name": "_escapableOverlayController",
@@ -20683,6 +20745,16 @@
                 "module": "popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_resizeController",
+              "privacy": "private",
+              "default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })",
+              "inheritedFrom": {
+                "name": "SbbPopoverBaseElement",
+                "module": "popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_escapableOverlayController",
@@ -69416,7 +69488,8 @@
                 "text": "number"
               }
             }
-          ]
+          ],
+          "deprecated": "true"
         }
       ],
       "exports": [
@@ -78273,7 +78346,7 @@
         },
         {
           "kind": "class",
-          "description": "",
+          "description": "Base component for datepicker's buttons.",
           "name": "SbbDatepickerButtonBase",
           "members": [
             {
@@ -79046,6 +79119,22 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the datepicker's input 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 on the datepicker's input when the value has been changed as a direct result of a user action.",
+              "name": "input"
+            }
+          ],
           "attributes": [
             {
               "name": "input",
@@ -80107,6 +80196,30 @@
                 "module": "core/mixins/form-associated-mixin.js"
               }
             }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the datepicker's input 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": "SbbDatepickerButtonBase",
+                "module": "datepicker/common/datepicker-button.js"
+              }
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "description": "The input event fires on the datepicker's input when the value has been changed as a direct result of a user action.",
+              "name": "input",
+              "inheritedFrom": {
+                "name": "SbbDatepickerButtonBase",
+                "module": "datepicker/common/datepicker-button.js"
+              }
+            }
           ]
         }
       ],
@@ -80420,6 +80533,16 @@
                 "module": "popover/popover.component.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_resizeController",
+              "privacy": "private",
+              "default": "new ResizeController(this, { target: null, callback: () => this._setPopoverPosition(), })",
+              "inheritedFrom": {
+                "name": "SbbPopoverBaseElement",
+                "module": "popover/popover.component.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_escapableOverlayController",
@@ -80978,6 +81101,20 @@
               "description": "Event emitted on date selection.",
               "name": "dateselected"
             },
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the datepicker's input 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  on the datepicker's input when the value has been changed as a direct result of a user action.",
+              "name": "input"
+            },
             {
               "name": "beforeclose",
               "type": {
@@ -82118,6 +82255,30 @@
                 "module": "core/mixins/form-associated-mixin.js"
               }
             }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the datepicker's input 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": "SbbDatepickerButtonBase",
+                "module": "datepicker/common/datepicker-button.js"
+              }
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "description": "The input event fires on the datepicker's input when the value has been changed as a direct result of a user action.",
+              "name": "input",
+              "inheritedFrom": {
+                "name": "SbbDatepickerButtonBase",
+                "module": "datepicker/common/datepicker-button.js"
+              }
+            }
           ]
         }
       ],
@@ -83159,6 +83320,30 @@
                 "module": "core/mixins/form-associated-mixin.js"
               }
             }
+          ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the datepicker's input 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": "SbbDatepickerButtonBase",
+                "module": "datepicker/common/datepicker-button.js"
+              }
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "description": "The input event fires on the datepicker's input when the value has been changed as a direct result of a user action.",
+              "name": "input",
+              "inheritedFrom": {
+                "name": "SbbDatepickerButtonBase",
+                "module": "datepicker/common/datepicker-button.js"
+              }
+            }
           ]
         }
       ],
@@ -84102,7 +84287,31 @@
           },
           "tagName": "sbb-datepicker-toggle",
           "customElement": true,
-          "classGenerics": "T = Date"
+          "classGenerics": "T = Date",
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the datepicker's input 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": "SbbDatepickerButtonBase",
+                "module": "datepicker/common/datepicker-button.js"
+              }
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "description": "The input event fires on the datepicker's input when the value has been changed as a direct result of a user action.",
+              "name": "input",
+              "inheritedFrom": {
+                "name": "SbbDatepickerButtonBase",
+                "module": "datepicker/common/datepicker-button.js"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -94449,6 +94658,253 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
+          "name": "SbbFormFieldTextCounterElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to display a custom description text after the counter.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-form-field-text-counter'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_remainingCharacters",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_abortController",
+              "type": {
+                "text": "AbortController | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "_onInputUpdate",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_infoText",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formField",
+              "type": {
+                "text": "SbbFormFieldElement | null"
+              },
+              "privacy": "protected",
+              "default": "null",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "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"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          },
+          "tagName": "sbb-form-field-text-counter",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbFormFieldTextCounterElement",
+          "declaration": {
+            "name": "SbbFormFieldTextCounterElement",
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "form-field/form-field-clear/form-field-clear.component.js",
@@ -95151,6 +95607,22 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the component's associated input 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 on the component's associated input when the value has been changed as a direct result of a user action.",
+              "name": "input"
+            }
+          ],
           "mixins": [
             {
               "name": "SbbNegativeMixin",
@@ -95241,253 +95713,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
-          "name": "SbbFormFieldTextCounterElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to display a custom description text after the counter.",
-              "name": "",
-              "inheritedFrom": {
-                "name": "SbbHintElement",
-                "module": "form-field/hint/hint.component.js"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-form-field-text-counter'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_remainingCharacters",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_language",
-              "privacy": "private",
-              "default": "new SbbLanguageController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "_abortController",
-              "type": {
-                "text": "AbortController | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "_onInputUpdate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_infoText",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "string"
-                }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "attribute": "negative",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formField",
-              "type": {
-                "text": "SbbFormFieldElement | null"
-              },
-              "privacy": "protected",
-              "default": "null",
-              "inheritedFrom": {
-                "name": "SbbHintElement",
-                "module": "form-field/hint/hint.component.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "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"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SbbHintElement",
-            "module": "form-field/hint/hint.component.js"
-          },
-          "tagName": "sbb-form-field-text-counter",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbFormFieldTextCounterElement",
-          "declaration": {
-            "name": "SbbFormFieldTextCounterElement",
-            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "form-field/hint/hint.component.js",
@@ -125043,6 +125268,14 @@
               "privacy": "private",
               "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._onTabGroupElementResize(), })"
             },
+            {
+              "kind": "field",
+              "name": "_contentSlotChangeDebounceId",
+              "type": {
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "size",
@@ -125168,14 +125401,24 @@
               }
             },
             {
-              "kind": "field",
+              "kind": "method",
               "name": "_onContentSlotChange",
-              "privacy": "private"
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
-              "kind": "field",
+              "kind": "method",
               "name": "_onLabelSlotChange",
-              "privacy": "private"
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
@@ -130874,6 +131117,22 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the associated inputs 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 on the associated inputs when the value has been changed as a direct result of a user action.",
+              "name": "input"
+            }
+          ],
           "superclass": {
             "name": "SbbSecondaryButtonElement",
             "module": "button.pure.js"
@@ -132154,6 +132413,15 @@
               }
             }
           ],
+          "events": [
+            {
+              "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": "checked",