@sbb-esta/lyne-elements-dev 5.13.1-dev.1794294068 → 5.13.1-dev.1794308738

package/custom-elements.json

@@ -5101,7 +5101,7 @@
                   }
                 }
               ],
-              "description": "Add a language change handler."
+              "description": "Add a language change handler.\nTODO: Refactor to EventTarget."
             },
             {
               "kind": "method",
@@ -6139,6 +6139,22 @@
             "text": "Record<string, string>"
           },
           "default": "{ de: 'Jahre', en: 'years', fr: 'ans', it: 'anni', }"
+        },
+        {
+          "kind": "variable",
+          "name": "i18nButton",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{ de: 'Schaltfläche', en: 'Button', fr: 'Bouton', it: 'Pulsante', }"
+        },
+        {
+          "kind": "variable",
+          "name": "i18nAutocompleteActionsHint",
+          "type": {
+            "text": "Record<string, string>"
+          },
+          "default": "{ de: 'Drücken Sie Pfeil links oder rechts für verfügbare Aktionen', en: 'Press arrow left or right for available actions', fr: 'Appuyez sur les flèches gauche ou droite pour les actions disponibles', it: 'Usare i tasti freccia destra o sinistra per le azioni disponibili', }"
         }
       ],
       "exports": [
@@ -6997,6 +7013,22 @@
             "name": "i18nLogo125AnniversaryYears",
             "module": "core/i18n/i18n.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "i18nButton",
+          "declaration": {
+            "name": "i18nButton",
+            "module": "core/i18n/i18n.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "i18nAutocompleteActionsHint",
+          "declaration": {
+            "name": "i18nAutocompleteActionsHint",
+            "module": "core/i18n/i18n.js"
+          }
         }
       ]
     },
@@ -30812,7 +30844,8 @@
               }
             }
           ],
-          "description": "Add meaningful aria attributes to trigger element of role='combobox'"
+          "description": "Add meaningful aria attributes to trigger element of role='combobox'",
+          "deprecated": "true"
         },
         {
           "kind": "function",
@@ -30831,7 +30864,8 @@
               }
             }
           ],
-          "description": "Remove aria attributes from trigger elements."
+          "description": "Remove aria attributes from trigger elements.",
+          "deprecated": "true"
         }
       ],
       "exports": [
@@ -66655,6 +66689,7 @@
                 "text": "string"
               },
               "privacy": "protected",
+              "deprecated": "*",
               "readonly": true
             },
             {
@@ -66663,15 +66698,9 @@
               "type": {
                 "text": "string"
               },
-              "privacy": "protected"
-            },
-            {
-              "kind": "field",
-              "name": "panelRole",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "protected"
+              "privacy": "protected",
+              "default": "''",
+              "deprecated": "*"
             },
             {
               "kind": "field",
@@ -67010,6 +67039,16 @@
                 }
               }
             },
+            {
+              "kind": "method",
+              "name": "handleOptionChange",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
             {
               "kind": "method",
               "name": "_setNextActiveOptionIfAutoActiveFirstOption",
@@ -67772,6 +67811,7 @@
             "name": "SbbOpenCloseBaseElement",
             "module": "core.js"
           },
+          "deprecated": "Will be inlined into autocompelte with next major release.",
           "classGenerics": "T = string"
         }
       ],
@@ -67828,7 +67868,7 @@
               "kind": "field",
               "name": "role",
               "type": {
-                "text": "string"
+                "text": "ElementInternals['role'] | undefined"
               },
               "privacy": "public",
               "static": true,
