@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776736853 → 5.0.0-next-dev.1776760633

package/autocomplete/autocomplete-base-element.js

@@ -1,2 +1,2 @@
-import { t as e } from "../autocomplete-base-element-B7fDDO1F.js";
+import { t as e } from "../autocomplete-base-element-gPLexIVc.js";
 export { e as SbbAutocompleteBaseElement };

package/autocomplete/autocomplete.component.js

@@ -1,4 +1,4 @@
-import { t as e } from "../autocomplete-base-element-B7fDDO1F.js";
+import { t as e } from "../autocomplete-base-element-gPLexIVc.js";
 import { getNextElementIndex as t, isSafari as n, setAriaComboBoxAttributes as r } from "../core.js";
 //#region src/elements/autocomplete/autocomplete.component.ts
 var i = 0, a = n, o = class extends e {

package/{autocomplete-base-element-B7fDDO1F.js → autocomplete-base-element-gPLexIVc.js}

@@ -5,7 +5,7 @@ import { SbbEscapableOverlayController as s, SbbNegativeMixin as c, SbbOpenClose
 import { ResizeController as b } from "@lit-labs/observers/resize-controller.js";
 import { ref as x } from "lit/directives/ref.js";
 //#region src/elements/autocomplete/autocomplete-base-element.scss?inline
-var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--_sbb-options-panel-max-height: min( var(--sbb-options-panel-max-height-calculated), var(--sbb-options-panel-max-height, 100000em) );--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none;font-weight:400}:host([size=s]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x)}:host([size=m]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-options-panel-background-color: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))),:host(:is(:state(state-closed),[state--state-closed])){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-options-panel-animation-name: close}:host(:is(:state(state-opened),[state--state-opened])),:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-gap-fix-opacity: 1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--_sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}.sbb-autocomplete__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility, visible);opacity:var(--sbb-options-panel-gap-fix-opacity, 0);background-color:transparent;width:var(--sbb-options-panel-width, fit-content);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform, none);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility, \"visible\");overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width, fit-content);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:\"\";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))) .sbb-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel:before{display:block}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) .sbb-autocomplete__panel:after{display:block}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-autocomplete__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-autocomplete__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--_sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-autocomplete__options::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media(forced-colors:active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}", C = g, w = (() => {
+var S = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--_sbb-options-panel-max-height: min( var(--sbb-options-panel-max-height-calculated), var(--sbb-options-panel-max-height, 100000em) );--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-options-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none;font-weight:400}:host([size=s]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x)}:host([size=m]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-options-panel-background-color: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))),:host(:is(:state(state-closed),[state--state-closed])){--sbb-options-panel-visibility: hidden;--sbb-options-pointer-events: none}:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-options-panel-animation-name: close}:host(:is(:state(state-opened),[state--state-opened])),:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-gap-fix-opacity: 1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--_sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}.sbb-autocomplete__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility, visible);opacity:var(--sbb-options-panel-gap-fix-opacity, 0);background-color:transparent;width:var(--sbb-options-panel-width, fit-content);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform, none);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility, \"visible\");overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width, fit-content);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__panel:before,.sbb-autocomplete__panel:after{content:\"\";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))) .sbb-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))[negative]) .sbb-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel:before{display:block}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) .sbb-autocomplete__panel:after{display:block}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-autocomplete__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-autocomplete__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--_sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-autocomplete__options::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media(forced-colors:active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}", C = g, w = (() => {
 	let g = c(l), w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
 	return class extends g {
 		static {

package/autocomplete.js

@@ -1,4 +1,4 @@
-import { t as e } from "./autocomplete-base-element-B7fDDO1F.js";
+import { t as e } from "./autocomplete-base-element-gPLexIVc.js";
 import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
 import "./autocomplete.pure.js";
 //#region src/elements/autocomplete.ts

package/autocomplete.pure.js

@@ -1,3 +1,3 @@
-import { t as e } from "./autocomplete-base-element-B7fDDO1F.js";
+import { t as e } from "./autocomplete-base-element-gPLexIVc.js";
 import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
 export { e as SbbAutocompleteBaseElement, t as SbbAutocompleteElement };

package/core/overlay/overlay-trigger-attributes.js

@@ -1,9 +1,9 @@
 //#region src/elements/core/overlay/overlay-trigger-attributes.ts
 function e(e, t, n, r) {
-	e && (e.setAttribute("aria-haspopup", t), e.setAttribute("aria-controls", n), e.setAttribute("aria-expanded", `${r === "opening" || r === "opened"}`));
+	t && (t.ariaHasPopup = n, t.ariaControlsElements = [e], t.ariaExpanded = `${r === "opening" || r === "opened"}`);
 }
 function t(e) {
-	e && (e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-expanded"));
+	e && (e.ariaHasPopup = null, e.ariaControlsElements = null, e.ariaExpanded = null);
 }
 function n(e, t, n, r = "listbox") {
 	e && (e.setAttribute("autocomplete", "off"), e.setAttribute("role", "combobox"), e.setAttribute("aria-autocomplete", "list"), e.setAttribute("aria-haspopup", r), e.setAttribute("aria-controls", t), e.setAttribute("aria-owns", t), e.setAttribute("aria-expanded", `${n}`));
@@ -12,4 +12,4 @@ function r(e) {
 	e && (e.removeAttribute("autocomplete"), e.removeAttribute("role"), e.removeAttribute("aria-autocomplete"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-controls"), e.removeAttribute("aria-owns"), e.removeAttribute("aria-expanded"));
 }
 //#endregion
-export { r as removeAriaComboBoxAttributes, t as removeAriaOverlayTriggerAttributes, n as setAriaComboBoxAttributes, e as setAriaOverlayTriggerAttributes };
+export { r as removeAriaComboBoxAttributes, t as removeAriaOverlayTriggerProperties, n as setAriaComboBoxAttributes, e as setAriaOverlayTriggerProperties };

package/core/styles/host-scrollbar.scss

@@ -0,0 +1,6 @@
+@use './mixins/scrollbar';
+
+:host {
+  @include scrollbar.scrollbar-variables;
+  @include scrollbar.scrollbar-rules;
+}

package/core/styles/mixins/scrollbar.scss

@@ -1,8 +1,6 @@
 @use '../core/functions';
 
 @mixin scrollbar-rules {
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
-
   &::-webkit-scrollbar {
     // Total width
     width: var(--sbb-scrollbar-width);
@@ -40,12 +38,9 @@
   //  We have to use the `not` selector as Chrome supports both, the -webkit-* and the following properties.
   //  As long as possible we use the -webkit-* approach as we have more styling possibilities there.
   @supports not selector(::-webkit-scrollbar) {
-    // stylelint-disable-next-line block-no-redundant-nested-style-rules
-    & {
-      scrollbar-width: var(--sbb-scrollbar-width-firefox);
-      scrollbar-color: var(--sbb-scrollbar-color, currentcolor)
-        var(--sbb-scrollbar-track-color, transparent);
-    }
+    scrollbar-width: var(--sbb-scrollbar-width-firefox);
+    scrollbar-color: var(--sbb-scrollbar-color, currentcolor)
+      var(--sbb-scrollbar-track-color, transparent);
   }
 }
 
@@ -90,6 +85,8 @@
 }
 
 @mixin scrollbar-variables($size: thin, $negative: false, $track-visible: false) {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
+
   @if $size == thin {
     @include scrollbar-variables--size-thin;
   } @else {

package/core/styles/scrollbar.scss

@@ -1,13 +1,15 @@
 @use './mixins/scrollbar';
 
-.sbb-scrollbar,
-.sbb-scrollbar-negative,
-.sbb-scrollbar-thick,
-.sbb-scrollbar-thick-negative,
-.sbb-scrollbar-track-visible,
-.sbb-scrollbar-negative-track-visible,
-.sbb-scrollbar-thick-track-visible,
-.sbb-scrollbar-thick-negative-track-visible {
+:is(
+  .sbb-scrollbar,
+  .sbb-scrollbar-negative,
+  .sbb-scrollbar-thick,
+  .sbb-scrollbar-thick-negative,
+  .sbb-scrollbar-track-visible,
+  .sbb-scrollbar-negative-track-visible,
+  .sbb-scrollbar-thick-track-visible,
+  .sbb-scrollbar-thick-negative-track-visible
+) {
   @include scrollbar.scrollbar-rules;
 }
 

package/core/styles/styles.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../styles-x5HG0xjp.js";
-export { e as boxSizingStyles };
+import { n as e, t } from "../../styles-swTeDfst.js";
+export { t as boxSizingStyles, e as hostScrollbarStyles };

package/core.css

@@ -2130,6 +2130,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
   margin-block: calc(0.5 * var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-text) - 1.25));
 }
 :is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;
   --sbb-scrollbar-width-firefox: thin;
@@ -2144,7 +2145,6 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
     color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
   );
   --sbb-scrollbar-track-color: transparent;
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
 }
 :is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
   width: var(--sbb-scrollbar-width);
@@ -2185,13 +2185,13 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
   padding-block-end: 0.34375rem;
 }
 :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
+  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
   --sbb-scrollbar-thumb-width: 0.125rem;
   --sbb-scrollbar-thumb-width-hover: 0.25rem;
   --sbb-scrollbar-width-firefox: thin;
   --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
   --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
   --sbb-scrollbar-track-color: transparent;
-  --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
 }
 :is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar {
   width: var(--sbb-scrollbar-width);

package/core.js

@@ -62,7 +62,7 @@ import { overlayGapFixCorners as tr } from "./core/overlay/overlay.js";
 import { getElementPosition as nr, getElementPositionHorizontal as rr, getElementRectangle as ir, isEventOnElement as ar } from "./core/overlay/position.js";
 import { setOverlayPosition as or } from "./core/overlay/overlay-option-panel.js";
 import { SbbOverlayOutsidePointerEventListener as sr, sbbOverlayOutsidePointerEventListener as cr } from "./core/overlay/overlay-outside-pointer-event-listener.js";
-import { removeAriaComboBoxAttributes as lr, removeAriaOverlayTriggerAttributes as ur, setAriaComboBoxAttributes as dr, setAriaOverlayTriggerAttributes as fr } from "./core/overlay/overlay-trigger-attributes.js";
+import { removeAriaComboBoxAttributes as lr, removeAriaOverlayTriggerProperties as ur, setAriaComboBoxAttributes as dr, setAriaOverlayTriggerProperties as fr } from "./core/overlay/overlay-trigger-attributes.js";
 import { t as pr } from "./screen-reader-only.component-B08Bt5Ct.js";
-import { t as mr } from "./styles-x5HG0xjp.js";
-export { q as DAYS_PER_ROW, J as DateAdapter, Y as FORMAT_DATE, X as FRIDAY, Z as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Q as MONDAY, $ as MONTHS_PER_PAGE, ee as MONTHS_PER_ROW, ce as NativeDateAdapter, te as SATURDAY, ne as SUNDAY, x as SbbActionBaseElement, Rn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, zn as SbbDisabledInteractiveMixin, Bn as SbbDisabledMixin, Vn as SbbDisabledTabIndexActionMixin, g as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Wn as SbbFormAssociatedCheckboxMixin, Kn as SbbFormAssociatedInputMixin, Hn as SbbFormAssociatedMixin, qn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Yn as SbbNamedSlotListMixin, Xn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, sr as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, Qn as SbbPanelMixin, k as SbbPropertyWatcherController, Gn as SbbReadonlyMixin, Un as SbbRequiredMixin, pr as SbbScreenReaderOnlyElement, Fe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, $n as SbbSelectionPanelMixin, _ as SbbSlottedChangeEvent, er as SbbUpdateSchedulerMixin, re as THURSDAY, ie as TUESDAY, ue as TemporalDateAdapter, ae as WEDNESDAY, oe as YEARS_PER_PAGE, se as YEARS_PER_ROW, v as appendAriaElements, mr as boxSizingStyles, Le as composedPathHasAttribute, be as containsPierceShadowDom, le as defaultDateAdapter, de as forceType, Be as forwardEvent, nr as getElementPosition, rr as getElementPositionHorizontal, ir as getElementRectangle, Re as getEventTarget, e as getNextElementIndex, fe as getOverride, pe as handleDistinctChange, me as hostAttributes, Ue as i18nAdditionalWagonInformationHeading, We as i18nArrival, Ge as i18nBlockedPassage, Ke as i18nBreadcrumbEllipsisButtonLabel, qe as i18nCalendarDateSelection, Je as i18nCalendarWeekNumber, Ye as i18nCarouselArrowsNavigationHint, Xe as i18nCarouselItemAriaLabel, Ze as i18nCheckboxRequired, Qe as i18nChipDelete, $e as i18nChipGroupInputDescription, et as i18nClass, tt as i18nClearInput, nt as i18nCloseAlert, rt as i18nCloseDialog, it as i18nCloseNavigation, at as i18nCloseNotification, ot as i18nClosePopover, st as i18nCloseSidebar, ct as i18nClosedCompartmentLabel, lt as i18nCollapsed, ut as i18nConnectionFrom, dt as i18nConnectionRoundtrip, ft as i18nConnectionTo, pt as i18nCouchetteWagonLabel, mt as i18nDateChangedTo, ht as i18nDateInvalid, gt as i18nDateMax, _t as i18nDateMin, vt as i18nDatePickerPlaceholder, yt as i18nDeparture, bt as i18nDialog, xt as i18nDirection, St as i18nDurationDay, Ct as i18nDurationHour, wt as i18nDurationMinute, Tt as i18nExpanded, Et as i18nFileSelectorButtonLabel, Dt as i18nFileSelectorButtonLabelMultiple, Ot as i18nFileSelectorCurrentlySelected, kt as i18nFileSelectorDeleteFile, At as i18nFileSelectorSubtitleLabel, jt as i18nFileSelectorSubtitleLabelMultiple, Mt as i18nFlipCard, Nt as i18nFromPlatform, Pt as i18nGoBack, Ft as i18nInputRequired, It as i18nItemsPerPage, Lt as i18nLocomotiveLabel, Rt as i18nMapContainerButtonLabel, zt as i18nMeansOfTransport, Bt as i18nNew, Vt as i18nNextDay, Ht as i18nNextMonth, Ut as i18nNextPage, Wt as i18nNextSlide, Gt as i18nNextYear, Kt as i18nNextYearRange, qt as i18nOccupancy, Jt as i18nOptional, Yt as i18nPage, Xt as i18nPaginatorOf, Zt as i18nPaginatorSelected, Qt as i18nPreviousDay, $t as i18nPreviousMonth, en as i18nPreviousPage, tn as i18nPreviousSlide, nn as i18nPreviousYear, rn as i18nPreviousYearRange, an as i18nRealTimeInfo, on as i18nRemainingCharacters, sn as i18nRestaurantWagonLabel, cn as i18nReverseCard, ln as i18nSector, un as i18nSectorShort, dn as i18nSelectNextDay, fn as i18nSelectPreviousDay, pn as i18nSelectionRequired, mn as i18nShowCalendar, hn as i18nSleepingWagonLabel, gn as i18nSlide, _n as i18nSupersaver, vn as i18nTargetOpensInNewWindow, yn as i18nTimeInputChange, bn as i18nTimeInvalid, xn as i18nTimeMax, Sn as i18nTimeMaxLength, Cn as i18nTimetableFormSwapButtonLabel, wn as i18nToday, Tn as i18nTrain, En as i18nTrains, Dn as i18nTransferProcedure, On as i18nTransferProcedures, kn as i18nTravelhints, An as i18nTripDuration, jn as i18nTripQuayChange, Mn as i18nWagonLabel, Nn as i18nWagonLabelNumber, Pn as i18nWagonsLabel, Fn as i18nWalkingDistanceArrival, In as i18nWalkingDistanceDeparture, Ln as i18nYearMonthSelection, he as idReference, f as interactivityChecker, Ce as isAndroid, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, we as isBlink, Te as isChromium, Ee as isEdge, ar as isEventOnElement, Ve as isEventPrevented, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, De as isFirefox, Oe as isIOS, xe as isLean, ke as isMacOS, r as isNextArrowKeyPressed, Ae as isNextjs, i as isPreviousArrowKeyPressed, je as isSafari, Me as isTrident, Ne as isWebkit, ye as isZeroAnimationDuration, D as mergeConfig, ge as omitEmptyConverter, tr as overlayGapFixCorners, Ie as pageScrollDisabled, Zn as panelCommonStyle, _e as plainDate, ve as plainDateConverter, ze as preventScrollOnSpacebarPress, Pe as queueDomContentLoaded, Jn as radioButtonRegistry, O as readConfig, lr as removeAriaComboBoxAttributes, y as removeAriaElements, ur as removeAriaOverlayTriggerAttributes, s as sbbInputModalityDetector, h as sbbLiveAnnouncer, cr as sbbOverlayOutsidePointerEventListener, dr as setAriaComboBoxAttributes, fr as setAriaOverlayTriggerAttributes, Se as setOrRemoveAttribute, or as setOverlayPosition, He as throttle, b as ɵstateController };
+import { n as mr, t as hr } from "./styles-swTeDfst.js";
+export { q as DAYS_PER_ROW, J as DateAdapter, Y as FORMAT_DATE, X as FRIDAY, Z as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Q as MONDAY, $ as MONTHS_PER_PAGE, ee as MONTHS_PER_ROW, ce as NativeDateAdapter, te as SATURDAY, ne as SUNDAY, x as SbbActionBaseElement, Rn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, zn as SbbDisabledInteractiveMixin, Bn as SbbDisabledMixin, Vn as SbbDisabledTabIndexActionMixin, g as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Wn as SbbFormAssociatedCheckboxMixin, Kn as SbbFormAssociatedInputMixin, Hn as SbbFormAssociatedMixin, qn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Yn as SbbNamedSlotListMixin, Xn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, sr as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, Qn as SbbPanelMixin, k as SbbPropertyWatcherController, Gn as SbbReadonlyMixin, Un as SbbRequiredMixin, pr as SbbScreenReaderOnlyElement, Fe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, $n as SbbSelectionPanelMixin, _ as SbbSlottedChangeEvent, er as SbbUpdateSchedulerMixin, re as THURSDAY, ie as TUESDAY, ue as TemporalDateAdapter, ae as WEDNESDAY, oe as YEARS_PER_PAGE, se as YEARS_PER_ROW, v as appendAriaElements, hr as boxSizingStyles, Le as composedPathHasAttribute, be as containsPierceShadowDom, le as defaultDateAdapter, de as forceType, Be as forwardEvent, nr as getElementPosition, rr as getElementPositionHorizontal, ir as getElementRectangle, Re as getEventTarget, e as getNextElementIndex, fe as getOverride, pe as handleDistinctChange, me as hostAttributes, mr as hostScrollbarStyles, Ue as i18nAdditionalWagonInformationHeading, We as i18nArrival, Ge as i18nBlockedPassage, Ke as i18nBreadcrumbEllipsisButtonLabel, qe as i18nCalendarDateSelection, Je as i18nCalendarWeekNumber, Ye as i18nCarouselArrowsNavigationHint, Xe as i18nCarouselItemAriaLabel, Ze as i18nCheckboxRequired, Qe as i18nChipDelete, $e as i18nChipGroupInputDescription, et as i18nClass, tt as i18nClearInput, nt as i18nCloseAlert, rt as i18nCloseDialog, it as i18nCloseNavigation, at as i18nCloseNotification, ot as i18nClosePopover, st as i18nCloseSidebar, ct as i18nClosedCompartmentLabel, lt as i18nCollapsed, ut as i18nConnectionFrom, dt as i18nConnectionRoundtrip, ft as i18nConnectionTo, pt as i18nCouchetteWagonLabel, mt as i18nDateChangedTo, ht as i18nDateInvalid, gt as i18nDateMax, _t as i18nDateMin, vt as i18nDatePickerPlaceholder, yt as i18nDeparture, bt as i18nDialog, xt as i18nDirection, St as i18nDurationDay, Ct as i18nDurationHour, wt as i18nDurationMinute, Tt as i18nExpanded, Et as i18nFileSelectorButtonLabel, Dt as i18nFileSelectorButtonLabelMultiple, Ot as i18nFileSelectorCurrentlySelected, kt as i18nFileSelectorDeleteFile, At as i18nFileSelectorSubtitleLabel, jt as i18nFileSelectorSubtitleLabelMultiple, Mt as i18nFlipCard, Nt as i18nFromPlatform, Pt as i18nGoBack, Ft as i18nInputRequired, It as i18nItemsPerPage, Lt as i18nLocomotiveLabel, Rt as i18nMapContainerButtonLabel, zt as i18nMeansOfTransport, Bt as i18nNew, Vt as i18nNextDay, Ht as i18nNextMonth, Ut as i18nNextPage, Wt as i18nNextSlide, Gt as i18nNextYear, Kt as i18nNextYearRange, qt as i18nOccupancy, Jt as i18nOptional, Yt as i18nPage, Xt as i18nPaginatorOf, Zt as i18nPaginatorSelected, Qt as i18nPreviousDay, $t as i18nPreviousMonth, en as i18nPreviousPage, tn as i18nPreviousSlide, nn as i18nPreviousYear, rn as i18nPreviousYearRange, an as i18nRealTimeInfo, on as i18nRemainingCharacters, sn as i18nRestaurantWagonLabel, cn as i18nReverseCard, ln as i18nSector, un as i18nSectorShort, dn as i18nSelectNextDay, fn as i18nSelectPreviousDay, pn as i18nSelectionRequired, mn as i18nShowCalendar, hn as i18nSleepingWagonLabel, gn as i18nSlide, _n as i18nSupersaver, vn as i18nTargetOpensInNewWindow, yn as i18nTimeInputChange, bn as i18nTimeInvalid, xn as i18nTimeMax, Sn as i18nTimeMaxLength, Cn as i18nTimetableFormSwapButtonLabel, wn as i18nToday, Tn as i18nTrain, En as i18nTrains, Dn as i18nTransferProcedure, On as i18nTransferProcedures, kn as i18nTravelhints, An as i18nTripDuration, jn as i18nTripQuayChange, Mn as i18nWagonLabel, Nn as i18nWagonLabelNumber, Pn as i18nWagonsLabel, Fn as i18nWalkingDistanceArrival, In as i18nWalkingDistanceDeparture, Ln as i18nYearMonthSelection, he as idReference, f as interactivityChecker, Ce as isAndroid, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, we as isBlink, Te as isChromium, Ee as isEdge, ar as isEventOnElement, Ve as isEventPrevented, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, De as isFirefox, Oe as isIOS, xe as isLean, ke as isMacOS, r as isNextArrowKeyPressed, Ae as isNextjs, i as isPreviousArrowKeyPressed, je as isSafari, Me as isTrident, Ne as isWebkit, ye as isZeroAnimationDuration, D as mergeConfig, ge as omitEmptyConverter, tr as overlayGapFixCorners, Ie as pageScrollDisabled, Zn as panelCommonStyle, _e as plainDate, ve as plainDateConverter, ze as preventScrollOnSpacebarPress, Pe as queueDomContentLoaded, Jn as radioButtonRegistry, O as readConfig, lr as removeAriaComboBoxAttributes, y as removeAriaElements, ur as removeAriaOverlayTriggerProperties, s as sbbInputModalityDetector, h as sbbLiveAnnouncer, cr as sbbOverlayOutsidePointerEventListener, dr as setAriaComboBoxAttributes, fr as setAriaOverlayTriggerProperties, Se as setOrRemoveAttribute, or as setOverlayPosition, He as throttle, b as ɵstateController };

package/custom-elements.json

@@ -90193,7 +90193,7 @@
       "declarations": [
         {
           "kind": "function",
-          "name": "setAriaOverlayTriggerAttributes",
+          "name": "setAriaOverlayTriggerProperties",
           "return": {
             "type": {
               "text": "void"
@@ -90201,21 +90201,21 @@
           },
           "parameters": [
             {
-              "name": "trigger",
+              "name": "overlay",
               "type": {
                 "text": "HTMLElement"
               }
             },
             {
-              "name": "popupType",
+              "name": "trigger",
               "type": {
-                "text": "'menu' | 'dialog'"
+                "text": "HTMLElement"
               }
             },
             {
-              "name": "overlayId",
+              "name": "popupType",
               "type": {
-                "text": "string"
+                "text": "'menu' | 'dialog'"
               }
             },
             {
@@ -90225,11 +90225,11 @@
               }
             }
           ],
-          "description": "Add meaningful aria attributes to trigger elements that are connected to\noverlay elements such as menus and dialogs."
+          "description": "Set meaningful aria properties to trigger elements that are connected to\noverlay elements such as menus and dialogs."
         },
         {
           "kind": "function",
-          "name": "removeAriaOverlayTriggerAttributes",
+          "name": "removeAriaOverlayTriggerProperties",
           "return": {
             "type": {
               "text": "void"
@@ -90243,7 +90243,7 @@
               }
             }
           ],
-          "description": "Remove aria attributes from trigger elements."
+          "description": "Reset trigger element aria properties."
         },
         {
           "kind": "function",
@@ -90305,17 +90305,17 @@
       "exports": [
         {
           "kind": "js",
-          "name": "setAriaOverlayTriggerAttributes",
+          "name": "setAriaOverlayTriggerProperties",
           "declaration": {
-            "name": "setAriaOverlayTriggerAttributes",
+            "name": "setAriaOverlayTriggerProperties",
             "module": "core/overlay/overlay-trigger-attributes.js"
           }
         },
         {
           "kind": "js",
-          "name": "removeAriaOverlayTriggerAttributes",
+          "name": "removeAriaOverlayTriggerProperties",
           "declaration": {
-            "name": "removeAriaOverlayTriggerAttributes",
+            "name": "removeAriaOverlayTriggerProperties",
             "module": "core/overlay/overlay-trigger-attributes.js"
           }
         },
@@ -90871,6 +90871,10 @@
         {
           "kind": "variable",
           "name": "boxSizingStyles"
+        },
+        {
+          "kind": "variable",
+          "name": "hostScrollbarStyles"
         }
       ],
       "exports": [
@@ -90881,6 +90885,14 @@
             "name": "boxSizingStyles",
             "module": "core/styles/styles.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "hostScrollbarStyles",
+          "declaration": {
+            "name": "hostScrollbarStyles",
+            "module": "core/styles/styles.js"
+          }
         }
       ]
     },
@@ -145739,7 +145751,7 @@
           "name": "SbbSidebarContentElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
+              "description": "Use the unnamed slot to add any content elements. Further `<sbb-sidebar-container>` elements are possible.",
               "name": ""
             }
           ],

package/datepicker/datepicker/datepicker.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../datepicker.component-BBmEvmW3.js";
+import { t as e } from "../../datepicker.component-CNQGkdr-.js";
 export { e as SbbDatepickerElement };

package/{datepicker.component-BBmEvmW3.js → datepicker.component-CNQGkdr-.js}

@@ -6,12 +6,12 @@ import { SbbDateInputElement as m } from "./date-input.pure.js";
 import { SbbCalendarElement as h } from "./calendar.pure.js";
 import { SbbPopoverBaseElement as g } from "./popover.pure.js";
 //#region src/elements/datepicker/datepicker/datepicker.scss?inline
-var _ = "#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", v = 0, y = (() => {
-	let y = c(g), b, x = [], S = [], C, w = [], T = [], E, D = [], O = [];
-	return class extends y {
+var _ = "#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", v = (() => {
+	let v = c(g), y, b = [], x = [], S, C = [], w = [], T, E = [], D = [];
+	return class extends v {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(y[Symbol.metadata] ?? null) : void 0;
-			b = [u(), o({ type: Boolean })], C = [f(), o()], E = [o()], e(this, null, b, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(v[Symbol.metadata] ?? null) : void 0;
+			y = [u(), o({ type: Boolean })], S = [f(), o()], T = [o()], e(this, null, y, {
 				kind: "accessor",
 				name: "wide",
 				static: !1,
@@ -24,7 +24,7 @@ var _ = "#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1
 					}
 				},
 				metadata: t
-			}, x, S), e(this, null, C, {
+			}, b, x), e(this, null, S, {
 				kind: "accessor",
 				name: "input",
 				static: !1,
@@ -37,7 +37,7 @@ var _ = "#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1
 					}
 				},
 				metadata: t
-			}, w, T), e(this, null, E, {
+			}, C, w), e(this, null, T, {
 				kind: "accessor",
 				name: "view",
 				static: !1,
@@ -50,7 +50,7 @@ var _ = "#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1
 					}
 				},
 				metadata: t
-			}, D, O), t && Object.defineProperty(this, Symbol.metadata, {
+			}, E, D), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -91,12 +91,12 @@ var _ = "#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1
 			this.#n = e;
 		}
 		constructor() {
-			super(), this.#e = t(this, x, !1), this.#t = (t(this, S), t(this, w, null)), this.#n = (t(this, T), t(this, D, "day")), this._inputAbortController = t(this, O), this._dateAdapter = p().datetime?.dateAdapter ?? l, this._language = new s(this), this._ready = !1, this.startUpdate(), this.addEventListener(g.events.beforeopen, () => {
+			super(), this.#e = t(this, b, !1), this.#t = (t(this, x), t(this, C, null)), this.#n = (t(this, w), t(this, E, "day")), this._inputAbortController = t(this, D), this._dateAdapter = p().datetime?.dateAdapter ?? l, this._language = new s(this), this._ready = !1, this.startUpdate(), this.addEventListener(g.events.beforeopen, () => {
 				this.shadowRoot?.querySelector("sbb-calendar")?.resetPosition?.();
 			}), !r && this.hydrationRequired && this.hydrationComplete.then(() => this.requestUpdate());
 		}
 		connectedCallback() {
-			this.id ||= `sbb-datepicker-${++v}`, super.connectedCallback();
+			super.connectedCallback();
 			let e = this.closest?.("sbb-form-field");
 			if (e) {
 				m.resolveAssociation(this);
@@ -151,4 +151,4 @@ var _ = "#status-container{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1
 	};
 })();
 //#endregion
