@sbb-esta/lyne-elements 2.0.3 → 2.1.0

package/custom-elements.json

@@ -8698,6 +8698,22 @@
               "attribute": "multiple",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the component is disabled.",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins.js"
+              }
+            },
             {
               "kind": "field",
               "name": "readonly",
@@ -8976,6 +8992,44 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_onMultipleChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "The `value` property should be adapted when the `multiple` property changes:\n  - if it changes to true, the 'value' is set to an array;\n  - if it changes to false, the first available option is set as 'value' otherwise it's set to null."
+            },
+            {
+              "kind": "method",
+              "name": "_closeOnDisabledReadonlyChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "newValue",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "If the `disabled` or the `readonly` properties are set, and the panel is open, close it."
+            },
             {
               "kind": "method",
               "name": "_onValueChanged",
@@ -9472,22 +9526,6 @@
                 "module": "core/mixins.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the component is disabled.",
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins.js"
-              }
-            },
             {
               "kind": "method",
               "name": "isDisabledExternally",
@@ -9860,15 +9898,6 @@
               "description": "Whether the select allows for multiple selection.",
               "fieldName": "multiple"
             },
-            {
-              "name": "readonly",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the select is readonly.",
-              "fieldName": "readonly"
-            },
             {
               "name": "disabled",
               "type": {
@@ -9882,6 +9911,15 @@
                 "module": "core/mixins.js"
               }
             },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the select is readonly.",
+              "fieldName": "readonly"
+            },
             {
               "name": "negative",
               "type": {
@@ -16051,7 +16089,7 @@
             },
             {
               "kind": "method",
-              "name": "onOptionAttributesChange",
+              "name": "onExternalMutation",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -16066,7 +16104,7 @@
                   }
                 }
               ],