@@ -67836,8 +67876,7 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "readonly": true,
-              "default": "'button'"
+              "readonly": true
             },
             {
               "kind": "field",
@@ -67859,6 +67898,30 @@
               "description": "Gets the parent SbbOptGroupElement, if present.",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "_languageController",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "_textContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "elements",
+                  "type": {
+                    "text": "readonly Element[] | null | undefined"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "isDisabledExternally",
@@ -68428,13 +68491,14 @@
             },
             {
               "kind": "field",
-              "name": "['_$sbbElement$']",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
               "static": true,
-              "default": "true",
+              "readonly": true,
+              "default": "'group'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -68442,12 +68506,36 @@
             },
             {
               "kind": "field",
-              "name": "elementDependencies",
+              "name": "_assignedDescription",
               "type": {
-                "text": "SbbElementType[] | undefined"
+                "text": "string | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_languageController",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_updateAriaDescription",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
               },
               "privacy": "public",
               "static": true,
+              "default": "true",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -68455,9 +68543,9 @@
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "elementDependencies",
               "type": {
-                "text": "ElementInternals['role'] | undefined"
+                "text": "SbbElementType[] | undefined"
               },
               "privacy": "public",
               "static": true,
@@ -68779,7 +68867,7 @@
               "kind": "field",
               "name": "role",
               "type": {
-                "text": "ElementInternals['role'] | undefined"
+                "text": "string"
               },
               "privacy": "public",
               "static": true,
@@ -68787,33 +68875,8 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "generatedId",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "default": "`sbb-autocomplete-${++nextId}`",
-              "inheritedFrom": {
-                "name": "SbbAutocompleteBaseElement",
-                "module": "autocomplete/autocomplete/autocomplete-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "panelRole",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "protected",
-              "default": "'listbox'",
-              "inheritedFrom": {
-                "name": "SbbAutocompleteBaseElement",
-                "module": "autocomplete/autocomplete/autocomplete-base-element.js"
-              }
+              "readonly": true,
+              "default": "'listbox'"
             },
             {
               "kind": "field",
@@ -68920,6 +68983,20 @@
                 "module": "autocomplete/autocomplete/autocomplete-base-element.js"
               }
             },
+            {
+              "kind": "method",
+              "name": "handleOptionChange",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbAutocompleteBaseElement",
+                "module": "autocomplete/autocomplete/autocomplete-base-element.js"
+              }
+            },
             {
               "kind": "method",
               "name": "_setNextHorizontalActiveElement",
@@ -69215,12 +69292,27 @@
                 "text": "string"
               },
               "privacy": "protected",
