@sbb-esta/lyne-elements 1.12.1 → 1.13.0

package/select.js

@@ -1,34 +1,44 @@
 import { MutationController as g } from "@lit-labs/observers/mutation-controller.js";
-import { css as m, html as d, nothing as c } from "lit";
-import { property as b, state as w, customElement as y } from "lit/decorators.js";
-import { ref as v } from "lit/directives/ref.js";
+import { css as m, html as b, nothing as h } from "lit";
+import { property as v, state as w, customElement as y } from "lit/decorators.js";
+import { ref as c } from "lit/directives/ref.js";
 import { until as u } from "lit/directives/until.js";
 import { getNextElementIndex as x } from "./core/a11y.js";
-import { SbbOpenCloseBaseElement as E } from "./core/base-elements.js";
-import { SbbConnectedAbortController as k } from "./core/controllers.js";
+import { SbbOpenCloseBaseElement as k } from "./core/base-elements.js";
+import { SbbConnectedAbortController as E } from "./core/controllers.js";
 import { hostAttributes as O } from "./core/decorators.js";
 import { isNextjs as f, isSafari as C } from "./core/dom.js";
-import { EventEmitter as p } from "./core/eventing.js";
-import { SbbUpdateSchedulerMixin as A, SbbDisabledMixin as S, SbbNegativeMixin as I, SbbHydrationMixin as D } from "./core/mixins.js";
-import { isEventOnElement as _, setOverlayPosition as P, overlayGapFixCorners as $ } from "./core/overlay.js";
-const L = m`*,:before,:after{box-sizing:border-box}.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: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--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-time, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-options-panel-internal-z-index: var( --sbb-select-z-index, var(--sbb-overlay-default-z-index) );display:block}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-options-panel-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-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) )}::slotted(sbb-divider){margin-block:var(--sbb-spacing-fixed-3x)}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}.sbb-select__trigger{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-select__trigger--placeholder{color:var(--sbb-select-placeholder-color, var(--sbb-color-metal));-webkit-text-fill-color:var(--sbb-select-placeholder-color, var(--sbb-color-metal))}.sbb-select__container{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-select__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);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);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);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);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel:before,.sbb-select__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([data-options-panel-position=below]) .sbb-select__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-select__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-select__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}:host([data-options-panel-position=below]) .sbb-select__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-select__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-select__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-select__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-select__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-select__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}.sbb-select__wrapper{overflow:hidden}.sbb-select__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-spacing-fixed-3x);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-select__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__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-select__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-select__options::-webkit-scrollbar-button,.sbb-select__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-select__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-select__options{padding-block:var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){.sbb-select__options{border:var(--sbb-border-width-1x) solid CanvasText;border-block-start: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}}`;
-var V = Object.defineProperty, T = Object.getOwnPropertyDescriptor, n = (e, t, i, s) => {
-  for (var o = s > 1 ? void 0 : s ? T(t, i) : t, r = e.length - 1, l; r >= 0; r--)
-    (l = e[r]) && (o = (s ? l(t, i, o) : l(o)) || o);
-  return s && o && V(t, i, o), o;
+import { EventEmitter as d } from "./core/eventing.js";
+import { SbbUpdateSchedulerMixin as A, SbbDisabledMixin as S, SbbNegativeMixin as I, SbbHydrationMixin as D, SbbRequiredMixin as P, SbbFormAssociatedMixin as $ } from "./core/mixins.js";
+import { isEventOnElement as _, setOverlayPosition as V, overlayGapFixCorners as L } from "./core/overlay.js";
+const T = m`*,:before,:after{box-sizing:border-box}.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: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--sbb-options-panel-active-option-y: 0;--sbb-options-panel-max-height: calc(85vh - var(--sbb-spacing-fixed-8x));--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-visibility: visible;--sbb-options-panel-width: fit-content;--sbb-options-panel-border-radius: var(--sbb-border-radius-4x);--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-time, var(--sbb-animation-duration-4x) );--sbb-options-panel-animation-timing-function: ease;--sbb-options-panel-gap-fix-opacity: 0;--sbb-options-panel-gap-fix-transform: none;--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-options-panel-background-color: var(--sbb-color-white);--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-options-panel-internal-z-index: var( --sbb-select-z-index, var(--sbb-overlay-default-z-index) );display:block}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-options-panel-background-color: var(--sbb-color-midnight);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host(:not([data-state])),:host([data-state=closed]){--sbb-options-panel-visibility: hidden}:host([data-state=opening]){--sbb-options-panel-animation-name: open}:host([data-state=closing]){--sbb-options-panel-animation-name: close}:host([data-state=opened]),:host([data-state=opening]){--sbb-options-panel-gap-fix-opacity: 1}:host([data-options-panel-position=below]){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host([data-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) )}::slotted(sbb-divider){margin-block:var(--sbb-spacing-fixed-3x)}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}.sbb-select__trigger{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:calc(1em * var(--sbb-typo-line-height-body-text))}.sbb-select__trigger--placeholder{color:var(--sbb-select-placeholder-color, var(--sbb-color-metal));-webkit-text-fill-color:var(--sbb-select-placeholder-color, var(--sbb-color-metal))}.sbb-select__container{position:fixed;pointer-events:none;top:0;right:0;bottom:0;left:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-select__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility);opacity:var(--sbb-options-panel-gap-fix-opacity);background-color:transparent;width:var(--sbb-options-panel-width);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);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility);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);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel:before,.sbb-select__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([data-options-panel-position=below]) .sbb-select__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is([data-state=opened],[data-state=opening])) .sbb-select__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[negative]) .sbb-select__panel{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}:host([data-options-panel-position=below]) .sbb-select__panel:before{display:block}:host([data-options-panel-position=above]) .sbb-select__panel:after{display:block}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-select__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless]) .sbb-select__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-1-color)}:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-select__panel:before,:host(:is([data-state=opened],[data-state=opening])[data-option-panel-origin-borderless][negative]) .sbb-select__panel:after{box-shadow:var(--sbb-shadow-elevation-level-5-shadow-2-offset-x) var(--sbb-shadow-elevation-level-5-shadow-2-offset-y) var(--sbb-shadow-elevation-level-5-shadow-2-blur) var(--sbb-shadow-elevation-level-5-shadow-2-spread) var(--sbb-shadow-elevation-level-5-hard-negative-2-color),var(--sbb-shadow-elevation-level-5-shadow-1-offset-x) var(--sbb-shadow-elevation-level-5-shadow-1-offset-y) var(--sbb-shadow-elevation-level-5-shadow-1-blur) var(--sbb-shadow-elevation-level-5-shadow-1-spread) var(--sbb-shadow-elevation-level-5-hard-negative-1-color)}.sbb-select__wrapper{overflow:hidden}.sbb-select__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-spacing-fixed-3x);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-select__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__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-select__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-select__options::-webkit-scrollbar-button,.sbb-select__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-select__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-select__options{padding-block:var(--sbb-spacing-fixed-2x)}@media (forced-colors: active){.sbb-select__options{border:var(--sbb-border-width-1x) solid CanvasText;border-block-start: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}}`;
+var N = Object.defineProperty, U = Object.getOwnPropertyDescriptor, l = (e, t, s, i) => {
+  for (var o = i > 1 ? void 0 : i ? U(t, s) : t, r = e.length - 1, n; r >= 0; r--)
+    (n = e[r]) && (o = (i ? n(t, s, o) : n(o)) || o);
+  return i && o && N(t, s, o), o;
 };
-const h = C;
-let N = 0, a = class extends A(
-  S(I(D(E)))
+const p = C;
+let B = 0, a = class extends A(
+  S(
+    I(
+      D(
+        P(
+          $(
+            k
+          )
+        )
+      )
+    )
+  )
 ) {
   constructor() {
-    super(), this.multiple = !1, this.required = !1, this.readonly = !1, this._displayValue = null, this._didChange = new p(this, a.events.didChange), this._change = new p(this, a.events.change), this._input = new p(this, a.events.input), this._stateChange = new p(
+    super(), this.multiple = !1, this.readonly = !1, this._displayValue = null, this._didChange = new d(this, a.events.didChange), this._change = new d(this, a.events.change), this._input = new d(this, a.events.input), this._stateChange = new d(
       this,
       a.events.stateChange,
       {
         composed: !1
       }
-    ), this._overlayId = `sbb-select-${++N}`, this._activeItemIndex = -1, this._searchString = "", this._didLoad = !1, this._isPointerDownEventOnMenu = !1, this._abort = new k(this), this._pointerDownListener = (e) => {
+    ), this._overlayId = `sbb-select-${++B}`, this._activeItemIndex = -1, this._searchString = "", this._didLoad = !1, this._isPointerDownEventOnMenu = !1, this._abort = new E(this), this._pointerDownListener = (e) => {
       this._isPointerDownEventOnMenu = _(this._overlay, e);
     }, this._closeOnBackdropClick = (e) => {
       !this._isPointerDownEventOnMenu && !_(this._overlay, e) && this.close();
@@ -60,15 +70,15 @@ let N = 0, a = class extends A(
    */
   _onSelectAttributesChange(e) {
     var t;
-    for (const i of e)
-      i.attributeName === "aria-labelledby" && ((t = this._triggerElement) == null || t.setAttribute(
+    for (const s of e)
+      s.attributeName === "aria-labelledby" && ((t = this._triggerElement) == null || t.setAttribute(
         "aria-labelledby",
         this.getAttribute("aria-labelledby")
       ));
   }
   /** Opens the selection panel. */
   open() {
-    this.state !== "closed" || !this._overlay || this._options.length === 0 || this.willOpen.emit() && (this.state = "opening", this._setOverlayPosition());
+    this.state !== "closed" || !this._overlay || this._options.length === 0 || this.disabled || this.formDisabled || this.willOpen.emit() && (this.state = "opening", this._setOverlayPosition());
   }
   /** Closes the selection panel. */
   close() {
@@ -91,14 +101,14 @@ let N = 0, a = class extends A(
   _onValueChanged(e) {
     const t = this._filteredOptions;
     if (Array.isArray(e)) {
-      t.filter((s) => !e.includes(s.value ?? s.getAttribute("value"))).forEach((s) => s.selected = !1);
-      const i = t.filter(
-        (s) => e.includes(s.value ?? s.getAttribute("value"))
+      t.filter((i) => !e.includes(i.value ?? i.getAttribute("value"))).forEach((i) => i.selected = !1);
+      const s = t.filter(
+        (i) => e.includes(i.value ?? i.getAttribute("value"))
       );
-      i.forEach((s) => s.selected = !0), this._displayValue = i.map((s) => s.textContent).join(", ") || null;
+      s.forEach((i) => i.selected = !0), this._displayValue = s.map((i) => i.textContent).join(", ") || null;
     } else {
-      const i = t.find((s) => (s.value ?? s.getAttribute("value")) === e);
-      i && (i.selected = !0), t.filter((s) => (s.value ?? s.getAttribute("value")) !== e).forEach((s) => s.selected = !1), this._displayValue = (i == null ? void 0 : i.textContent) || null;
+      const s = t.find((i) => (i.value ?? i.getAttribute("value")) === e);
+      s && (s.selected = !0), t.filter((i) => (i.value ?? i.getAttribute("value")) !== e).forEach((i) => i.selected = !1), this._displayValue = (s == null ? void 0 : s.textContent) || null;
     }
     this._stateChange.emit({ type: "value", value: e });
   }
@@ -115,9 +125,9 @@ let N = 0, a = class extends A(
     f() && e === "defer-hydration" && !this._didLoad && this.updateComplete.then(() => this._setupSelect()), super.removeAttribute(e);
   }
   connectedCallback() {
-    var i, s;
-    super.connectedCallback(), h && (this.id || (this.id = this._overlayId));
-    const e = this._abort.signal, t = ((i = this.closest) == null ? void 0 : i.call(this, "sbb-form-field")) ?? ((s = this.closest) == null ? void 0 : s.call(this, "[data-form-field]"));
+    var s, i;
+    super.connectedCallback(), p && (this.id || (this.id = this._overlayId));
+    const e = this._abort.signal, t = ((s = this.closest) == null ? void 0 : s.call(this, "sbb-form-field")) ?? ((i = this.closest) == null ? void 0 : i.call(this, "[data-form-field]"));
     t && (this.negative = t.hasAttribute("negative")), this._syncProperties(), this._didLoad && (this._setupOrigin(), this._setupTrigger()), this.value && this._onValueChanged(this.value), this.addEventListener(
       "optionSelectionChange",
       (o) => this._onOptionChanged(o),
@@ -131,19 +141,43 @@ let N = 0, a = class extends A(
     );
   }
   willUpdate(e) {
-    super.willUpdate(e), e.has("value") && this._onValueChanged(this.value), (e.has("negative") || e.has("multiple")) && this._syncProperties();
+    super.willUpdate(e), e.has("value") && this._didLoad && this._onValueChanged(this.value), (e.has("negative") || e.has("multiple")) && this._syncProperties();
   }
   disconnectedCallback() {
     var e;
     super.disconnectedCallback(), this.prepend(this._triggerElement), (e = this._openPanelEventsController) == null || e.abort();
   }
+  updateFormValue() {
+    if (this.multiple && this.value instanceof Array) {
+      const e = new FormData();
+      this.value.forEach((t) => e.append(this.name, t)), this.internals.setFormValue(e);
+    } else
+      this.internals.setFormValue(this.value);
+  }
+  /**
+   * The reset value is the attribute value (the setup value), null otherwise.
+   * @internal
+   */
+  formResetCallback() {
+    this.value = this.hasAttribute("value") ? this.getAttribute("value") : null;
+  }
+  /**
+   * @internal
+   */
+  formStateRestoreCallback(e, t) {
+    if (!e) {
+      this.value = null;
+      return;
+    }
+    this.multiple ? this.value = e.map((s) => s[1]) : this.value = e;
+  }
   _syncProperties() {
     var e, t;
-    (e = this.querySelectorAll) == null || e.call(this, "sbb-divider").forEach((i) => i.negative = this.negative), (t = this.querySelectorAll) == null || t.call(
+    (e = this.querySelectorAll) == null || e.call(this, "sbb-divider").forEach((s) => s.negative = this.negative), (t = this.querySelectorAll) == null || t.call(
       this,
       "sbb-option, sbb-optgroup"
-    ).forEach((i) => {
-      i.toggleAttribute("data-negative", this.negative), i.toggleAttribute("data-multiple", this.multiple);
+    ).forEach((s) => {
+      s.toggleAttribute("data-negative", this.negative), s.toggleAttribute("data-multiple", this.multiple);
     });
   }
   _setupSelect() {
@@ -151,9 +185,9 @@ let N = 0, a = class extends A(
   }
   /** Sets the originElement; if the component is used in a sbb-form-field uses it, otherwise uses the parentElement. */
   _setupOrigin() {
-    var t, i, s, o;
+    var t, s, i, o;
     const e = (t = this.closest) == null ? void 0 : t.call(this, "sbb-form-field");
-    this._originElement = ((s = (i = e == null ? void 0 : e.shadowRoot) == null ? void 0 : i.querySelector) == null ? void 0 : s.call(i, "#overlay-anchor")) ?? this.parentElement, this._originElement && this.toggleAttribute(
+    this._originElement = ((i = (s = e == null ? void 0 : e.shadowRoot) == null ? void 0 : s.querySelector) == null ? void 0 : i.call(s, "#overlay-anchor")) ?? this.parentElement, this._originElement && this.toggleAttribute(
       "data-option-panel-origin-borderless",
       !!((o = e == null ? void 0 : e.hasAttribute) != null && o.call(e, "borderless"))
     );
@@ -163,13 +197,13 @@ let N = 0, a = class extends A(
    * we are forced to move the 'combobox' trigger element to the light DOM
    */
   _setupTrigger() {
-    var t, i, s;
-    (i = (t = this.parentElement).insertBefore) == null || i.call(t, this._triggerElement, this);
-    const e = ((s = this.closest) == null ? void 0 : s.call(this, "sbb-form-field")) ?? this;
+    var t, s, i;
+    (s = (t = this.parentElement).insertBefore) == null || s.call(t, this._triggerElement, this);
+    const e = ((i = this.closest) == null ? void 0 : i.call(this, "sbb-form-field")) ?? this;
     this._triggerElement.style.top = "0px", this._triggerElement.style.height = `${e.offsetHeight}px`, this._triggerElement.style.width = `${e.offsetWidth}px`;
   }
   _setOverlayPosition() {
-    P(
+    V(
       this._overlay,
       this._originElement,
       this._optionContainer,
@@ -212,7 +246,7 @@ let N = 0, a = class extends A(
     });
   }
   _onKeyDown(e) {
-    this.disabled || this.readonly || (this.state === "opened" && this._openedPanelKeyboardInteraction(e), this.state === "closed" && this._closedPanelKeyboardInteraction(e));
+    this.readonly || (this.state === "opened" && this._openedPanelKeyboardInteraction(e), this.state === "closed" && this._closedPanelKeyboardInteraction(e));
   }
   _closedPanelKeyboardInteraction(e) {
     if (this._checkForLetterSelection(e))
@@ -227,7 +261,7 @@ let N = 0, a = class extends A(
     }
   }
   _openedPanelKeyboardInteraction(e) {
-    if (!(this.disabled || this.readonly || this.state !== "opened")) {
+    if (!(this.readonly || this.state !== "opened")) {
       if (this._checkForLetterSelection(e))
         return this._setNextActiveOptionByText(e);
       switch (e.key) {
@@ -259,22 +293,22 @@ let N = 0, a = class extends A(
   }
   _setNextActiveOptionByText(e) {
     typeof this._searchTimeout == typeof setTimeout && clearTimeout(this._searchTimeout), this._searchTimeout = setTimeout(() => this._searchString = "", 1e3), this._searchString += e.key;
-    const t = this._activeItemIndex + 1, i = [
+    const t = this._activeItemIndex + 1, s = [
       ...this._filteredOptions.slice(t),
       ...this._filteredOptions.slice(0, t)
-    ], s = i.find(
+    ], i = s.find(
       (o) => {
         var r;
         return ((r = o.textContent) == null ? void 0 : r.toLowerCase().indexOf(this._searchString.toLowerCase())) === 0;
       }
     );
-    if (s)
-      this._setNextActiveOption(e, this._filteredOptions.indexOf(s));
+    if (i)
+      this._setNextActiveOption(e, this._filteredOptions.indexOf(i));
     else if (this._searchString.length > 1 && new RegExp(`^${this._searchString.charAt(0)}*$`).test(this._searchString)) {
-      const o = i.find(
+      const o = s.find(
         (r) => {
-          var l;
-          return ((l = r.textContent) == null ? void 0 : l.toLowerCase().indexOf(this._searchString[0].toLowerCase())) === 0;
+          var n;
+          return ((n = r.textContent) == null ? void 0 : n.toLowerCase().indexOf(this._searchString[0].toLowerCase())) === 0;
         }
       );
       o && this._setNextActiveOption(e, this._filteredOptions.indexOf(o));
@@ -286,11 +320,11 @@ let N = 0, a = class extends A(
     this.multiple ? e.setSelectedViaUserInteraction(!e.selected) : this.close();
   }
   _setNextActiveOption(e, t) {
-    const i = t ?? x(e, this._activeItemIndex, this._filteredOptions.length), s = this._filteredOptions[i], o = this._filteredOptions[this._activeItemIndex];
-    this._setActiveElement(s, o), this.multiple ? e != null && e.shiftKey && s.setSelectedViaUserInteraction(!s.selected) : this._setSelectedElement(s, o), this._activeItemIndex = i;
+    const s = t ?? x(e, this._activeItemIndex, this._filteredOptions.length), i = this._filteredOptions[s], o = this._filteredOptions[this._activeItemIndex];
+    this._setActiveElement(i, o), this.multiple ? e != null && e.shiftKey && i.setSelectedViaUserInteraction(!i.selected) : this._setSelectedElement(i, o), this._activeItemIndex = s;
   }
-  _setActiveElement(e, t = null, i = !0) {
-    e.setActive(!0), e.scrollIntoView({ block: "nearest" }), i && this._triggerElement.setAttribute("aria-activedescendant", e.id), t && t !== e && t.setActive(!1);
+  _setActiveElement(e, t = null, s = !0) {
+    e.setActive(!0), e.scrollIntoView({ block: "nearest" }), s && this._triggerElement.setAttribute("aria-activedescendant", e.id), t && t !== e && t.setActive(!1);
   }
   _setSelectedElement(e, t) {
     e.setSelectedViaUserInteraction(!0), t && t !== e && t.setSelectedViaUserInteraction(!1);
@@ -304,8 +338,8 @@ let N = 0, a = class extends A(
       const e = this._filteredOptions.filter((t) => t.selected);
       if (e && e.length > 0) {
         const t = [];
-        for (const i of e)
-          t.push(i.value);
+        for (const s of e)
+          t.push(s.value);
         this.value = t;
       }
     } else {
@@ -317,7 +351,7 @@ let N = 0, a = class extends A(
   }
   _toggleOpening() {
     var e;
-    if (!(this.disabled || this.readonly))
+    if (!(this.disabled || this.formDisabled || this.readonly))
       switch ((e = this._triggerElement) == null || e.focus(), this.state) {
         case "opened": {
           this.close();
@@ -333,15 +367,15 @@ let N = 0, a = class extends A(
     return [this._deferredDisplayValue(e), e];
   }
   async _deferredDisplayValue(e) {
-    return this.hydrationRequired && await this.hydrationComplete, this._displayValue ? d`${this._displayValue}` : e;
+    return this.hydrationRequired && await this.hydrationComplete, this._displayValue ? b`${this._displayValue}` : e;
   }
   render() {
-    return d`
+    return b`
       <!-- This element is visually hidden and will be appended to the light DOM to allow screen
       readers to work properly -->
       <div
         class="sbb-screen-reader-only"
-        tabindex=${this.disabled ? c : "0"}
+        tabindex=${this.disabled || this.formDisabled ? h : "0"}
         role="combobox"
         aria-haspopup="listbox"
         aria-expanded="false"
@@ -350,35 +384,35 @@ let N = 0, a = class extends A(
         aria-owns=${this._overlayId}
         @keydown=${this._onKeyDown}
         @click=${this._toggleOpening}
-        ${v((e) => this._triggerElement = e)}
+        ${c((e) => this._triggerElement = e)}
       >
-        ${u(...this._spreadDeferredDisplayValue(d`<span>${this.placeholder}</span>`))}
+        ${u(...this._spreadDeferredDisplayValue(b`<span>${this.placeholder}</span>`))}
       </div>
 
       <!-- Visually display the value -->
       <div class="sbb-select__trigger" aria-hidden="true">
         ${u(
       ...this._spreadDeferredDisplayValue(
-        d`<span class="sbb-select__trigger--placeholder">${this.placeholder}</span>`
+        b`<span class="sbb-select__trigger--placeholder">${this.placeholder}</span>`
       )
     )}
       </div>
 
       <div class="sbb-select__gap-fix"></div>
       <div class="sbb-select__container">
-        <div class="sbb-select__gap-fix">${$()}</div>
+        <div class="sbb-select__gap-fix">${L()}</div>
         <div
           @animationend=${this._onAnimationEnd}
           class="sbb-select__panel"
-          ${v((e) => this._overlay = e)}
+          ${c((e) => this._overlay = e)}
         >
           <div class="sbb-select__wrapper">
             <div
-              id=${h ? c : this._overlayId}
+              id=${p ? h : this._overlayId}
               class="sbb-select__options"
-              role=${h ? c : "listbox"}
+              role=${p ? h : "listbox"}
               ?aria-multiselectable=${this.multiple}
-              ${v((e) => this._optionContainer = e)}
+              ${c((e) => this._optionContainer = e)}
             >
               <slot @slotchange=${this._setValueFromSelectedOption}></slot>
             </div>
@@ -388,7 +422,7 @@ let N = 0, a = class extends A(
     `;
   }
 };
-a.styles = L;
+a.styles = T;
 a.events = {
   didChange: "didChange",
   change: "change",
@@ -399,28 +433,22 @@ a.events = {
   willClose: "willClose",
   didClose: "didClose"
 };
-n([
-  b()
-], a.prototype, "value", 2);
-n([
-  b()
+l([
+  v()
 ], a.prototype, "placeholder", 2);
-n([
-  b({ type: Boolean, reflect: !0 })
+l([
+  v({ reflect: !0, type: Boolean })
 ], a.prototype, "multiple", 2);
-n([
-  b({ reflect: !0, type: Boolean })
-], a.prototype, "required", 2);
-n([
-  b({ type: Boolean })
+l([
+  v({ type: Boolean })
 ], a.prototype, "readonly", 2);
-n([
+l([
   w()
 ], a.prototype, "_displayValue", 2);
-a = n([
+a = l([
   y("sbb-select"),
   O({
-    role: h ? "listbox" : null
+    role: p ? "listbox" : null
   })
 ], a);
 export {

package/slider/slider.d.ts

@@ -1,6 +1,6 @@
 import { CSSResultGroup, PropertyValues, TemplateResult, LitElement } from 'lit';
 import { FormRestoreReason, FormRestoreState } from '../core/mixins.js';
-declare const SbbSliderElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').Constructor<import('../core/mixins.js').SbbFormAssociatedMixinType> & typeof LitElement;
+declare const SbbSliderElement_base: import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbDisabledMixinType> & import('../core/mixins.js').AbstractConstructor<import('../core/mixins.js').SbbFormAssociatedMixinType<string>> & typeof LitElement;
 /**
  * It displays an input knob that can be moved in a range.
  *
@@ -63,6 +63,7 @@ export declare class SbbSliderElement extends SbbSliderElement_base {
      * @internal
      */
     formStateRestoreCallback(state: FormRestoreState | null, _reason: FormRestoreReason): void;
+    protected updateFormValue(): void;
     /**
      *  If no value is provided, default is the middle point between min and max
      *  (see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#value)

package/slider/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/elements/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAQhD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,YAAY,CAAC;;AAEpB;;;;;;GAMG;AACH,qBAIa,gBAAiB,SAAQ,qBAAoD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAQ7C;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,oDAAoD;IACpD,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,EAErC;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAO3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAe;IAE3B,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAO3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAiB;IAE7B;;;OAGG;IACiC,QAAQ,CAAC,EAAE,OAAO,CAAS;IAE/D,6FAA6F;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEjE,2FAA2F;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IAE7D;;;OAGG;IACM,OAAO,CAAC,cAAc,CAAK;IAEpC;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,iEAAiE;IACjE,OAAO,CAAC,WAAW,CAAoB;IAEvC,OAAO,CAAC,MAAM,CAAyC;;IAQvC,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAIhC;;OAEG;IACI,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;IAIP;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,uBAAuB;YASjB,cAAc;IAgC5B,8BAA8B;IAC9B,OAAO,CAAC,WAAW;cAKA,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/elements/slider/slider.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAQhD,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAGtB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,YAAY,CAAC;;AAEpB;;;;;;GAMG;AACH,qBAIa,gBAAiB,SAAQ,qBAAoD;IACxF,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX;;;OAGG;IACH,IACoB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAQ7C;IACD,IAAoB,KAAK,IAAI,MAAM,CAElC;IAED,oDAAoD;IACpD,IACW,aAAa,CAAC,KAAK,EAAE,MAAM,EAErC;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAExC;IAED,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAO3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAe;IAE3B,+DAA+D;IAC/D,IACW,GAAG,CAAC,KAAK,EAAE,MAAM,EAO3B;IACD,IAAW,GAAG,IAAI,MAAM,CAEvB;IACD,OAAO,CAAC,IAAI,CAAiB;IAE7B;;;OAGG;IACiC,QAAQ,CAAC,EAAE,OAAO,CAAS;IAE/D,6FAA6F;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEjE,2FAA2F;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IAE7D;;;OAGG;IACM,OAAO,CAAC,cAAc,CAAK;IAEpC;;OAEG;IACH,OAAO,CAAC,UAAU,CAGf;IAEH,iEAAiE;IACjE,OAAO,CAAC,WAAW,CAAoB;IAEvC,OAAO,CAAC,MAAM,CAAyC;;IAQvC,iBAAiB,IAAI,IAAI;cAUtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAc5E;;;OAGG;IACI,iBAAiB,IAAI,IAAI;IAIhC;;OAEG;IACI,wBAAwB,CAC7B,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAC9B,OAAO,EAAE,iBAAiB,GACzB,IAAI;cAIY,eAAe,IAAI,IAAI;IAI1C;;;OAGG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,cAAc;IAItB;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,uBAAuB;YASjB,cAAc;IAgC5B,8BAA8B;IAC9B,OAAO,CAAC,WAAW;cAKA,MAAM,IAAI,cAAc;CAmC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}

package/slider.js

@@ -65,6 +65,9 @@ let s = class extends x(k(u)) {
   formStateRestoreCallback(e, i) {
     this.value = e;
   }
+  updateFormValue() {
+    this.internals.setFormValue(this.value);
+  }
   /**
    *  If no value is provided, default is the middle point between min and max
    *  (see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#value)

package/standard-theme.css

@@ -106,7 +106,7 @@ summary {
 
 /**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 15:45:11 GMT
+ * Generated on Mon, 21 Oct 2024 06:34:22 GMT
  */
 *,
 ::before,
@@ -226,6 +226,7 @@ summary {
   --sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
   --sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
   --sbb-color-midnight: #151515;
+  --sbb-color-blue: #2d327d;
   --sbb-color-charcoal: #212121;
   --sbb-color-iron: #444444;
   --sbb-color-anthracite: #5a5a5a;
@@ -260,6 +261,9 @@ summary {
   --sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
   --sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
   --sbb-color-red150: #a20013;
+  --sbb-color-royal: #06348b;
+  --sbb-color-royal125: #032668;
+  --sbb-color-royal150: #021c4e;
   --sbb-color-white: #ffffff;
   --sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
   --sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);

package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts

@@ -1,2 +0,0 @@
-export * from './autocomplete-grid-optgroup.js';
-//# sourceMappingURL=index.d.ts.map

package/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/autocomplete-grid/autocomplete-grid-optgroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}

package/button/mini-button-group/index.d.ts

@@ -1,2 +0,0 @@
-export * from './mini-button-group.js';
-//# sourceMappingURL=index.d.ts.map

package/button/mini-button-group/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/button/mini-button-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts

@@ -1,2 +0,0 @@
-export * from './autocomplete-grid-optgroup.js';
-//# sourceMappingURL=index.d.ts.map

package/development/autocomplete-grid/autocomplete-grid-optgroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/autocomplete-grid/autocomplete-grid-optgroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC"}

package/development/button/mini-button-group/index.d.ts

@@ -1,2 +0,0 @@
-export * from './mini-button-group.js';
-//# sourceMappingURL=index.d.ts.map

package/development/button/mini-button-group/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/button/mini-button-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/development/flip-card/flip-card/index.d.ts

@@ -1,2 +0,0 @@
-export * from './flip-card.js';
-//# sourceMappingURL=index.d.ts.map

package/development/flip-card/flip-card/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/development/flip-card/flip-card-details/index.d.ts

@@ -1,2 +0,0 @@
-export * from './flip-card-details.js';
-//# sourceMappingURL=index.d.ts.map

package/development/flip-card/flip-card-details/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-details/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/development/flip-card/flip-card-summary/index.d.ts

@@ -1,2 +0,0 @@
-export * from './flip-card-summary.js';
-//# sourceMappingURL=index.d.ts.map

package/development/flip-card/flip-card-summary/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/flip-card/flip-card-summary/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/development/link-list/link-list-anchor/index.d.ts

@@ -1,2 +0,0 @@
-export * from './link-list-anchor.js';
-//# sourceMappingURL=index.d.ts.map

package/development/link-list/link-list-anchor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/link-list/link-list-anchor/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/development/paginator/index.d.ts

@@ -1,2 +0,0 @@
-export * from './paginator.js';
-//# sourceMappingURL=index.d.ts.map

package/development/paginator/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/paginator/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/development/radio-button/radio-button-panel/index.d.ts

@@ -1,2 +0,0 @@
-export * from './radio-button-panel.js';
-//# sourceMappingURL=index.d.ts.map

package/development/radio-button/radio-button-panel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/radio-button/radio-button-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/development/tabs/tab/index.d.ts

@@ -1,2 +0,0 @@
-export * from './tab.js';
-//# sourceMappingURL=index.d.ts.map

package/development/tabs/tab/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/flip-card/flip-card/index.d.ts

@@ -1,2 +0,0 @@
-export * from './flip-card.js';
-//# sourceMappingURL=index.d.ts.map

package/flip-card/flip-card/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/flip-card/flip-card-details/index.d.ts

@@ -1,2 +0,0 @@
-export * from './flip-card-details.js';
-//# sourceMappingURL=index.d.ts.map

package/flip-card/flip-card-details/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-details/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/flip-card/flip-card-summary/index.d.ts

@@ -1,2 +0,0 @@
-export * from './flip-card-summary.js';
-//# sourceMappingURL=index.d.ts.map

package/flip-card/flip-card-summary/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/flip-card/flip-card-summary/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/link-list/link-list-anchor/index.d.ts

@@ -1,2 +0,0 @@
-export * from './link-list-anchor.js';
-//# sourceMappingURL=index.d.ts.map

package/link-list/link-list-anchor/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/link-list/link-list-anchor/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/paginator/index.d.ts

@@ -1,2 +0,0 @@
-export * from './paginator.js';
-//# sourceMappingURL=index.d.ts.map