scb-wc 0.1.136 → 0.1.138

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

@@ -1,4 +1,4 @@
-import{a as h,f as b,h as v,m as y,p as l,v as d,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{ensureFocusRingOnFocusVisible as _}from"../shared/lazy-focus-ring.js";import{t as n}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var g=typeof globalThis<"u"?globalThis:window;if(!g.__scb_ce_guard_installed__){g.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,i){try{customElements.get(t)||e(t,s,i)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var u,a=(u=class extends v{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="large",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=>{this.open&&(e.composedPath().includes(this)||(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 t=this._getOptions(),s=e.composedPath(),i=t.find(o=>s.includes(o));i&&(this._selectOption(i),e.stopPropagation())},this._onKeyDown=e=>{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 t=e.key==="ArrowDown"?1:-1;if(!this.open){this._setOpen(!0),this.updateComplete.then(()=>{this._setFocusedIndex(this._getInitialFocusedIndex()),this.focusedIndex>=0&&e.key==="ArrowUp"&&this._moveFocusedIndex(-1)});return}this._moveFocusedIndex(t);return}if((e.key==="Home"||e.key==="End")&&this.open){e.preventDefault(),e.stopPropagation();const t=this._getOptions();let s=t.findIndex(i=>!i.disabled);if(e.key==="End"){for(let i=t.length-1;i>=0;i-=1)if(!t[i]?.disabled){s=i;break}}this._setFocusedIndex(s);return}if(e.key==="Enter"||e.key===" "){if(e.preventDefault(),this.open){const t=this._getFocusedOption();t&&this._selectOption(t);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 t=this._getOptions(),s=e.composedPath(),i=t.find(o=>s.includes(o));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,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 t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,s=this._mapSpacingToken(this.spacingBottom)??e,i=this._mapSpacingToken(this.spacingLeft),o=this._mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-select-spacing-block-start",t):this.style.removeProperty("--scb-select-spacing-block-start"),s?this.style.setProperty("--scb-select-spacing-block-end",s):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"),o?this.style.setProperty("--scb-select-spacing-inline-end",o):this.style.removeProperty("--scb-select-spacing-inline-end")}_setOpen(e){this.open!==e&&(this.open=e,e?(this.focusedIndex=0,this.requestUpdate()):this.focusedIndex=-1)}_toggleOpen(){this.disabled||this._setOpen(!this.open)}_focusTrigger(){this.shadowRoot?.querySelector(".selected-value-container")?.focus()}_getOptions(){const e=this.shadowRoot?.querySelector("slot");return e?e.assignedElements({flatten:!0}).filter(t=>t.tagName.toLowerCase()==="scb-select-option"):[]}_ensureOptionIds(e=this._getOptions()){e.forEach((t,s)=>{t.id||(t.id=`${this._selectId}-option-${s}`)})}_getInitialFocusedIndex(){const e=this._getOptions(),t=this.variant==="multi-select"?this._getMultiValues():[this.value],s=e.findIndex(i=>!i.disabled&&t.includes(i.value));return s>=0?s:e.findIndex(i=>!i.disabled)}_setFocusedIndex(e){const t=this._getOptions();if(this._ensureOptionIds(t),t.forEach(o=>o.removeAttribute("data-focused")),e<0||t.length===0){this.focusedIndex=-1,this._activeDescendant="";return}let s=Math.max(0,Math.min(e,t.length-1));if(t[s]?.disabled){const o=t.findIndex((c,p)=>p>=s&&!c.disabled);let r=-1;for(let c=t.length-1;c>=0;c-=1)if(!t[c]?.disabled){r=c;break}s=o>=0?o:r}const i=t[s];if(!i||i.disabled){this.focusedIndex=-1,this._activeDescendant="";return}i.setAttribute("data-focused",""),this.focusedIndex=s,this._activeDescendant=i.id,i.scrollIntoView({block:"nearest"})}_moveFocusedIndex(e){const t=this._getOptions();if(t.length===0)return;let s=this.focusedIndex>=0?this.focusedIndex:this._getInitialFocusedIndex();for(let i=0;i<t.length;i+=1)if(s=(s+e+t.length)%t.length,!t[s]?.disabled){this._setFocusedIndex(s);return}}_getFocusedOption(){return this._getOptions()[this.focusedIndex]}_updateOptionsPlacement(){const e=this.shadowRoot?.querySelector(".selected-value-container");if(!e)return;const t=e.getBoundingClientRect(),s=8,i=3,o=240,r=window.innerHeight-t.bottom-i-s,c=t.top-i-s,p=r<160&&c>r,m=Math.max(96,Math.min(o,p?c:r));this._optionsPlacement=p?"above":"below",this.style.setProperty("--scb-select-options-max-height",`${m}px`)}_resetOptionsPlacement(){this._optionsPlacement="below",this.style.removeProperty("--scb-select-options-max-height")}_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 t=this._getMultiValues();t.indexOf(e.value)>-1?this.values=t.filter(s=>s!==e.value):this.values=[...t,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 t=this._getMultiValues(),s=e.filter(i=>t.includes(i.value));return s&&s.length>0?s.map(i=>this._getOptionLabel(i)).join(", "):""}else{const t=e.find(s=>s.value===this.value);return t?this._getOptionLabel(t):""}}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.updateComplete.then(()=>{this._setFocusedIndex(this._getInitialFocusedIndex()),this._scheduleOptionsPlacement()}):(this._setFocusedIndex(-1),this._resetOptionsPlacement()))}_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 t=new FormData;e.forEach(s=>t.append(this.name,s)),this._internals.setFormValue(t);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(),t=this.shadowRoot?.querySelector(".selected-value"),s=this.error,i=this._validationMessage;if(this._validationMessage=e,this.error=this.disabled?!1:e?this._hasValidationBeenReported||s:s&&!this._hasValidationBeenReported&&!i,!e)this.removeAttribute("aria-invalid"),t&&t.setCustomValidity(""),this._internals&&this._internals.setValidity({});else if(t&&t.setCustomValidity(e),this._internals){const o=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(o,e,t??void 0)}this.toggleAttribute("aria-invalid",this.error),(s!==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(t=>{if(this.noHighlightSelected?t.setAttribute("no-highlight-selected",""):t.removeAttribute("no-highlight-selected"),this.variant==="multi-select"){const s=this._getMultiValues();t.showCheckbox=!0,t.checked=s.includes(t.value),t.showRadio=!1}else t.showCheckbox=!1,t.checked=this.value===t.value,this.withRadiobuttons&&(t.showRadio=!0)})}_renderLabel(){if(!this.label)return null;const e=!!this._getVisibleSupportingText(),t=`${this._selectId}-label`,s=d`
+import{a as h,f as g,h as v,m as y,p as l,v as d,y as f}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{ensureFocusRingOnFocusVisible as _}from"../shared/lazy-focus-ring.js";import{t as n}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-tooltip/scb-tooltip.js";(function(){try{var b=typeof globalThis<"u"?globalThis:window;if(!b.__scb_ce_guard_installed__){b.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,s,i){try{customElements.get(t)||e(t,s,i)}catch(r){var o=String(r||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var u,a=(u=class extends v{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="large",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=>{this.open&&(e.composedPath().includes(this)||(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 t=this._getOptions(),s=e.composedPath(),i=t.find(o=>s.includes(o));i&&(this._selectOption(i),e.stopPropagation())},this._onKeyDown=e=>{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 t=e.key==="ArrowDown"?1:-1;if(!this.open){this._setOpen(!0),this.updateComplete.then(()=>{this._setFocusedIndex(this._getInitialFocusedIndex()),this.focusedIndex>=0&&e.key==="ArrowUp"&&this._moveFocusedIndex(-1)});return}this._moveFocusedIndex(t);return}if((e.key==="Home"||e.key==="End")&&this.open){e.preventDefault(),e.stopPropagation();const t=this._getOptions();let s=t.findIndex(i=>!i.disabled);if(e.key==="End"){for(let i=t.length-1;i>=0;i-=1)if(!t[i]?.disabled){s=i;break}}this._setFocusedIndex(s);return}if(e.key==="Enter"||e.key===" "){if(e.preventDefault(),this.open){const t=this._getFocusedOption();t&&this._selectOption(t);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 t=this._getOptions(),s=e.composedPath(),i=t.find(o=>s.includes(o));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,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 t=String(e).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_applySpacing(){const e=this._mapSpacingToken(this.spacing),t=this._mapSpacingToken(this.spacingTop)??e,s=this._mapSpacingToken(this.spacingBottom)??e,i=this._mapSpacingToken(this.spacingLeft),o=this._mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-select-spacing-block-start",t):this.style.removeProperty("--scb-select-spacing-block-start"),s?this.style.setProperty("--scb-select-spacing-block-end",s):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"),o?this.style.setProperty("--scb-select-spacing-inline-end",o):this.style.removeProperty("--scb-select-spacing-inline-end")}_setOpen(e){this.open!==e&&(this.open=e,e?(this.focusedIndex=0,this.requestUpdate()):this.focusedIndex=-1)}_toggleOpen(){this.disabled||this._setOpen(!this.open)}_focusTrigger(){this.shadowRoot?.querySelector(".selected-value-container")?.focus()}_getOptions(){const e=this.shadowRoot?.querySelector("slot");return e?e.assignedElements({flatten:!0}).filter(t=>t.tagName.toLowerCase()==="scb-select-option"):[]}_ensureOptionIds(e=this._getOptions()){e.forEach((t,s)=>{t.id||(t.id=`${this._selectId}-option-${s}`)})}_getInitialFocusedIndex(){const e=this._getOptions(),t=this.variant==="multi-select"?this._getMultiValues():[this.value],s=e.findIndex(i=>!i.disabled&&t.includes(i.value));return s>=0?s:e.findIndex(i=>!i.disabled)}_setFocusedIndex(e){const t=this._getOptions();if(this._ensureOptionIds(t),t.forEach(o=>o.removeAttribute("data-focused")),e<0||t.length===0){this.focusedIndex=-1,this._activeDescendant="";return}let s=Math.max(0,Math.min(e,t.length-1));if(t[s]?.disabled){const o=t.findIndex((c,p)=>p>=s&&!c.disabled);let r=-1;for(let c=t.length-1;c>=0;c-=1)if(!t[c]?.disabled){r=c;break}s=o>=0?o:r}const i=t[s];if(!i||i.disabled){this.focusedIndex=-1,this._activeDescendant="";return}i.setAttribute("data-focused",""),this.focusedIndex=s,this._activeDescendant=i.id,i.scrollIntoView({block:"nearest"})}_moveFocusedIndex(e){const t=this._getOptions();if(t.length===0)return;let s=this.focusedIndex>=0?this.focusedIndex:this._getInitialFocusedIndex();for(let i=0;i<t.length;i+=1)if(s=(s+e+t.length)%t.length,!t[s]?.disabled){this._setFocusedIndex(s);return}}_getFocusedOption(){return this._getOptions()[this.focusedIndex]}_updateOptionsPlacement(){const e=this.shadowRoot?.querySelector(".selected-value-container");if(!e)return;const t=e.getBoundingClientRect(),s=8,i=3,o=240,r=window.innerHeight-t.bottom-i-s,c=t.top-i-s,p=r<160&&c>r,m=Math.max(96,Math.min(o,p?c:r));this._optionsPlacement=p?"above":"below",this.style.setProperty("--scb-select-options-max-height",`${m}px`)}_resetOptionsPlacement(){this._optionsPlacement="below",this.style.removeProperty("--scb-select-options-max-height")}_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 t=this._getMultiValues();t.indexOf(e.value)>-1?this.values=t.filter(s=>s!==e.value):this.values=[...t,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 t=this._getMultiValues(),s=e.filter(i=>t.includes(i.value));return s&&s.length>0?s.map(i=>this._getOptionLabel(i)).join(", "):""}else{const t=e.find(s=>s.value===this.value);return t?this._getOptionLabel(t):""}}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.updateComplete.then(()=>{this._setFocusedIndex(this._getInitialFocusedIndex()),this._scheduleOptionsPlacement()}):(this._setFocusedIndex(-1),this._resetOptionsPlacement()))}_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 t=new FormData;e.forEach(s=>t.append(this.name,s)),this._internals.setFormValue(t);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(),t=this.shadowRoot?.querySelector(".selected-value"),s=this.error,i=this._validationMessage;if(this._validationMessage=e,this.error=this.disabled?!1:e?this._hasValidationBeenReported||s:s&&!this._hasValidationBeenReported&&!i,!e)this.removeAttribute("aria-invalid"),t&&t.setCustomValidity(""),this._internals&&this._internals.setValidity({});else if(t&&t.setCustomValidity(e),this._internals){const o=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(o,e,t??void 0)}this.toggleAttribute("aria-invalid",this.error),(s!==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(t=>{if(this.noHighlightSelected?t.setAttribute("no-highlight-selected",""):t.removeAttribute("no-highlight-selected"),this.variant==="multi-select"){const s=this._getMultiValues();t.showCheckbox=!0,t.checked=s.includes(t.value),t.showRadio=!1}else t.showCheckbox=!1,t.checked=this.value===t.value,this.withRadiobuttons&&(t.showRadio=!0)})}_renderLabel(){if(!this.label)return null;const e=!!this._getVisibleSupportingText(),t=`${this._selectId}-label`,s=d`
 				<label
 					class="select-label ${!e&&!this.helpText?"select-label--without-supporting":""}"
 					id=${t}
@@ -81,4 +81,4 @@ import{a as h,f as b,h as v,m as y,p as l,v as d,y as f}from"../../vendor/vendor
 						<slot @slotchange="${()=>{this.requestUpdate(),this._scheduleOptionsPlacement()}}"></slot>
 					</div>
 				</div>
-			`}},u.formAssociated=!0,u.styles=f`:host{display:flex;flex-direction:column;color:var(--md-sys-color-on-surface);font-family:var(--brand-font);--scb-select-max-width:400px;--scb-select-padding-x:var(--spacing-5);--scb-select-padding-y:var(--spacing-2);--scb-select-min-height:56px;--scb-select-font-size:var(--md-sys-typescale-body-large-size);--scb-select-line-height:var(--md-sys-typescale-body-large-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-large-tracking);--scb-select-label-font-size:var(--md-sys-typescale-label-medium-size);--scb-select-label-line-height:var(--md-sys-typescale-label-medium-line-height);--scb-select-label-letter-spacing:var(--md-sys-typescale-label-medium-tracking);--scb-select-supporting-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-supporting-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-supporting-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-label-gap:var(--spacing-3);max-width:var(--scb-select-max-width);width:100%;margin-block-start:var(--scb-select-spacing-block-start, 0);margin-block-end:var(--scb-select-spacing-block-end, 0);margin-inline-start:var(--scb-select-spacing-inline-start, 0);margin-inline-end:var(--scb-select-spacing-inline-end, 0)}:host([disabled]){pointer-events:none;opacity:.38}:host([size='extra-small']),:host([size='medium']),:host([size='small']){--scb-select-label-font-size:var(--md-sys-typescale-label-small-size);--scb-select-label-line-height:var(--md-sys-typescale-label-small-line-height);--scb-select-label-letter-spacing:var(--md-sys-typescale-label-small-tracking);--scb-select-supporting-font-size:var(--md-sys-typescale-body-small-size);--scb-select-supporting-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-supporting-letter-spacing:var(--md-sys-typescale-body-small-tracking);--scb-select-option-padding-y:var(--spacing-2)}:host([size='medium']){--scb-select-padding-x:var(--spacing-4);--scb-select-padding-y:var(--spacing-3);--scb-select-min-height:48px;--scb-select-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-option-padding-x:var(--spacing-4);--scb-select-option-gap:var(--spacing-3);--scb-select-option-min-height:40px;--scb-select-option-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-option-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-option-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-option-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']),:host([size='small']){--scb-select-font-size:var(--md-sys-typescale-body-small-size);--scb-select-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-small-tracking);--scb-select-option-font-size:var(--md-sys-typescale-body-small-size);--scb-select-option-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-option-letter-spacing:var(--md-sys-typescale-body-small-tracking)}:host([size='small']){--scb-select-padding-x:var(--spacing-4);--scb-select-padding-y:var(--spacing-3);--scb-select-min-height:40px;--scb-select-option-padding-x:var(--spacing-4);--scb-select-option-gap:var(--spacing-3);--scb-select-option-min-height:40px;--scb-select-option-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']){--scb-select-padding-x:var(--spacing-3);--scb-select-padding-y:var(--spacing-2);--scb-select-min-height:32px;--scb-select-option-padding-x:var(--spacing-3);--scb-select-option-gap:var(--spacing-2);--scb-select-option-min-height:32px;--scb-select-option-icon-size:var(--icon-size-extra-small, 16px)}.select{position:relative;background:var(--md-sys-color-surface);cursor:pointer;border-radius:var(--md-sys-shape-corner-small);border:1px solid var(--md-sys-color-outline);outline:1px solid transparent;transition:border .2s}:host .select:hover,:host([open]) .select{outline:1px solid var(--md-sys-color-outline)}:host([error]) .select{border-color:var(--md-sys-color-error)}:host([error]) .select:hover,:host([error][open]) .select{outline-color:var(--md-sys-color-error)}.selected-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;border:0;background:0 0;font:inherit;color:inherit;padding:0;outline:0;cursor:pointer;font-size:var(--scb-select-font-size);line-height:var(--scb-select-line-height);letter-spacing:var(--scb-select-letter-spacing)}.selected-value-container:focus-within{outline:0}.select-label{display:block;font-size:var(--scb-select-label-font-size);font-weight:var(--weight-semibold);line-height:var(--scb-select-label-line-height);letter-spacing:var(--scb-select-label-letter-spacing)}.select-label-row{display:flex;align-items:center;gap:var(--spacing-1, 2px)}.select-label-row--without-supporting{margin-bottom:var(--scb-select-label-gap)}.select-help-tooltip{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}.select-help-button{--scb-icon-button-container-size:var(--scale-06, 24px);--scb-icon-button-icon-size:var(--icon-size-extra-small, 16px)}.select-label--without-supporting,.select-sub-label{margin-bottom:var(--scb-select-label-gap)}.select-sub-label{display:block;font-size:var(--scb-select-supporting-font-size);line-height:var(--scb-select-supporting-line-height);letter-spacing:var(--scb-select-supporting-letter-spacing);font-weight:var(--weight-regular);color:var(--md-sys-color-on-surface-variant)}:host([error]) .select-sub-label{color:var(--md-sys-color-error)}md-focus-ring{position:absolute;border-radius:8px}.arrow,.options{position:absolute;pointer-events:none}.arrow{right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.options{left:0;right:0;top:calc(100% + 3px);z-index:10;max-height:0;overflow-y:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .15s linear .15s,visibility 0s linear .3s;visibility:hidden;opacity:0;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);padding:8px 0;box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}.options.options--above{top:auto;bottom:calc(100% + 3px)}.options::-webkit-scrollbar{width:12px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small)}.options::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);border:4px solid var(--md-sys-color-surface)}.options::-webkit-scrollbar-track{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small)}:host([open]) .options{max-height:var(--scb-select-options-max-height, 240px);visibility:visible;pointer-events:auto;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity 0s linear 0s,visibility 0s linear 0s;opacity:1}.options.options--scroll{overflow-y:auto}.option[aria-selected=true]{background:#e6f0fa}.option[aria-disabled=true]{color:#aaa;pointer-events:none}.selected-value-container{height:100%;min-height:var(--scb-select-min-height);box-sizing:border-box;position:relative;display:flex;align-items:center;padding:var(--scb-select-padding-y) 52px var(--scb-select-padding-y) var(--scb-select-padding-x)}:host([error]) .selected-value-container{padding-right:76px}:host([size='extra-small']) .selected-value-container{padding-right:44px}:host([error][size='extra-small']) .selected-value-container{padding-right:68px}.select-error-icon{position:absolute;right:36px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--icon-size-small, 20px);color:var(--md-sys-color-error)}`,u);n([l({type:String})],a.prototype,"variant",void 0);n([l({type:String})],a.prototype,"value",void 0);n([l({type:Array})],a.prototype,"values",void 0);n([l({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);n([l({type:Boolean,reflect:!0})],a.prototype,"required",void 0);n([l({type:Boolean,reflect:!0})],a.prototype,"error",void 0);n([l({type:Boolean,reflect:!0})],a.prototype,"open",void 0);n([l({type:String})],a.prototype,"label",void 0);n([l({type:String})],a.prototype,"name",void 0);n([l({type:String})],a.prototype,"placeholder",void 0);n([l({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",void 0);n([l({type:String,attribute:"error-text"})],a.prototype,"errorText",void 0);n([l({type:String,attribute:"help-text"})],a.prototype,"helpText",void 0);n([l({type:String,attribute:"help-label"})],a.prototype,"helpLabel",void 0);n([l({type:Boolean,attribute:"with-radiobuttons"})],a.prototype,"withRadiobuttons",void 0);n([l({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],a.prototype,"noHighlightSelected",void 0);n([l({type:String,reflect:!0})],a.prototype,"size",void 0);n([l({type:String,reflect:!0})],a.prototype,"spacing",void 0);n([l({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);n([l({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);n([l({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);n([l({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);n([l({type:String,attribute:"z-index"})],a.prototype,"zIndex",void 0);n([b()],a.prototype,"_optionsPlacement",void 0);n([b()],a.prototype,"_activeDescendant",void 0);a=n([y("scb-select")],a);
+			`}},u.formAssociated=!0,u.styles=f`:host{display:flex;flex-direction:column;color:var(--md-sys-color-on-surface);font-family:var(--brand-font);--scb-select-max-width:400px;--scb-select-padding-x:var(--spacing-5);--scb-select-padding-y:var(--spacing-2);--scb-select-border-width:var(--stroke-border, 1px);--scb-select-min-height:56px;--scb-select-font-size:var(--md-sys-typescale-body-large-size);--scb-select-line-height:var(--md-sys-typescale-body-large-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-large-tracking);--scb-select-label-font-size:var(--md-sys-typescale-label-medium-size);--scb-select-label-line-height:var(--md-sys-typescale-label-medium-line-height);--scb-select-label-letter-spacing:var(--md-sys-typescale-label-medium-tracking);--scb-select-supporting-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-supporting-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-supporting-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-label-gap:var(--spacing-3);max-width:var(--scb-select-max-width);width:100%;margin-block-start:var(--scb-select-spacing-block-start, 0);margin-block-end:var(--scb-select-spacing-block-end, 0);margin-inline-start:var(--scb-select-spacing-inline-start, 0);margin-inline-end:var(--scb-select-spacing-inline-end, 0)}:host([disabled]){pointer-events:none;opacity:.38}:host([size='extra-small']),:host([size='medium']),:host([size='small']){--scb-select-label-font-size:var(--md-sys-typescale-label-small-size);--scb-select-label-line-height:var(--md-sys-typescale-label-small-line-height);--scb-select-label-letter-spacing:var(--md-sys-typescale-label-small-tracking);--scb-select-supporting-font-size:var(--md-sys-typescale-body-small-size);--scb-select-supporting-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-supporting-letter-spacing:var(--md-sys-typescale-body-small-tracking);--scb-select-option-padding-y:var(--spacing-2)}:host([size='medium']){--scb-select-padding-x:var(--spacing-4);--scb-select-padding-y:var(--spacing-3);--scb-select-min-height:48px;--scb-select-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-option-padding-x:var(--spacing-4);--scb-select-option-gap:var(--spacing-3);--scb-select-option-min-height:40px;--scb-select-option-font-size:var(--md-sys-typescale-body-medium-size);--scb-select-option-line-height:var(--md-sys-typescale-body-medium-line-height);--scb-select-option-letter-spacing:var(--md-sys-typescale-body-medium-tracking);--scb-select-option-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']),:host([size='small']){--scb-select-font-size:var(--md-sys-typescale-body-small-size);--scb-select-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-letter-spacing:var(--md-sys-typescale-body-small-tracking);--scb-select-option-font-size:var(--md-sys-typescale-body-small-size);--scb-select-option-line-height:var(--md-sys-typescale-body-small-line-height);--scb-select-option-letter-spacing:var(--md-sys-typescale-body-small-tracking)}:host([size='small']){--scb-select-padding-x:var(--spacing-4);--scb-select-padding-y:var(--spacing-3);--scb-select-min-height:40px;--scb-select-option-padding-x:var(--spacing-4);--scb-select-option-gap:var(--spacing-3);--scb-select-option-min-height:40px;--scb-select-option-icon-size:var(--icon-size-small, 20px)}:host([size='extra-small']){--scb-select-padding-x:var(--spacing-3);--scb-select-padding-y:var(--spacing-2);--scb-select-min-height:32px;--scb-select-option-padding-x:var(--spacing-3);--scb-select-option-gap:var(--spacing-2);--scb-select-option-min-height:32px;--scb-select-option-icon-size:var(--icon-size-extra-small, 16px)}.select{position:relative;background:var(--md-sys-color-surface);cursor:pointer;border-radius:var(--md-sys-shape-corner-small);border:var(--scb-select-border-width) solid var(--md-sys-color-outline);outline:1px solid transparent;transition:border .2s}:host .select:hover,:host([open]) .select{outline:1px solid var(--md-sys-color-outline)}:host([error]) .select{border-color:var(--md-sys-color-error)}:host([error]) .select:hover,:host([error][open]) .select{outline-color:var(--md-sys-color-error)}.selected-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;border:0;background:0 0;font:inherit;color:inherit;padding:0;outline:0;cursor:pointer;font-size:var(--scb-select-font-size);line-height:var(--scb-select-line-height);letter-spacing:var(--scb-select-letter-spacing)}.selected-value-container:focus-within{outline:0}.select-label{display:block;font-size:var(--scb-select-label-font-size);font-weight:var(--weight-semibold);line-height:var(--scb-select-label-line-height);letter-spacing:var(--scb-select-label-letter-spacing)}.select-label-row{display:flex;align-items:center;gap:var(--spacing-1, 2px)}.select-label-row--without-supporting{margin-bottom:var(--scb-select-label-gap)}.select-help-tooltip{display:inline-flex;align-items:center;flex:0 0 auto;line-height:0}.select-help-button{--scb-icon-button-container-size:var(--scale-06, 24px);--scb-icon-button-icon-size:var(--icon-size-extra-small, 16px)}.select-label--without-supporting,.select-sub-label{margin-bottom:var(--scb-select-label-gap)}.select-sub-label{display:block;font-size:var(--scb-select-supporting-font-size);line-height:var(--scb-select-supporting-line-height);letter-spacing:var(--scb-select-supporting-letter-spacing);font-weight:var(--weight-regular);color:var(--md-sys-color-on-surface-variant)}:host([error]) .select-sub-label{color:var(--md-sys-color-error)}md-focus-ring{position:absolute;border-radius:8px}.arrow,.options{position:absolute;pointer-events:none}.arrow{right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.options{left:0;right:0;top:calc(100% + 3px);z-index:10;max-height:0;overflow-y:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .15s linear .15s,visibility 0s linear .3s;visibility:hidden;opacity:0;border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface);padding:8px 0;box-shadow:0 1px 2px 0 rgba(0,0,0,.3),0 2px 6px 2px rgba(0,0,0,.15)}.options.options--above{top:auto;bottom:calc(100% + 3px)}.options::-webkit-scrollbar{width:12px;background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small)}.options::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);border:4px solid var(--md-sys-color-surface)}.options::-webkit-scrollbar-track{background:var(--md-sys-color-surface);border-radius:var(--md-sys-shape-corner-small)}:host([open]) .options{max-height:var(--scb-select-options-max-height, 240px);visibility:visible;pointer-events:auto;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity 0s linear 0s,visibility 0s linear 0s;opacity:1}.options.options--scroll{overflow-y:auto}.option[aria-selected=true]{background:#e6f0fa}.option[aria-disabled=true]{color:#aaa;pointer-events:none}.selected-value-container{height:100%;min-height:calc(var(--scb-select-min-height) - (var(--scb-select-border-width)*2));box-sizing:border-box;position:relative;display:flex;align-items:center;padding:var(--scb-select-padding-y) 52px var(--scb-select-padding-y) var(--scb-select-padding-x)}:host([error]) .selected-value-container{padding-right:76px}:host([size='extra-small']) .selected-value-container{padding-right:44px}:host([error][size='extra-small']) .selected-value-container{padding-right:68px}.select-error-icon{position:absolute;right:36px;top:50%;transform:translateY(-50%);pointer-events:none;font-size:var(--icon-size-small, 20px);color:var(--md-sys-color-error)}`,u);n([l({type:String})],a.prototype,"variant",void 0);n([l({type:String})],a.prototype,"value",void 0);n([l({type:Array})],a.prototype,"values",void 0);n([l({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);n([l({type:Boolean,reflect:!0})],a.prototype,"required",void 0);n([l({type:Boolean,reflect:!0})],a.prototype,"error",void 0);n([l({type:Boolean,reflect:!0})],a.prototype,"open",void 0);n([l({type:String})],a.prototype,"label",void 0);n([l({type:String})],a.prototype,"name",void 0);n([l({type:String})],a.prototype,"placeholder",void 0);n([l({type:String,attribute:"supporting-text"})],a.prototype,"supportingText",void 0);n([l({type:String,attribute:"error-text"})],a.prototype,"errorText",void 0);n([l({type:String,attribute:"help-text"})],a.prototype,"helpText",void 0);n([l({type:String,attribute:"help-label"})],a.prototype,"helpLabel",void 0);n([l({type:Boolean,attribute:"with-radiobuttons"})],a.prototype,"withRadiobuttons",void 0);n([l({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],a.prototype,"noHighlightSelected",void 0);n([l({type:String,reflect:!0})],a.prototype,"size",void 0);n([l({type:String,reflect:!0})],a.prototype,"spacing",void 0);n([l({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);n([l({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);n([l({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);n([l({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);n([l({type:String,attribute:"z-index"})],a.prototype,"zIndex",void 0);n([g()],a.prototype,"_optionsPlacement",void 0);n([g()],a.prototype,"_activeDescendant",void 0);a=n([y("scb-select")],a);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc",
-    "version":  "0.1.136",
+    "version":  "0.1.138",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -472,5 +472,5 @@
                                                         },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "C4CF4C138902B9ADB63CD6B9EA51B26BDF5F185FD8843985AC8F3993F1387C54"
+    "buildHash":  "E70DD81152035DB4E1E93936D0D812D04F9805CA75E4EB971C4E8883D4FB98DB"
 }