+              "deprecated": "*",
               "readonly": true,
               "inheritedFrom": {
                 "name": "SbbAutocompleteBaseElement",
                 "module": "autocomplete/autocomplete/autocomplete-base-element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "generatedId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "protected",
+              "default": "''",
+              "deprecated": "*",
+              "inheritedFrom": {
+                "name": "SbbAutocompleteBaseElement",
+                "module": "autocomplete/autocomplete/autocomplete-base-element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "activeOption",

package/datepicker.pure.js

@@ -2,7 +2,7 @@ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,isS
 `,j=`:host{-webkit-tap-highlight-color:transparent;--sbb-mini-button-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-mini-button-color-background:var(--sbb-mini-button-color-default-background);--sbb-mini-button-color:var(--sbb-mini-button-color-text);height:fit-content;display:inline-block;outline:none!important}@media (forced-colors:active){:host{--sbb-mini-button-color-text:ButtonText!important;--sbb-mini-button-color-hover-background:Highlight!important;--sbb-mini-button-color-active-background:Highlight!important;--sbb-mini-button-color-disabled-background:Canvas!important;--sbb-mini-button-color-disabled-border:GrayText!important;--sbb-mini-button-color-disabled-text:GrayText!important}}:host([negative]){--sbb-mini-button-color-text:var(--sbb-color-3-negative);--sbb-mini-button-color-default-background:transparent;--sbb-mini-button-color-hover-background:var(--sbb-background-color-3-negative);--sbb-mini-button-color-active-background:var(--sbb-background-color-4-negative);--sbb-mini-button-color-disabled-background:var(--sbb-background-color-3-negative);--sbb-mini-button-color-disabled-border:var(--sbb-border-color-5);--sbb-mini-button-color-disabled-text:var(--sbb-color-5)}@media (any-hover:hover){:host(:is(:hover,:is(:state(force-hover),[state--force-hover])):not([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]),:active,:is(:state(active),[state--active]))){--sbb-mini-button-translate-y-content-hover:-.0625rem;--sbb-mini-button-color-background:var(--sbb-mini-button-color-hover-background)}}:host(:is(:active,:is(:state(active),[state--active])):not([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background:var(--sbb-mini-button-color-active-background)}:host(:is([disabled],:disabled,[disabled-interactive],:is(:state(disabled),[state--disabled]))){--sbb-mini-button-color-background:var(--sbb-mini-button-color-disabled-background);--sbb-mini-button-border:var(--sbb-border-width-1x) dashed var(--sbb-mini-button-color-disabled-border);--sbb-mini-button-color:var(--sbb-mini-button-color-disabled-text);--sbb-mini-button-pointer-events:none;--sbb-mini-button-cursor:var(--sbb-cursor-default)}:host(:is(:state(focus-visible),[state--focus-visible])){--sbb-focus-outline-style:initial}.sbb-action-base{color:var(--sbb-mini-button-color);border-radius:var(--sbb-mini-button-border-radius);user-select:none;pointer-events:var(--sbb-mini-button-pointer-events,auto);cursor:var(--sbb-mini-button-cursor,var(--sbb-cursor-pointer));transition:color var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);outline:none;text-decoration:none;display:flex;position:relative}.sbb-action-base:before{content:"";border-radius:var(--sbb-mini-button-border-radius);background-color:var(--sbb-mini-button-color-background);transition-duration:var(--sbb-mini-button-transition-duration);transition-timing-function:var(--sbb-mini-button-transition-easing-function);border:var(--sbb-mini-button-border);transition-property:inset,background-color;position:absolute;inset:0}.sbb-action-base:focus-visible:before,:host(:is(:is(:state(focus-visible),[state--focus-visible]),:focus-visible)) .sbb-action-base:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}::slotted(sbb-icon),sbb-icon{transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover,0);min-width:var(--_sbb-mini-button-image-size,var(--sbb-size-icon-ui-small));min-height:var(--_sbb-mini-button-image-size,var(--sbb-size-icon-ui-small));justify-content:center;align-items:center;display:flex}
 `,M=`:host{--sbb-mini-button-gap:.125rem;--sbb-mini-button-padding-inline:var(--sbb-spacing-fixed-2x);--sbb-mini-button-label-display:block;--sbb-mini-button-label-height:var(--sbb-size-icon-ui-small)}:host(:where(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name])):not(:is(:state(slotted),[state--slotted]))){--sbb-mini-button-padding-inline:0;--sbb-mini-button-label-display:none;--sbb-mini-button-label-height:unset}.sbb-action-base{height:var(--sbb-mini-button-label-height);gap:var(--sbb-mini-button-gap);padding-inline:var(--sbb-mini-button-padding-inline);justify-content:center;align-items:center}.sbb-mini-button__label{white-space:nowrap;text-overflow:ellipsis;font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:var(--sbb-mini-button-label-display);transition:translate var(--sbb-mini-button-transition-duration) var(--sbb-mini-button-transition-easing-function);translate:0 var(--sbb-mini-button-translate-y-content-hover,0);overflow:hidden}
 `;a(`:host{--sbb-button-color-active-background:var(--sbb-color-primary150);--sbb-button-color-active-border:var(--sbb-color-primary150);--sbb-button-color-active-text:var(--sbb-color-4-negative);--sbb-button-color-default-background:var(--sbb-color-primary);--sbb-button-color-default-border:var(--sbb-color-primary);--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-color-primary125);--sbb-button-color-hover-border:var(--sbb-color-primary125);--sbb-button-color-hover-text:var(--sbb-color-3-negative);--sbb-button-color-loading-border:light-dark(color-mix(in srgb, var(--sbb-button-color-active-background) 50%, var(--sbb-button-color-default-text)),color-mix(in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text)));--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-primary) 20%, transparent),color-mix(in srgb, var(--sbb-color-primary) 40%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-primary125) 20%, transparent),color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent))}:host([negative]){--sbb-button-color-active-background:var(--sbb-color-primary150);--sbb-button-color-active-border:var(--sbb-color-primary150);--sbb-button-color-active-text:var(--sbb-color-4-negative);--sbb-button-color-default-background:var(--sbb-color-primary);--sbb-button-color-default-border:var(--sbb-color-primary);--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-color-primary125);--sbb-button-color-hover-border:var(--sbb-color-primary125);--sbb-button-color-hover-text:var(--sbb-color-3-negative);--sbb-button-color-loading-border:color-mix(in srgb, var(--sbb-button-color-active-background) 70%, var(--sbb-button-color-default-text));--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-primary) 60%, transparent),color-mix(in srgb, var(--sbb-color-primary) 40%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-primary125) 60%, transparent),color-mix(in srgb, var(--sbb-color-primary125) 40%, transparent))}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]),[loading])){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}
