scb-wc 0.1.241 → 0.1.243

package/mvc/components/scb-select/scb-select.js

@@ -1,4 +1,4 @@
-import{a as b,f as S,h as I,m as $,p as n,v as u,y as T}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{ensureFocusRingOnFocusVisible as q}from"../shared/lazy-focus-ring.js";import{componentSizeToken as F}from"../shared/component-size-token.js";import{t as M}from"../../vendor/component-defaults.js";import{t as r}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-icon-button/scb-icon-button.js";import{closeManualPopover as k,closeManualPopoverAfterAnimations as P,isManualPopoverOpen as _,openManualPopover as R}from"../shared/manual-popover.js";import"../scb-tooltip/scb-tooltip.js";import"./scb-select-option.js";(function(){try{var x=typeof globalThis<"u"?globalThis:window;if(!x.__scb_ce_guard_installed__){x.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,t,i){try{customElements.get(s)||e(s,t,i)}catch(c){var l=String(c||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var y,a=(y=class extends I{constructor(){super(),this._optionsObserver=null,this._internals=null,this.focusedIndex=-1,this.variant="single-select",this.value="",this.values=[],this.disabled=!1,this.required=!1,this.error=!1,this.open=!1,this.label="",this.name="",this.placeholder="",this.supportingText="",this.errorText="",this.helpText="",this.helpLabel="Visa hjälptext",this.withRadiobuttons=!1,this.noHighlightSelected=!1,this.size=M["scb-select"].size,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.zIndex=void 0,this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialValue="",this._initialValues=[],this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._selectId=`scb-select-${Math.random().toString(36).slice(2,11)}`,this._placementFrame=0,this._optionsPlacement="below",this._activeDescendant="",this._onDocumentClick=e=>{if(!this.open)return;const s=e.composedPath();if(!s.includes(this)){const t=s.find(i=>i instanceof HTMLElement?i.tagName.toLowerCase()==="scb-select":!1);if(t&&t!==this){this._setOpen(!1);return}this._setOpen(!1),requestAnimationFrame(()=>{this.open||this._focusTrigger()})}},this._scheduleOptionsPlacement=()=>{!this.open||!this.isConnected||(this._placementFrame&&cancelAnimationFrame(this._placementFrame),this._placementFrame=requestAnimationFrame(()=>{this._placementFrame=0,this._updateOptionsPlacement()}))},this._onSlotClick=e=>{const s=this._getOptions(),t=e.composedPath(),i=s.find(l=>t.includes(l));i&&(this._selectOption(i),e.stopPropagation())},this._onKeyDown=e=>{if(e.key==="Tab"&&this.open){this._setOpen(!1),this._syncOptionsPopover();return}if(e.key==="Escape"&&this.open){e.preventDefault(),e.stopPropagation(),this._setOpen(!1),this._focusTrigger();return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault(),e.stopPropagation();const s=e.key==="ArrowDown"?1:-1;if(!this.open){this._setOpen(!0),this.updateComplete.then(()=>{this._setFocusedIndex(this._getInitialFocusedIndex(),{scroll:!1}),this.focusedIndex>=0&&e.key==="ArrowUp"&&this._moveFocusedIndex(-1)});return}this._moveFocusedIndex(s);return}if((e.key==="Home"||e.key==="End")&&this.open){e.preventDefault(),e.stopPropagation();const s=this._getOptions();let t=s.findIndex(i=>!i.disabled);if(e.key==="End"){for(let i=s.length-1;i>=0;i-=1)if(!s[i]?.disabled){t=i;break}}this._setFocusedIndex(t);return}if(e.key==="Enter"||e.key===" "){if(e.preventDefault(),this.open){const s=this._getFocusedOption();s&&this._selectOption(s);return}this._setOpen(!0)}},this._onOptionKeyDown=e=>{if(e.key==="Escape"&&this.open){e.preventDefault(),e.stopPropagation(),this._setOpen(!1),this._focusTrigger();return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const s=this._getOptions(),t=e.composedPath(),i=s.find(l=>t.includes(l));i&&this._selectOption(i)}},"attachInternals"in this&&(this._internals=this.attachInternals())}_syncDensityForSize(){this.size==="extra-small"?this.setAttribute("data-density","-5"):this.size==="small"?this.setAttribute("data-density","-4"):this.size==="medium"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("scroll",this._scheduleOptionsPlacement,!0),window.addEventListener("resize",this._scheduleOptionsPlacement),this._optionsObserver=new MutationObserver(()=>{this.requestUpdate()}),this._optionsObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label","value","disabled"]}),this._syncDensityForSize(),this._initialValue=this.value,this._initialValues=Array.isArray(this.values)?[...this.values]:[],this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.value=this._initialValue,this.values=Array.isArray(this._initialValues)?[...this._initialValues]:[],this.error=!1,this._hasValidationBeenReported=!1,this._syncFormValue(),this._syncValidity(),this.requestUpdate()},this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("reset",this._formResetHandler,!0),this._form.addEventListener("submit",this._formSubmitHandler,!0))}disconnectedCallback(){document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("scroll",this._scheduleOptionsPlacement,!0),window.removeEventListener("resize",this._scheduleOptionsPlacement),this._placementFrame&&(cancelAnimationFrame(this._placementFrame),this._placementFrame=0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0),this._optionsObserver?.disconnect(),this._optionsObserver=null,k(this.shadowRoot?.querySelector(".options")),super.disconnectedCallback()}_getMultiValues(){return Array.isArray(this.values)&&this.values.length>0?this.values:this.value?this.value.split(",").map(e=>e.trim()).filter(Boolean):[]}_mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}_applySpacing(){const e=this._mapSpacingToken(this.spacing),s=this._mapSpacingToken(this.spacingTop)??e,t=this._mapSpacingToken(this.spacingBottom)??e,i=this._mapSpacingToken(this.spacingLeft),l=this._mapSpacingToken(this.spacingRight);s?this.style.setProperty("--scb-select-spacing-block-start",s):this.style.removeProperty("--scb-select-spacing-block-start"),t?this.style.setProperty("--scb-select-spacing-block-end",t):this.style.removeProperty("--scb-select-spacing-block-end"),i?this.style.setProperty("--scb-select-spacing-inline-start",i):this.style.removeProperty("--scb-select-spacing-inline-start"),l?this.style.setProperty("--scb-select-spacing-inline-end",l):this.style.removeProperty("--scb-select-spacing-inline-end")}_setOpen(e){if(this.open!==e)if(e){const s=this._getInitialFocusedIndex();this._updateOptionsPlacement(),this._prepareOptionsScroll(s),this.focusedIndex=s,this.open=e,this.requestUpdate()}else this.open=e,this.focusedIndex=-1}_toggleOpen(){this.disabled||this._setOpen(!this.open)}_focusTrigger(){this.shadowRoot?.querySelector(".selected-value-container")?.focus({preventScroll:!0})}_getOptions(){const e=this.shadowRoot?.querySelector("slot");return e?e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-select-option"):[]}_ensureOptionIds(e=this._getOptions()){e.forEach((s,t)=>{s.id||(s.id=`${this._selectId}-option-${t}`)})}_getInitialFocusedIndex(){const e=this._getOptions(),s=this.variant==="multi-select"?this._getMultiValues():[this.value],t=e.findIndex(i=>!i.disabled&&s.includes(i.value));return t>=0?t:e.findIndex(i=>!i.disabled)}_setFocusedIndex(e,s={}){const t=this._getOptions();if(this._ensureOptionIds(t),t.forEach(c=>c.removeAttribute("data-focused")),e<0||t.length===0){this.focusedIndex=-1,this._activeDescendant="";return}let i=Math.max(0,Math.min(e,t.length-1));if(t[i]?.disabled){const c=t.findIndex((o,g)=>g>=i&&!o.disabled);let d=-1;for(let o=t.length-1;o>=0;o-=1)if(!t[o]?.disabled){d=o;break}i=c>=0?c:d}const l=t[i];if(!l||l.disabled){this.focusedIndex=-1,this._activeDescendant="";return}l.setAttribute("data-focused",""),this.focusedIndex=i,this._activeDescendant=l.id,s.scroll!==!1&&this._prepareOptionsScroll(i)}_prepareOptionsScroll(e){const s=this.shadowRoot?.querySelector(".options"),t=this._getOptions()[e];if(!s||!t)return;const i=getComputedStyle(s),l=getComputedStyle(this),c=Number.parseFloat(i.paddingTop)||0,d=Number.parseFloat(i.paddingBottom)||0,o=l.getPropertyValue("--scb-select-options-current-max-height").trim()||l.getPropertyValue("--scb-select-options-max-height").trim()||i.maxHeight,g=Number.parseFloat(o);if(!Number.isFinite(g)||g<=0){s.scrollTop=0;return}const v=s.getBoundingClientRect(),m=t.getBoundingClientRect(),p=m.top-v.top+s.scrollTop,f=p+m.height,h=g,w=Math.max(0,s.scrollHeight-h),O=s.scrollTop+c,V=s.scrollTop+h-d;let z=s.scrollTop;p<O?z=p-c:f>V&&(z=f-h+d),s.scrollTop=Math.max(0,Math.min(w,z))}_moveFocusedIndex(e){const s=this._getOptions();if(s.length===0)return;let t=this.focusedIndex>=0?this.focusedIndex:this._getInitialFocusedIndex();for(let i=0;i<s.length;i+=1)if(t=(t+e+s.length)%s.length,!s[t]?.disabled){this._setFocusedIndex(t);return}}_getFocusedOption(){return this._getOptions()[this.focusedIndex]}_updateOptionsPlacement(){const e=this.shadowRoot?.querySelector(".selected-value-container"),s=this.shadowRoot?.querySelector(".options");if(!e||!s)return;const t=e.getBoundingClientRect(),i=8,l=3,c=Number.parseFloat(getComputedStyle(this).getPropertyValue("--scb-select-options-max-height")),d=Number.isFinite(c)&&c>0?c:240,o=s.scrollHeight,g=Math.min(d,o),v=window.innerHeight-t.bottom-l-i,m=t.top-l-i,p=v<g&&m>v,f=Math.max(0,Math.min(g,p?m:v));if(this._optionsPlacement=p?"above":"below",this.style.setProperty("--scb-select-options-current-max-height",`${f}px`),s.style.overflowY=o>f+.5?"auto":"",_(s)){const h=Math.min(t.width,window.innerWidth-i*2),w=Math.min(Math.max(t.left,i),window.innerWidth-i-h);s.style.position="fixed",s.style.left=`${Math.round(w)}px`,s.style.right="auto",s.style.width=`${Math.round(h)}px`,p?(s.style.top="auto",s.style.bottom=`${Math.round(window.innerHeight-t.top+l)}px`):(s.style.top=`${Math.round(t.bottom+l)}px`,s.style.bottom="auto")}}_syncOptionsPopover(){const e=this.shadowRoot?.querySelector(".options")??null;if(e){if(this.open){R(e)&&this._scheduleOptionsPlacement();return}_(e)?P(e,()=>this._resetOptionsPlacement()):(k(e),this._resetOptionsPlacement())}}_resetOptionsPlacement(){this._optionsPlacement="below",this.style.removeProperty("--scb-select-options-current-max-height");const e=this.shadowRoot?.querySelector(".options");e?.style.removeProperty("position"),e?.style.removeProperty("left"),e?.style.removeProperty("right"),e?.style.removeProperty("top"),e?.style.removeProperty("bottom"),e?.style.removeProperty("width"),e?.style.removeProperty("overflow-y")}_hasMoreThanFourOptions(){const e=this._getOptions();return["extra-small","small","medium"].includes(this.size)?e.length>5:e.length>4}_selectOption(e){if(!e.disabled){if(this.variant==="multi-select"){const s=this._getMultiValues();s.indexOf(e.value)>-1?this.values=s.filter(t=>t!==e.value):this.values=[...s,e.value],this.value=this.values.join(","),this.dispatchEvent(new CustomEvent("change",{detail:{values:this.values},bubbles:!0,composed:!0}))}else this.variant==="single-select"&&this.withRadiobuttons?(this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))):(this.value=e.value,this._setOpen(!1),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})),this.updateComplete.then(()=>this._focusTrigger()));this._updateOptionsChecked(),this.requestUpdate()}}_getOptionLabel(e){return e.label||e.textContent?.trim()||""}_getSelectedLabel(){const e=this._getOptions();if(this.variant==="multi-select"){const s=this._getMultiValues(),t=e.filter(i=>s.includes(i.value));return t&&t.length>0?t.map(i=>this._getOptionLabel(i)).join(", "):""}else{const s=e.find(t=>t.value===this.value);return s?this._getOptionLabel(s):""}}firstUpdated(){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),this._applySpacing()}updated(e){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),e.has("size")&&this._syncDensityForSize(),e.has("errorText")&&this.error&&this._syncValidity(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing(),e.has("open")&&(this.open?(this._syncOptionsPopover(),this.updateComplete.then(()=>{this._setFocusedIndex(this._getInitialFocusedIndex(),{scroll:!1}),this._scheduleOptionsPlacement()})):(this._syncOptionsPopover(),this._setFocusedIndex(-1)))}_syncFormValue(){if(this._internals){if(this.disabled||!this.name){this._internals.setFormValue(null);return}if(this.variant==="multi-select"){const e=this._getMultiValues();if(e.length===0){this._internals.setFormValue(null);return}const s=new FormData;e.forEach(t=>s.append(this.name,t)),this._internals.setFormValue(s);return}this._internals.setFormValue(this.value||null)}}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.variant==="multi-select"?this._getMultiValues().length>0:this.value)?this.errorText||"Välj ett alternativ.":""}_syncValidity(){const e=this.disabled?"":this._getValidationMessage(),s=this.shadowRoot?.querySelector(".selected-value"),t=this.error,i=this._validationMessage;if(this._validationMessage=e,this.error=this.disabled?!1:e?this._hasValidationBeenReported||t:t&&!this._hasValidationBeenReported&&!i,!e)this.removeAttribute("aria-invalid"),s&&s.setCustomValidity(""),this._internals&&this._internals.setValidity({});else if(s&&s.setCustomValidity(e),this._internals){const l=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(l,e,s??void 0)}this.toggleAttribute("aria-invalid",this.error),(t!==this.error||i!==this._validationMessage)&&this.requestUpdate()}checkValidity(){return this._syncValidity(),this._internals?this._internals.checkValidity():!this.error}reportValidity(){return this._hasValidationBeenReported=!0,this._syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=String(e??""),this._syncValidity()}get form(){return this._internals?.form??this._form}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}get labels(){return this._internals?.labels}_updateOptionsChecked(){const e=this._getOptions();this._ensureOptionIds(e),e.forEach(s=>{if(this.noHighlightSelected?s.setAttribute("no-highlight-selected",""):s.removeAttribute("no-highlight-selected"),this.variant==="multi-select"){const t=this._getMultiValues();s.showCheckbox=!0,s.checked=t.includes(s.value),s.showRadio=!1}else s.showCheckbox=!1,s.checked=this.value===s.value,this.withRadiobuttons&&(s.showRadio=!0)})}_renderLabel(){if(!this.label)return null;const e=!!this._getVisibleSupportingText(),s=`${this._selectId}-label`,t=u`
+import{a as b,f as O,h as I,m as $,p as n,v as u,y as T}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{ensureFocusRingOnFocusVisible as q}from"../shared/lazy-focus-ring.js";import{componentSizeToken as F}from"../shared/component-size-token.js";import{t as M}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-icon-button/scb-icon-button.js";import{closeManualPopover as k,closeManualPopoverAfterAnimations as P,isManualPopoverOpen as _,openManualPopover as E}from"../shared/manual-popover.js";import"../scb-tooltip/scb-tooltip.js";import"./scb-select-option.js";(function(){try{var x=typeof globalThis<"u"?globalThis:window;if(!x.__scb_ce_guard_installed__){x.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,t,i){try{customElements.get(s)||e(s,t,i)}catch(c){var l=String(c||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var y,r=(y=class extends I{constructor(){super(),this._optionsObserver=null,this._internals=null,this.focusedIndex=-1,this.variant="single-select",this.value="",this.values=[],this.disabled=!1,this.required=!1,this.error=!1,this.open=!1,this.label="",this.name="",this.placeholder="",this.supportingText="",this.errorText="",this.helpText="",this.helpLabel="Visa hjälptext",this.withRadiobuttons=!1,this.noHighlightSelected=!1,this.size=M["scb-select"].size,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.zIndex=void 0,this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialValue="",this._initialValues=[],this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._selectId=`scb-select-${Math.random().toString(36).slice(2,11)}`,this._placementFrame=0,this._optionsPlacement="below",this._activeOption=null,this._onDocumentClick=e=>{if(!this.open)return;const s=e.composedPath();if(!s.includes(this)){const t=s.find(i=>i instanceof HTMLElement?i.tagName.toLowerCase()==="scb-select":!1);if(t&&t!==this){this._setOpen(!1);return}this._setOpen(!1),requestAnimationFrame(()=>{this.open||this._focusTrigger()})}},this._scheduleOptionsPlacement=()=>{!this.open||!this.isConnected||(this._placementFrame&&cancelAnimationFrame(this._placementFrame),this._placementFrame=requestAnimationFrame(()=>{this._placementFrame=0,this._updateOptionsPlacement()}))},this._onSlotClick=e=>{const s=this._getOptions(),t=e.composedPath(),i=s.find(l=>t.includes(l));i&&(this._selectOption(i),this._focusTrigger(),e.stopPropagation())},this._onKeyDown=e=>{if(e.key==="Tab"&&this.open){this._setOpen(!1),this._syncOptionsPopover();return}if(e.key==="Escape"&&this.open){e.preventDefault(),e.stopPropagation(),this._setOpen(!1),this._focusTrigger();return}if(e.key==="ArrowDown"||e.key==="ArrowUp"){e.preventDefault(),e.stopPropagation();const s=e.key==="ArrowDown"?1:-1;if(!this.open){this._setOpen(!0,{keyboard:!0}),this.updateComplete.then(()=>{this._setFocusedIndex(this._getInitialFocusedIndex(),{scroll:!1}),this.focusedIndex>=0&&e.key==="ArrowUp"&&this._moveFocusedIndex(-1)});return}this._moveFocusedIndex(s);return}if((e.key==="Home"||e.key==="End")&&this.open){e.preventDefault(),e.stopPropagation();const s=this._getOptions();let t=s.findIndex(i=>!i.disabled);if(e.key==="End"){for(let i=s.length-1;i>=0;i-=1)if(!s[i]?.disabled){t=i;break}}this._setFocusedIndex(t);return}if(e.key==="Enter"||e.key===" "){if(e.preventDefault(),this.open){const s=this._getFocusedOption();s&&this._selectOption(s);return}this._setOpen(!0,{keyboard:!0})}},this._onOptionKeyDown=e=>{if(e.key==="Escape"&&this.open){e.preventDefault(),e.stopPropagation(),this._setOpen(!1),this._focusTrigger();return}if(e.key==="Enter"||e.key===" "){e.preventDefault();const s=this._getOptions(),t=e.composedPath(),i=s.find(l=>t.includes(l));i&&this._selectOption(i)}},"attachInternals"in this&&(this._internals=this.attachInternals())}_syncDensityForSize(){this.size==="extra-small"?this.setAttribute("data-density","-5"):this.size==="small"?this.setAttribute("data-density","-4"):this.size==="medium"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")}connectedCallback(){super.connectedCallback(),document.addEventListener("mousedown",this._onDocumentClick),document.addEventListener("scroll",this._scheduleOptionsPlacement,!0),window.addEventListener("resize",this._scheduleOptionsPlacement),this._optionsObserver=new MutationObserver(()=>{this.requestUpdate()}),this._optionsObserver.observe(this,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label","value","disabled"]}),this._syncDensityForSize(),this._initialValue=this.value,this._initialValues=Array.isArray(this.values)?[...this.values]:[],this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.value=this._initialValue,this.values=Array.isArray(this._initialValues)?[...this._initialValues]:[],this.error=!1,this._hasValidationBeenReported=!1,this._syncFormValue(),this._syncValidity(),this.requestUpdate()},this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("reset",this._formResetHandler,!0),this._form.addEventListener("submit",this._formSubmitHandler,!0))}disconnectedCallback(){document.removeEventListener("mousedown",this._onDocumentClick),document.removeEventListener("scroll",this._scheduleOptionsPlacement,!0),window.removeEventListener("resize",this._scheduleOptionsPlacement),this._placementFrame&&(cancelAnimationFrame(this._placementFrame),this._placementFrame=0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0),this._optionsObserver?.disconnect(),this._optionsObserver=null,k(this.shadowRoot?.querySelector(".options")),super.disconnectedCallback()}_getMultiValues(){return Array.isArray(this.values)&&this.values.length>0?this.values:this.value?this.value.split(",").map(e=>e.trim()).filter(Boolean):[]}_mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}_applySpacing(){const e=this._mapSpacingToken(this.spacing),s=this._mapSpacingToken(this.spacingTop)??e,t=this._mapSpacingToken(this.spacingBottom)??e,i=this._mapSpacingToken(this.spacingLeft),l=this._mapSpacingToken(this.spacingRight);s?this.style.setProperty("--scb-select-spacing-block-start",s):this.style.removeProperty("--scb-select-spacing-block-start"),t?this.style.setProperty("--scb-select-spacing-block-end",t):this.style.removeProperty("--scb-select-spacing-block-end"),i?this.style.setProperty("--scb-select-spacing-inline-start",i):this.style.removeProperty("--scb-select-spacing-inline-start"),l?this.style.setProperty("--scb-select-spacing-inline-end",l):this.style.removeProperty("--scb-select-spacing-inline-end")}_setOpen(e,s={}){if(this.open!==e)if(e){const t=this._getInitialFocusedIndex();this._updateOptionsPlacement(),this._prepareOptionsScroll(t),this.focusedIndex=s.keyboard?t:-1,this.open=e,this.requestUpdate()}else this.open=e,this.focusedIndex=-1}_toggleOpen(){this.disabled||this._setOpen(!this.open)}_focusTrigger(){this.shadowRoot?.querySelector(".selected-value-container")?.focus({preventScroll:!0})}_getOptions(){const e=this.shadowRoot?.querySelector("slot");return e?e.assignedElements({flatten:!0}).filter(s=>s.tagName.toLowerCase()==="scb-select-option"):[]}_ensureOptionIds(e=this._getOptions()){e.forEach((s,t)=>{s.id||(s.id=`${this._selectId}-option-${t}`)})}_getInitialFocusedIndex(){const e=this._getOptions(),s=this.variant==="multi-select"?this._getMultiValues():[this.value],t=e.findIndex(i=>!i.disabled&&s.includes(i.value));return t>=0?t:e.findIndex(i=>!i.disabled)}_setFocusedIndex(e,s={}){const t=this._getOptions();if(this._ensureOptionIds(t),t.forEach(c=>c.removeAttribute("data-focused")),e<0||t.length===0){this.focusedIndex=-1,this._activeOption=null;return}let i=Math.max(0,Math.min(e,t.length-1));if(t[i]?.disabled){const c=t.findIndex((o,g)=>g>=i&&!o.disabled);let d=-1;for(let o=t.length-1;o>=0;o-=1)if(!t[o]?.disabled){d=o;break}i=c>=0?c:d}const l=t[i];if(!l||l.disabled){this.focusedIndex=-1,this._activeOption=null;return}l.setAttribute("data-focused",""),this.focusedIndex=i,this._activeOption=l,s.scroll!==!1&&this._prepareOptionsScroll(i)}_prepareOptionsScroll(e){const s=this.shadowRoot?.querySelector(".options"),t=this._getOptions()[e];if(!s||!t)return;const i=getComputedStyle(s),l=getComputedStyle(this),c=Number.parseFloat(i.paddingTop)||0,d=Number.parseFloat(i.paddingBottom)||0,o=l.getPropertyValue("--scb-select-options-current-max-height").trim()||l.getPropertyValue("--scb-select-options-max-height").trim()||i.maxHeight,g=Number.parseFloat(o);if(!Number.isFinite(g)||g<=0){s.scrollTop=0;return}const v=s.getBoundingClientRect(),m=t.getBoundingClientRect(),p=m.top-v.top+s.scrollTop,f=p+m.height,h=g,w=Math.max(0,s.scrollHeight-h),S=s.scrollTop+c,V=s.scrollTop+h-d;let z=s.scrollTop;p<S?z=p-c:f>V&&(z=f-h+d),s.scrollTop=Math.max(0,Math.min(w,z))}_moveFocusedIndex(e){const s=this._getOptions();if(s.length===0)return;if(this.focusedIndex<0&&e>0){this._setFocusedIndex(this._getInitialFocusedIndex());return}let t=this.focusedIndex>=0?this.focusedIndex:this._getInitialFocusedIndex();for(let i=0;i<s.length;i+=1)if(t=(t+e+s.length)%s.length,!s[t]?.disabled){this._setFocusedIndex(t);return}}_getFocusedOption(){return this._getOptions()[this.focusedIndex]}_updateOptionsPlacement(){const e=this.shadowRoot?.querySelector(".selected-value-container"),s=this.shadowRoot?.querySelector(".options");if(!e||!s)return;const t=e.getBoundingClientRect(),i=8,l=3,c=Number.parseFloat(getComputedStyle(this).getPropertyValue("--scb-select-options-max-height")),d=Number.isFinite(c)&&c>0?c:240,o=s.scrollHeight,g=Math.min(d,o),v=window.innerHeight-t.bottom-l-i,m=t.top-l-i,p=v<g&&m>v,f=Math.max(0,Math.min(g,p?m:v));if(this._optionsPlacement=p?"above":"below",this.style.setProperty("--scb-select-options-current-max-height",`${f}px`),s.style.overflowY=o>f+.5?"auto":"",_(s)){const h=Math.min(t.width,window.innerWidth-i*2),w=Math.min(Math.max(t.left,i),window.innerWidth-i-h);s.style.position="fixed",s.style.left=`${Math.round(w)}px`,s.style.right="auto",s.style.width=`${Math.round(h)}px`,p?(s.style.top="auto",s.style.bottom=`${Math.round(window.innerHeight-t.top+l)}px`):(s.style.top=`${Math.round(t.bottom+l)}px`,s.style.bottom="auto")}}_syncOptionsPopover(){const e=this.shadowRoot?.querySelector(".options")??null;if(e){if(this.open){E(e)&&this._scheduleOptionsPlacement();return}_(e)?P(e,()=>this._resetOptionsPlacement()):(k(e),this._resetOptionsPlacement())}}_resetOptionsPlacement(){this._optionsPlacement="below",this.style.removeProperty("--scb-select-options-current-max-height");const e=this.shadowRoot?.querySelector(".options");e?.style.removeProperty("position"),e?.style.removeProperty("left"),e?.style.removeProperty("right"),e?.style.removeProperty("top"),e?.style.removeProperty("bottom"),e?.style.removeProperty("width"),e?.style.removeProperty("overflow-y")}_hasMoreThanFourOptions(){const e=this._getOptions();return["extra-small","small","medium"].includes(this.size)?e.length>5:e.length>4}_selectOption(e){if(!e.disabled){if(this.variant==="multi-select"){const s=this._getMultiValues();s.indexOf(e.value)>-1?this.values=s.filter(t=>t!==e.value):this.values=[...s,e.value],this.value=this.values.join(","),this.dispatchEvent(new CustomEvent("change",{detail:{values:this.values},bubbles:!0,composed:!0}))}else this.variant==="single-select"&&this.withRadiobuttons?(this.value=e.value,this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0}))):(this.value=e.value,this._setOpen(!1),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value},bubbles:!0,composed:!0})),this.updateComplete.then(()=>this._focusTrigger()));this._updateOptionsChecked(),this.requestUpdate()}}_getOptionLabel(e){return e.label||e.textContent?.trim()||""}_getSelectedLabel(){const e=this._getOptions();if(this.variant==="multi-select"){const s=this._getMultiValues(),t=e.filter(i=>s.includes(i.value));return t&&t.length>0?t.map(i=>this._getOptionLabel(i)).join(", "):""}else{const s=e.find(t=>t.value===this.value);return s?this._getOptionLabel(s):""}}firstUpdated(){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity(),this._applySpacing()}updated(e){this._updateOptionsChecked(),this._syncFormValue(),this._syncValidity();const s=this.renderRoot.querySelector(".selected-value-container"),t=this.open&&this._activeOption?.assignedSlot&&!this._activeOption.disabled?this._activeOption:null;s&&("ariaActiveDescendantElement"in Element.prototype?s.ariaActiveDescendantElement=t:t?s.setAttribute("aria-activedescendant",t.id):s.removeAttribute("aria-activedescendant")),e.has("size")&&this._syncDensityForSize(),e.has("errorText")&&this.error&&this._syncValidity(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing(),e.has("open")&&(this.open?(this._syncOptionsPopover(),this.updateComplete.then(()=>{this.open&&(this._setFocusedIndex(this.focusedIndex,{scroll:!1}),this._scheduleOptionsPlacement())})):(this._syncOptionsPopover(),this._setFocusedIndex(-1)))}_syncFormValue(){if(this._internals){if(this.disabled||!this.name){this._internals.setFormValue(null);return}if(this.variant==="multi-select"){const e=this._getMultiValues();if(e.length===0){this._internals.setFormValue(null);return}const s=new FormData;e.forEach(t=>s.append(this.name,t)),this._internals.setFormValue(s);return}this._internals.setFormValue(this.value||null)}}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.variant==="multi-select"?this._getMultiValues().length>0:this.value)?this.errorText||"Välj ett alternativ.":""}_syncValidity(){const e=this.disabled?"":this._getValidationMessage(),s=this.shadowRoot?.querySelector(".selected-value"),t=this.error,i=this._validationMessage;if(this._validationMessage=e,this.error=this.disabled?!1:e?this._hasValidationBeenReported||t:t&&!this._hasValidationBeenReported&&!i,!e)this.removeAttribute("aria-invalid"),s&&s.setCustomValidity(""),this._internals&&this._internals.setValidity({});else if(s&&s.setCustomValidity(e),this._internals){const l=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(l,e,s??void 0)}this.toggleAttribute("aria-invalid",this.error),(t!==this.error||i!==this._validationMessage)&&this.requestUpdate()}checkValidity(){return this._syncValidity(),this._internals?this._internals.checkValidity():!this.error}reportValidity(){return this._hasValidationBeenReported=!0,this._syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=String(e??""),this._syncValidity()}get form(){return this._internals?.form??this._form}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}get labels(){return this._internals?.labels}_updateOptionsChecked(){const e=this._getOptions();this._ensureOptionIds(e),e.forEach(s=>{if(this.noHighlightSelected?s.setAttribute("no-highlight-selected",""):s.removeAttribute("no-highlight-selected"),this.variant==="multi-select"){const t=this._getMultiValues();s.showCheckbox=!0,s.checked=t.includes(s.value),s.showRadio=!1}else s.showCheckbox=!1,s.checked=this.value===s.value,this.withRadiobuttons&&(s.showRadio=!0)})}_renderLabel(){if(!this.label)return null;const e=!!this._getVisibleSupportingText(),s=`${this._selectId}-label`,t=u`
 				<label
 					class="select-label ${!e&&!this.helpText?"select-label--without-supporting":""}"
 					id=${s}
@@ -36,7 +36,7 @@ import{a as b,f as S,h as I,m as $,p as n,v as u,y as T}from"../../vendor/vendor
 							aria-haspopup="listbox"
 							aria-expanded=${String(this.open)}
 							aria-controls=${t}
-							aria-activedescendant=${b(this.open&&this._activeDescendant?this._activeDescendant:void 0)}
+							aria-label=${b(e?void 0:this.getAttribute("aria-label")||this.placeholder||void 0)}
 							aria-labelledby=${b(e)}
 							aria-describedby=${b(s)}
 							aria-required=${this.required?"true":"false"}
@@ -76,6 +76,7 @@ import{a as b,f as S,h as I,m as $,p as n,v as u,y as T}from"../../vendor/vendor
 						class="${this._hasMoreThanFourOptions()?"options options--scroll":"options"} ${this._optionsPlacement==="above"?"options--above":""}"
 						style=${b(this.zIndex?`z-index: ${this.zIndex};`:void 0)}
 						@click=${this._onSlotClick}
+						@pointerdown=${()=>this._setFocusedIndex(-1)}
 						@keydown=${this._onOptionKeyDown}
 					>
 						<slot @slotchange="${()=>{this.requestUpdate(),this._scheduleOptionsPlacement()}}"></slot>
@@ -87,4 +88,4 @@ import{a as b,f as S,h as I,m as $,p as n,v as u,y as T}from"../../vendor/vendor
 				var(--scb-select-options-max-height, 240px)
 			);visibility:visible;pointer-events:auto;transition:max-height var(--motion-duration-short, 150ms) var(--motion-easing-emphasized-decelerate,
 					var(--motion-easing-standard, cubic-bezier(.69,.16,.2,.98))
-				),opacity var(--motion-duration-short, 150ms) linear,visibility 0s linear 0s;opacity:1}.options.options--scroll{overflow-y:auto}.option[aria-selected=true]{background:var(--scb-select-option-highlight-background-color, var(--md-sys-color-secondary-container));color:var(--scb-select-option-highlight-color, var(--md-sys-color-on-secondary-container))}.option[aria-disabled=true]{color:var(--scb-select-option-highlight-color, var(--n-70));pointer-events:none}.selected-value-container{block-size:100%;min-height:0;box-sizing:border-box;position:relative;display:flex;align-items:center;padding:var(--scb-select-padding-y) var(--scb-select-trailing-reserved, 52px) var(--scb-select-padding-y) var(--scb-select-padding-x)}:host([error]) .selected-value-container{padding-right:var(--scb-select-trailing-reserved-error, 76px)}:host([size='extra-small']) .selected-value-container{padding-right:var(--scb-select-trailing-reserved-extra-small, 44px)}:host([error][size='extra-small']) .selected-value-container{padding-right:var(--scb-select-trailing-reserved-error-extra-small, 68px)}.select-error-icon{position:absolute;right:var(--scb-select-design-error-icon-inset);top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--scb-select-design-error-icon);color:var(--scb-fields-error-color, var(--md-sys-color-error))}:host{--scb-select-design-height-extra-small:var(--scb-fields-control-size-extra-small, var(--scale-07, 28px));--scb-select-design-height-small:var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-select-design-height-medium:var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-select-design-height-large:var(--scb-fields-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-select-design-text-extra-small-font:var(--scb-fields-text-extra-small-font, var(--scb-fields-text-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-text-extra-small-size:var(--scb-fields-text-extra-small-size, var(--scb-fields-text-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-text-extra-small-line-height:var(--scb-fields-text-extra-small-line-height, var(--scb-fields-text-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-text-extra-small-tracking:var(--scb-fields-text-extra-small-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-text-extra-small-weight:var(--scb-fields-text-extra-small-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-text-extra-small-letter-spacing:var(--scb-fields-text-extra-small-letter-spacing, var(--scb-fields-text-extra-small-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-text-extra-small-font-weight:var(--scb-fields-text-extra-small-font-weight, var(--scb-fields-text-extra-small-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-text-small-font:var(--scb-fields-text-small-font, var(--scb-fields-text-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-text-small-size:var(--scb-fields-text-small-size, var(--scb-fields-text-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-text-small-line-height:var(--scb-fields-text-small-line-height, var(--scb-fields-text-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-text-small-tracking:var(--scb-fields-text-small-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-text-small-weight:var(--scb-fields-text-small-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-text-small-letter-spacing:var(--scb-fields-text-small-letter-spacing, var(--scb-fields-text-small-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-text-small-font-weight:var(--scb-fields-text-small-font-weight, var(--scb-fields-text-small-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-text-medium-font:var(--scb-fields-text-medium-font, var(--scb-fields-text-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-text-medium-size:var(--scb-fields-text-medium-size, var(--scb-fields-text-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-text-medium-line-height:var(--scb-fields-text-medium-line-height, var(--scb-fields-text-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-text-medium-tracking:var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-text-medium-weight:var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-text-medium-letter-spacing:var(--scb-fields-text-medium-letter-spacing, var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-text-medium-font-weight:var(--scb-fields-text-medium-font-weight, var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-text-large-font:var(--scb-fields-text-large-font, var(--scb-fields-text-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-text-large-size:var(--scb-fields-text-large-size, var(--scb-fields-text-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-text-large-line-height:var(--scb-fields-text-large-line-height, var(--scb-fields-text-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-text-large-tracking:var(--scb-fields-text-large-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-text-large-weight:var(--scb-fields-text-large-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-text-large-letter-spacing:var(--scb-fields-text-large-letter-spacing, var(--scb-fields-text-large-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-text-large-font-weight:var(--scb-fields-text-large-font-weight, var(--scb-fields-text-large-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-label-extra-small-font:var(--scb-fields-label-extra-small-font, var(--scb-fields-label-font, var(--scb-form-question-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))))));--scb-select-design-label-extra-small-size:var(--scb-fields-label-extra-small-size, var(--scb-fields-label-size, var(--scb-form-question-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)))));--scb-select-design-label-extra-small-line-height:var(--scb-fields-label-extra-small-line-height, var(--scb-fields-label-line-height, var(--scb-form-question-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)))));--scb-select-design-label-extra-small-tracking:var(--scb-fields-label-extra-small-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-label-extra-small-weight:var(--scb-fields-label-extra-small-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))))));--scb-select-design-label-extra-small-letter-spacing:var(--scb-fields-label-extra-small-letter-spacing, var(--scb-fields-label-extra-small-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-label-extra-small-font-weight:var(--scb-fields-label-extra-small-font-weight, var(--scb-fields-label-extra-small-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))))));--scb-select-design-label-small-font:var(--scb-fields-label-small-font, var(--scb-fields-label-font, var(--scb-form-question-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))))));--scb-select-design-label-small-size:var(--scb-fields-label-small-size, var(--scb-fields-label-size, var(--scb-form-question-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)))));--scb-select-design-label-small-line-height:var(--scb-fields-label-small-line-height, var(--scb-fields-label-line-height, var(--scb-form-question-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)))));--scb-select-design-label-small-tracking:var(--scb-fields-label-small-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-label-small-weight:var(--scb-fields-label-small-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))))));--scb-select-design-label-small-letter-spacing:var(--scb-fields-label-small-letter-spacing, var(--scb-fields-label-small-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-label-small-font-weight:var(--scb-fields-label-small-font-weight, var(--scb-fields-label-small-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))))));--scb-select-design-label-medium-font:var(--scb-fields-label-medium-font, var(--scb-fields-label-font, var(--scb-form-question-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))))));--scb-select-design-label-medium-size:var(--scb-fields-label-medium-size, var(--scb-fields-label-size, var(--scb-form-question-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)))));--scb-select-design-label-medium-line-height:var(--scb-fields-label-medium-line-height, var(--scb-fields-label-line-height, var(--scb-form-question-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)))));--scb-select-design-label-medium-tracking:var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-label-medium-weight:var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))))));--scb-select-design-label-medium-letter-spacing:var(--scb-fields-label-medium-letter-spacing, var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-label-medium-font-weight:var(--scb-fields-label-medium-font-weight, var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))))));--scb-select-design-label-large-font:var(--scb-fields-label-large-font, var(--scb-fields-label-font, var(--scb-form-question-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))))));--scb-select-design-label-large-size:var(--scb-fields-label-large-size, var(--scb-fields-label-size, var(--scb-form-question-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)))));--scb-select-design-label-large-line-height:var(--scb-fields-label-large-line-height, var(--scb-fields-label-line-height, var(--scb-form-question-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)))));--scb-select-design-label-large-tracking:var(--scb-fields-label-large-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-label-large-weight:var(--scb-fields-label-large-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))))));--scb-select-design-label-large-letter-spacing:var(--scb-fields-label-large-letter-spacing, var(--scb-fields-label-large-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-label-large-font-weight:var(--scb-fields-label-large-font-weight, var(--scb-fields-label-large-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))))));--scb-select-design-supporting-extra-small-font:var(--scb-fields-supporting-extra-small-font, var(--scb-fields-supporting-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-supporting-extra-small-size:var(--scb-fields-supporting-extra-small-size, var(--scb-fields-supporting-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-supporting-extra-small-line-height:var(--scb-fields-supporting-extra-small-line-height, var(--scb-fields-supporting-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-supporting-extra-small-tracking:var(--scb-fields-supporting-extra-small-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-supporting-extra-small-weight:var(--scb-fields-supporting-extra-small-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-supporting-extra-small-letter-spacing:var(--scb-fields-supporting-extra-small-letter-spacing, var(--scb-fields-supporting-extra-small-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-supporting-extra-small-font-weight:var(--scb-fields-supporting-extra-small-font-weight, var(--scb-fields-supporting-extra-small-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-supporting-small-font:var(--scb-fields-supporting-small-font, var(--scb-fields-supporting-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-supporting-small-size:var(--scb-fields-supporting-small-size, var(--scb-fields-supporting-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-supporting-small-line-height:var(--scb-fields-supporting-small-line-height, var(--scb-fields-supporting-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-supporting-small-tracking:var(--scb-fields-supporting-small-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-supporting-small-weight:var(--scb-fields-supporting-small-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-supporting-small-letter-spacing:var(--scb-fields-supporting-small-letter-spacing, var(--scb-fields-supporting-small-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-supporting-small-font-weight:var(--scb-fields-supporting-small-font-weight, var(--scb-fields-supporting-small-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-supporting-medium-font:var(--scb-fields-supporting-medium-font, var(--scb-fields-supporting-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-supporting-medium-size:var(--scb-fields-supporting-medium-size, var(--scb-fields-supporting-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-supporting-medium-line-height:var(--scb-fields-supporting-medium-line-height, var(--scb-fields-supporting-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-supporting-medium-tracking:var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-supporting-medium-weight:var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-supporting-medium-letter-spacing:var(--scb-fields-supporting-medium-letter-spacing, var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-supporting-medium-font-weight:var(--scb-fields-supporting-medium-font-weight, var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-supporting-large-font:var(--scb-fields-supporting-large-font, var(--scb-fields-supporting-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-supporting-large-size:var(--scb-fields-supporting-large-size, var(--scb-fields-supporting-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-supporting-large-line-height:var(--scb-fields-supporting-large-line-height, var(--scb-fields-supporting-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-supporting-large-tracking:var(--scb-fields-supporting-large-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-supporting-large-weight:var(--scb-fields-supporting-large-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-supporting-large-letter-spacing:var(--scb-fields-supporting-large-letter-spacing, var(--scb-fields-supporting-large-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-supporting-large-font-weight:var(--scb-fields-supporting-large-font-weight, var(--scb-fields-supporting-large-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-icon-extra-small:var(--scb-fields-icon-size-extra-small, var(--icon-size-small, 20px));--scb-select-design-icon-small:var(--scb-fields-icon-size-small, var(--icon-size-small, 20px));--scb-select-design-icon-medium:var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px));--scb-select-design-icon-large:var(--scb-fields-icon-size-large, var(--icon-size-medium, 24px));--scb-select-design-error-icon-extra-small:var(--scb-select-error-icon-size, var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px)));--scb-select-design-error-icon-small:var(--scb-select-error-icon-size, var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px)));--scb-select-design-error-icon-medium:var(--scb-select-error-icon-size, var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px)));--scb-select-design-error-icon:var(--scb-select-design-error-icon-medium);--scb-select-design-error-icon-large:var(--scb-select-error-icon-size, var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px)));--scb-select-design-error-icon-inset-extra-small:var(--scb-select-error-icon-inset, calc(var(--spacing-4, 12px) + var(--icon-size-medium, var(--scale-06, 24px))));--scb-select-design-error-icon-inset-small:var(--scb-select-error-icon-inset, calc(var(--spacing-4, 12px) + var(--icon-size-medium, var(--scale-06, 24px))));--scb-select-design-error-icon-inset-medium:var(--scb-select-error-icon-inset, calc(var(--spacing-4, 12px) + var(--icon-size-medium, var(--scale-06, 24px))));--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-medium);--scb-select-design-error-icon-inset-large:var(--scb-select-error-icon-inset, calc(var(--spacing-4, 12px) + var(--icon-size-medium, var(--scale-06, 24px))));--scb-select-design-help-icon-button-size-extra-small:var(--scb-fields-help-icon-button-size-extra-small, tiny);--scb-select-design-help-icon-button-size-small:var(--scb-fields-help-icon-button-size-small, tiny);--scb-select-design-help-icon-button-size-medium:var(--scb-fields-help-icon-button-size-medium, tiny);--scb-select-design-help-icon-button-size-large:var(--scb-fields-help-icon-button-size-large, tiny);--scb-select-design-help-icon-extra-small:var(--scb-fields-help-icon-size-extra-small, var(--icon-size-extra-small, 16px));--scb-select-design-help-icon-small:var(--scb-fields-help-icon-size-small, var(--icon-size-extra-small, 16px));--scb-select-design-help-icon-medium:var(--scb-fields-help-icon-size-medium, var(--icon-size-extra-small, 16px));--scb-select-design-help-icon-large:var(--scb-fields-help-icon-size-large, var(--icon-size-extra-small, 16px));--scb-select-design-field-label-gap-extra-small:var(--scb-fields-label-gap, var(--spacing-3, 8px));--scb-select-design-field-label-gap-small:var(--scb-fields-label-gap, var(--spacing-3, 8px));--scb-select-design-field-label-gap-medium:var(--scb-fields-label-gap, var(--spacing-3, 8px));--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-medium);--scb-select-design-field-label-gap-large:var(--scb-fields-label-gap, var(--spacing-3, 8px));--scb-select-design-label-help-gap-extra-small:var(--scb-fields-label-help-gap, var(--spacing-1, 2px));--scb-select-design-label-help-gap-small:var(--scb-fields-label-help-gap, var(--spacing-1, 2px));--scb-select-design-label-help-gap-medium:var(--scb-fields-label-help-gap, var(--spacing-1, 2px));--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-medium);--scb-select-design-label-help-gap-large:var(--scb-fields-label-help-gap, var(--spacing-1, 2px));--scb-select-design-surface-radius-extra-small:var(--scb-fields-surface-radius-extra-small, var(--radius-small, 8px));--scb-select-design-surface-radius-small:var(--scb-fields-surface-radius-small, var(--radius-small, 8px));--scb-select-design-surface-radius-medium:var(--scb-fields-surface-radius-medium, var(--radius-small, 8px));--scb-select-design-surface-radius-large:var(--scb-fields-surface-radius-large, var(--radius-small, 8px));--scb-select-design-panel-radius-extra-small:var(--scb-fields-panel-radius-extra-small, var(--radius-small, 8px));--scb-select-design-panel-radius-small:var(--scb-fields-panel-radius-small, var(--radius-small, 8px));--scb-select-design-panel-radius-medium:var(--scb-fields-panel-radius-medium, var(--radius-small, 8px));--scb-select-design-panel-radius-large:var(--scb-fields-panel-radius-large, var(--radius-small, 8px));--scb-select-design-padding-inline-extra-small:var(--scb-fields-padding-inline-extra-small, var(--spacing-4, 12px));--scb-select-design-padding-inline-small:var(--scb-fields-padding-inline-small, var(--spacing-4, 12px));--scb-select-design-padding-inline-medium:var(--scb-fields-padding-inline-medium, var(--spacing-4, 12px));--scb-select-design-padding-inline-large:var(--scb-fields-padding-inline-large, var(--scale-05, 20px));--scb-select-design-padding-block-extra-small:var(--scb-fields-padding-block-extra-small, var(--spacing-1, 2px));--scb-select-design-padding-block-small:var(--scb-fields-padding-block-small, var(--spacing-1, 2px));--scb-select-design-padding-block-medium:var(--scb-fields-padding-block-medium, var(--spacing-2, 4px));--scb-select-design-padding-block-large:var(--scb-fields-padding-block-large, var(--spacing-4, 12px))}:host([size="extra-small"]){--scb-select-design-error-icon:var(--scb-select-design-error-icon-extra-small);--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-extra-small);--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-extra-small);--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-extra-small)}:host([size="small"]){--scb-select-design-error-icon:var(--scb-select-design-error-icon-small);--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-small);--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-small);--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-small)}:host([size="medium"]){--scb-select-design-error-icon:var(--scb-select-design-error-icon-medium);--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-medium);--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-medium);--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-medium)}:host([size="large"]){--scb-select-design-error-icon:var(--scb-select-design-error-icon-large);--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-large);--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-large);--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-large)}:host,:host([size="extra-small"]){--scb-select-option-design-checkbox-marker-size:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-radio-marker-size:var(--scb-radio-marker-size, var(--icon-size-medium, 24px))}:host{--scb-select-option-design-option-height:var(--scb-fields-option-height-medium, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-medium, var(--spacing-4, 12px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-medium, var(--spacing-2, 4px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-medium, var(--spacing-3, 8px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-medium, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-medium, var(--scb-fields-option-radius-medium, var(--radius-none, 0px)))}:host([size="extra-small"]){--scb-select-option-design-option-height:var(--scb-fields-option-height-extra-small, var(--scb-fields-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-extra-small-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-extra-small-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-extra-small-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-extra-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-extra-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-extra-small-letter-spacing, var(--scb-fields-option-text-extra-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-extra-small-font-weight, var(--scb-fields-option-text-extra-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-extra-small, var(--spacing-3, 8px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-extra-small, var(--spacing-2, 4px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-extra-small, var(--spacing-2, 4px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-extra-small, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-extra-small, var(--scb-fields-option-radius-extra-small, var(--radius-none, 0px)))}:host([size="small"]){--scb-select-option-design-option-height:var(--scb-fields-option-height-small, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-small-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-small-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-small-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-small-letter-spacing, var(--scb-fields-option-text-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-small-font-weight, var(--scb-fields-option-text-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-small, var(--spacing-4, 12px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-small, var(--spacing-2, 4px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-small, var(--spacing-3, 8px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-small, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-small, var(--scb-fields-option-radius-small, var(--radius-none, 0px)))}:host([size="large"]),:host([size="medium"]),:host([size="small"]){--scb-select-option-design-checkbox-marker-size:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-radio-marker-size:var(--scb-radio-marker-size, var(--icon-size-medium, 24px))}:host([size="medium"]){--scb-select-option-design-option-height:var(--scb-fields-option-height-medium, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-medium, var(--spacing-4, 12px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-medium, var(--spacing-2, 4px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-medium, var(--spacing-3, 8px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-medium, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-medium, var(--scb-fields-option-radius-medium, var(--radius-none, 0px)))}:host([size="large"]){--scb-select-option-design-option-height:var(--scb-fields-option-height-large, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-large-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-large-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-large-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-large-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-large-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-large-letter-spacing, var(--scb-fields-option-text-large-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-large-font-weight, var(--scb-fields-option-text-large-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-large, var(--spacing-5, 16px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-large, var(--spacing-3, 8px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-large, var(--spacing-4, 12px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-large, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-large, var(--scb-fields-option-radius-large, var(--radius-none, 0px)))}`,y);r([n({type:String})],a.prototype,"variant",void 0);r([n({type:String})],a.prototype,"value",void 0);r([n({type:Array})],a.prototype,"values",void 0);r([n({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);r([n({type:Boolean,reflect:!0})],a.prototype,"required",void 0);r([n({type:Boolean,reflect:!0})],a.prototype,"error",void 0);r([n({type:Boolean,reflect:!0})],a.prototype,"open",void 0);r([n({type:String})],a.prototype,"label",void 0);r([n({type:String})],a.prototype,"name",void 0);r([n({type:String})],a.prototype,"placeholder",void 0);r([n({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",void 0);r([n({type:String,attribute:"error-text"})],a.prototype,"errorText",void 0);r([n({type:String,attribute:"help-text"})],a.prototype,"helpText",void 0);r([n({type:String,attribute:"help-label"})],a.prototype,"helpLabel",void 0);r([n({type:Boolean,attribute:"with-radiobuttons"})],a.prototype,"withRadiobuttons",void 0);r([n({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],a.prototype,"noHighlightSelected",void 0);r([n({type:String,reflect:!0})],a.prototype,"size",void 0);r([n({type:String,reflect:!0})],a.prototype,"spacing",void 0);r([n({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);r([n({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);r([n({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);r([n({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);r([n({type:String,attribute:"z-index"})],a.prototype,"zIndex",void 0);r([S()],a.prototype,"_optionsPlacement",void 0);r([S()],a.prototype,"_activeDescendant",void 0);a=r([$("scb-select")],a);
+				),opacity var(--motion-duration-short, 150ms) linear,visibility 0s linear 0s;opacity:1}.options.options--scroll{overflow-y:auto}.option[aria-selected=true]{background:var(--scb-select-option-highlight-background-color, var(--md-sys-color-secondary-container));color:var(--scb-select-option-highlight-color, var(--md-sys-color-on-secondary-container))}.option[aria-disabled=true]{color:var(--scb-select-option-highlight-color, var(--n-70));pointer-events:none}.selected-value-container{block-size:100%;min-height:0;box-sizing:border-box;position:relative;display:flex;align-items:center;padding:var(--scb-select-padding-y) var(--scb-select-trailing-reserved, 52px) var(--scb-select-padding-y) var(--scb-select-padding-x)}:host([error]) .selected-value-container{padding-right:var(--scb-select-trailing-reserved-error, 76px)}:host([size='extra-small']) .selected-value-container{padding-right:var(--scb-select-trailing-reserved-extra-small, 44px)}:host([error][size='extra-small']) .selected-value-container{padding-right:var(--scb-select-trailing-reserved-error-extra-small, 68px)}.select-error-icon{position:absolute;right:var(--scb-select-design-error-icon-inset);top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--scb-select-design-error-icon);color:var(--scb-fields-error-color, var(--md-sys-color-error))}:host{--scb-select-design-height-extra-small:var(--scb-fields-control-size-extra-small, var(--scale-07, 28px));--scb-select-design-height-small:var(--scb-fields-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-select-design-height-medium:var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-select-design-height-large:var(--scb-fields-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-select-design-text-extra-small-font:var(--scb-fields-text-extra-small-font, var(--scb-fields-text-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-text-extra-small-size:var(--scb-fields-text-extra-small-size, var(--scb-fields-text-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-text-extra-small-line-height:var(--scb-fields-text-extra-small-line-height, var(--scb-fields-text-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-text-extra-small-tracking:var(--scb-fields-text-extra-small-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-text-extra-small-weight:var(--scb-fields-text-extra-small-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-text-extra-small-letter-spacing:var(--scb-fields-text-extra-small-letter-spacing, var(--scb-fields-text-extra-small-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-text-extra-small-font-weight:var(--scb-fields-text-extra-small-font-weight, var(--scb-fields-text-extra-small-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-text-small-font:var(--scb-fields-text-small-font, var(--scb-fields-text-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-text-small-size:var(--scb-fields-text-small-size, var(--scb-fields-text-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-text-small-line-height:var(--scb-fields-text-small-line-height, var(--scb-fields-text-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-text-small-tracking:var(--scb-fields-text-small-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-text-small-weight:var(--scb-fields-text-small-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-text-small-letter-spacing:var(--scb-fields-text-small-letter-spacing, var(--scb-fields-text-small-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-text-small-font-weight:var(--scb-fields-text-small-font-weight, var(--scb-fields-text-small-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-text-medium-font:var(--scb-fields-text-medium-font, var(--scb-fields-text-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-text-medium-size:var(--scb-fields-text-medium-size, var(--scb-fields-text-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-text-medium-line-height:var(--scb-fields-text-medium-line-height, var(--scb-fields-text-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-text-medium-tracking:var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-text-medium-weight:var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-text-medium-letter-spacing:var(--scb-fields-text-medium-letter-spacing, var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-text-medium-font-weight:var(--scb-fields-text-medium-font-weight, var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-text-large-font:var(--scb-fields-text-large-font, var(--scb-fields-text-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-text-large-size:var(--scb-fields-text-large-size, var(--scb-fields-text-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-text-large-line-height:var(--scb-fields-text-large-line-height, var(--scb-fields-text-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-text-large-tracking:var(--scb-fields-text-large-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-text-large-weight:var(--scb-fields-text-large-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-text-large-letter-spacing:var(--scb-fields-text-large-letter-spacing, var(--scb-fields-text-large-tracking, var(--scb-fields-text-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-text-large-font-weight:var(--scb-fields-text-large-font-weight, var(--scb-fields-text-large-weight, var(--scb-fields-text-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-label-extra-small-font:var(--scb-fields-label-extra-small-font, var(--scb-fields-label-font, var(--scb-form-question-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))))));--scb-select-design-label-extra-small-size:var(--scb-fields-label-extra-small-size, var(--scb-fields-label-size, var(--scb-form-question-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)))));--scb-select-design-label-extra-small-line-height:var(--scb-fields-label-extra-small-line-height, var(--scb-fields-label-line-height, var(--scb-form-question-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)))));--scb-select-design-label-extra-small-tracking:var(--scb-fields-label-extra-small-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-label-extra-small-weight:var(--scb-fields-label-extra-small-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))))));--scb-select-design-label-extra-small-letter-spacing:var(--scb-fields-label-extra-small-letter-spacing, var(--scb-fields-label-extra-small-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-label-extra-small-font-weight:var(--scb-fields-label-extra-small-font-weight, var(--scb-fields-label-extra-small-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))))));--scb-select-design-label-small-font:var(--scb-fields-label-small-font, var(--scb-fields-label-font, var(--scb-form-question-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))))));--scb-select-design-label-small-size:var(--scb-fields-label-small-size, var(--scb-fields-label-size, var(--scb-form-question-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)))));--scb-select-design-label-small-line-height:var(--scb-fields-label-small-line-height, var(--scb-fields-label-line-height, var(--scb-form-question-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)))));--scb-select-design-label-small-tracking:var(--scb-fields-label-small-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-label-small-weight:var(--scb-fields-label-small-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))))));--scb-select-design-label-small-letter-spacing:var(--scb-fields-label-small-letter-spacing, var(--scb-fields-label-small-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-label-small-font-weight:var(--scb-fields-label-small-font-weight, var(--scb-fields-label-small-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))))));--scb-select-design-label-medium-font:var(--scb-fields-label-medium-font, var(--scb-fields-label-font, var(--scb-form-question-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))))));--scb-select-design-label-medium-size:var(--scb-fields-label-medium-size, var(--scb-fields-label-size, var(--scb-form-question-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)))));--scb-select-design-label-medium-line-height:var(--scb-fields-label-medium-line-height, var(--scb-fields-label-line-height, var(--scb-form-question-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)))));--scb-select-design-label-medium-tracking:var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-label-medium-weight:var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))))));--scb-select-design-label-medium-letter-spacing:var(--scb-fields-label-medium-letter-spacing, var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-label-medium-font-weight:var(--scb-fields-label-medium-font-weight, var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))))));--scb-select-design-label-large-font:var(--scb-fields-label-large-font, var(--scb-fields-label-font, var(--scb-form-question-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))))));--scb-select-design-label-large-size:var(--scb-fields-label-large-size, var(--scb-fields-label-size, var(--scb-form-question-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)))));--scb-select-design-label-large-line-height:var(--scb-fields-label-large-line-height, var(--scb-fields-label-line-height, var(--scb-form-question-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)))));--scb-select-design-label-large-tracking:var(--scb-fields-label-large-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-label-large-weight:var(--scb-fields-label-large-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))))));--scb-select-design-label-large-letter-spacing:var(--scb-fields-label-large-letter-spacing, var(--scb-fields-label-large-tracking, var(--scb-fields-label-letter-spacing, var(--scb-form-question-letter-spacing, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-label-large-font-weight:var(--scb-fields-label-large-font-weight, var(--scb-fields-label-large-weight, var(--scb-fields-label-font-weight, var(--scb-form-question-font-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))))));--scb-select-design-supporting-extra-small-font:var(--scb-fields-supporting-extra-small-font, var(--scb-fields-supporting-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-supporting-extra-small-size:var(--scb-fields-supporting-extra-small-size, var(--scb-fields-supporting-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-supporting-extra-small-line-height:var(--scb-fields-supporting-extra-small-line-height, var(--scb-fields-supporting-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-supporting-extra-small-tracking:var(--scb-fields-supporting-extra-small-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-supporting-extra-small-weight:var(--scb-fields-supporting-extra-small-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-supporting-extra-small-letter-spacing:var(--scb-fields-supporting-extra-small-letter-spacing, var(--scb-fields-supporting-extra-small-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-supporting-extra-small-font-weight:var(--scb-fields-supporting-extra-small-font-weight, var(--scb-fields-supporting-extra-small-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-supporting-small-font:var(--scb-fields-supporting-small-font, var(--scb-fields-supporting-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-supporting-small-size:var(--scb-fields-supporting-small-size, var(--scb-fields-supporting-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-supporting-small-line-height:var(--scb-fields-supporting-small-line-height, var(--scb-fields-supporting-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-supporting-small-tracking:var(--scb-fields-supporting-small-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-supporting-small-weight:var(--scb-fields-supporting-small-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-supporting-small-letter-spacing:var(--scb-fields-supporting-small-letter-spacing, var(--scb-fields-supporting-small-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-supporting-small-font-weight:var(--scb-fields-supporting-small-font-weight, var(--scb-fields-supporting-small-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-supporting-medium-font:var(--scb-fields-supporting-medium-font, var(--scb-fields-supporting-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-supporting-medium-size:var(--scb-fields-supporting-medium-size, var(--scb-fields-supporting-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-supporting-medium-line-height:var(--scb-fields-supporting-medium-line-height, var(--scb-fields-supporting-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-supporting-medium-tracking:var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-supporting-medium-weight:var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-supporting-medium-letter-spacing:var(--scb-fields-supporting-medium-letter-spacing, var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-supporting-medium-font-weight:var(--scb-fields-supporting-medium-font-weight, var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-supporting-large-font:var(--scb-fields-supporting-large-font, var(--scb-fields-supporting-font, var(--scb-form-primary-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-design-supporting-large-size:var(--scb-fields-supporting-large-size, var(--scb-fields-supporting-size, var(--scb-form-primary-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-design-supporting-large-line-height:var(--scb-fields-supporting-large-line-height, var(--scb-fields-supporting-line-height, var(--scb-form-primary-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-design-supporting-large-tracking:var(--scb-fields-supporting-large-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-design-supporting-large-weight:var(--scb-fields-supporting-large-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-design-supporting-large-letter-spacing:var(--scb-fields-supporting-large-letter-spacing, var(--scb-fields-supporting-large-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-form-primary-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-design-supporting-large-font-weight:var(--scb-fields-supporting-large-font-weight, var(--scb-fields-supporting-large-weight, var(--scb-fields-supporting-font-weight, var(--scb-form-primary-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-design-icon-extra-small:var(--scb-fields-icon-size-extra-small, var(--icon-size-small, 20px));--scb-select-design-icon-small:var(--scb-fields-icon-size-small, var(--icon-size-small, 20px));--scb-select-design-icon-medium:var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px));--scb-select-design-icon-large:var(--scb-fields-icon-size-large, var(--icon-size-medium, 24px));--scb-select-design-error-icon-extra-small:var(--scb-select-error-icon-size, var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px)));--scb-select-design-error-icon-small:var(--scb-select-error-icon-size, var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px)));--scb-select-design-error-icon-medium:var(--scb-select-error-icon-size, var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px)));--scb-select-design-error-icon:var(--scb-select-design-error-icon-medium);--scb-select-design-error-icon-large:var(--scb-select-error-icon-size, var(--scb-fields-icon-size-medium, var(--icon-size-small, 20px)));--scb-select-design-error-icon-inset-extra-small:var(--scb-select-error-icon-inset, calc(var(--spacing-4, 12px) + var(--icon-size-medium, var(--scale-06, 24px))));--scb-select-design-error-icon-inset-small:var(--scb-select-error-icon-inset, calc(var(--spacing-4, 12px) + var(--icon-size-medium, var(--scale-06, 24px))));--scb-select-design-error-icon-inset-medium:var(--scb-select-error-icon-inset, calc(var(--spacing-4, 12px) + var(--icon-size-medium, var(--scale-06, 24px))));--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-medium);--scb-select-design-error-icon-inset-large:var(--scb-select-error-icon-inset, calc(var(--spacing-4, 12px) + var(--icon-size-medium, var(--scale-06, 24px))));--scb-select-design-help-icon-button-size-extra-small:var(--scb-fields-help-icon-button-size-extra-small, tiny);--scb-select-design-help-icon-button-size-small:var(--scb-fields-help-icon-button-size-small, tiny);--scb-select-design-help-icon-button-size-medium:var(--scb-fields-help-icon-button-size-medium, tiny);--scb-select-design-help-icon-button-size-large:var(--scb-fields-help-icon-button-size-large, tiny);--scb-select-design-help-icon-extra-small:var(--scb-fields-help-icon-size-extra-small, var(--icon-size-extra-small, 16px));--scb-select-design-help-icon-small:var(--scb-fields-help-icon-size-small, var(--icon-size-extra-small, 16px));--scb-select-design-help-icon-medium:var(--scb-fields-help-icon-size-medium, var(--icon-size-extra-small, 16px));--scb-select-design-help-icon-large:var(--scb-fields-help-icon-size-large, var(--icon-size-extra-small, 16px));--scb-select-design-field-label-gap-extra-small:var(--scb-fields-label-gap, var(--spacing-3, 8px));--scb-select-design-field-label-gap-small:var(--scb-fields-label-gap, var(--spacing-3, 8px));--scb-select-design-field-label-gap-medium:var(--scb-fields-label-gap, var(--spacing-3, 8px));--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-medium);--scb-select-design-field-label-gap-large:var(--scb-fields-label-gap, var(--spacing-3, 8px));--scb-select-design-label-help-gap-extra-small:var(--scb-fields-label-help-gap, var(--spacing-1, 2px));--scb-select-design-label-help-gap-small:var(--scb-fields-label-help-gap, var(--spacing-1, 2px));--scb-select-design-label-help-gap-medium:var(--scb-fields-label-help-gap, var(--spacing-1, 2px));--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-medium);--scb-select-design-label-help-gap-large:var(--scb-fields-label-help-gap, var(--spacing-1, 2px));--scb-select-design-surface-radius-extra-small:var(--scb-fields-surface-radius-extra-small, var(--radius-small, 8px));--scb-select-design-surface-radius-small:var(--scb-fields-surface-radius-small, var(--radius-small, 8px));--scb-select-design-surface-radius-medium:var(--scb-fields-surface-radius-medium, var(--radius-small, 8px));--scb-select-design-surface-radius-large:var(--scb-fields-surface-radius-large, var(--radius-small, 8px));--scb-select-design-panel-radius-extra-small:var(--scb-fields-panel-radius-extra-small, var(--radius-small, 8px));--scb-select-design-panel-radius-small:var(--scb-fields-panel-radius-small, var(--radius-small, 8px));--scb-select-design-panel-radius-medium:var(--scb-fields-panel-radius-medium, var(--radius-small, 8px));--scb-select-design-panel-radius-large:var(--scb-fields-panel-radius-large, var(--radius-small, 8px));--scb-select-design-padding-inline-extra-small:var(--scb-fields-padding-inline-extra-small, var(--spacing-4, 12px));--scb-select-design-padding-inline-small:var(--scb-fields-padding-inline-small, var(--spacing-4, 12px));--scb-select-design-padding-inline-medium:var(--scb-fields-padding-inline-medium, var(--spacing-4, 12px));--scb-select-design-padding-inline-large:var(--scb-fields-padding-inline-large, var(--scale-05, 20px));--scb-select-design-padding-block-extra-small:var(--scb-fields-padding-block-extra-small, var(--spacing-1, 2px));--scb-select-design-padding-block-small:var(--scb-fields-padding-block-small, var(--spacing-1, 2px));--scb-select-design-padding-block-medium:var(--scb-fields-padding-block-medium, var(--spacing-2, 4px));--scb-select-design-padding-block-large:var(--scb-fields-padding-block-large, var(--spacing-4, 12px))}:host([size="extra-small"]){--scb-select-design-error-icon:var(--scb-select-design-error-icon-extra-small);--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-extra-small);--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-extra-small);--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-extra-small)}:host([size="small"]){--scb-select-design-error-icon:var(--scb-select-design-error-icon-small);--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-small);--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-small);--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-small)}:host([size="medium"]){--scb-select-design-error-icon:var(--scb-select-design-error-icon-medium);--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-medium);--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-medium);--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-medium)}:host([size="large"]){--scb-select-design-error-icon:var(--scb-select-design-error-icon-large);--scb-select-design-error-icon-inset:var(--scb-select-design-error-icon-inset-large);--scb-select-design-field-label-gap:var(--scb-select-design-field-label-gap-large);--scb-select-design-label-help-gap:var(--scb-select-design-label-help-gap-large)}:host,:host([size="extra-small"]){--scb-select-option-design-checkbox-marker-size:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-radio-marker-size:var(--scb-radio-marker-size, var(--icon-size-medium, 24px))}:host{--scb-select-option-design-option-height:var(--scb-fields-option-height-medium, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-medium, var(--spacing-4, 12px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-medium, var(--spacing-2, 4px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-medium, var(--spacing-3, 8px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-medium, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-medium, var(--scb-fields-option-radius-medium, var(--radius-none, 0px)))}:host([size="extra-small"]){--scb-select-option-design-option-height:var(--scb-fields-option-height-extra-small, var(--scb-fields-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-extra-small-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-extra-small-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-extra-small-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-extra-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-extra-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-extra-small-letter-spacing, var(--scb-fields-option-text-extra-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-extra-small-font-weight, var(--scb-fields-option-text-extra-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-extra-small, var(--spacing-3, 8px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-extra-small, var(--spacing-2, 4px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-extra-small, var(--spacing-2, 4px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-extra-small, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-extra-small, var(--scb-fields-option-radius-extra-small, var(--radius-none, 0px)))}:host([size="small"]){--scb-select-option-design-option-height:var(--scb-fields-option-height-small, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-small-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-small-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-small-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-small-letter-spacing, var(--scb-fields-option-text-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-small-font-weight, var(--scb-fields-option-text-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-small, var(--spacing-4, 12px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-small, var(--spacing-2, 4px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-small, var(--spacing-3, 8px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-small, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-small, var(--scb-fields-option-radius-small, var(--radius-none, 0px)))}:host([size="large"]),:host([size="medium"]),:host([size="small"]){--scb-select-option-design-checkbox-marker-size:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-radio-marker-size:var(--scb-radio-marker-size, var(--icon-size-medium, 24px))}:host([size="medium"]){--scb-select-option-design-option-height:var(--scb-fields-option-height-medium, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-medium, var(--spacing-4, 12px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-medium, var(--spacing-2, 4px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-medium, var(--spacing-3, 8px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-medium, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-medium, var(--scb-fields-option-radius-medium, var(--radius-none, 0px)))}:host([size="large"]){--scb-select-option-design-option-height:var(--scb-fields-option-height-large, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-font:var(--scb-fields-option-text-large-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-size:var(--scb-fields-option-text-large-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-line-height:var(--scb-fields-option-text-large-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-tracking:var(--scb-fields-option-text-large-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-weight:var(--scb-fields-option-text-large-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-letter-spacing:var(--scb-fields-option-text-large-letter-spacing, var(--scb-fields-option-text-large-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-font-weight:var(--scb-fields-option-text-large-font-weight, var(--scb-fields-option-text-large-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline:var(--scb-fields-option-padding-inline-large, var(--spacing-5, 16px));--scb-select-option-design-option-padding-block:var(--scb-fields-option-padding-block-large, var(--spacing-3, 8px));--scb-select-option-design-option-gap:var(--scb-fields-option-gap-large, var(--spacing-4, 12px));--scb-select-option-design-item-radius:var(--scb-fields-option-radius-large, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius:var(--scb-fields-selected-option-radius-large, var(--scb-fields-option-radius-large, var(--radius-none, 0px)))}`,y);a([n({type:String})],r.prototype,"variant",void 0);a([n({type:String})],r.prototype,"value",void 0);a([n({type:Array})],r.prototype,"values",void 0);a([n({type:Boolean,reflect:!0})],r.prototype,"disabled",void 0);a([n({type:Boolean,reflect:!0})],r.prototype,"required",void 0);a([n({type:Boolean,reflect:!0})],r.prototype,"error",void 0);a([n({type:Boolean,reflect:!0})],r.prototype,"open",void 0);a([n({type:String})],r.prototype,"label",void 0);a([n({type:String})],r.prototype,"name",void 0);a([n({type:String})],r.prototype,"placeholder",void 0);a([n({type:String,attribute:"supporting-text"})],r.prototype,"supportingText",void 0);a([n({type:String,attribute:"error-text"})],r.prototype,"errorText",void 0);a([n({type:String,attribute:"help-text"})],r.prototype,"helpText",void 0);a([n({type:String,attribute:"help-label"})],r.prototype,"helpLabel",void 0);a([n({type:Boolean,attribute:"with-radiobuttons"})],r.prototype,"withRadiobuttons",void 0);a([n({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],r.prototype,"noHighlightSelected",void 0);a([n({type:String,reflect:!0})],r.prototype,"size",void 0);a([n({type:String,reflect:!0})],r.prototype,"spacing",void 0);a([n({type:String,attribute:"spacing-top",reflect:!0})],r.prototype,"spacingTop",void 0);a([n({type:String,attribute:"spacing-bottom",reflect:!0})],r.prototype,"spacingBottom",void 0);a([n({type:String,attribute:"spacing-left",reflect:!0})],r.prototype,"spacingLeft",void 0);a([n({type:String,attribute:"spacing-right",reflect:!0})],r.prototype,"spacingRight",void 0);a([n({type:String,attribute:"z-index"})],r.prototype,"zIndex",void 0);a([O()],r.prototype,"_optionsPlacement",void 0);a([O()],r.prototype,"_activeOption",void 0);r=a([$("scb-select")],r);

package/mvc/components/scb-slider/scb-slider.js

@@ -1,5 +1,5 @@
-import{d as g,f as p,g as h,h as _,i as L,m as S,o as m,p as i,r as y,s as l,u as E,v as u,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{t as o}from"../../vendor/decorate.js";import"../../vendor/md-focus-ring.js";import{t as T}from"../../vendor/delegate.js";import{a as F,n as B,o as M,r as I,s as H}from"../../vendor/form-associated.js";import{t as x}from"../../vendor/redispatch-event.js";import"../../vendor/elevation.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,r,d){try{customElements.get(a)||t(a,r,d)}catch(v){var c=String(v||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw v}}}}catch{}})();var R=k`@media(forced-colors: active){:host{--md-slider-active-track-color: CanvasText;--md-slider-disabled-active-track-color: GrayText;--md-slider-disabled-active-track-opacity: 1;--md-slider-disabled-handle-color: GrayText;--md-slider-disabled-inactive-track-color: GrayText;--md-slider-disabled-inactive-track-opacity: 1;--md-slider-focus-handle-color: CanvasText;--md-slider-handle-color: CanvasText;--md-slider-handle-shadow-color: Canvas;--md-slider-hover-handle-color: CanvasText;--md-slider-hover-state-layer-color: Canvas;--md-slider-hover-state-layer-opacity: 1;--md-slider-inactive-track-color: Canvas;--md-slider-label-container-color: Canvas;--md-slider-label-text-color: CanvasText;--md-slider-pressed-handle-color: CanvasText;--md-slider-pressed-state-layer-color: Canvas;--md-slider-pressed-state-layer-opacity: 1;--md-slider-with-overlap-handle-outline-color: CanvasText}.label,.label::before{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}:host(:not([disabled])) .track::before{border:1px solid var(--_active-track-color)}.tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='CanvasText'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}.tickmarks::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}:host([disabled]) .tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}}
-`,O=I(F(_)),s=class extends O{get nameStart(){return this.getAttribute("name-start")??this.name}set nameStart(e){this.setAttribute("name-start",e)}get nameEnd(){return this.getAttribute("name-end")??this.nameStart}set nameEnd(e){this.setAttribute("name-end",e)}get renderAriaLabelStart(){const{ariaLabel:e}=this;return this.ariaLabelStart||e&&`${e} start`||this.valueLabelStart||String(this.valueStart)}get renderAriaValueTextStart(){return this.ariaValueTextStart||this.valueLabelStart||String(this.valueStart)}get renderAriaLabelEnd(){const{ariaLabel:e}=this;return this.range?this.ariaLabelEnd||e&&`${e} end`||this.valueLabelEnd||String(this.valueEnd):e||this.valueLabel||String(this.value)}get renderAriaValueTextEnd(){if(this.range)return this.ariaValueTextEnd||this.valueLabelEnd||String(this.valueEnd);const{ariaValueText:e}=this;return e||this.valueLabel||String(this.value)}constructor(){super(),this.min=0,this.max=100,this.valueLabel="",this.valueLabelStart="",this.valueLabelEnd="",this.ariaLabelStart="",this.ariaValueTextStart="",this.ariaLabelEnd="",this.ariaValueTextEnd="",this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1,this.handleStartHover=!1,this.handleEndHover=!1,this.startOnTop=!1,this.handlesOverlapping=!1,this.ripplePointerId=1,this.isRedispatchingEvent=!1,this.addEventListener("click",e=>{!H(e)||!this.inputEnd||(this.focus(),M(this.inputEnd))})}focus(){this.inputEnd?.focus()}willUpdate(e){this.renderValueStart=e.has("valueStart")?this.valueStart:this.inputStart?.valueAsNumber;const t=e.has("valueEnd")&&this.range||e.has("value");this.renderValueEnd=t?this.range?this.valueEnd:this.value:this.inputEnd?.valueAsNumber,e.get("handleStartHover")!==void 0?this.toggleRippleHover(this.rippleStart,this.handleStartHover):e.get("handleEndHover")!==void 0&&this.toggleRippleHover(this.rippleEnd,this.handleEndHover)}updated(e){if(this.range&&(this.renderValueStart=this.inputStart.valueAsNumber),this.renderValueEnd=this.inputEnd.valueAsNumber,this.range){const t=(this.max-this.min)/3;if(this.valueStart===void 0){this.inputStart.valueAsNumber=this.min+t;const a=this.inputStart.valueAsNumber;this.valueStart=this.renderValueStart=a}if(this.valueEnd===void 0){this.inputEnd.valueAsNumber=this.min+2*t;const a=this.inputEnd.valueAsNumber;this.valueEnd=this.renderValueEnd=a}}else this.value??(this.value=this.renderValueEnd);if(e.has("range")||e.has("renderValueStart")||e.has("renderValueEnd")||this.isUpdatePending){const t=this.handleStart?.querySelector(".handleNub"),a=this.handleEnd?.querySelector(".handleNub");this.handlesOverlapping=P(t,a)}this.performUpdate()}render(){const e=this.step===0?1:this.step,t=Math.max(this.max-this.min,e),a=this.range?((this.renderValueStart??this.min)-this.min)/t:0,r=((this.renderValueEnd??this.min)-this.min)/t,d={"--_start-fraction":String(a),"--_end-fraction":String(r),"--_tick-count":String(t/e)},c={ranged:this.range},v=this.valueLabelStart||String(this.renderValueStart),z=(this.range?this.valueLabelEnd:this.valueLabel)||String(this.renderValueEnd),V={start:!0,value:this.renderValueStart,ariaLabel:this.renderAriaLabelStart,ariaValueText:this.renderAriaValueTextStart,ariaMin:this.min,ariaMax:this.valueEnd??this.max},$={start:!1,value:this.renderValueEnd,ariaLabel:this.renderAriaLabelEnd,ariaValueText:this.renderAriaValueTextEnd,ariaMin:this.range?this.valueStart??this.min:this.min,ariaMax:this.max},N={start:!0,hover:this.handleStartHover,label:v},C={start:!1,hover:this.handleEndHover,label:z},A={hover:this.handleStartHover||this.handleEndHover};return u` <div
+import{d as g,f as p,g as h,h as _,i as L,m as S,o as m,p as i,r as y,s as l,u as E,v as u,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{t as o}from"../../vendor/decorate.js";import{n as T}from"../../vendor/aria-references.internal.js";import"../../vendor/md-focus-ring.js";import{t as F}from"../../vendor/delegate.js";import{a as M,n as B,o as I,r as R,s as H}from"../../vendor/form-associated.js";import{t as x}from"../../vendor/redispatch-event.js";import"../../vendor/elevation.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(a,r,d){try{customElements.get(a)||t(a,r,d)}catch(v){var c=String(v||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw v}}}}catch{}})();var O=k`@media(forced-colors: active){:host{--md-slider-active-track-color: CanvasText;--md-slider-disabled-active-track-color: GrayText;--md-slider-disabled-active-track-opacity: 1;--md-slider-disabled-handle-color: GrayText;--md-slider-disabled-inactive-track-color: GrayText;--md-slider-disabled-inactive-track-opacity: 1;--md-slider-focus-handle-color: CanvasText;--md-slider-handle-color: CanvasText;--md-slider-handle-shadow-color: Canvas;--md-slider-hover-handle-color: CanvasText;--md-slider-hover-state-layer-color: Canvas;--md-slider-hover-state-layer-opacity: 1;--md-slider-inactive-track-color: Canvas;--md-slider-label-container-color: Canvas;--md-slider-label-text-color: CanvasText;--md-slider-pressed-handle-color: CanvasText;--md-slider-pressed-state-layer-color: Canvas;--md-slider-pressed-state-layer-opacity: 1;--md-slider-with-overlap-handle-outline-color: CanvasText}.label,.label::before{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}:host(:not([disabled])) .track::before{border:1px solid var(--_active-track-color)}.tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='CanvasText'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}.tickmarks::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2' r='1'/%3E%3C/svg%3E")}:host([disabled]) .tickmarks::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='Canvas'%3E%3Ccircle cx='2' cy='2'  r='1'/%3E%3C/svg%3E")}}
+`,P=R(M(_)),s=class extends P{get nameStart(){return this.getAttribute("name-start")??this.name}set nameStart(e){this.setAttribute("name-start",e)}get nameEnd(){return this.getAttribute("name-end")??this.nameStart}set nameEnd(e){this.setAttribute("name-end",e)}get renderAriaLabelStart(){const{ariaLabel:e}=this;return this.ariaLabelStart||e&&`${e} start`||this.valueLabelStart||String(this.valueStart)}get renderAriaValueTextStart(){return this.ariaValueTextStart||this.valueLabelStart||String(this.valueStart)}get renderAriaLabelEnd(){const{ariaLabel:e}=this;return this.range?this.ariaLabelEnd||e&&`${e} end`||this.valueLabelEnd||String(this.valueEnd):e||this.valueLabel||String(this.value)}get renderAriaValueTextEnd(){if(this.range)return this.ariaValueTextEnd||this.valueLabelEnd||String(this.valueEnd);const{ariaValueText:e}=this;return e||this.valueLabel||String(this.value)}constructor(){super(),this.min=0,this.max=100,this.valueLabel="",this.valueLabelStart="",this.valueLabelEnd="",this.ariaLabelStart="",this.ariaValueTextStart="",this.ariaLabelEnd="",this.ariaValueTextEnd="",this.step=1,this.ticks=!1,this.labeled=!1,this.range=!1,this.handleStartHover=!1,this.handleEndHover=!1,this.startOnTop=!1,this.handlesOverlapping=!1,this.ripplePointerId=1,this.isRedispatchingEvent=!1,this.addEventListener("click",e=>{!H(e)||!this.inputEnd||(this.focus(),I(this.inputEnd))})}focus(){this.inputEnd?.focus()}willUpdate(e){this.renderValueStart=e.has("valueStart")?this.valueStart:this.inputStart?.valueAsNumber;const t=e.has("valueEnd")&&this.range||e.has("value");this.renderValueEnd=t?this.range?this.valueEnd:this.value:this.inputEnd?.valueAsNumber,e.get("handleStartHover")!==void 0?this.toggleRippleHover(this.rippleStart,this.handleStartHover):e.get("handleEndHover")!==void 0&&this.toggleRippleHover(this.rippleEnd,this.handleEndHover)}updated(e){if(this.range&&(this.renderValueStart=this.inputStart.valueAsNumber),this.renderValueEnd=this.inputEnd.valueAsNumber,this.range){const t=(this.max-this.min)/3;if(this.valueStart===void 0){this.inputStart.valueAsNumber=this.min+t;const a=this.inputStart.valueAsNumber;this.valueStart=this.renderValueStart=a}if(this.valueEnd===void 0){this.inputEnd.valueAsNumber=this.min+2*t;const a=this.inputEnd.valueAsNumber;this.valueEnd=this.renderValueEnd=a}}else this.value??(this.value=this.renderValueEnd);if(e.has("range")||e.has("renderValueStart")||e.has("renderValueEnd")||this.isUpdatePending){const t=this.handleStart?.querySelector(".handleNub"),a=this.handleEnd?.querySelector(".handleNub");this.handlesOverlapping=q(t,a)}this.performUpdate()}render(){const e=this.step===0?1:this.step,t=Math.max(this.max-this.min,e),a=this.range?((this.renderValueStart??this.min)-this.min)/t:0,r=((this.renderValueEnd??this.min)-this.min)/t,d={"--_start-fraction":String(a),"--_end-fraction":String(r),"--_tick-count":String(t/e)},c={ranged:this.range},v=this.valueLabelStart||String(this.renderValueStart),z=(this.range?this.valueLabelEnd:this.valueLabel)||String(this.renderValueEnd),V={start:!0,value:this.renderValueStart,ariaLabel:this.renderAriaLabelStart,ariaValueText:this.renderAriaValueTextStart,ariaMin:this.min,ariaMax:this.valueEnd??this.max},$={start:!1,value:this.renderValueEnd,ariaLabel:this.renderAriaLabelEnd,ariaValueText:this.renderAriaValueTextEnd,ariaMin:this.range?this.valueStart??this.min:this.min,ariaMax:this.max},N={start:!0,hover:this.handleStartHover,label:v},C={start:!1,hover:this.handleEndHover,label:z},A={hover:this.handleStartHover||this.handleEndHover};return u` <div
       class="container ${m(c)}"
       style=${L(d)}>
       ${y(this.range,()=>this.renderInput(V))}
@@ -51,8 +51,8 @@ import{d as g,f as p,g as h,h as _,i as L,m as S,o as m,p as i,r as y,s as l,u a
       .value=${String(t)}
       .tabIndex=${e?1:0}
       aria-label=${a||h}
-      aria-valuetext=${r} />`}async toggleRippleHover(e,t){const a=await e;a&&(t?a.handlePointerenter(new PointerEvent("pointerenter",{isPrimary:!0,pointerId:this.ripplePointerId})):a.handlePointerleave(new PointerEvent("pointerleave",{isPrimary:!0,pointerId:this.ripplePointerId})))}handleFocus(e){this.updateOnTop(e.target)}startAction(e){const t=e.target,a=t===this.inputStart?this.inputEnd:this.inputStart;this.action={canFlip:e.type==="pointerdown",flipped:!1,target:t,fixed:a,values:new Map([[t,t.valueAsNumber],[a,a?.valueAsNumber]])}}finishAction(e){this.action=void 0}handleKeydown(e){this.startAction(e)}handleKeyup(e){this.finishAction(e)}handleDown(e){this.startAction(e),this.ripplePointerId=e.pointerId;const t=e.target===this.inputStart;this.handleStartHover=!this.disabled&&t&&!!this.handleStart,this.handleEndHover=!this.disabled&&!t&&!!this.handleEnd}async handleUp(e){if(!this.action)return;const{target:t,values:a,flipped:r}=this.action;await new Promise(requestAnimationFrame),t!==void 0&&(t.focus(),r&&t.valueAsNumber!==a.get(t)&&t.dispatchEvent(new Event("change",{bubbles:!0}))),this.finishAction(e)}handleMove(e){this.handleStartHover=!this.disabled&&w(e,this.handleStart),this.handleEndHover=!this.disabled&&w(e,this.handleEnd)}handleEnter(e){this.handleMove(e)}handleLeave(){this.handleStartHover=!1,this.handleEndHover=!1}updateOnTop(e){this.startOnTop=e.classList.contains("start")}needsClamping(){if(!this.action)return!1;const{target:e,fixed:t}=this.action;return e===this.inputStart?e.valueAsNumber>t.valueAsNumber:e.valueAsNumber<t.valueAsNumber}isActionFlipped(){const{action:e}=this;if(!e)return!1;const{target:t,fixed:a,values:r}=e;return e.canFlip&&r.get(t)===r.get(a)&&this.needsClamping()&&(e.canFlip=!1,e.flipped=!0,e.target=a,e.fixed=t),e.flipped}flipAction(){if(!this.action)return!1;const{target:e,fixed:t,values:a}=this.action,r=e.valueAsNumber!==t.valueAsNumber;return e.valueAsNumber=t.valueAsNumber,t.valueAsNumber=a.get(t),r}clampAction(){if(!this.needsClamping()||!this.action)return!1;const{target:e,fixed:t}=this.action;return e.valueAsNumber=t.valueAsNumber,!0}handleInput(e){if(this.isRedispatchingEvent)return;let t=!1,a=!1;this.range&&(this.isActionFlipped()&&(t=!0,a=this.flipAction()),this.clampAction()&&(t=!0,a=!1));const r=e.target;this.updateOnTop(r),this.range?(this.valueStart=this.inputStart.valueAsNumber,this.valueEnd=this.inputEnd.valueAsNumber):this.value=this.inputEnd.valueAsNumber,t&&e.stopPropagation(),a&&(this.isRedispatchingEvent=!0,x(r,e),this.isRedispatchingEvent=!1)}handleChange(e){const t=e.target,{target:a,values:r}=this.action??{};a&&a.valueAsNumber===r.get(t)||x(this,e),this.finishAction(e)}[B](){if(this.range){const e=new FormData;return e.append(this.nameStart,String(this.valueStart)),e.append(this.nameEnd,String(this.valueEnd)),e}return String(this.value)}formResetCallback(){if(this.range){const t=this.getAttribute("value-start");this.valueStart=t!==null?Number(t):void 0;const a=this.getAttribute("value-end");this.valueEnd=a!==null?Number(a):void 0;return}const e=this.getAttribute("value");this.value=e!==null?Number(e):void 0}formStateRestoreCallback(e){if(Array.isArray(e)){const[[,t],[,a]]=e;this.valueStart=Number(t),this.valueEnd=Number(a),this.range=!0;return}this.value=Number(e),this.range=!1}};T(s);s.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0};l([i({type:Number})],s.prototype,"min",void 0);l([i({type:Number})],s.prototype,"max",void 0);l([i({type:Number})],s.prototype,"value",void 0);l([i({type:Number,attribute:"value-start"})],s.prototype,"valueStart",void 0);l([i({type:Number,attribute:"value-end"})],s.prototype,"valueEnd",void 0);l([i({attribute:"value-label"})],s.prototype,"valueLabel",void 0);l([i({attribute:"value-label-start"})],s.prototype,"valueLabelStart",void 0);l([i({attribute:"value-label-end"})],s.prototype,"valueLabelEnd",void 0);l([i({attribute:"aria-label-start"})],s.prototype,"ariaLabelStart",void 0);l([i({attribute:"aria-valuetext-start"})],s.prototype,"ariaValueTextStart",void 0);l([i({attribute:"aria-label-end"})],s.prototype,"ariaLabelEnd",void 0);l([i({attribute:"aria-valuetext-end"})],s.prototype,"ariaValueTextEnd",void 0);l([i({type:Number})],s.prototype,"step",void 0);l([i({type:Boolean})],s.prototype,"ticks",void 0);l([i({type:Boolean})],s.prototype,"labeled",void 0);l([i({type:Boolean})],s.prototype,"range",void 0);l([g("input.start")],s.prototype,"inputStart",void 0);l([g(".handle.start")],s.prototype,"handleStart",void 0);l([E("md-ripple.start")],s.prototype,"rippleStart",void 0);l([g("input.end")],s.prototype,"inputEnd",void 0);l([g(".handle.end")],s.prototype,"handleEnd",void 0);l([E("md-ripple.end")],s.prototype,"rippleEnd",void 0);l([p()],s.prototype,"handleStartHover",void 0);l([p()],s.prototype,"handleEndHover",void 0);l([p()],s.prototype,"startOnTop",void 0);l([p()],s.prototype,"handlesOverlapping",void 0);l([p()],s.prototype,"renderValueStart",void 0);l([p()],s.prototype,"renderValueEnd",void 0);function w({x:e,y:t},a){if(!a)return!1;const{top:r,left:d,bottom:c,right:v}=a.getBoundingClientRect();return e>=d&&e<=v&&t>=r&&t<=c}function P(e,t){if(!(e&&t))return!1;const a=e.getBoundingClientRect(),r=t.getBoundingClientRect();return!(a.top>r.bottom||a.right<r.left||a.bottom<r.top||a.left>r.right)}var U=k`:host{--_active-track-color: var(--md-slider-active-track-color, var(--md-sys-color-primary, #6750a4));--_active-track-height: var(--md-slider-active-track-height, 4px);--_active-track-shape: var(--md-slider-active-track-shape, var(--md-sys-shape-corner-full, 9999px));--_disabled-active-track-color: var(--md-slider-disabled-active-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-track-opacity: var(--md-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color: var(--md-slider-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-handle-elevation: var(--md-slider-disabled-handle-elevation, 0);--_disabled-inactive-track-color: var(--md-slider-disabled-inactive-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-inactive-track-opacity: var(--md-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color: var(--md-slider-focus-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-color: var(--md-slider-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-elevation: var(--md-slider-handle-elevation, 1);--_handle-height: var(--md-slider-handle-height, 20px);--_handle-shadow-color: var(--md-slider-handle-shadow-color, var(--md-sys-color-shadow, #000));--_handle-shape: var(--md-slider-handle-shape, var(--md-sys-shape-corner-full, 9999px));--_handle-width: var(--md-slider-handle-width, 20px);--_hover-handle-color: var(--md-slider-hover-handle-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-slider-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-slider-hover-state-layer-opacity, 0.08);--_inactive-track-color: var(--md-slider-inactive-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_inactive-track-height: var(--md-slider-inactive-track-height, 4px);--_inactive-track-shape: var(--md-slider-inactive-track-shape, var(--md-sys-shape-corner-full, 9999px));--_label-container-color: var(--md-slider-label-container-color, var(--md-sys-color-primary, #6750a4));--_label-container-height: var(--md-slider-label-container-height, 28px);--_pressed-handle-color: var(--md-slider-pressed-handle-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-slider-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-slider-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color: var(--md-slider-with-overlap-handle-outline-color, var(--md-sys-color-on-primary, #fff));--_with-overlap-handle-outline-width: var(--md-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color: var(--md-slider-with-tick-marks-active-container-color, var(--md-sys-color-on-primary, #fff));--_with-tick-marks-container-size: var(--md-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-container-color: var(--md-slider-with-tick-marks-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_with-tick-marks-inactive-container-color: var(--md-slider-with-tick-marks-inactive-container-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-slider-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-slider-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-slider-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size: var(--md-slider-label-text-size, var(--md-sys-typescale-label-medium-size, 0.75rem));--_label-text-weight: var(--md-slider-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_start-fraction: 0;--_end-fraction: 0;--_tick-count: 0;display:inline-flex;vertical-align:middle;min-inline-size:200px;--md-elevation-level: var(--_handle-elevation);--md-elevation-shadow-color: var(--_handle-shadow-color)}md-focus-ring{height:48px;inset:unset;width:48px}md-elevation{transition-duration:250ms}@media(prefers-reduced-motion){.label{transition-duration:0}}:host([disabled]){opacity:var(--_disabled-active-track-opacity);--md-elevation-level: var(--_disabled-handle-elevation)}.container{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.track,.tickmarks{position:absolute;inset:0;display:flex;align-items:center}.track::before,.tickmarks::before,.track::after,.tickmarks::after{position:absolute;content:"";inset-inline-start:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size)*2)/var(--_tick-count)) 100%}.track::before,.tickmarks::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape)}.track::before{background:var(--_inactive-track-color)}.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-inactive-container-color) 0, var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}:host([disabled]) .track::before{opacity:calc(1/var(--_disabled-active-track-opacity)*var(--_disabled-inactive-track-opacity));background:var(--_disabled-inactive-track-color)}.track::after,.tickmarks::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)))}.track::after{background:var(--_active-track-color)}.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-active-container-color) 0, var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.track:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.tickmarks:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([disabled]) .track::after{background:var(--_disabled-active-track-color)}:host([disabled]) .tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-disabled-container-color) 0, var(--_with-tick-marks-disabled-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.handleContainerPadded{position:relative;block-size:100%;inline-size:100%;padding-inline:calc(var(--_state-layer-size)/2)}.handleContainerBlock{position:relative;block-size:100%;inline-size:100%}.handleContainer{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_start-fraction));inline-size:calc(100%*(var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:flex;place-content:center;place-items:center}.handleNub{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}:host([disabled]) .handleNub{background:var(--_disabled-handle-color)}input.end:focus~.handleContainerPadded .handle.end>.handleNub,input.start:focus~.handleContainerPadded .handle.start>.handleNub{background:var(--_focus-handle-color)}.container>.handleContainerPadded .handle.hover>.handleNub{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handleContainerPadded .handle.end>.handleNub,:host(:not([disabled])) input.start:active~.handleContainerPadded .handle.start>.handleNub{background:var(--_pressed-handle-color)}.onTop.isOverlapping .label,.onTop.isOverlapping .label::before{outline:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.onTop.isOverlapping .handleNub{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/2)}.label{position:absolute;box-sizing:border-box;display:flex;padding:4px;place-content:center;place-items:center;border-radius:var(--md-sys-shape-corner-full, 9999px);color:var(--_label-text-color);font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);transition:transform 100ms cubic-bezier(0.2, 0, 0, 1);transform-origin:center bottom;transform:scale(0)}:host(:focus-within) .label,.handleContainer.hover .label,:where(:has(input:active)) .label{transform:scale(1)}.label::before,.label::after{position:absolute;display:block;content:"";background:inherit}.label::before{inline-size:calc(var(--_label-container-height)/2);block-size:calc(var(--_label-container-height)/2);bottom:calc(var(--_label-container-height)/-10);transform:rotate(45deg)}.label::after{inset:0px;border-radius:inherit}.labelContent{z-index:1}input[type=range]{opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:none}::-webkit-slider-runnable-track{-webkit-appearance:none}::-moz-range-track{appearance:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_handle-height);inline-size:var(--_handle-width);opacity:0;z-index:2}input.end::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_end-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.end:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}input.start::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_start-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.start:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}::-moz-range-thumb{appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.ranged input.start{clip-path:inset(0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))) 0 0)}.ranged input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))))}.ranged input.end{clip-path:inset(0 0 0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)))}.ranged input.end:dir(rtl){clip-path:inset(0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)) 0 0)}.onTop{z-index:1}.handle{--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-ripple{border-radius:50%;height:var(--_state-layer-size);width:var(--_state-layer-size)}
-`,f=class extends s{};f.styles=[U,R];f=l([S("md-slider")],f);var b,n=(b=class extends _{constructor(){super(),this._internals=null,this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._hasCapturedInitialValues=!1,this._initialValue=20,this._initialValueStart=0,this._initialValueEnd=100,this._errorTextId=`scb-slider-error-${Math.random().toString(36).slice(2)}`,this.ticks=!1,this.step=5,this.value=20,this.range=!1,this.valueStart=0,this.valueEnd=100,this.min=0,this.max=100,this.labeled=!0,this.disabled=!1,this.name="",this.ariaLabel="",this.ariaLabelStart="",this.ariaLabelEnd="",this.error=!1,this.errorText="","attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),this._captureInitialValues(),this._normalizeValues(),this._syncFormValue()}updated(t){(t.has("disabled")||t.has("name")||t.has("nameStart")||t.has("nameEnd")||t.has("range")||t.has("value")||t.has("valueStart")||t.has("valueEnd")||t.has("min")||t.has("max")||t.has("step"))&&(this._normalizeValues(),this._syncFormValue()),t.has("errorText")&&this._syncValidity()}formDisabledCallback(t){this.disabled=t,t&&(this._hasValidationBeenReported=!1),this._syncFormValue()}formResetCallback(){this.value=this._initialValue,this.valueStart=this._initialValueStart,this.valueEnd=this._initialValueEnd,this._hasValidationBeenReported=!1,this.error=!1,this._normalizeValues(),this._syncFormValue()}_captureInitialValues(){this._hasCapturedInitialValues||(this._hasCapturedInitialValues=!0,this._initialValue=this.value,this._initialValueStart=this.valueStart,this._initialValueEnd=this.valueEnd)}_toFiniteNumber(t,a){const r=typeof t=="number"?t:Number(t);return Number.isFinite(r)?r:a}_bounds(){const t=this._toFiniteNumber(this.min,0),a=this._toFiniteNumber(this.max,t);return t<=a?{min:t,max:a}:{min:a,max:t}}_clampToBounds(t){const{min:a,max:r}=this._bounds(),d=this._toFiniteNumber(t,a);return Math.min(r,Math.max(a,d))}_normalizeValues(){const t=this._clampToBounds(this.value);if(this.value!==t&&(this.value=t),!this.range)return;let a=this._clampToBounds(this.valueStart),r=this._clampToBounds(this.valueEnd);a>r&&([a,r]=[r,a]),this.valueStart!==a&&(this.valueStart=a),this.valueEnd!==r&&(this.valueEnd=r)}_syncFormValue(){if(this._normalizeValues(),!this._internals){this._syncValidity();return}if(this.disabled){this._internals.setFormValue(null),this._syncValidity();return}if(this.range){const a=new FormData,r=(this.nameStart||"").trim(),d=(this.nameEnd||"").trim(),c=this.name.trim();r&&a.append(r,String(this.valueStart)),d&&a.append(d,String(this.valueEnd)),!r&&!d&&c&&a.append(c,`${this.valueStart},${this.valueEnd}`),this._internals.setFormValue([...a.keys()].length?a:null),this._syncValidity();return}const t=this.name.trim();this._internals.setFormValue(t?String(this.value):null),this._syncValidity()}_syncValidity(){const t=this.disabled?"":this._customValidationMessage,a=this.error,r=this._validationMessage,d=this.renderRoot?.querySelector("md-slider")??void 0;this._internals&&(t?this._internals.setValidity({customError:!0},t,d):this._internals.setValidity({})),this._validationMessage=t,this.error=this.disabled?!1:t?this._hasValidationBeenReported||a:a&&!this._hasValidationBeenReported&&!r,(a!==this.error||r!==this._validationMessage)&&this.requestUpdate()}checkValidity(){return this._syncValidity(),this._internals?this._internals.checkValidity():!this._customValidationMessage}reportValidity(){return this._hasValidationBeenReported=!0,this._syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(t){this._customValidationMessage=String(t??""),this._customValidationMessage||(this._hasValidationBeenReported=!1,this.error=!1),this._syncValidity()}get form(){return this._internals?.form??null}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._customValidationMessage}get willValidate(){return this._internals?.willValidate??!this.disabled}get labels(){return this._internals?.labels}_onInput(t){const a=t.target;this.range?(this.valueStart=Number(a.valueStart??this.valueStart),this.valueEnd=Number(a.valueEnd??this.valueEnd)):this.value=Number(a.value??this.value),this._normalizeValues(),this._syncFormValue(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_onChange(t){const a=t.target;this.range?(this.valueStart=Number(a.valueStart??this.valueStart),this.valueEnd=Number(a.valueEnd??this.valueEnd)):this.value=Number(a.value??this.value),this._normalizeValues(),this._syncFormValue(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){const t=this.error?this._validationMessage||this.errorText||"Ogiltigt värde.":"",a=t?this._errorTextId:h;return u`
+      aria-valuetext=${r} />`}async toggleRippleHover(e,t){const a=await e;a&&(t?a.handlePointerenter(new PointerEvent("pointerenter",{isPrimary:!0,pointerId:this.ripplePointerId})):a.handlePointerleave(new PointerEvent("pointerleave",{isPrimary:!0,pointerId:this.ripplePointerId})))}handleFocus(e){this.updateOnTop(e.target)}startAction(e){const t=e.target,a=t===this.inputStart?this.inputEnd:this.inputStart;this.action={canFlip:e.type==="pointerdown",flipped:!1,target:t,fixed:a,values:new Map([[t,t.valueAsNumber],[a,a?.valueAsNumber]])}}finishAction(e){this.action=void 0}handleKeydown(e){this.startAction(e)}handleKeyup(e){this.finishAction(e)}handleDown(e){this.startAction(e),this.ripplePointerId=e.pointerId;const t=e.target===this.inputStart;this.handleStartHover=!this.disabled&&t&&!!this.handleStart,this.handleEndHover=!this.disabled&&!t&&!!this.handleEnd}async handleUp(e){if(!this.action)return;const{target:t,values:a,flipped:r}=this.action;await new Promise(requestAnimationFrame),t!==void 0&&(t.focus(),r&&t.valueAsNumber!==a.get(t)&&t.dispatchEvent(new Event("change",{bubbles:!0}))),this.finishAction(e)}handleMove(e){this.handleStartHover=!this.disabled&&w(e,this.handleStart),this.handleEndHover=!this.disabled&&w(e,this.handleEnd)}handleEnter(e){this.handleMove(e)}handleLeave(){this.handleStartHover=!1,this.handleEndHover=!1}updateOnTop(e){this.startOnTop=e.classList.contains("start")}needsClamping(){if(!this.action)return!1;const{target:e,fixed:t}=this.action;return e===this.inputStart?e.valueAsNumber>t.valueAsNumber:e.valueAsNumber<t.valueAsNumber}isActionFlipped(){const{action:e}=this;if(!e)return!1;const{target:t,fixed:a,values:r}=e;return e.canFlip&&r.get(t)===r.get(a)&&this.needsClamping()&&(e.canFlip=!1,e.flipped=!0,e.target=a,e.fixed=t),e.flipped}flipAction(){if(!this.action)return!1;const{target:e,fixed:t,values:a}=this.action,r=e.valueAsNumber!==t.valueAsNumber;return e.valueAsNumber=t.valueAsNumber,t.valueAsNumber=a.get(t),r}clampAction(){if(!this.needsClamping()||!this.action)return!1;const{target:e,fixed:t}=this.action;return e.valueAsNumber=t.valueAsNumber,!0}handleInput(e){if(this.isRedispatchingEvent)return;let t=!1,a=!1;this.range&&(this.isActionFlipped()&&(t=!0,a=this.flipAction()),this.clampAction()&&(t=!0,a=!1));const r=e.target;this.updateOnTop(r),this.range?(this.valueStart=this.inputStart.valueAsNumber,this.valueEnd=this.inputEnd.valueAsNumber):this.value=this.inputEnd.valueAsNumber,t&&e.stopPropagation(),a&&(this.isRedispatchingEvent=!0,x(r,e),this.isRedispatchingEvent=!1)}handleChange(e){const t=e.target,{target:a,values:r}=this.action??{};a&&a.valueAsNumber===r.get(t)||x(this,e),this.finishAction(e)}[B](){if(this.range){const e=new FormData;return e.append(this.nameStart,String(this.valueStart)),e.append(this.nameEnd,String(this.valueEnd)),e}return String(this.value)}formResetCallback(){if(this.range){const t=this.getAttribute("value-start");this.valueStart=t!==null?Number(t):void 0;const a=this.getAttribute("value-end");this.valueEnd=a!==null?Number(a):void 0;return}const e=this.getAttribute("value");this.value=e!==null?Number(e):void 0}formStateRestoreCallback(e){if(Array.isArray(e)){const[[,t],[,a]]=e;this.valueStart=Number(t),this.valueEnd=Number(a),this.range=!0;return}this.value=Number(e),this.range=!1}};F(s);s.shadowRootOptions={..._.shadowRootOptions,delegatesFocus:!0};l([i({type:Number})],s.prototype,"min",void 0);l([i({type:Number})],s.prototype,"max",void 0);l([i({type:Number})],s.prototype,"value",void 0);l([i({type:Number,attribute:"value-start"})],s.prototype,"valueStart",void 0);l([i({type:Number,attribute:"value-end"})],s.prototype,"valueEnd",void 0);l([i({attribute:"value-label"})],s.prototype,"valueLabel",void 0);l([i({attribute:"value-label-start"})],s.prototype,"valueLabelStart",void 0);l([i({attribute:"value-label-end"})],s.prototype,"valueLabelEnd",void 0);l([i({attribute:"aria-label-start"})],s.prototype,"ariaLabelStart",void 0);l([i({attribute:"aria-valuetext-start"})],s.prototype,"ariaValueTextStart",void 0);l([i({attribute:"aria-label-end"})],s.prototype,"ariaLabelEnd",void 0);l([i({attribute:"aria-valuetext-end"})],s.prototype,"ariaValueTextEnd",void 0);l([i({type:Number})],s.prototype,"step",void 0);l([i({type:Boolean})],s.prototype,"ticks",void 0);l([i({type:Boolean})],s.prototype,"labeled",void 0);l([i({type:Boolean})],s.prototype,"range",void 0);l([g("input.start")],s.prototype,"inputStart",void 0);l([g(".handle.start")],s.prototype,"handleStart",void 0);l([E("md-ripple.start")],s.prototype,"rippleStart",void 0);l([g("input.end")],s.prototype,"inputEnd",void 0);l([g(".handle.end")],s.prototype,"handleEnd",void 0);l([E("md-ripple.end")],s.prototype,"rippleEnd",void 0);l([p()],s.prototype,"handleStartHover",void 0);l([p()],s.prototype,"handleEndHover",void 0);l([p()],s.prototype,"startOnTop",void 0);l([p()],s.prototype,"handlesOverlapping",void 0);l([p()],s.prototype,"renderValueStart",void 0);l([p()],s.prototype,"renderValueEnd",void 0);function w({x:e,y:t},a){if(!a)return!1;const{top:r,left:d,bottom:c,right:v}=a.getBoundingClientRect();return e>=d&&e<=v&&t>=r&&t<=c}function q(e,t){if(!(e&&t))return!1;const a=e.getBoundingClientRect(),r=t.getBoundingClientRect();return!(a.top>r.bottom||a.right<r.left||a.bottom<r.top||a.left>r.right)}var U=k`:host{--_active-track-color: var(--md-slider-active-track-color, var(--md-sys-color-primary, #6750a4));--_active-track-height: var(--md-slider-active-track-height, 4px);--_active-track-shape: var(--md-slider-active-track-shape, var(--md-sys-shape-corner-full, 9999px));--_disabled-active-track-color: var(--md-slider-disabled-active-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-active-track-opacity: var(--md-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color: var(--md-slider-disabled-handle-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-handle-elevation: var(--md-slider-disabled-handle-elevation, 0);--_disabled-inactive-track-color: var(--md-slider-disabled-inactive-track-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-inactive-track-opacity: var(--md-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color: var(--md-slider-focus-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-color: var(--md-slider-handle-color, var(--md-sys-color-primary, #6750a4));--_handle-elevation: var(--md-slider-handle-elevation, 1);--_handle-height: var(--md-slider-handle-height, 20px);--_handle-shadow-color: var(--md-slider-handle-shadow-color, var(--md-sys-color-shadow, #000));--_handle-shape: var(--md-slider-handle-shape, var(--md-sys-shape-corner-full, 9999px));--_handle-width: var(--md-slider-handle-width, 20px);--_hover-handle-color: var(--md-slider-hover-handle-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-color: var(--md-slider-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-slider-hover-state-layer-opacity, 0.08);--_inactive-track-color: var(--md-slider-inactive-track-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_inactive-track-height: var(--md-slider-inactive-track-height, 4px);--_inactive-track-shape: var(--md-slider-inactive-track-shape, var(--md-sys-shape-corner-full, 9999px));--_label-container-color: var(--md-slider-label-container-color, var(--md-sys-color-primary, #6750a4));--_label-container-height: var(--md-slider-label-container-height, 28px);--_pressed-handle-color: var(--md-slider-pressed-handle-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-color: var(--md-slider-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-slider-pressed-state-layer-opacity, 0.12);--_state-layer-size: var(--md-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color: var(--md-slider-with-overlap-handle-outline-color, var(--md-sys-color-on-primary, #fff));--_with-overlap-handle-outline-width: var(--md-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color: var(--md-slider-with-tick-marks-active-container-color, var(--md-sys-color-on-primary, #fff));--_with-tick-marks-container-size: var(--md-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-container-color: var(--md-slider-with-tick-marks-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_with-tick-marks-inactive-container-color: var(--md-slider-with-tick-marks-inactive-container-color, var(--md-sys-color-on-surface-variant, #49454f));--_label-text-color: var(--md-slider-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-slider-label-text-font, var(--md-sys-typescale-label-medium-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height: var(--md-slider-label-text-line-height, var(--md-sys-typescale-label-medium-line-height, 1rem));--_label-text-size: var(--md-slider-label-text-size, var(--md-sys-typescale-label-medium-size, 0.75rem));--_label-text-weight: var(--md-slider-label-text-weight, var(--md-sys-typescale-label-medium-weight, var(--md-ref-typeface-weight-medium, 500)));--_start-fraction: 0;--_end-fraction: 0;--_tick-count: 0;display:inline-flex;vertical-align:middle;min-inline-size:200px;--md-elevation-level: var(--_handle-elevation);--md-elevation-shadow-color: var(--_handle-shadow-color)}md-focus-ring{height:48px;inset:unset;width:48px}md-elevation{transition-duration:250ms}@media(prefers-reduced-motion){.label{transition-duration:0}}:host([disabled]){opacity:var(--_disabled-active-track-opacity);--md-elevation-level: var(--_disabled-handle-elevation)}.container{flex:1;display:flex;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.track,.tickmarks{position:absolute;inset:0;display:flex;align-items:center}.track::before,.tickmarks::before,.track::after,.tickmarks::after{position:absolute;content:"";inset-inline-start:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size)*2)/var(--_tick-count)) 100%}.track::before,.tickmarks::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape)}.track::before{background:var(--_inactive-track-color)}.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-inactive-container-color) 0, var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}:host([disabled]) .track::before{opacity:calc(1/var(--_disabled-active-track-opacity)*var(--_disabled-inactive-track-opacity));background:var(--_disabled-inactive-track-color)}.track::after,.tickmarks::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)))}.track::after{background:var(--_active-track-color)}.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-active-container-color) 0, var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.track:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.tickmarks:dir(rtl)::after{clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000, 1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([disabled]) .track::after{background:var(--_disabled-active-track-color)}:host([disabled]) .tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center, var(--_with-tick-marks-disabled-container-color) 0, var(--_with-tick-marks-disabled-container-color) calc(var(--_with-tick-marks-container-size) / 2), transparent calc(var(--_with-tick-marks-container-size) / 2))}.handleContainerPadded{position:relative;block-size:100%;inline-size:100%;padding-inline:calc(var(--_state-layer-size)/2)}.handleContainerBlock{position:relative;block-size:100%;inline-size:100%}.handleContainer{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100%*var(--_start-fraction));inline-size:calc(100%*(var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:flex;place-content:center;place-items:center}.handleNub{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color)}:host([disabled]) .handleNub{background:var(--_disabled-handle-color)}input.end:focus~.handleContainerPadded .handle.end>.handleNub,input.start:focus~.handleContainerPadded .handle.start>.handleNub{background:var(--_focus-handle-color)}.container>.handleContainerPadded .handle.hover>.handleNub{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handleContainerPadded .handle.end>.handleNub,:host(:not([disabled])) input.start:active~.handleContainerPadded .handle.start>.handleNub{background:var(--_pressed-handle-color)}.onTop.isOverlapping .label,.onTop.isOverlapping .label::before{outline:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.onTop.isOverlapping .handleNub{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/2)}.label{position:absolute;box-sizing:border-box;display:flex;padding:4px;place-content:center;place-items:center;border-radius:var(--md-sys-shape-corner-full, 9999px);color:var(--_label-text-color);font-family:var(--_label-text-font);font-size:var(--_label-text-size);line-height:var(--_label-text-line-height);font-weight:var(--_label-text-weight);inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);transition:transform 100ms cubic-bezier(0.2, 0, 0, 1);transform-origin:center bottom;transform:scale(0)}:host(:focus-within) .label,.handleContainer.hover .label,:where(:has(input:active)) .label{transform:scale(1)}.label::before,.label::after{position:absolute;display:block;content:"";background:inherit}.label::before{inline-size:calc(var(--_label-container-height)/2);block-size:calc(var(--_label-container-height)/2);bottom:calc(var(--_label-container-height)/-10);transform:rotate(45deg)}.label::after{inset:0px;border-radius:inherit}.labelContent{z-index:1}input[type=range]{opacity:0;-webkit-tap-highlight-color:rgba(0,0,0,0);position:absolute;box-sizing:border-box;height:100%;width:100%;margin:0;background:rgba(0,0,0,0);cursor:pointer;pointer-events:auto;appearance:none}input[type=range]:focus{outline:none}::-webkit-slider-runnable-track{-webkit-appearance:none}::-moz-range-track{appearance:none}::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_handle-height);inline-size:var(--_handle-width);opacity:0;z-index:2}input.end::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_end-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.end:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}input.start::-webkit-slider-thumb{--_track-and-knob-padding: calc( (var(--_state-layer-size) - var(--_handle-width)) / 2 );--_x-translate: calc( var(--_track-and-knob-padding) - 2 * var(--_start-fraction) * var(--_track-and-knob-padding) );transform:translateX(var(--_x-translate))}input.start:dir(rtl)::-webkit-slider-thumb{transform:translateX(calc(-1 * var(--_x-translate)))}::-moz-range-thumb{appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.ranged input.start{clip-path:inset(0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))) 0 0)}.ranged input.start:dir(rtl){clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2))))}.ranged input.end{clip-path:inset(0 0 0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)))}.ranged input.end:dir(rtl){clip-path:inset(0 calc(var(--_state-layer-size) / 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction)) / 2)) 0 0)}.onTop{z-index:1}.handle{--md-ripple-hover-color: var(--_hover-state-layer-color);--md-ripple-hover-opacity: var(--_hover-state-layer-opacity);--md-ripple-pressed-color: var(--_pressed-state-layer-color);--md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity)}md-ripple{border-radius:50%;height:var(--_state-layer-size);width:var(--_state-layer-size)}
+`,f=class extends s{};f.styles=[U,O];f=l([S("md-slider")],f);var b,n=(b=class extends _{constructor(){super(),this._internals=null,this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._hasCapturedInitialValues=!1,this._initialValue=20,this._initialValueStart=0,this._initialValueEnd=100,this._errorTextId=`scb-slider-error-${Math.random().toString(36).slice(2)}`,this.ticks=!1,this.step=5,this.value=20,this.range=!1,this.valueStart=0,this.valueEnd=100,this.min=0,this.max=100,this.labeled=!0,this.disabled=!1,this.name="",this.ariaLabel="",this.ariaLabelStart="",this.ariaLabelEnd="",this.error=!1,this.errorText="","attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),this._captureInitialValues(),this._normalizeValues(),this._syncFormValue()}updated(t){T(this.renderRoot.querySelector("md-slider")),(t.has("disabled")||t.has("name")||t.has("nameStart")||t.has("nameEnd")||t.has("range")||t.has("value")||t.has("valueStart")||t.has("valueEnd")||t.has("min")||t.has("max")||t.has("step"))&&(this._normalizeValues(),this._syncFormValue()),t.has("errorText")&&this._syncValidity()}formDisabledCallback(t){this.disabled=t,t&&(this._hasValidationBeenReported=!1),this._syncFormValue()}formResetCallback(){this.value=this._initialValue,this.valueStart=this._initialValueStart,this.valueEnd=this._initialValueEnd,this._hasValidationBeenReported=!1,this.error=!1,this._normalizeValues(),this._syncFormValue()}_captureInitialValues(){this._hasCapturedInitialValues||(this._hasCapturedInitialValues=!0,this._initialValue=this.value,this._initialValueStart=this.valueStart,this._initialValueEnd=this.valueEnd)}_toFiniteNumber(t,a){const r=typeof t=="number"?t:Number(t);return Number.isFinite(r)?r:a}_bounds(){const t=this._toFiniteNumber(this.min,0),a=this._toFiniteNumber(this.max,t);return t<=a?{min:t,max:a}:{min:a,max:t}}_clampToBounds(t){const{min:a,max:r}=this._bounds(),d=this._toFiniteNumber(t,a);return Math.min(r,Math.max(a,d))}_normalizeValues(){const t=this._clampToBounds(this.value);if(this.value!==t&&(this.value=t),!this.range)return;let a=this._clampToBounds(this.valueStart),r=this._clampToBounds(this.valueEnd);a>r&&([a,r]=[r,a]),this.valueStart!==a&&(this.valueStart=a),this.valueEnd!==r&&(this.valueEnd=r)}_syncFormValue(){if(this._normalizeValues(),!this._internals){this._syncValidity();return}if(this.disabled){this._internals.setFormValue(null),this._syncValidity();return}if(this.range){const a=new FormData,r=(this.nameStart||"").trim(),d=(this.nameEnd||"").trim(),c=this.name.trim();r&&a.append(r,String(this.valueStart)),d&&a.append(d,String(this.valueEnd)),!r&&!d&&c&&a.append(c,`${this.valueStart},${this.valueEnd}`),this._internals.setFormValue([...a.keys()].length?a:null),this._syncValidity();return}const t=this.name.trim();this._internals.setFormValue(t?String(this.value):null),this._syncValidity()}_syncValidity(){const t=this.disabled?"":this._customValidationMessage,a=this.error,r=this._validationMessage,d=this.renderRoot?.querySelector("md-slider")??void 0;this._internals&&(t?this._internals.setValidity({customError:!0},t,d):this._internals.setValidity({})),this._validationMessage=t,this.error=this.disabled?!1:t?this._hasValidationBeenReported||a:a&&!this._hasValidationBeenReported&&!r,(a!==this.error||r!==this._validationMessage)&&this.requestUpdate()}checkValidity(){return this._syncValidity(),this._internals?this._internals.checkValidity():!this._customValidationMessage}reportValidity(){return this._hasValidationBeenReported=!0,this._syncValidity(),this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(t){this._customValidationMessage=String(t??""),this._customValidationMessage||(this._hasValidationBeenReported=!1,this.error=!1),this._syncValidity()}get form(){return this._internals?.form??null}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._customValidationMessage}get willValidate(){return this._internals?.willValidate??!this.disabled}get labels(){return this._internals?.labels}_onInput(t){const a=t.target;this.range?(this.valueStart=Number(a.valueStart??this.valueStart),this.valueEnd=Number(a.valueEnd??this.valueEnd)):this.value=Number(a.value??this.value),this._normalizeValues(),this._syncFormValue(),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_onChange(t){const a=t.target;this.range?(this.valueStart=Number(a.valueStart??this.valueStart),this.valueEnd=Number(a.valueEnd??this.valueEnd)):this.value=Number(a.value??this.value),this._normalizeValues(),this._syncFormValue(),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}render(){const t=this.error?this._validationMessage||this.errorText||"Ogiltigt värde.":"",a=t?this._errorTextId:h;return u`
       <div class="slider-shell">
         <md-slider
           ?ticks=${this.ticks}