package/scb-button/scb-button.js

@@ -133,7 +133,7 @@ var d = class extends t {
         margin-inline-start: var(--scb-button-spacing-inline-start, 0);
         margin-inline-end: var(--scb-button-spacing-inline-end, 0);
         --scb-button-font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
-        --scb-button-padding-block: calc(var(--spacing-4) - var(--spacing-1));
+        --scb-button-padding-block: calc(var(--spacing-5) - var(--spacing-1));
         --scb-button-label-text-line-height: var(--md-sys-typescale-label-small-line-height);
         --scb-button-container-height: calc(
           var(--scb-button-label-text-line-height) + var(--scb-button-padding-block) + var(--scb-button-padding-block)
@@ -146,7 +146,7 @@ var d = class extends t {
         --scb-button-icon-size: var(--icon-size-small, 20px);
       }
 
-      :host([size='small']) {
+      :host([size='extra-small']) {
         --scb-button-padding-block: calc(var(--spacing-3) - var(--spacing-1));
         --scb-button-padding-inline: var(--spacing-4);
         --scb-button-icon-edge-space: var(--spacing-4);
@@ -154,6 +154,14 @@ var d = class extends t {
         --scb-button-icon-size: var(--icon-size-small, 20px);
       }
 
+      :host([size='small']) {
+        --scb-button-padding-block: calc(var(--spacing-4) - var(--spacing-1));
+        --scb-button-padding-inline: var(--spacing-4);
+        --scb-button-icon-edge-space: var(--spacing-4);
+        --scb-button-icon-gap: var(--spacing-2);
+        --scb-button-icon-size: var(--icon-size-small, 20px);
+      }
+
       :host([size='large']) {
         --scb-button-padding-block: var(--spacing-5);
         --scb-button-label-text-line-height: var(--md-sys-typescale-label-medium-line-height);

package/scb-collapse/scb-collapse.js

@@ -5,7 +5,7 @@ import { customElement as i, property as a } from "lit/decorators.js";
 //#region src/scb-components/scb-collapse/scb-collapse.ts
 var o = class extends t {
 	constructor(...e) {
-		super(...e), this._contentId = `scb-collapse-content-${Math.random().toString(36).substr(2, 9)}`, this.variant = "elements", this.collapsedHeight = 40, this.visibleElements = 1, this.expanded = !1, this.hideToggle = !1, this._elementCount = 0, this.expandButtonLabel = "Mer", this.collapseButtonLabel = "Mindre", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this.itemsGap = void 0, this._contentHeight = 0, this.#r = 0, this.#i = 0, this.#o = 0, this.#s = 0;
+		super(...e), this._contentId = `scb-collapse-content-${Math.random().toString(36).substr(2, 9)}`, this.variant = "elements", this.collapsedHeight = 40, this.visibleElements = 1, this.expanded = !1, this.hideToggle = !1, this.toggleButtonVariant = "text", this.toggleButtonSize = "medium", this.togglePosition = "after", this.toggleLayout = "block", this._elementCount = 0, this.expandButtonLabel = "Mer", this.collapseButtonLabel = "Mindre", this.spacing = void 0, this.spacingTop = void 0, this.spacingBottom = void 0, this.spacingLeft = void 0, this.spacingRight = void 0, this.itemsGap = void 0, this._contentHeight = 0, this.#r = 0, this.#i = 0, this.#o = 0, this.#s = 0;
 	}
 	get _regionLabel() {
 		return `${this.expanded ? this.collapseButtonLabel : this.expandButtonLabel} – ${this._contentId}`;
@@ -41,8 +41,64 @@ var o = class extends t {
       -webkit-mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - var(--scb-collapse-fade-height, 48px)), transparent 100%);
       mask-image: linear-gradient(180deg, #000 0, #000 calc(100% - var(--scb-collapse-fade-height, 48px)), transparent 100%);
     }
-    scb-button {
-      margin-top: 8px;
+    .collapse-layout {
+      display: block;
+    }
+    .collapse-control-row {
+      display: block;
+      margin-block-start: 8px;
+    }
+    .collapse-control-row--before {
+      margin-block-start: 0;
+      margin-block-end: var(--spacing-3, 12px);
+    }
+    .collapse-toggle {
+      display: inline-grid;
+      inline-size: max-content;
+    }
+    .collapse-toggle scb-button,
+    .collapse-toggle__measure {
+      grid-area: 1 / 1;
+    }
+    .collapse-toggle scb-button {
+      inline-size: 100%;
+    }
+    .collapse-toggle__measure {
+      box-sizing: border-box;
+      display: inline-flex;
+      align-items: center;
+      gap: var(--scb-collapse-toggle-measure-icon-gap);
+      min-inline-size: 64px;
+      min-block-size: var(--scb-collapse-toggle-measure-block-size);
+      padding-inline: var(--scb-collapse-toggle-measure-padding-inline);
+      padding-block: var(--scb-collapse-toggle-measure-padding-block);
+      border-radius: 999px;
+      color: transparent;
+      font-family: var(--scb-collapse-toggle-measure-font-family);
+      font-size: var(--scb-collapse-toggle-measure-font-size);
+      font-weight: var(--scb-collapse-toggle-measure-font-weight);
+      line-height: var(--scb-collapse-toggle-measure-line-height);
+      pointer-events: none;
+      user-select: none;
+      white-space: nowrap;
+      visibility: hidden;
+    }
+    .collapse-toggle__measure-icon {
+      display: inline-block;
+      inline-size: var(--scb-collapse-toggle-measure-icon-size);
+      block-size: var(--scb-collapse-toggle-measure-icon-size);
+    }
+    :host([toggle-layout='inline']) .collapse-control-row {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: var(--spacing-3, 12px);
+    }
+    :host([toggle-layout='inline']) .collapse-toggle {
+      flex: 0 0 auto;
+    }
+    slot[name='toggle-content'] {
+      display: contents;
     }
     ::slotted(.scb-collapsed-hidden) {
         display: none !important;
@@ -52,6 +108,23 @@ var o = class extends t {
 	toggle() {
 		this.expanded = !this.expanded;
 	}
+	getDefaultSlot() {
+		return this.shadowRoot?.querySelector("slot:not([name])");
+	}
+	getToggleMeasureStyles() {
+		let e = this.toggleButtonSize === "small", t = this.toggleButtonSize === "medium" || !this.toggleButtonSize, n = this.toggleButtonSize === "large", r = n ? "var(--md-sys-typescale-label-medium-font)" : "var(--md-sys-typescale-label-small-font)", i = n ? "var(--md-sys-typescale-label-medium-size)" : "var(--md-sys-typescale-label-small-size)", a = n ? "var(--md-sys-typescale-label-medium-weight)" : "var(--md-sys-typescale-label-small-weight)", o = n ? "var(--md-sys-typescale-label-medium-line-height)" : "var(--md-sys-typescale-label-small-line-height)", s = n ? "var(--icon-size-medium, 24px)" : "var(--icon-size-small, 20px)", c = e ? "var(--spacing-2)" : "var(--spacing-3)", l = e ? "var(--spacing-4)" : t ? "var(--spacing-5)" : "var(--spacing-7)", u = e ? "calc(var(--spacing-3) - var(--spacing-1))" : t ? "calc(var(--spacing-4) - var(--spacing-1))" : "var(--spacing-5)";
+		return [
+			`--scb-collapse-toggle-measure-font-family:${r}`,
+			`--scb-collapse-toggle-measure-font-size:${i}`,
+			`--scb-collapse-toggle-measure-font-weight:${a}`,
+			`--scb-collapse-toggle-measure-line-height:${o}`,
+			`--scb-collapse-toggle-measure-icon-size:${s}`,
+			`--scb-collapse-toggle-measure-icon-gap:${c}`,
+			`--scb-collapse-toggle-measure-padding-inline:${l}`,
+			`--scb-collapse-toggle-measure-padding-block:${u}`,
+			`--scb-collapse-toggle-measure-block-size:calc(${o} + ${u} + ${u})`
+		].join(";");
+	}
 	mapSpacingToken(e) {
 		if (!e) return;
 		let t = String(e).trim();
@@ -64,7 +137,7 @@ var o = class extends t {
 	#t() {
 		let e = this.mapSpacingToken(this.itemsGap);
 		e ? this.style.setProperty("--scb-collapse-items-gap", e) : this.style.removeProperty("--scb-collapse-items-gap");
-		let t = this.shadowRoot?.querySelector("slot");
+		let t = this.getDefaultSlot();
 		t && t.assignedNodes({ flatten: !0 }).filter((e) => e.nodeType === Node.ELEMENT_NODE).forEach((t, n) => {
 			let r = t;
 			n === 0 || !e ? r.style.removeProperty("margin-block-start") : r.style.setProperty("margin-block-start", "var(--scb-collapse-items-gap)");
@@ -92,7 +165,7 @@ var o = class extends t {
 		requestAnimationFrame(() => {
 			this._measureContent(), this._countElements(), this.#t(), this.#h();
 		});
-		let e = this.shadowRoot?.querySelector("slot");
+		let e = this.getDefaultSlot();
 		e && e.addEventListener("slotchange", () => {
 			requestAnimationFrame(() => {
 				this._measureContent(), this._countElements(), this.#t(), this.#h();
@@ -152,7 +225,7 @@ var o = class extends t {
 		return Number.isFinite(e) ? Math.max(0, Math.floor(e)) : 0;
 	}
 	#m() {
-		let e = this.shadowRoot?.querySelector("slot");
+		let e = this.getDefaultSlot();
 		return e ? e.assignedNodes({ flatten: !0 }).filter((e) => e.nodeType === Node.ELEMENT_NODE) : [];
 	}
 	#h(e = this.expanded) {
@@ -201,7 +274,7 @@ var o = class extends t {
 	}
 	_measureContent(e = !0) {
 		if (this.variant === "height") {
-			let t = this.shadowRoot?.querySelector(".collapse-content"), n = this.shadowRoot?.querySelector("slot");
+			let t = this.shadowRoot?.querySelector(".collapse-content"), n = this.getDefaultSlot();
 			if (t) {
 				let n = t.scrollHeight;
 				n !== this._contentHeight && (this._contentHeight = n, e && this.requestUpdate());
@@ -220,67 +293,82 @@ var o = class extends t {
 	}
 	_countElements(e = !0) {
 		if (this.variant === "elements") {
-			let t = this.shadowRoot?.querySelector("slot");
+			let t = this.getDefaultSlot();
 			if (t) {
 				let n = t.assignedNodes({ flatten: !0 }).filter((e) => e.nodeType === Node.ELEMENT_NODE).length;
 				n !== this._elementCount && (this._elementCount = n, e && this.requestUpdate());
 			}
 		}
 	}
+	#b() {
+		let e = this.expandButtonLabel.length >= this.collapseButtonLabel.length ? this.expandButtonLabel : this.collapseButtonLabel;
+		return r`
+      <div class="collapse-toggle">
+        <span class="collapse-toggle__measure" aria-hidden="true" style="${this.getToggleMeasureStyles()}">
+          <span class="collapse-toggle__measure-icon"></span>
+          ${e}
+        </span>
+        <scb-button
+          id="${this._contentId}-button"
+          @click="${this.toggle}"
+          variant="${this.toggleButtonVariant}"
+          size="${this.toggleButtonSize}"
+          full-width
+          label="${this.expanded ? this.collapseButtonLabel : this.expandButtonLabel}"
+          icon="${this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"}"
+          aria-controls="${this._contentId}"
+          aria-expanded="${this.expanded ? "true" : "false"}"
+        >
+        </scb-button>
+      </div>
+    `;
+	}
+	#x() {
+		return r`
+      <div class="collapse-control-row collapse-control-row--${this.togglePosition === "before" ? "before" : "after"}">
+        ${this.#b()}
+        <slot name="toggle-content"></slot>
+      </div>
+    `;
+	}
 	render() {
 		let e = this._isFullyCollapsed();
 		if (this.variant === "height") {
-			let t = this.expanded ? "none" : `${this.collapsedHeight}px`, n = this._contentHeight > this.collapsedHeight, i = n && !this.hideToggle;
+			let t = this.expanded ? "none" : `${this.collapsedHeight}px`, n = this._contentHeight > this.collapsedHeight, i = n && !this.hideToggle ? this.#x() : "";
 			return r`
-        <div
-          class="collapse-content collapse-content--height ${this.expanded ? "expanded" : ""} ${n && !this.expanded ? "has-fade" : ""}"
-          id="${this._contentId}"
-          style="max-height: ${t};"
-          role="region"
-          aria-label="${this._regionLabel}"
-          aria-hidden="${e ? "true" : "false"}"
-          ?inert=${e}
-        >
-          <slot></slot>
+        <div class="collapse-layout">
+          ${this.togglePosition === "before" ? i : ""}
+          <div
+            class="collapse-content collapse-content--height ${this.expanded ? "expanded" : ""} ${n && !this.expanded ? "has-fade" : ""}"
+            id="${this._contentId}"
+            style="max-height: ${t};"
+            role="region"
+            aria-label="${this._regionLabel}"
+            aria-hidden="${e ? "true" : "false"}"
+            ?inert=${e}
+          >
+            <slot></slot>
+          </div>
+          ${this.togglePosition === "after" ? i : ""}
         </div>
-        ${i ? r`
-            <scb-button
-              id="${this._contentId}-button"
-              @click="${this.toggle}"
-              variant="text"
-              label="${this.expanded ? this.collapseButtonLabel : this.expandButtonLabel}"
-              icon="${this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"}"
-              aria-controls="${this._contentId}"
-              aria-expanded="${this.expanded ? "true" : "false"}"
-            >
-            </scb-button>
-        ` : ""}
       `;
 		} else {
-			let t = this.#p(), n = this._elementCount > t && !this.hideToggle;
+			let t = this.#p(), n = this._elementCount > t && !this.hideToggle ? this.#x() : "";
 			return r`
-        <div
-          class="collapse-content collapse-content--elements ${this.expanded ? "expanded" : ""}"
-          id="${this._contentId}"
-          role="region"
-          aria-label="${this._regionLabel}"
-          aria-hidden="${e ? "true" : "false"}"
-          ?inert=${e}
-        >
-          <slot></slot>
+        <div class="collapse-layout">
+          ${this.togglePosition === "before" ? n : ""}
+          <div
+            class="collapse-content collapse-content--elements ${this.expanded ? "expanded" : ""}"
+            id="${this._contentId}"
+            role="region"
+            aria-label="${this._regionLabel}"
+            aria-hidden="${e ? "true" : "false"}"
+            ?inert=${e}
+          >
+            <slot></slot>
+          </div>
+          ${this.togglePosition === "after" ? n : ""}
         </div>
-        ${n ? r`
-            <scb-button
-              id="${this._contentId}-button"
-              @click="${this.toggle}"
-              variant="text"
-              label="${this.expanded ? this.collapseButtonLabel : this.expandButtonLabel}"
-              icon="${this.expanded ? "keyboard_arrow_up" : "keyboard_arrow_down"}"
-              aria-controls="${this._contentId}"
-              aria-expanded="${this.expanded ? "true" : "false"}"
-            >
-            </scb-button>
-        ` : ""}
       `;
 		}
 	}
@@ -301,6 +389,22 @@ e([a({ type: String })], o.prototype, "variant", void 0), e([a({
 	attribute: "hide-toggle",
 	reflect: !0
 })], o.prototype, "hideToggle", void 0), e([a({
+	type: String,
+	attribute: "toggle-button-variant",
+	reflect: !0
+})], o.prototype, "toggleButtonVariant", void 0), e([a({
+	type: String,
+	attribute: "toggle-button-size",
+	reflect: !0
+})], o.prototype, "toggleButtonSize", void 0), e([a({
+	type: String,
+	attribute: "toggle-position",
+	reflect: !0
+})], o.prototype, "togglePosition", void 0), e([a({
+	type: String,
+	attribute: "toggle-layout",
+	reflect: !0
+})], o.prototype, "toggleLayout", void 0), e([a({
 	type: String,
 	attribute: "expand-button-label",
 	reflect: !0

package/scb-components/scb-button/scb-button.d.ts

@@ -1,8 +1,8 @@
 import { LitElement, TemplateResult } from 'lit';
 /** "filled", "outlined", "filled-tonal" eller "text" */
 export type ScbButtonVariant = 'filled' | 'outlined' | 'filled-tonal' | 'text';
-/** "small", "medium" eller "large" */
-export type ScbButtonSize = 'small' | 'medium' | 'large';
+/** "extra-small", "small", "medium" eller "large" */
+export type ScbButtonSize = 'extra-small' | 'small' | 'medium' | 'large';
 export declare class ScbButton extends LitElement {
     #private;
     variant: ScbButtonVariant;

package/scb-components/scb-collapse/scb-collapse.d.ts

@@ -1,4 +1,7 @@
 import { LitElement } from 'lit';
+import { ScbButtonSize, ScbButtonVariant } from '../scb-button/scb-button.js';
+export type ScbCollapseTogglePosition = 'before' | 'after';
+export type ScbCollapseToggleLayout = 'block' | 'inline';
 export declare class ScbCollapse extends LitElement {
     #private;
     private _contentId;
@@ -8,6 +11,10 @@ export declare class ScbCollapse extends LitElement {
     visibleElements: number;
     expanded: boolean;
     hideToggle: boolean;
+    toggleButtonVariant: ScbButtonVariant;
+    toggleButtonSize: ScbButtonSize;
+    togglePosition: ScbCollapseTogglePosition;
+    toggleLayout: ScbCollapseToggleLayout;
     private _elementCount;
     expandButtonLabel: string;
     collapseButtonLabel: string;
@@ -19,6 +26,8 @@ export declare class ScbCollapse extends LitElement {
     itemsGap: undefined;
     static styles: import('lit').CSSResult;
     toggle(): void;
+    private getDefaultSlot;
+    private getToggleMeasureStyles;
     private mapSpacingToken;
     private _contentHeight;
     protected willUpdate(changedProps: Map<string, unknown>): void;

package/scb-components/scb-search/scb-search.d.ts

@@ -22,7 +22,7 @@ export declare class ScbSearch extends LitElement {
     spacingBottom: undefined;
     spacingLeft: undefined;
     spacingRight: undefined;
-    size: 'small' | 'medium' | 'large';
+    size: 'extra-small' | 'small' | 'medium' | 'large';
     fullScreen: boolean;
     private _inputFocused;
     private _visibleSuggestions;

package/scb-header/scb-header.js

@@ -410,11 +410,22 @@ var d = {
       --scb-header-search-max: 380px;
       --scb-header-search-min: 250px;
       --scb-header-search-padding-x: var(--spacing-4, 12px);
-      --scb-header-search-padding-y: var(--spacing-4, 12px);
+      --scb-header-search-padding-y: calc(var(--spacing-3, 8px) - var(--stroke-border, 1px));
       --scb-header-search-leading-size: var(--scale-10, 40px);
       --scb-header-search-icon-size: var(--icon-size-medium, 24px);
       --scb-header-search-font-size: var(--md-sys-typescale-body-medium-size, 16px);
       --scb-header-search-line-height: var(--md-sys-typescale-body-medium-line-height, 24px);
+      --scb-header-search-button-padding-x: var(--spacing-5, 16px);
+      --scb-header-search-button-font-size: var(--md-sys-typescale-label-small-size, 14px);
+      --scb-header-search-button-line-height: var(--md-sys-typescale-label-small-line-height, 20px);
+      --scb-header-search-button-font-weight: var(--md-sys-typescale-label-small-weight, 600);
+      --scb-header-search-control-height: calc(
+        var(--scb-header-search-line-height) +
+        var(--scb-header-search-padding-y) +
+        var(--scb-header-search-padding-y) +
+        var(--stroke-border, 1px) +
+        var(--stroke-border, 1px)
+      );
       --scb-header-padding-inline: var(--spacing-0, 0px);
       --scb-header-padding-inline-expanded: var(--scb-header-padding-inline);
 
@@ -483,11 +494,12 @@ var d = {
       );
 
       --scb-header-search-padding-x: var(--spacing-3, 8px);
-      --scb-header-search-padding-y: var(--spacing-3, 8px);
-      --scb-header-search-leading-size: var(--scale-09, 36px);
+      --scb-header-search-padding-y: calc(var(--spacing-2, 4px) + var(--stroke-border, 1px));
+      --scb-header-search-leading-size: var(--scale-08, 32px);
       --scb-header-search-icon-size: var(--icon-size-small, 20px);
       --scb-header-search-font-size: var(--md-sys-typescale-body-small-size, 14px);
       --scb-header-search-line-height: var(--md-sys-typescale-body-small-line-height, 20px);
+      --scb-header-search-button-padding-x: var(--spacing-4, 12px);
     }
 
     :host([size='large']) {
@@ -519,11 +531,15 @@ var d = {
       );
 
       --scb-header-search-padding-x: var(--spacing-5, 16px);
-      --scb-header-search-padding-y: var(--spacing-5, 16px);
+      --scb-header-search-padding-y: calc(var(--spacing-5, 16px) - var(--spacing-1, 2px));
       --scb-header-search-leading-size: var(--scale-11, 48px);
       --scb-header-search-icon-size: var(--icon-size-medium, 24px);
       --scb-header-search-font-size: var(--md-sys-typescale-body-large-size, 18px);
       --scb-header-search-line-height: var(--md-sys-typescale-body-large-line-height, 26px);
+      --scb-header-search-button-padding-x: var(--spacing-7, 24px);
+      --scb-header-search-button-font-size: var(--md-sys-typescale-label-medium-size, 16px);
+      --scb-header-search-button-line-height: var(--md-sys-typescale-label-medium-line-height, 24px);
+      --scb-header-search-button-font-weight: var(--md-sys-typescale-label-medium-weight, 600);
     }
 
     .header-grid {
@@ -720,11 +736,7 @@ var d = {
       inline-size: 100%;
       min-block-size: var(
         --scb-search-height,
-        calc(
-          var(--scb-header-search-line-height) +
-            var(--scb-header-search-padding-y) +
-            var(--scb-header-search-padding-y)
-        )
+        var(--scb-header-search-control-height)
       );
       padding-block: var(--scb-header-search-padding-y);
       padding-inline-start: calc(
@@ -1051,8 +1063,14 @@ var d = {
     }
 
     .search-submit {
-      min-block-size: var(--scb-search-height, var(--scale-11, 48px));
-      min-inline-size: var(--scale-12, 64px);
+      block-size: var(--scb-search-height, var(--scb-header-search-control-height));
+      min-block-size: var(--scb-search-height, var(--scb-header-search-control-height));
+      min-inline-size: 64px;
+      padding-block: 0;
+      padding-inline: var(--scb-header-search-button-padding-x);
+      font-size: var(--scb-header-search-button-font-size);
+      line-height: var(--scb-header-search-button-line-height);
+      font-weight: var(--scb-header-search-button-font-weight);
       color: var(--md-sys-color-on-secondary-container, var(--p-30, #1e00be));
       background: var(--md-sys-color-secondary-container, var(--p-90, #d6f1ff));
     }