-`),a(`:host{--sbb-button-color-active-background:var(--sbb-background-color-3);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite));--sbb-button-color-default-background:var(--sbb-background-color-1);--sbb-button-color-default-border:var(--sbb-border-color-4-inverted);--sbb-button-color-default-text:var(--sbb-color-3);--sbb-button-color-hover-background:var(--sbb-background-color-1);--sbb-button-color-hover-border:var(--sbb-border-color-4-inverted);--sbb-button-color-hover-text:var(--sbb-color-4);--sbb-button-color-loading-border:var(--sbb-border-color-4-inverted);--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-cement) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-border-overlap-fix:0rem}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-2-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-graphite);--sbb-button-color-default-background:var(--sbb-background-color-1-negative);--sbb-button-color-default-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-default-text:var(--sbb-color-3-negative);--sbb-button-color-hover-background:var(--sbb-background-color-1-negative);--sbb-button-color-hover-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-4-negative);--sbb-button-color-loading-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-shadow-1-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}
+`),a(`:host{--sbb-button-color-active-background:var(--sbb-background-color-3);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:light-dark(var(--sbb-color-anthracite),var(--sbb-color-graphite));--sbb-button-color-default-background:var(--sbb-background-color-1);--sbb-button-color-default-border:var(--sbb-border-color-4-inverted);--sbb-button-color-default-text:var(--sbb-color-3);--sbb-button-color-hover-background:var(--sbb-background-color-1);--sbb-button-color-hover-border:var(--sbb-border-color-4-inverted);--sbb-button-color-hover-text:var(--sbb-color-4);--sbb-button-color-loading-border:var(--sbb-border-color-4-inverted);--sbb-button-shadow-1-color:light-dark(color-mix(in srgb, var(--sbb-color-platinum) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-shadow-2-color:light-dark(color-mix(in srgb, var(--sbb-color-cement) 20%, transparent),color-mix(in srgb, var(--sbb-color-black) 30%, transparent));--sbb-button-border-overlap-fix:0rem}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-2-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-graphite);--sbb-button-color-default-background:var(--sbb-background-color-1-negative);--sbb-button-color-default-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-default-text:var(--sbb-color-3-negative);--sbb-button-color-hover-background:var(--sbb-background-color-1-negative);--sbb-button-color-hover-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-4-negative);--sbb-button-color-loading-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-shadow-1-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-button-shadow-2-color:color-mix(in srgb, var(--sbb-color-black) 30%, transparent)}:host(:not([disabled],:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-button-box-shadow:var(--sbb-button-box-shadow-definition)}:host(:not([disabled],:disabled,[disabled-interactive])[loading]){--sbb-button-border-override:none transparent}
 `),a(A),a(`:host{--sbb-button-color-active-background:var(--sbb-background-color-4);--sbb-button-color-active-border:var(--sbb-border-color-4-inverted);--sbb-button-color-active-text:var(--sbb-color-1);--sbb-button-color-default-background:transparent;--sbb-button-color-default-border:transparent;--sbb-button-color-default-text:var(--sbb-color-1);--sbb-button-color-hover-background:var(--sbb-background-color-3);--sbb-button-color-hover-border:var(--sbb-border-color-3-inverted);--sbb-button-color-hover-text:var(--sbb-color-1);--sbb-button-color-loading-border:light-dark(var(--sbb-color-silver),var(--sbb-color-granite))}:host([negative]){--sbb-button-color-active-background:var(--sbb-background-color-4-negative);--sbb-button-color-active-border:var(--sbb-border-color-4-negative-inverted);--sbb-button-color-active-text:var(--sbb-color-1-negative);--sbb-button-color-default-background:transparent;--sbb-button-color-default-border:transparent;--sbb-button-color-default-text:var(--sbb-color-1-negative);--sbb-button-color-hover-background:var(--sbb-background-color-3-negative);--sbb-button-color-hover-border:var(--sbb-border-color-3-negative-inverted);--sbb-button-color-hover-text:var(--sbb-color-1-negative);--sbb-button-color-loading-border:var(--sbb-color-granite)}
 `);const N=a(j);a(M);var P=`.sbb-action-base{-webkit-tap-highlight-color:transparent;margin:auto}
 `;let F=(()=>{let r=f(c),i,s=[],u=[];return class extends r{constructor(){super(...arguments),this.#e=t(this,s,null),this._inputDisabled=(t(this,u),!0),this.dateAdapter=w().datetime?.dateAdapter??m,this.language=new l(this)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;i=[C(),o()],e(this,null,i,{kind:`accessor`,name:`input`,static:!1,private:!1,access:{has:e=>`input`in e,get:e=>e.input,set:(e,t)=>{e.input=t}},metadata:t},s,u),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementDependencies=[E]}static{this.sbbDateInputAssociated=!0}static{this.styles=[N,a(P)]}#e;get input(){return this.#e}set input(e){this.#e=e}get disabled(){return!!this._inputDisabled}connectedCallback(){super.connectedCallback(),this.toggleAttribute(`disabled`,this.disabled);let e=this.closest?.(`sbb-form-field`);e&&(customElements.upgrade?.(e),this.negative=e.negative,D.resolveAssociation(this),this.slot||=this._findSlotPosition())}requestUpdate(e,t,n){super.requestUpdate(e,t,n),e===`input`&&this.input!==t?(this._inputAbortController?.abort(),this._inputDisabled=!0,this.input&&(this._inputAbortController=new AbortController,this.slot=this._findSlotPosition(),customElements.upgrade?.(this.input),this._sync(),this.input.addEventListener(`ɵchange`,()=>this._sync())),this.hasUpdated&&this.toggleAttribute(`disabled`,this.disabled)):!e&&this.hasUpdated&&this.input&&this._sync()}_findSlotPosition(){return!this.input||this.compareDocumentPosition(this.input)&Node.DOCUMENT_POSITION_FOLLOWING?`prefix`:`suffix`}_sync(){this.syncDateInputState(),this.toggleAttribute(`disabled`,this.disabled),this.disabled?this.removeAttribute(`tabindex`):this.setAttribute(`tabindex`,`0`)}syncDateInputState(){this._inputDisabled=this.input.disabled||this.input.readOnly}renderTemplate(){return n`<sbb-icon name=${this.iconName}></sbb-icon>`}}})();var I=class extends F{get disabled(){return this._disabled||super.disabled}constructor(){super(),this._disabled=!0,this.addEventListener?.(`click`,()=>this._handleClick())}_handleClick(){if(!this.input||this.disabled)return;let e=this.input.valueAsDate??this.dateAdapter.today(),t=this.getFollowingDate(e);this.dateAdapter.isValid(t)&&this.dateAdapter.compareDate(t,e)!==0&&(this.input.valueAsDate=t,this.input.dispatchEvent(new InputEvent(`input`,{bubbles:!0,composed:!0})),this.input.dispatchEvent(new Event(`change`,{bubbles:!0,composed:!0})),this.input.dispatchEvent(new Event(`blur`,{composed:!0})))}syncDateInputState(){if(super.syncDateInputState(),!this.dateAdapter.isValid(this.input.valueAsDate)){this._disabled=!0,this.internals.ariaLabel=this.i18nOffBoundaryDay[this.language.current];return}let e=this.getFollowingDate(this.input.valueAsDate);this._disabled=!this.dateAdapter.isValid(e)||this.dateAdapter.compareDate(e,this.input.valueAsDate)===0;let t=this.dateAdapter.compareDate(this.dateAdapter.today(),this.input.valueAsDate)===0?S[this.language.current].toLowerCase():this.dateAdapter.getAccessibilityFormatDate(this.input.valueAsDate);this.internals.ariaLabel=this.i18nSelectOffBoundaryDay(t)[this.language.current]}},L=class extends I{constructor(){super(...arguments),this.iconName=`chevron-small-right-small`,this.i18nOffBoundaryDay=_,this.i18nSelectOffBoundaryDay=y}static{this.elementName=`sbb-datepicker-next-day`}getFollowingDate(e){let t=this.dateAdapter.addCalendarDays(e,1);return this._isAfterMaxDate(t)?null:t}_isAfterMaxDate(e){return!!this.input.max&&this.dateAdapter.compareDate(e,this.input.max)>0}},R=class extends I{constructor(){super(...arguments),this.iconName=`chevron-small-left-small`,this.i18nOffBoundaryDay=v,this.i18nSelectOffBoundaryDay=b}static{this.elementName=`sbb-datepicker-previous-day`}getFollowingDate(e){let t=this.dateAdapter.addCalendarDays(e,-1);return this._isBeforeMinDate(t)?null:t}_isBeforeMinDate(e){return!!this.input.min&&this.dateAdapter.compareDate(e,this.input.min)<0}};let z=(()=>{let n=F,r,i=[],a=[];return class extends n{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;r=[C(),o()],e(this,null,r,{kind:`accessor`,name:`datepicker`,static:!1,private:!1,access:{has:e=>`datepicker`in e,get:e=>e.datepicker,set:(e,t)=>{e.datepicker=t}},metadata:t},i,a),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-datepicker-toggle`}#e;get datepicker(){return this.#e}set datepicker(e){this.#e=e}constructor(){super(),this.iconName=`calendar-small`,this.#e=t(this,i,null),t(this,a),this.addEventListener?.(`click`,()=>{this.datepicker?.isOpen||this.datepicker?.open()})}connectedCallback(){super.connectedCallback(),this.internals.ariaLabel=x[this.language.current];let e=this.closest?.(`sbb-form-field`);e&&!this.hasAttribute(`datepicker`)&&(this.datepicker??=e.querySelector(`sbb-datepicker`))}requestUpdate(e,t,n){super.requestUpdate(e,t,n),e===`datepicker`&&this.datepicker&&this.datepicker.trigger!==this?this.datepicker.trigger=this:!e&&this.hasUpdated&&(this.internals.ariaLabel=x[this.language.current])}}})();var B=`.sbb-popover__content{padding-inline:clamp(0px, (100vw - 20rem) * var(--sbb-popover-padding) / 1.75rem, var(--sbb-popover-padding))}