-export { y as t };
+export { v as t };

package/datepicker.js

@@ -2,7 +2,7 @@ import { n as e, r as t, t as n } from "./datepicker-button-ChMURQ0S.js";
 import { SbbDatepickerNextDayElement as r } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
 import { SbbDatepickerPreviousDayElement as i } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
 import { SbbDatepickerToggleElement as a } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { t as o } from "./datepicker.component-BBmEvmW3.js";
+import { t as o } from "./datepicker.component-CNQGkdr-.js";
 import "./datepicker.pure.js";
 o.define(), r.define(), i.define(), a.define();
 //#endregion

package/datepicker.pure.js

@@ -2,5 +2,5 @@ import { n as e, r as t, t as n } from "./datepicker-button-ChMURQ0S.js";
 import { SbbDatepickerNextDayElement as r } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
 import { SbbDatepickerPreviousDayElement as i } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
 import { SbbDatepickerToggleElement as a } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { t as o } from "./datepicker.component-BBmEvmW3.js";
+import { t as o } from "./datepicker.component-CNQGkdr-.js";
 export { n as SbbDatepickerButton, e as SbbDatepickerButtonBase, o as SbbDatepickerElement, r as SbbDatepickerNextDayElement, i as SbbDatepickerPreviousDayElement, a as SbbDatepickerToggleElement, t as datepickerButtonStyle };

package/development/autocomplete/autocomplete-base-element.js

@@ -1,2 +1,2 @@
-import { t as SbbAutocompleteBaseElement } from "../autocomplete-base-element-DnpaK_k3.js";
+import { t as SbbAutocompleteBaseElement } from "../autocomplete-base-element-8hV4-ys6.js";
 export { SbbAutocompleteBaseElement };

package/development/autocomplete/autocomplete.component.js

@@ -1,4 +1,4 @@
-import { t as SbbAutocompleteBaseElement } from "../autocomplete-base-element-DnpaK_k3.js";
+import { t as SbbAutocompleteBaseElement } from "../autocomplete-base-element-8hV4-ys6.js";
 import { getNextElementIndex, isSafari, setAriaComboBoxAttributes } from "../core.js";
 //#region src/elements/autocomplete/autocomplete.component.ts
 var nextId = 0;