-              "description": "Observe changes on data attributes and set the appropriate values.",
+              "description": "Observe changes on data attributes + slotted content and set the appropriate values.",
               "inheritedFrom": {
                 "name": "SbbOptionBaseElement",
                 "module": "option/option.js"
@@ -16403,13 +16441,22 @@
             },
             {
               "kind": "method",
-              "name": "handleHighlightState",
+              "name": "onOptionAttributesChange",
               "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "mutationsList",
+                  "type": {
+                    "text": "MutationRecord[]"
+                  }
+                }
+              ],
+              "deprecated": "use onExternalMutation() as replacement. Will be removed with next major change.",
               "inheritedFrom": {
                 "name": "SbbOptionBaseElement",
                 "module": "option/option.js"
@@ -16417,11 +16464,11 @@
             },
             {
               "kind": "method",
-              "name": "getHighlightedLabel",
+              "name": "handleHighlightState",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
@@ -16431,7 +16478,7 @@
             },
             {
               "kind": "method",
-              "name": "renderIcon",
+              "name": "getHighlightedLabel",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -16445,11 +16492,11 @@
             },
             {
               "kind": "method",
-              "name": "renderLabel",
+              "name": "renderIcon",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult | typeof nothing"
+                  "text": "TemplateResult"
                 }
               },
               "inheritedFrom": {
@@ -16459,7 +16506,7 @@
             },
             {
               "kind": "method",
-              "name": "renderTick",
+              "name": "renderLabel",
               "privacy": "protected",
               "return": {
                 "type": {
@@ -16473,11 +16520,11 @@
             },
             {
               "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "private",
+              "name": "renderTick",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult | typeof nothing"
                 }
               },
               "inheritedFrom": {
@@ -26995,7 +27042,7 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "'transparent' | 'white' | 'milk'"
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
               },
               "privacy": "public",
               "default": "'white'",
@@ -27026,7 +27073,7 @@
             {
               "name": "color",
               "type": {
-                "text": "'transparent' | 'white' | 'milk'"
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
               },
               "default": "'white'",
               "description": "Color of the container, like transparent, white etc.",
@@ -27106,7 +27153,7 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "'white' | 'milk' | null"
+                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
               },
               "privacy": "public",
               "default": "null",
@@ -27356,7 +27403,7 @@
             {
               "name": "color",
               "type": {
-                "text": "'white' | 'milk' | null"
+                "text": "| 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'\n    | null"
               },
               "default": "null",
               "description": "Color of the container, like transparent, white etc.",
@@ -29361,7 +29408,7 @@
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "date is T"
                 }
               },
               "parameters": [
@@ -30094,7 +30141,7 @@
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "date is Date"
                 }
               },
               "parameters": [
@@ -30991,7 +31038,7 @@
           "members": [
             {
               "kind": "field",
-              "name": "_position",
+              "name": "_height",
               "type": {
                 "text": "string"
               },
@@ -36423,18 +36470,107 @@
         {
           "kind": "class",
           "description": "",
-          "name": "SbbDatepickerButton",
+          "name": "SbbDatepickerAssociationHostController",
           "members": [
             {
               "kind": "field",
-              "name": "datePicker",
+              "name": "_context",
               "type": {
-                "text": "| string\n    | SbbDatepickerElement<T>\n    | null"
+                "text": "SbbDatepickerAssociationContext<T> | undefined"
               },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateControls",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "classGenerics": "T"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbDatepickerAssociationControlController",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_context",
+              "type": {
+                "text": "SbbDatepickerAssociationContext<T> | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "hostConnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hostDisconnected",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            }
+          ],
+          "classGenerics": "T"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbDatepickerButton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "datepicker",
               "privacy": "public",
-              "default": "null",
               "description": "Datepicker reference.",
-              "attribute": "date-picker"
+              "type": {
+                "text": "SbbDatepickerElement<T> | null"
+              },
+              "attribute": "datepicker"
+            },
+            {
+              "kind": "field",
+              "name": "_datepicker",
+              "type": {
+                "text": "SbbDatepickerElement<T> | null | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -36473,7 +36609,8 @@
                 "text": "SbbDatepickerElement<T> | null | undefined"
               },
               "privacy": "protected",
-              "default": "null"
+              "default": "null",
+              "deprecated": "Use datepicker instead."
             },
             {
               "kind": "field",
@@ -36483,18 +36620,11 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "_datePickerController",
-              "type": {
-                "text": "AbortController"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_language",
-              "privacy": "private"
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
             },
             {
               "kind": "field",
@@ -36538,16 +36668,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "_setDisabledState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "method",
               "name": "_handleClick",
@@ -36558,45 +36678,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "_syncUpstreamProperties",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_init",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "picker",
-                  "optional": true,
-                  "type": {
-                    "text": "string | SbbDatepickerElement<T>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_setAriaLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "method",
               "name": "_setDisabledRenderAttributes",
@@ -36605,16 +36686,7 @@
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "isDisabled",
-                  "default": "this._disabled || this._inputDisabled",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
@@ -36876,13 +36948,12 @@
           ],
           "attributes": [
             {
-              "name": "date-picker",
+              "name": "datepicker",
+              "description": "Datepicker reference.",
               "type": {
-                "text": "| string\n    | SbbDatepickerElement<T>\n    | null"
+                "text": "SbbDatepickerElement<T> | null"
               },
-              "default": "null",
-              "description": "Datepicker reference.",
-              "fieldName": "datePicker"
+              "fieldName": "datepicker"
             },
             {
               "name": "negative",
@@ -36961,6 +37032,22 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "SbbDatepickerAssociationHostController",
+          "declaration": {
+            "name": "SbbDatepickerAssociationHostController",
+            "module": "datepicker/common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbDatepickerAssociationControlController",
+          "declaration": {
+            "name": "SbbDatepickerAssociationControlController",
+            "module": "datepicker/common.js"
+          }
+        },
         {
           "kind": "js",
           "name": "SbbDatepickerButton",
@@ -37059,14 +37146,25 @@
             },
             {
               "kind": "field",
-              "name": "datePicker",
-              "type": {
-                "text": "| string\n    | SbbDatepickerElement<T>\n    | null"
-              },
+              "name": "datepicker",
               "privacy": "public",
-              "default": "null",
               "description": "Datepicker reference.",
-              "attribute": "date-picker",
+              "type": {
+                "text": "SbbDatepickerElement<T> | null"
+              },
+              "attribute": "datepicker",
+              "inheritedFrom": {
+                "name": "SbbDatepickerButton",
+                "module": "datepicker/common.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_datepicker",
+              "type": {
+                "text": "SbbDatepickerElement<T> | null | undefined"
+              },
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -37122,6 +37220,7 @@
               },
               "privacy": "protected",
               "default": "null",
+              "deprecated": "Use datepicker instead.",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -37139,36 +37238,11 @@
                 "module": "datepicker/common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "_datePickerController",
-              "type": {
-                "text": "AbortController"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
             {
               "kind": "field",
               "name": "_language",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_setDisabledState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "default": "new SbbLanguageController(this)",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -37188,57 +37262,6 @@
                 "module": "datepicker/common.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "_syncUpstreamProperties",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_init",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "picker",
-                  "optional": true,
-                  "type": {
-                    "text": "string | SbbDatepickerElement<T>"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_setAriaLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
             {
               "kind": "method",
               "name": "_setDisabledRenderAttributes",
@@ -37248,15 +37271,6 @@
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "isDisabled",
-                  "default": "this._disabled || this._inputDisabled",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -37526,13 +37540,12 @@
               }
             },
             {
-              "name": "date-picker",
+              "name": "datepicker",
+              "description": "Datepicker reference.",
               "type": {
-                "text": "| string\n    | SbbDatepickerElement<T>\n    | null"
+                "text": "SbbDatepickerElement<T> | null"
               },
-              "default": "null",
-              "description": "Datepicker reference.",
-              "fieldName": "datePicker",
+              "fieldName": "datepicker",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -37697,14 +37710,25 @@
             },
             {
               "kind": "field",
-              "name": "datePicker",
-              "type": {
-                "text": "| string\n    | SbbDatepickerElement<T>\n    | null"
-              },
+              "name": "datepicker",
               "privacy": "public",
-              "default": "null",
               "description": "Datepicker reference.",
-              "attribute": "date-picker",
+              "type": {
+                "text": "SbbDatepickerElement<T> | null"
+              },
+              "attribute": "datepicker",
+              "inheritedFrom": {
+                "name": "SbbDatepickerButton",
+                "module": "datepicker/common.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_datepicker",
+              "type": {
+                "text": "SbbDatepickerElement<T> | null | undefined"
+              },
+              "privacy": "private",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -37760,6 +37784,7 @@
               },
               "privacy": "protected",
               "default": "null",
+              "deprecated": "Use datepicker instead.",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -37777,36 +37802,11 @@
                 "module": "datepicker/common.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "_datePickerController",
-              "type": {
-                "text": "AbortController"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
             {
               "kind": "field",
               "name": "_language",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_setDisabledState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
+              "default": "new SbbLanguageController(this)",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -37826,57 +37826,6 @@
                 "module": "datepicker/common.js"
               }
             },
-            {
-              "kind": "method",
-              "name": "_syncUpstreamProperties",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_init",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "picker",
-                  "optional": true,
-                  "type": {
-                    "text": "string | SbbDatepickerElement<T>"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_setAriaLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbDatepickerButton",
-                "module": "datepicker/common.js"
-              }
-            },
             {
               "kind": "method",
               "name": "_setDisabledRenderAttributes",
@@ -37886,15 +37835,6 @@
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "isDisabled",
-                  "default": "this._disabled || this._inputDisabled",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -38164,13 +38104,12 @@
               }
             },
             {
-              "name": "date-picker",
+              "name": "datepicker",
+              "description": "Datepicker reference.",
               "type": {
-                "text": "| string\n    | SbbDatepickerElement<T>\n    | null"
+                "text": "SbbDatepickerElement<T> | null"
               },
-              "default": "null",
-              "description": "Datepicker reference.",
-              "fieldName": "datePicker",
+              "fieldName": "datepicker",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common.js"
@@ -38258,14 +38197,21 @@
           "members": [
             {
               "kind": "field",
-              "name": "datePicker",
-              "type": {
-                "text": "| string\n    | SbbDatepickerElement\n    | null"
-              },
+              "name": "datepicker",
               "privacy": "public",
-              "default": "null",
               "description": "Datepicker reference.",
-              "attribute": "date-picker"
+              "type": {
+                "text": "SbbDatepickerElement<T> | null"
+              },
+              "attribute": "datepicker"
+            },
+            {
+              "kind": "field",
+              "name": "_datepicker",
+              "type": {
+                "text": "SbbDatepickerElement<T> | null | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -38314,14 +38260,6 @@
               "privacy": "private",
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "_datePickerElement",
-              "type": {
-                "text": "SbbDatepickerElement<T> | null | undefined"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_calendarElement",
@@ -38346,14 +38284,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "_datePickerController",
-              "type": {
-                "text": "AbortController"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "_language",
@@ -38371,25 +38301,6 @@
               },
               "description": "Opens the calendar."
             },
-            {
-              "kind": "method",
-              "name": "_init",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "datePicker",
-                  "optional": true,
-                  "type": {
-                    "text": "string | SbbDatepickerElement"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "_configureCalendar",
@@ -38398,39 +38309,7 @@
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "calendar",
-                  "type": {
-                    "text": "SbbCalendarElement<T>"
-                  }
-                },
-                {
-                  "name": "datepicker",
-                  "type": {
-                    "text": "SbbDatepickerElement<T>"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_datePickerChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
@@ -38529,13 +38408,12 @@
           ],
           "attributes": [
             {
-              "name": "date-picker",
+              "name": "datepicker",
+              "description": "Datepicker reference.",
               "type": {
-                "text": "| string\n    | SbbDatepickerElement\n    | null"
+                "text": "SbbDatepickerElement<T> | null"
               },
-              "default": "null",
-              "description": "Datepicker reference.",
-              "fieldName": "datePicker"
+              "fieldName": "datepicker"
             },
             {
               "name": "view",
@@ -38627,7 +38505,8 @@
               "description": "The id or the reference of the SbbDatePicker."
             }
           ],
-          "description": "Given a SbbDatepickerPreviousDayElement, a SbbDatepickerNextDayElement or a SbbDatepickerToggleElement component,\nit returns the related SbbDatepickerElement reference, if exists."
+          "description": "Given a SbbDatepickerPreviousDayElement, a SbbDatepickerNextDayElement or a SbbDatepickerToggleElement component,\nit returns the related SbbDatepickerElement reference, if exists.",
+          "deprecated": "No longer in use."
         },
         {
           "kind": "function",
@@ -38636,7 +38515,8 @@
             "type": {
               "text": "CustomEvent"
             }
-          }
+          },
+          "deprecated": "No longer in use."
         },
         {
           "kind": "class",
@@ -38682,14 +38562,14 @@
               },
               "privacy": "public",
               "default": "null",
-              "description": "Reference of the native input connected to the datepicker.",
+              "description": "Reference of the native input connected to the datepicker.\nIf given a string, it will be treated as an id reference and an attempt is\nmade to be resolved for the containing document fragment.\nIf given a HTMLElement instance, it will be used as is.",
               "attribute": "input"
             },
             {
               "kind": "field",
               "name": "now",
               "privacy": "public",
-              "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
+              "description": "A configured date which acts as the current date instead of the real current date.\nRecommended for testing purposes.",
               "type": {
                 "text": "T"
               },
@@ -38720,6 +38600,26 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "inputElement",
+              "type": {
+                "text": "HTMLInputElement | null"
+              },
+              "privacy": "public",
+              "description": "The resolved associated input element, as defined by `input`.",
+              "readonly": true,
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_inputElement",
+              "type": {
+                "text": "HTMLInputElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
             {
               "kind": "field",
               "name": "_change",
@@ -38760,15 +38660,6 @@
               "default": "new EventEmitter( this, SbbDatepickerElement.events.validationChange, )",
               "description": "Emits whenever the internal validation state changes."
             },
-            {
-              "kind": "field",
-              "name": "_inputElement",
-              "type": {
-                "text": "HTMLInputElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
             {
               "kind": "field",
               "name": "_inputElementPlaceholderMutable",
@@ -38804,6 +38695,12 @@
               "name": "_language",
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_associationController",
+              "privacy": "private",
+              "default": "new SbbDatepickerAssociationHostController(this)"
+            },
             {
               "kind": "method",
               "name": "_attachInput",
@@ -39012,12 +38909,12 @@
                 "text": "string | HTMLElement | null"
               },
               "default": "null",
-              "description": "Reference of the native input connected to the datepicker.",
+              "description": "Reference of the native input connected to the datepicker.\nIf given a string, it will be treated as an id reference and an attempt is\nmade to be resolved for the containing document fragment.\nIf given a HTMLElement instance, it will be used as is.",
               "fieldName": "input"
             },
             {
               "name": "now",
-              "description": "A configured date which acts as the current date instead of the real current date. Recommended for testing purposes.",
+              "description": "A configured date which acts as the current date instead of the real current date.\nRecommended for testing purposes.",
               "type": {
                 "text": "T"
               },
@@ -39653,6 +39550,18 @@
               "description": "Backdrop click action.",
               "attribute": "backdrop-action"
             },
+            {
+              "kind": "field",
+              "name": "backdrop",
+              "type": {
+                "text": "| 'opaque'\n    | 'translucent'"
+              },
+              "privacy": "public",
+              "default": "'opaque'",
+              "description": "Backdrop density.",
+              "attribute": "backdrop",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "_dialogContentResizeObserver",
@@ -40359,6 +40268,15 @@
               "description": "Backdrop click action.",
               "fieldName": "backdropAction"
             },
+            {
+              "name": "backdrop",
+              "type": {
+                "text": "| 'opaque'\n    | 'translucent'"
+              },
+              "default": "'opaque'",
+              "description": "Backdrop density.",
+              "fieldName": "backdrop"
+            },
             {
               "name": "negative",
               "type": {
@@ -55017,7 +54935,26 @@
                   }
                 }
               ],
-              "description": "Observe changes on data attributes and set the appropriate values."
+              "deprecated": "use onExternalMutation() as replacement. Will be removed with next major change."
+            },
+            {
+              "kind": "method",
+              "name": "onExternalMutation",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "mutationsList",
+                  "type": {
+                    "text": "MutationRecord[]"
+                  }
+                }
+              ],
+              "description": "Observe changes on data attributes + slotted content and set the appropriate values."
             },
             {
               "kind": "method",
@@ -55069,16 +55006,6 @@
                 }
               }
             },
-            {
-              "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
             {
               "kind": "field",
               "name": "disabled",
@@ -55765,7 +55692,7 @@
                   }
                 }
               ],
-              "description": "Observe changes on data attributes and set the appropriate values.",
+              "deprecated": "use onExternalMutation() as replacement. Will be removed with next major change.",
               "inheritedFrom": {
                 "name": "SbbOptionBaseElement",
                 "module": "option/option.js"
@@ -55773,13 +55700,22 @@
             },
             {
               "kind": "method",
-              "name": "getHighlightedLabel",
+              "name": "onExternalMutation",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "mutationsList",
+                  "type": {
+                    "text": "MutationRecord[]"
+                  }
+                }
+              ],
+              "description": "Observe changes on data attributes + slotted content and set the appropriate values.",
               "inheritedFrom": {
                 "name": "SbbOptionBaseElement",
                 "module": "option/option.js"
@@ -55787,11 +55723,11 @@
             },
             {
               "kind": "method",
-              "name": "_handleSlotChange",
-              "privacy": "private",
+              "name": "getHighlightedLabel",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
               "inheritedFrom": {