package/development/autocomplete/autocomplete/autocomplete-base-element.d.ts

@@ -12,6 +12,7 @@ declare const SbbAutocompleteBaseElement_base: import("../../core.ts").AbstractC
  *
  * @event {Event} change - 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.
  * @event {InputEvent} input - The input event fires  on the autocomplete's trigger when the value has been changed as a direct result of a user action.
+ * @deprecated Will be inlined into autocompelte with next major release.
  */
 export declare abstract class SbbAutocompleteBaseElement<T = string> extends SbbAutocompleteBaseElement_base {
     static styles: CSSResultGroup;
@@ -67,9 +68,10 @@ export declare abstract class SbbAutocompleteBaseElement<T = string> extends Sbb
     /** Returns the trigger element. */
     get triggerElement(): HTMLInputElement | null;
     private _triggerElement?;
+    /** @deprecated **/
     protected get overlayId(): string;
-    protected abstract generatedId: string;
-    protected abstract panelRole: string;
+    /** @deprecated **/
+    protected generatedId: string;
     protected activeOption: SbbOptionBaseElement<T> | null;
     protected pendingAutoSelectedOption: SbbOptionBaseElement<T> | null;
     private _resizeObserver;
@@ -116,6 +118,7 @@ export declare abstract class SbbAutocompleteBaseElement<T = string> extends Sbb
     /** Set the option value within the input element */
     private _setInputValue;
     private _handleSlotchange;
+    protected handleOptionChange(): void;
     private _setNextActiveOptionIfAutoActiveFirstOption;
     /** The autocomplete should inherit 'readonly' state from the trigger. */
     private _readonly;

package/development/autocomplete/autocomplete/autocomplete.component.d.ts

@@ -13,9 +13,7 @@ import { SbbAutocompleteBaseElement } from './autocomplete-base-element.ts';
  */
 export declare class SbbAutocompleteElement<T = string> extends SbbAutocompleteBaseElement<T> {
     static readonly elementName: string;
-    static readonly role: string | null;
-    protected generatedId: string;
-    protected panelRole: string;
+    static readonly role = "listbox";
     /** Index of the active element within the active option's row (0 = option, >0 = a button). */
     private _activeColumnIndex;
     protected get options(): SbbOptionElement<T>[];
@@ -27,6 +25,7 @@ export declare class SbbAutocompleteElement<T = string> extends SbbAutocompleteB
      */
     protected selectByKeyboard(event: KeyboardEvent): void;
     protected setNextActiveOption(event?: KeyboardEvent): void;
+    protected handleOptionChange(): void;
     /**
      * Moves the active element horizontally within the active option's `sbb-autocomplete-row`,
      * between the option itself and its `sbb-autocomplete-button`s.

package/development/autocomplete/autocomplete-button/autocomplete-button.component.d.ts

@@ -9,18 +9,20 @@ declare const SbbAutocompleteButtonElement_base: import("../../core.ts").Abstrac
  */
 export declare class SbbAutocompleteButtonElement extends SbbAutocompleteButtonElement_base {
     static readonly elementName: string;
-    static readonly role = "button";
+    static readonly role: string;
     static styles: CSSResultGroup;
     /** Gets the SbbOptionElement on the same row of the button. */
     get option(): SbbOptionElement | null;
     /** Gets the parent SbbOptGroupElement, if present. */
     get optgroup(): SbbOptGroupElement | null;
+    private _languageController;
     constructor();
     /**
      * Whether the button is currently active.
      * @internal
      */
     setActive(value: boolean): void;
+    private _textContent;
     protected willUpdate(changedProperties: PropertyValues<this>): void;
     connectedCallback(): void;
     protected isDisabledExternally(): boolean;

package/development/autocomplete/autocomplete-row/autocomplete-row.component.d.ts

@@ -7,8 +7,12 @@ import { SbbElement } from '../../core.ts';
  */
 export declare class SbbAutocompleteRowElement extends SbbElement {
     static readonly elementName: string;
+    static readonly role: string;
     static styles: CSSResultGroup;
+    private _assignedDescription?;
+    private _languageController;
     constructor();
+    private _updateAriaDescription;
     protected render(): TemplateResult;
 }
 declare global {