scb-wc 0.1.241 → 0.1.243

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

@@ -1,11 +1,11 @@
-import{d as B,f as E,g as l,h as L,m as R,o as F,p as o,s as p,v as u,y as M}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as a}from"../../vendor/decorate.js";import{t as d}from"../../vendor/assertClassBrand.js";import{t as q}from"../../vendor/classPrivateMethodInitSpec.js";import{n as V,r as S,t as m}from"../../vendor/classPrivateFieldGet2.js";import"../../vendor/md-focus-ring.js";import{t as P}from"../../vendor/delegate.js";import{a as O,n as D,o as H,r as G,s as U,t as K}from"../../vendor/form-associated.js";import{t as W}from"../../vendor/redispatch-event.js";import{i as N,n as Y,r as j}from"../../vendor/validator.js";import{t as J}from"../../vendor/checkbox-validator.js";import"./scb-checkbox-group.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(r,i,s){try{customElements.get(r)||e(r,i,s)}catch(_){var b=String(_||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw _}}}}catch{}})();var Q=N(G(O(L))),h=class extends Q{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,this.addEventListener("click",t=>{!U(t)||!this.input||(this.focus(),H(this.input))})}update(t){(t.has("checked")||t.has("disabled")||t.has("indeterminate"))&&(this.prevChecked=t.get("checked")??this.checked,this.prevDisabled=t.get("disabled")??this.disabled,this.prevIndeterminate=t.get("indeterminate")??this.indeterminate),super.update(t)}render(){const t=!this.prevChecked&&!this.prevIndeterminate,e=this.prevChecked&&!this.prevIndeterminate,r=this.prevIndeterminate,i=this.checked&&!this.indeterminate,s=this.indeterminate,b=F({disabled:this.disabled,selected:i||s,unselected:!i&&!s,checked:i,indeterminate:s,"prev-unselected":t,"prev-checked":e,"prev-indeterminate":r,"prev-disabled":this.prevDisabled}),{ariaLabel:_,ariaInvalid:A}=this;return u`
+import{d as F,f as E,g as h,h as L,m as M,o as q,p as o,s as p,v as u,y as I}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as a}from"../../vendor/decorate.js";import{t as d}from"../../vendor/assertClassBrand.js";import{t as A}from"../../vendor/classPrivateMethodInitSpec.js";import{n as V,r as C,t as m}from"../../vendor/classPrivateFieldGet2.js";import"../../vendor/md-focus-ring.js";import{t as P}from"../../vendor/delegate.js";import{a as O,n as D,o as H,r as G,s as U,t as K}from"../../vendor/form-associated.js";import{t as N}from"../../vendor/redispatch-event.js";import{i as W,n as Y,r as j}from"../../vendor/validator.js";import{t as J}from"../../vendor/checkbox-validator.js";import"./scb-checkbox-group.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,r,s){try{customElements.get(i)||e(i,r,s)}catch(_){var b=String(_||"");if(b.indexOf("already been used")===-1&&b.indexOf("NotSupportedError")===-1)throw _}}}}catch{}})();var Q=W(G(O(L))),l=class extends Q{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,this.addEventListener("click",t=>{!U(t)||!this.input||(this.focus(),H(this.input))})}update(t){(t.has("checked")||t.has("disabled")||t.has("indeterminate"))&&(this.prevChecked=t.get("checked")??this.checked,this.prevDisabled=t.get("disabled")??this.disabled,this.prevIndeterminate=t.get("indeterminate")??this.indeterminate),super.update(t)}render(){const t=!this.prevChecked&&!this.prevIndeterminate,e=this.prevChecked&&!this.prevIndeterminate,i=this.prevIndeterminate,r=this.checked&&!this.indeterminate,s=this.indeterminate,b=q({disabled:this.disabled,selected:r||s,unselected:!r&&!s,checked:r,indeterminate:s,"prev-unselected":t,"prev-checked":e,"prev-indeterminate":i,"prev-disabled":this.prevDisabled}),{ariaLabel:_,ariaInvalid:B}=this;return u`
       <div class="container ${b}">
         <input
           type="checkbox"
           id="input"
-          aria-checked=${s?"mixed":l}
-          aria-label=${_||l}
-          aria-invalid=${A||l}
+          aria-checked=${s?"mixed":h}
+          aria-label=${_||h}
+          aria-invalid=${B||h}
           ?disabled=${this.disabled}
           ?required=${this.required}
           .indeterminate=${this.indeterminate}
@@ -22,10 +22,10 @@ import{d as B,f as E,g as l,h as L,m as R,o as F,p as o,s as p,v as u,y as M}fro
           <rect class="mark long" />
         </svg>
       </div>
-    `}handleInput(t){const e=t.target;this.checked=e.checked,this.indeterminate=e.indeterminate}handleChange(t){W(this,t)}[D](){return!this.checked||this.indeterminate?null:this.value}[K](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked=t==="true"}[Y](){return new J(()=>this)}[j](){return this.input}};P(h);h.shadowRootOptions={...L.shadowRootOptions,delegatesFocus:!0};p([o({type:Boolean})],h.prototype,"checked",void 0);p([o({type:Boolean})],h.prototype,"indeterminate",void 0);p([o({type:Boolean})],h.prototype,"required",void 0);p([o()],h.prototype,"value",void 0);p([E()],h.prototype,"prevChecked",void 0);p([E()],h.prototype,"prevDisabled",void 0);p([E()],h.prototype,"prevIndeterminate",void 0);p([B("input")],h.prototype,"input",void 0);var X=M`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}
-`,C=class extends h{};C.styles=[X];C=p([R("md-checkbox")],C);var n,g,x,y,z,$=!1,w=0,T=t=>{t.metaKey||t.altKey||t.ctrlKey||($=!0)},v=()=>{$=!1},Z=()=>{w===0&&(window.addEventListener("keydown",T,!0),window.addEventListener("pointerdown",v,!0),window.addEventListener("mousedown",v,!0),window.addEventListener("touchstart",v,!0)),w+=1},ee=()=>{w=Math.max(0,w-1),w===0&&(window.removeEventListener("keydown",T,!0),window.removeEventListener("pointerdown",v,!0),window.removeEventListener("mousedown",v,!0),window.removeEventListener("touchstart",v,!0))},c=(n=new WeakSet,g=new WeakMap,x=new WeakMap,y=new WeakMap,z=class extends L{constructor(){super(),q(this,n),S(this,g,void 0),S(this,x,void 0),S(this,y,void 0),this._internals=null,this.disabled=!1,this.indeterminate=!1,this.checked=!1,this.required=!1,this.error=!1,this.label="",this.supportingText="",this.errorText="",this.ariaLabel="",this.ariaControls=null,this.ariaExpanded=null,this.name="",this.value="on",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialChecked=!1,this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._checkboxId="",this._showOuterFocusRing=!1,V(g,this,()=>{this.disabled||this.label?.trim()&&$&&d(n,this,f).call(this,!0)}),V(x,this,()=>{d(n,this,f).call(this,!1)}),V(y,this,()=>{d(n,this,f).call(this,!1)}),"attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),Z(),this._checkboxId=this.id||`scb-checkbox-${Math.random().toString(36).slice(2,11)}`,this._initialChecked=this.checked,d(n,this,I).call(this),this.addEventListener("focusin",m(g,this)),this.addEventListener("focusout",m(x,this)),this.addEventListener("pointerdown",m(y,this),!0),this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.checked=this._initialChecked,this.indeterminate=!1,this.error=!1,this._hasValidationBeenReported=!1,this.__syncFormValue(),this.__syncValidity()},this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("reset",this._formResetHandler,!0),this._form.addEventListener("submit",this._formSubmitHandler,!0)),this.__syncFormValue()}disconnectedCallback(){super.disconnectedCallback(),ee(),this.removeEventListener("focusin",m(g,this)),this.removeEventListener("focusout",m(x,this)),this.removeEventListener("pointerdown",m(y,this),!0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-checkbox");e&&e.addEventListener("change",()=>{const r=e,i=!!r.checked,s=!!r.indeterminate;this.checked=i,this.indeterminate=s,this.dispatchEvent(new CustomEvent("change",{detail:{checked:i,indeterminate:s},bubbles:!0,composed:!0}))}),this.shadowRoot?.querySelector("label.wrap")?.addEventListener("click",r=>{if(!this.disabled&&!r.composedPath().some(i=>{const s=i;return s?.tagName?.toLowerCase?.()==="md-checkbox"||s?.classList?.contains("box-wrap")})){r.preventDefault();const i=this.shadowRoot.querySelector("md-checkbox");i&&(i.checked=!i.checked,i.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}}),this.__syncInnerAria()}willUpdate(e){e.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.disabled&&d(n,this,f).call(this,!1)),e.has("label")&&d(n,this,I).call(this),(e.has("checked")||e.has("disabled")||e.has("value"))&&this.__syncFormValue(),(e.has("checked")||e.has("disabled")||e.has("required")||e.has("errorText"))&&this.__syncValidity(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&d(n,this,te).call(this)}updated(e){super.updated(e),(e.has("label")||e.has("supportingText")||e.has("ariaLabel")||e.has("ariaControls")||e.has("ariaExpanded")||e.has("error")||e.has("errorText"))&&this.__syncInnerAria()}formDisabledCallback(e){this.disabled=e,e&&(this._hasValidationBeenReported=!1)}__syncInnerAria(){const e=this.shadowRoot?.querySelector("md-checkbox")?.shadowRoot;if(!e)return;const r=e.querySelector('[role="checkbox"]')||e.querySelector('input[type="checkbox"]');if(!r)return;const i=!!this.label?.trim(),s=i?`${this._checkboxId}-label`:"",b=this.__getVisibleSupportingText()?`${this._checkboxId}-supporting-text`:"";i&&s?(r.setAttribute("aria-labelledby",s),r.removeAttribute("aria-label")):(r.removeAttribute("aria-labelledby"),this.ariaLabel?.trim()?r.setAttribute("aria-label",this.ariaLabel.trim()):r.removeAttribute("aria-label")),b?r.setAttribute("aria-describedby",b):r.removeAttribute("aria-describedby"),this.ariaControls?.trim()?r.setAttribute("aria-controls",this.ariaControls.trim()):r.removeAttribute("aria-controls"),this.ariaExpanded==="true"||this.ariaExpanded==="false"?r.setAttribute("aria-expanded",this.ariaExpanded):r.removeAttribute("aria-expanded")}__getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!this.checked?this.errorText||"Markera det här fältet.":""}__syncValidity(){const e=this.shadowRoot?.querySelector("md-checkbox"),r=this.disabled?"":this.__getValidationMessage(),i=this.error,s=this._validationMessage;if(this._internals)if(r){const b=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(b,r,e??void 0)}else this._internals.setValidity({});this._validationMessage=r,this.error=this.disabled?!1:r?this._hasValidationBeenReported||i:i&&!this._hasValidationBeenReported&&!s,this.toggleAttribute("aria-invalid",this.error),(i!==this.error||s!==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}__syncFormValue(){if(!this._internals)return;const e=this.disabled||!this.checked?null:this.value;this._internals.setFormValue(e)}render(){const e=this.__getVisibleSupportingText(),r=e?`${this._checkboxId}-supporting-text`:void 0,i=!!this.label?.trim(),s=i?l:this.ariaLabel||l;return u`
+    `}handleInput(t){const e=t.target;this.checked=e.checked,this.indeterminate=e.indeterminate}handleChange(t){N(this,t)}[D](){return!this.checked||this.indeterminate?null:this.value}[K](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(t){this.checked=t==="true"}[Y](){return new J(()=>this)}[j](){return this.input}};P(l);l.shadowRootOptions={...L.shadowRootOptions,delegatesFocus:!0};p([o({type:Boolean})],l.prototype,"checked",void 0);p([o({type:Boolean})],l.prototype,"indeterminate",void 0);p([o({type:Boolean})],l.prototype,"required",void 0);p([o()],l.prototype,"value",void 0);p([E()],l.prototype,"prevChecked",void 0);p([E()],l.prototype,"prevDisabled",void 0);p([E()],l.prototype,"prevIndeterminate",void 0);p([F("input")],l.prototype,"input",void 0);var X=I`:host{border-start-start-radius:var(--md-checkbox-container-shape-start-start, var(--md-checkbox-container-shape, 2px));border-start-end-radius:var(--md-checkbox-container-shape-start-end, var(--md-checkbox-container-shape, 2px));border-end-end-radius:var(--md-checkbox-container-shape-end-end, var(--md-checkbox-container-shape, 2px));border-end-start-radius:var(--md-checkbox-container-shape-end-start, var(--md-checkbox-container-shape, 2px));display:inline-flex;height:var(--md-checkbox-container-size, 18px);position:relative;vertical-align:top;width:var(--md-checkbox-container-size, 18px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-checkbox-container-size, 18px))/2)}md-focus-ring{height:44px;inset:unset;width:44px}input{appearance:none;height:48px;margin:0;opacity:0;outline:none;position:absolute;width:48px;z-index:1;cursor:inherit}:host([touch-target=none]) input{height:100%;width:100%}.container{border-radius:inherit;display:flex;height:100%;place-content:center;place-items:center;position:relative;width:100%}.outline,.background,.icon{inset:0;position:absolute}.outline,.background{border-radius:inherit}.outline{border-color:var(--md-checkbox-outline-color, var(--md-sys-color-on-surface-variant, #49454f));border-style:solid;border-width:var(--md-checkbox-outline-width, 2px);box-sizing:border-box}.background{background-color:var(--md-checkbox-selected-container-color, var(--md-sys-color-primary, #6750a4))}.background,.icon{opacity:0;transition-duration:150ms,50ms;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15),linear;transform:scale(0.6)}:where(.selected) :is(.background,.icon){opacity:1;transition-duration:350ms,50ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1),linear;transform:scale(1)}md-ripple{border-radius:var(--md-checkbox-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));height:var(--md-checkbox-state-layer-size, 40px);inset:unset;width:var(--md-checkbox-state-layer-size, 40px);--md-ripple-hover-color: var(--md-checkbox-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-checkbox-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-checkbox-pressed-state-layer-opacity, 0.12)}.selected md-ripple{--md-ripple-hover-color: var(--md-checkbox-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-checkbox-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-checkbox-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-checkbox-selected-pressed-state-layer-opacity, 0.12)}.icon{fill:var(--md-checkbox-selected-icon-color, var(--md-sys-color-on-primary, #fff));height:var(--md-checkbox-icon-size, 18px);width:var(--md-checkbox-icon-size, 18px)}.mark.short{height:2px;transition-property:transform,height;width:2px}.mark.long{height:2px;transition-property:transform,width;width:10px}.mark{animation-duration:150ms;animation-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15);transition-duration:150ms;transition-timing-function:cubic-bezier(0.3, 0, 0.8, 0.15)}.selected .mark{animation-duration:350ms;animation-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1);transition-duration:350ms;transition-timing-function:cubic-bezier(0.05, 0.7, 0.1, 1)}.checked .mark,.prev-checked.unselected .mark{transform:scaleY(-1) translate(7px, -14px) rotate(45deg)}.checked .mark.short,.prev-checked.unselected .mark.short{height:5.6568542495px}.checked .mark.long,.prev-checked.unselected .mark.long{width:11.313708499px}.indeterminate .mark,.prev-indeterminate.unselected .mark{transform:scaleY(-1) translate(4px, -10px) rotate(0deg)}.prev-unselected .mark{transition-property:none}.prev-unselected.checked .mark.long{animation-name:prev-unselected-to-checked}@keyframes prev-unselected-to-checked{from{width:0}}:where(:hover) .outline{border-color:var(--md-checkbox-hover-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-hover-outline-width, 2px)}:where(:hover) .background{background:var(--md-checkbox-selected-hover-container-color, var(--md-sys-color-primary, #6750a4))}:where(:hover) .icon{fill:var(--md-checkbox-selected-hover-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:focus-within) .outline{border-color:var(--md-checkbox-focus-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-focus-outline-width, 2px)}:where(:focus-within) .background{background:var(--md-checkbox-selected-focus-container-color, var(--md-sys-color-primary, #6750a4))}:where(:focus-within) .icon{fill:var(--md-checkbox-selected-focus-icon-color, var(--md-sys-color-on-primary, #fff))}:where(:active) .outline{border-color:var(--md-checkbox-pressed-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-pressed-outline-width, 2px)}:where(:active) .background{background:var(--md-checkbox-selected-pressed-container-color, var(--md-sys-color-primary, #6750a4))}:where(:active) .icon{fill:var(--md-checkbox-selected-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}:where(.disabled,.prev-disabled) :is(.background,.icon,.mark){animation-duration:0s;transition-duration:0s}:where(.disabled) .outline{border-color:var(--md-checkbox-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));border-width:var(--md-checkbox-disabled-outline-width, 2px);opacity:var(--md-checkbox-disabled-container-opacity, 0.38)}:where(.selected.disabled) .outline{visibility:hidden}:where(.selected.disabled) .background{background:var(--md-checkbox-selected-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-checkbox-selected-disabled-container-opacity, 0.38)}:where(.disabled) .icon{fill:var(--md-checkbox-selected-disabled-icon-color, var(--md-sys-color-surface, #fef7ff))}@media(forced-colors: active){.background{background-color:CanvasText}.selected.disabled .background{background-color:GrayText;opacity:1}.outline{border-color:CanvasText}.disabled .outline{border-color:GrayText;opacity:1}.icon{fill:Canvas}}
+`,S=class extends l{};S.styles=[X];S=p([M("md-checkbox")],S);var n,g,x,y,z,$=!1,w=0,T=t=>{t.metaKey||t.altKey||t.ctrlKey||($=!0)},v=()=>{$=!1},Z=()=>{w===0&&(window.addEventListener("keydown",T,!0),window.addEventListener("pointerdown",v,!0),window.addEventListener("mousedown",v,!0),window.addEventListener("touchstart",v,!0)),w+=1},ee=()=>{w=Math.max(0,w-1),w===0&&(window.removeEventListener("keydown",T,!0),window.removeEventListener("pointerdown",v,!0),window.removeEventListener("mousedown",v,!0),window.removeEventListener("touchstart",v,!0))},c=(n=new WeakSet,g=new WeakMap,x=new WeakMap,y=new WeakMap,z=class extends L{constructor(){super(),A(this,n),C(this,g,void 0),C(this,x,void 0),C(this,y,void 0),this._internals=null,this.disabled=!1,this.indeterminate=!1,this.checked=!1,this.required=!1,this.error=!1,this.label="",this.supportingText="",this.errorText="",this.ariaLabel="",this.ariaControls=null,this.ariaExpanded=null,this.name="",this.value="on",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialChecked=!1,this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._checkboxId="",this._showOuterFocusRing=!1,V(g,this,()=>{this.disabled||this.label?.trim()&&$&&d(n,this,f).call(this,!0)}),V(x,this,()=>{d(n,this,f).call(this,!1)}),V(y,this,()=>{d(n,this,f).call(this,!1)}),"attachInternals"in this&&(this._internals=this.attachInternals())}connectedCallback(){super.connectedCallback(),Z(),this._checkboxId=this.id||`scb-checkbox-${Math.random().toString(36).slice(2,11)}`,this._initialChecked=this.checked,d(n,this,R).call(this),this.addEventListener("focusin",m(g,this)),this.addEventListener("focusout",m(x,this)),this.addEventListener("pointerdown",m(y,this),!0),this._form=this.closest("form"),this._form&&(this._formResetHandler=()=>{this.checked=this._initialChecked,this.indeterminate=!1,this.error=!1,this._hasValidationBeenReported=!1,this.__syncFormValue(),this.__syncValidity()},this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("reset",this._formResetHandler,!0),this._form.addEventListener("submit",this._formSubmitHandler,!0)),this.__syncFormValue()}disconnectedCallback(){super.disconnectedCallback(),ee(),this.removeEventListener("focusin",m(g,this)),this.removeEventListener("focusout",m(x,this)),this.removeEventListener("pointerdown",m(y,this),!0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0)}firstUpdated(){const e=this.shadowRoot?.querySelector("md-checkbox");e&&e.addEventListener("change",()=>{const i=e,r=!!i.checked,s=!!i.indeterminate;this.checked=r,this.indeterminate=s,this.dispatchEvent(new CustomEvent("change",{detail:{checked:r,indeterminate:s},bubbles:!0,composed:!0}))}),this.shadowRoot?.querySelector("label.wrap")?.addEventListener("click",i=>{if(!this.disabled&&!i.composedPath().some(r=>{const s=r;return s?.tagName?.toLowerCase?.()==="md-checkbox"||s?.classList?.contains("box-wrap")})){i.preventDefault();const r=this.shadowRoot.querySelector("md-checkbox");r&&(r.checked=!r.checked,r.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}}),this.__syncInnerAria()}willUpdate(e){e.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.disabled&&d(n,this,f).call(this,!1)),e.has("label")&&d(n,this,R).call(this),(e.has("checked")||e.has("disabled")||e.has("value"))&&this.__syncFormValue(),(e.has("checked")||e.has("disabled")||e.has("required")||e.has("errorText"))&&this.__syncValidity(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&d(n,this,te).call(this)}updated(e){super.updated(e),(e.has("supportingText")||e.has("ariaControls")||e.has("ariaExpanded")||e.has("error")||e.has("errorText"))&&this.__syncInnerAria()}formDisabledCallback(e){this.disabled=e,e&&(this._hasValidationBeenReported=!1)}async __syncInnerAria(){const e=this.shadowRoot?.querySelector("md-checkbox");await e?.updateComplete;const i=e?.shadowRoot;if(!i)return;const r=i.querySelector('[role="checkbox"]')||i.querySelector('input[type="checkbox"]');if(!r)return;const s=this.renderRoot.querySelector(".supporting-text");r.ariaDescribedByElements=s?[s]:null,this.ariaControls?.trim()?r.setAttribute("aria-controls",this.ariaControls.trim()):r.removeAttribute("aria-controls"),this.ariaExpanded==="true"||this.ariaExpanded==="false"?r.setAttribute("aria-expanded",this.ariaExpanded):r.removeAttribute("aria-expanded")}__getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!this.checked?this.errorText||"Markera det här fältet.":""}__syncValidity(){const e=this.shadowRoot?.querySelector("md-checkbox"),i=this.disabled?"":this.__getValidationMessage(),r=this.error,s=this._validationMessage;if(this._internals)if(i){const b=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(b,i,e??void 0)}else this._internals.setValidity({});this._validationMessage=i,this.error=this.disabled?!1:i?this._hasValidationBeenReported||r:r&&!this._hasValidationBeenReported&&!s,this.toggleAttribute("aria-invalid",this.error),(r!==this.error||s!==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}__syncFormValue(){if(!this._internals)return;const e=this.disabled||!this.checked?null:this.value;this._internals.setFormValue(e)}render(){const e=this.__getVisibleSupportingText(),i=e?`${this._checkboxId}-supporting-text`:void 0,r=this.label?.trim(),s=r||this.ariaLabel?.trim()||h;return u`
       <label class="wrap">
-        ${i?u`<md-focus-ring class="outer-focus-ring" ?visible=${this._showOuterFocusRing}></md-focus-ring>`:l}
+        ${r?u`<md-focus-ring class="outer-focus-ring" ?visible=${this._showOuterFocusRing}></md-focus-ring>`:h}
         <div class="box-wrap">
           <md-checkbox
             id="${this._checkboxId}"
@@ -35,17 +35,17 @@ import{d as B,f as E,g as l,h as L,m as R,o as F,p as o,s as p,v as u,y as M}fro
             ?required=${this.required}
             aria-invalid=${this.error?"true":"false"}
             aria-label=${s}
-            aria-controls=${this.ariaControls||l}
-            aria-expanded=${this.ariaExpanded||l}
+            aria-controls=${this.ariaControls||h}
+            aria-expanded=${this.ariaExpanded||h}
           ></md-checkbox>
         </div>
-        ${i?u`<span class="lbl" id="${this._checkboxId}-label">${this.label}</span>`:l}
+        ${r?u`<span class="lbl">${this.label}</span>`:h}
         ${e?u`
-              <div id="${r}" class="supporting-text">
+              <div id="${i}" class="supporting-text">
                 <span>${e}</span>
-                ${this.error?u`<md-icon aria-hidden="true">error</md-icon>`:l}
+                ${this.error?u`<md-icon aria-hidden="true">error</md-icon>`:h}
               </div>
-            `:l}
+            `:h}
       </label>
       <slot></slot>
-    `}__getVisibleSupportingText(){return this.error?this._validationMessage||this.errorText||"Ogiltigt val.":this.supportingText}},z.formAssociated=!0,z.styles=M`:host{--scb-choices-text-font-weight-current:var(--scb-checkbox-design-text-medium-font-weight);--scb-choices-text-letter-spacing-current:var(--scb-checkbox-design-text-medium-letter-spacing);--scb-choices-text-line-height-current:var(--scb-checkbox-design-text-medium-line-height);--scb-choices-text-size-current:var(--scb-checkbox-design-text-medium-size);--scb-choices-text-font-current:var(--scb-checkbox-design-text-medium-font);--scb-choices-supporting-font-weight-current:var(--scb-checkbox-design-supporting-medium-font-weight);--scb-choices-supporting-letter-spacing-current:var(--scb-checkbox-design-supporting-medium-letter-spacing);--scb-choices-supporting-line-height-current:var(--scb-checkbox-design-supporting-medium-line-height);--scb-choices-supporting-size-current:var(--scb-checkbox-design-supporting-medium-size);--scb-choices-supporting-font-current:var(--scb-checkbox-design-supporting-medium-font);display:inline-grid;grid-template-columns:auto;grid-template-rows:auto auto;row-gap:0;font-family:var(--brand-font, 'Inter', sans-serif);--scb-checkbox-text-font:var(--scb-choices-text-font-current, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-checkbox-text-size:var(--scb-choices-text-size-current, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-checkbox-text-line-height:var(--scb-choices-text-line-height-current, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-checkbox-text-tracking:var(--scb-choices-text-letter-spacing-current, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-checkbox-text-weight:var(--scb-choices-text-font-weight-current, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-checkbox-supporting-font:var(--scb-choices-supporting-font-current, var(--scb-checkbox-text-font));--scb-checkbox-supporting-size:var(--scb-choices-supporting-size-current, var(--scb-checkbox-text-size));--scb-checkbox-supporting-line-height:var(--scb-choices-supporting-line-height-current, var(--scb-checkbox-text-line-height));--scb-checkbox-supporting-tracking:var(--scb-choices-supporting-letter-spacing-current, var(--scb-checkbox-text-tracking));--scb-checkbox-supporting-weight:var(--scb-choices-supporting-font-weight-current, var(--scb-checkbox-text-weight));--scb-checkbox-target:var(--scb-checkbox-design-height-medium);--scb-checkbox-label-gap:var(--scb-checkbox-design-label-gap-medium);--scb-checkbox-error-icon-size:var(--scb-checkbox-design-error-icon-medium);margin-block-start:var(--scb-checkbox-spacing-block-start, 0);margin-block-end:var(--scb-checkbox-spacing-block-end, 0);margin-inline-start:var(--scb-checkbox-spacing-inline-start, 0);margin-inline-end:var(--scb-checkbox-spacing-inline-end, 0)}:host([orientation='horizontal']){margin-inline-end:var(--scb-checkbox-spacing-inline-end, var(--scb-checkbox-gap, var(--spacing-7, 24px)))}.wrap{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--scb-checkbox-label-gap, 0px);row-gap:0;cursor:pointer;position:relative;overflow:visible}.outer-focus-ring{position:absolute;inset:calc(var(--spacing-2, 4px)*-1) calc(var(--spacing-4, 12px)*-1) calc(var(--spacing-2, 4px)*-1) calc(var(--spacing-4, 12px)*-1);pointer-events:none;--md-focus-ring-shape-start-start:var(--radius-s, 8px);--md-focus-ring-shape-start-end:var(--radius-s, 8px);--md-focus-ring-shape-end-start:var(--radius-s, 8px);--md-focus-ring-shape-end-end:var(--radius-s, 8px)}:host([data-has-label]) md-checkbox::part(focus-ring){display:none}:host([disabled]) .wrap{cursor:default}.box-wrap{height:var(--scb-checkbox-target, 48px);width:var(--scb-checkbox-target, 48px);display:flex;align-items:center;justify-content:center;overflow:visible}md-checkbox{margin:0;--md-checkbox-container-size:var(--scb-checkbox-design-checkbox-marker-size-medium);--md-checkbox-icon-size:var(--scb-checkbox-design-checkbox-marker-size-medium);--md-checkbox-outline-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-checkbox-hover-outline-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-checkbox-focus-outline-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-checkbox-pressed-outline-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-checkbox-selected-container-color:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));--md-checkbox-selected-hover-container-color:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));--md-checkbox-selected-focus-container-color:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));--md-checkbox-selected-pressed-container-color:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));--md-checkbox-selected-icon-color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary));--md-checkbox-selected-hover-icon-color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary));--md-checkbox-selected-focus-icon-color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary));--md-checkbox-selected-pressed-icon-color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary))}:host([error]) md-checkbox{--md-checkbox-outline-color:var(--scb-choices-error-color, var(--md-sys-color-error));--md-checkbox-hover-outline-color:var(--scb-choices-error-color, var(--md-sys-color-error));--md-checkbox-focus-outline-color:var(--scb-choices-error-color, var(--md-sys-color-error));--md-checkbox-pressed-outline-color:var(--scb-choices-error-color, var(--md-sys-color-error))}.lbl{color:var(--scb-choices-label-color, var(--md-sys-color-on-surface));font-family:var(--scb-checkbox-text-font, var(--brand-font));font-size:var(--scb-checkbox-text-size);line-height:var(--scb-checkbox-text-line-height);font-weight:var(--scb-checkbox-text-weight);letter-spacing:var(--scb-checkbox-text-tracking)}:host([disabled]) .lbl{color:var(--n-60)}.supporting-text{grid-column:2;grid-row:2;display:block;color:var(--scb-choices-supporting-color, var(--md-sys-color-on-surface-variant));font-family:var(--scb-checkbox-supporting-font, var(--brand-font));font-size:var(--scb-checkbox-supporting-size);line-height:var(--scb-checkbox-supporting-line-height, 20px);font-weight:var(--scb-checkbox-supporting-weight);letter-spacing:var(--scb-checkbox-supporting-tracking);margin-bottom:var(--spacing-4, 8px)}.supporting-text md-icon{display:inline-flex;color:var(--scb-choices-error-color, var(--md-sys-color-error));--md-icon-size:var(--scb-checkbox-error-icon-size);font-size:var(--scb-checkbox-error-icon-size);line-height:1;margin-inline-start:var(--spacing-2, 4px);vertical-align:-.18em}:host([disabled]) .supporting-text{color:var(--n-60)}@media (prefers-color-scheme:dark){.lbl{color:var(--scb-choices-label-color, var(--md-sys-color-on-surface))}.supporting-text{color:var(--scb-choices-supporting-color, var(--md-sys-color-on-surface-variant))}}:host([error]) .supporting-text{color:var(--scb-choices-error-color, var(--md-sys-color-error))}:host{--scb-checkbox-design-height-medium:var(--scb-choices-control-size-medium, var(--scale-11, 48px));--scb-checkbox-design-text-medium-font:var(--scb-choices-text-medium-font, var(--scb-choices-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-checkbox-design-text-medium-size:var(--scb-choices-text-medium-size, var(--scb-choices-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-checkbox-design-text-medium-line-height:var(--scb-choices-text-medium-line-height, var(--scb-choices-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-checkbox-design-text-medium-tracking:var(--scb-choices-text-medium-tracking, var(--scb-choices-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-checkbox-design-text-medium-weight:var(--scb-choices-text-medium-weight, var(--scb-choices-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-checkbox-design-text-medium-letter-spacing:var(--scb-choices-text-medium-letter-spacing, var(--scb-choices-text-medium-tracking, var(--scb-choices-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-checkbox-design-text-medium-font-weight:var(--scb-choices-text-medium-font-weight, var(--scb-choices-text-medium-weight, var(--scb-choices-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-checkbox-design-supporting-medium-font:var(--scb-choices-supporting-medium-font, var(--scb-choices-supporting-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-checkbox-design-supporting-medium-size:var(--scb-choices-supporting-medium-size, var(--scb-choices-supporting-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-checkbox-design-supporting-medium-line-height:var(--scb-choices-supporting-medium-line-height, var(--scb-choices-supporting-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-checkbox-design-supporting-medium-tracking:var(--scb-choices-supporting-medium-tracking, var(--scb-choices-supporting-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-checkbox-design-supporting-medium-weight:var(--scb-choices-supporting-medium-weight, var(--scb-choices-supporting-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-checkbox-design-supporting-medium-letter-spacing:var(--scb-choices-supporting-medium-letter-spacing, var(--scb-choices-supporting-medium-tracking, var(--scb-choices-supporting-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-checkbox-design-supporting-medium-font-weight:var(--scb-choices-supporting-medium-font-weight, var(--scb-choices-supporting-medium-weight, var(--scb-choices-supporting-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-checkbox-design-label-gap-medium:var(--scb-choices-label-gap-medium, 0px);--scb-checkbox-design-checkbox-marker-size-medium:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-checkbox-design-error-icon-medium:var(--scb-choices-error-icon-size-medium, var(--icon-size-small, 20px))}`,z);function f(t){this._showOuterFocusRing!==t&&(this._showOuterFocusRing=t,this.requestUpdate())}function I(){const t=!!this.label?.trim();this.toggleAttribute("data-has-label",t),t||d(n,this,f).call(this,!1)}function te(){const t=d(n,this,k).call(this,this.spacing),e=d(n,this,k).call(this,this.spacingTop)??t,r=d(n,this,k).call(this,this.spacingBottom)??t,i=d(n,this,k).call(this,this.spacingLeft),s=d(n,this,k).call(this,this.spacingRight);e?this.style.setProperty("--scb-checkbox-spacing-block-start",e):this.style.removeProperty("--scb-checkbox-spacing-block-start"),r?this.style.setProperty("--scb-checkbox-spacing-block-end",r):this.style.removeProperty("--scb-checkbox-spacing-block-end"),i?this.style.setProperty("--scb-checkbox-spacing-inline-start",i):this.style.removeProperty("--scb-checkbox-spacing-inline-start"),s?this.style.setProperty("--scb-checkbox-spacing-inline-end",s):this.style.removeProperty("--scb-checkbox-spacing-inline-end")}function k(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}a([o({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0);a([o({type:Boolean,reflect:!0})],c.prototype,"indeterminate",void 0);a([o({type:Boolean,reflect:!0})],c.prototype,"checked",void 0);a([o({type:Boolean,reflect:!0})],c.prototype,"required",void 0);a([o({type:Boolean,reflect:!0})],c.prototype,"error",void 0);a([o({type:String})],c.prototype,"label",void 0);a([o({type:String,attribute:"supporting-text"})],c.prototype,"supportingText",void 0);a([o({type:String,attribute:"error-text"})],c.prototype,"errorText",void 0);a([o({type:String,reflect:!0,attribute:"aria-label"})],c.prototype,"ariaLabel",void 0);a([o({type:String,attribute:"aria-controls"})],c.prototype,"ariaControls",void 0);a([o({type:String,attribute:"aria-expanded"})],c.prototype,"ariaExpanded",void 0);a([o({type:String})],c.prototype,"name",void 0);a([o({type:String})],c.prototype,"value",void 0);a([o({type:String,reflect:!0})],c.prototype,"spacing",void 0);a([o({type:String,attribute:"spacing-top",reflect:!0})],c.prototype,"spacingTop",void 0);a([o({type:String,attribute:"spacing-bottom",reflect:!0})],c.prototype,"spacingBottom",void 0);a([o({type:String,attribute:"spacing-left",reflect:!0})],c.prototype,"spacingLeft",void 0);a([o({type:String,attribute:"spacing-right",reflect:!0})],c.prototype,"spacingRight",void 0);c=a([R("scb-checkbox")],c);export{c as ScbCheckbox};
+    `}__getVisibleSupportingText(){return this.error?this._validationMessage||this.errorText||"Ogiltigt val.":this.supportingText}},z.formAssociated=!0,z.styles=I`:host{--scb-choices-text-font-weight-current:var(--scb-checkbox-design-text-medium-font-weight);--scb-choices-text-letter-spacing-current:var(--scb-checkbox-design-text-medium-letter-spacing);--scb-choices-text-line-height-current:var(--scb-checkbox-design-text-medium-line-height);--scb-choices-text-size-current:var(--scb-checkbox-design-text-medium-size);--scb-choices-text-font-current:var(--scb-checkbox-design-text-medium-font);--scb-choices-supporting-font-weight-current:var(--scb-checkbox-design-supporting-medium-font-weight);--scb-choices-supporting-letter-spacing-current:var(--scb-checkbox-design-supporting-medium-letter-spacing);--scb-choices-supporting-line-height-current:var(--scb-checkbox-design-supporting-medium-line-height);--scb-choices-supporting-size-current:var(--scb-checkbox-design-supporting-medium-size);--scb-choices-supporting-font-current:var(--scb-checkbox-design-supporting-medium-font);display:inline-grid;grid-template-columns:auto;grid-template-rows:auto auto;row-gap:0;font-family:var(--brand-font, 'Inter', sans-serif);--scb-checkbox-text-font:var(--scb-choices-text-font-current, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-checkbox-text-size:var(--scb-choices-text-size-current, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-checkbox-text-line-height:var(--scb-choices-text-line-height-current, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height)));--scb-checkbox-text-tracking:var(--scb-choices-text-letter-spacing-current, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-checkbox-text-weight:var(--scb-choices-text-font-weight-current, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-checkbox-supporting-font:var(--scb-choices-supporting-font-current, var(--scb-checkbox-text-font));--scb-checkbox-supporting-size:var(--scb-choices-supporting-size-current, var(--scb-checkbox-text-size));--scb-checkbox-supporting-line-height:var(--scb-choices-supporting-line-height-current, var(--scb-checkbox-text-line-height));--scb-checkbox-supporting-tracking:var(--scb-choices-supporting-letter-spacing-current, var(--scb-checkbox-text-tracking));--scb-checkbox-supporting-weight:var(--scb-choices-supporting-font-weight-current, var(--scb-checkbox-text-weight));--scb-checkbox-target:var(--scb-checkbox-design-height-medium);--scb-checkbox-label-gap:var(--scb-checkbox-design-label-gap-medium);--scb-checkbox-error-icon-size:var(--scb-checkbox-design-error-icon-medium);margin-block-start:var(--scb-checkbox-spacing-block-start, 0);margin-block-end:var(--scb-checkbox-spacing-block-end, 0);margin-inline-start:var(--scb-checkbox-spacing-inline-start, 0);margin-inline-end:var(--scb-checkbox-spacing-inline-end, 0)}:host([orientation='horizontal']){margin-inline-end:var(--scb-checkbox-spacing-inline-end, var(--scb-checkbox-gap, var(--spacing-7, 24px)))}.wrap{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--scb-checkbox-label-gap, 0px);row-gap:0;cursor:pointer;position:relative;overflow:visible}.outer-focus-ring{position:absolute;inset:calc(var(--spacing-2, 4px)*-1) calc(var(--spacing-4, 12px)*-1) calc(var(--spacing-2, 4px)*-1) calc(var(--spacing-4, 12px)*-1);pointer-events:none;--md-focus-ring-shape-start-start:var(--radius-s, 8px);--md-focus-ring-shape-start-end:var(--radius-s, 8px);--md-focus-ring-shape-end-start:var(--radius-s, 8px);--md-focus-ring-shape-end-end:var(--radius-s, 8px)}:host([data-has-label]) md-checkbox::part(focus-ring){display:none}:host([disabled]) .wrap{cursor:default}.box-wrap{height:var(--scb-checkbox-target, 48px);width:var(--scb-checkbox-target, 48px);display:flex;align-items:center;justify-content:center;overflow:visible}md-checkbox{margin:0;--md-checkbox-container-size:var(--scb-checkbox-design-checkbox-marker-size-medium);--md-checkbox-icon-size:var(--scb-checkbox-design-checkbox-marker-size-medium);--md-checkbox-outline-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-checkbox-hover-outline-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-checkbox-focus-outline-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-checkbox-pressed-outline-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-checkbox-selected-container-color:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));--md-checkbox-selected-hover-container-color:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));--md-checkbox-selected-focus-container-color:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));--md-checkbox-selected-pressed-container-color:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));--md-checkbox-selected-icon-color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary));--md-checkbox-selected-hover-icon-color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary));--md-checkbox-selected-focus-icon-color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary));--md-checkbox-selected-pressed-icon-color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary))}:host([error]) md-checkbox{--md-checkbox-outline-color:var(--scb-choices-error-color, var(--md-sys-color-error));--md-checkbox-hover-outline-color:var(--scb-choices-error-color, var(--md-sys-color-error));--md-checkbox-focus-outline-color:var(--scb-choices-error-color, var(--md-sys-color-error));--md-checkbox-pressed-outline-color:var(--scb-choices-error-color, var(--md-sys-color-error))}.lbl{color:var(--scb-choices-label-color, var(--md-sys-color-on-surface));font-family:var(--scb-checkbox-text-font, var(--brand-font));font-size:var(--scb-checkbox-text-size);line-height:var(--scb-checkbox-text-line-height);font-weight:var(--scb-checkbox-text-weight);letter-spacing:var(--scb-checkbox-text-tracking)}:host([disabled]) .lbl{color:var(--n-60)}.supporting-text{grid-column:2;grid-row:2;display:block;color:var(--scb-choices-supporting-color, var(--md-sys-color-on-surface-variant));font-family:var(--scb-checkbox-supporting-font, var(--brand-font));font-size:var(--scb-checkbox-supporting-size);line-height:var(--scb-checkbox-supporting-line-height, 20px);font-weight:var(--scb-checkbox-supporting-weight);letter-spacing:var(--scb-checkbox-supporting-tracking);margin-bottom:var(--spacing-4, 8px)}.supporting-text md-icon{display:inline-flex;color:var(--scb-choices-error-color, var(--md-sys-color-error));--md-icon-size:var(--scb-checkbox-error-icon-size);font-size:var(--scb-checkbox-error-icon-size);line-height:1;margin-inline-start:var(--spacing-2, 4px);vertical-align:-.18em}:host([disabled]) .supporting-text{color:var(--n-60)}@media (prefers-color-scheme:dark){.lbl{color:var(--scb-choices-label-color, var(--md-sys-color-on-surface))}.supporting-text{color:var(--scb-choices-supporting-color, var(--md-sys-color-on-surface-variant))}}:host([error]) .supporting-text{color:var(--scb-choices-error-color, var(--md-sys-color-error))}:host{--scb-checkbox-design-height-medium:var(--scb-choices-control-size-medium, var(--scale-11, 48px));--scb-checkbox-design-text-medium-font:var(--scb-choices-text-medium-font, var(--scb-choices-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-checkbox-design-text-medium-size:var(--scb-choices-text-medium-size, var(--scb-choices-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-checkbox-design-text-medium-line-height:var(--scb-choices-text-medium-line-height, var(--scb-choices-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-checkbox-design-text-medium-tracking:var(--scb-choices-text-medium-tracking, var(--scb-choices-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-checkbox-design-text-medium-weight:var(--scb-choices-text-medium-weight, var(--scb-choices-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-checkbox-design-text-medium-letter-spacing:var(--scb-choices-text-medium-letter-spacing, var(--scb-choices-text-medium-tracking, var(--scb-choices-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-checkbox-design-text-medium-font-weight:var(--scb-choices-text-medium-font-weight, var(--scb-choices-text-medium-weight, var(--scb-choices-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-checkbox-design-supporting-medium-font:var(--scb-choices-supporting-medium-font, var(--scb-choices-supporting-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-checkbox-design-supporting-medium-size:var(--scb-choices-supporting-medium-size, var(--scb-choices-supporting-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-checkbox-design-supporting-medium-line-height:var(--scb-choices-supporting-medium-line-height, var(--scb-choices-supporting-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-checkbox-design-supporting-medium-tracking:var(--scb-choices-supporting-medium-tracking, var(--scb-choices-supporting-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-checkbox-design-supporting-medium-weight:var(--scb-choices-supporting-medium-weight, var(--scb-choices-supporting-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-checkbox-design-supporting-medium-letter-spacing:var(--scb-choices-supporting-medium-letter-spacing, var(--scb-choices-supporting-medium-tracking, var(--scb-choices-supporting-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-checkbox-design-supporting-medium-font-weight:var(--scb-choices-supporting-medium-font-weight, var(--scb-choices-supporting-medium-weight, var(--scb-choices-supporting-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-checkbox-design-label-gap-medium:var(--scb-choices-label-gap-medium, 0px);--scb-checkbox-design-checkbox-marker-size-medium:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-checkbox-design-error-icon-medium:var(--scb-choices-error-icon-size-medium, var(--icon-size-small, 20px))}`,z);function f(t){this._showOuterFocusRing!==t&&(this._showOuterFocusRing=t,this.requestUpdate())}function R(){const t=!!this.label?.trim();this.toggleAttribute("data-has-label",t),t||d(n,this,f).call(this,!1)}function te(){const t=d(n,this,k).call(this,this.spacing),e=d(n,this,k).call(this,this.spacingTop)??t,i=d(n,this,k).call(this,this.spacingBottom)??t,r=d(n,this,k).call(this,this.spacingLeft),s=d(n,this,k).call(this,this.spacingRight);e?this.style.setProperty("--scb-checkbox-spacing-block-start",e):this.style.removeProperty("--scb-checkbox-spacing-block-start"),i?this.style.setProperty("--scb-checkbox-spacing-block-end",i):this.style.removeProperty("--scb-checkbox-spacing-block-end"),r?this.style.setProperty("--scb-checkbox-spacing-inline-start",r):this.style.removeProperty("--scb-checkbox-spacing-inline-start"),s?this.style.setProperty("--scb-checkbox-spacing-inline-end",s):this.style.removeProperty("--scb-checkbox-spacing-inline-end")}function k(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}a([o({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0);a([o({type:Boolean,reflect:!0})],c.prototype,"indeterminate",void 0);a([o({type:Boolean,reflect:!0})],c.prototype,"checked",void 0);a([o({type:Boolean,reflect:!0})],c.prototype,"required",void 0);a([o({type:Boolean,reflect:!0})],c.prototype,"error",void 0);a([o({type:String})],c.prototype,"label",void 0);a([o({type:String,attribute:"supporting-text"})],c.prototype,"supportingText",void 0);a([o({type:String,attribute:"error-text"})],c.prototype,"errorText",void 0);a([o({type:String,reflect:!0,attribute:"aria-label"})],c.prototype,"ariaLabel",void 0);a([o({type:String,attribute:"aria-controls"})],c.prototype,"ariaControls",void 0);a([o({type:String,attribute:"aria-expanded"})],c.prototype,"ariaExpanded",void 0);a([o({type:String})],c.prototype,"name",void 0);a([o({type:String})],c.prototype,"value",void 0);a([o({type:String,reflect:!0})],c.prototype,"spacing",void 0);a([o({type:String,attribute:"spacing-top",reflect:!0})],c.prototype,"spacingTop",void 0);a([o({type:String,attribute:"spacing-bottom",reflect:!0})],c.prototype,"spacingBottom",void 0);a([o({type:String,attribute:"spacing-left",reflect:!0})],c.prototype,"spacingLeft",void 0);a([o({type:String,attribute:"spacing-right",reflect:!0})],c.prototype,"spacingRight",void 0);c=a([M("scb-checkbox")],c);export{c as ScbCheckbox};

package/mvc/components/scb-cookies-consent/scb-cookies-consent.js

@@ -1,5 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-button/scb-button.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/preload-helper.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../../vendor/assertClassBrand.js","../../vendor/classPrivateMethodInitSpec.js"])))=>i.map(i=>d[i]);
-import{h as b,m as h,p as c,v,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as k}from"../../vendor/preload-helper.js";import{componentSizeToken as f}from"../shared/component-size-token.js";import{t as n}from"../../vendor/decorate.js";import{closeManualPopover as g,openManualPopover as _}from"../shared/manual-popover.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,e,o){try{customElements.get(i)||t(i,e,o)}catch(l){var a=String(l||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var d,p,u="data-scb-cookies-consent-managed-button-size";function w(){return!!document.querySelector('script[src*="/scb-button/scb-button.js"],script[src$="scb-button.js"]')}var m={fromAttribute(r){if(r===null)return!1;const t=r.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},s=(d=class extends b{constructor(...t){super(...t),this.open=!0,this.autoRemove=!0,this.title="",this.supportingText="",this.ariaLabel="Cookie-inställningar",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._updateButtonWidth=()=>{const i=window.innerWidth<=480,e=this.shadowRoot.querySelector('slot[name="buttons"]');e&&e.assignedElements().forEach(o=>{i?o.setAttribute("full-width",""):o.removeAttribute("full-width")})},this.__onButtonHydrationInteraction=i=>{const e=i.target;e instanceof Element&&e.closest('scb-button[slot="buttons"]')&&this.__ensureSlottedButtonsReady(!0)},this.__onButtonsSlotChange=()=>{this.__ensureSlottedButtonsReady(),this.__syncButtonSizes(),this._updateButtonWidth()}}__syncButtonSizes(){const t=f(this,"--scb-cookies-consent-design-actions-button-size-medium",["small","medium","large"],"medium"),i=Array.from(this.querySelectorAll(':scope > scb-button[slot="buttons"]'));for(const e of i){const o=e.getAttribute(u);if(o!==null&&e.getAttribute("size")!==o){e.removeAttribute(u);continue}(!e.hasAttribute("size")||o!==null)&&(e.setAttribute("size",t),e.setAttribute(u,t))}}__ensureSlottedButtonsReady(t=!1){if(!(!this.querySelector('scb-button[slot="buttons"]')||customElements.get("scb-button"))){if(w()){customElements.whenDefined("scb-button").then(()=>this.requestUpdate());return}t&&(p??(p=k(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url)),p.then(()=>this.requestUpdate()))}}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}applySpacing(){const t=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??t,e=this.mapSpacingToken(this.spacingBottom)??t,o=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-cookies-consent-spacing-block-start",i):this.style.removeProperty("--scb-cookies-consent-spacing-block-start"),e?this.style.setProperty("--scb-cookies-consent-spacing-block-end",e):this.style.removeProperty("--scb-cookies-consent-spacing-block-end"),o?this.style.setProperty("--scb-cookies-consent-spacing-inline-start",o):this.style.removeProperty("--scb-cookies-consent-spacing-inline-start"),a?this.style.setProperty("--scb-cookies-consent-spacing-inline-end",a):this.style.removeProperty("--scb-cookies-consent-spacing-inline-end")}firstUpdated(t){this.__ensureSlottedButtonsReady(),this.__syncButtonSizes(),this._updateButtonWidth(),window.addEventListener("resize",this._updateButtonWidth),this.addEventListener("pointerover",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("focusin",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("pointerdown",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("keydown",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("click",i=>{const e=i.target;e.slot==="buttons"&&(e.id==="accept-btn"?this.closeAndRemove("cookies-accept"):e.id==="decline-btn"?this.closeAndRemove("cookies-decline"):e.id==="handle-btn"&&this.closeAndRemove("cookies-handle"))}),this.applySpacing(),this.__syncTopLayer()}__syncTopLayer(){this.open&&getComputedStyle(this).position==="fixed"?_(this):g(this)}updated(t){super.updated(t),this.__syncButtonSizes(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing(),t.has("open")&&(this.__syncTopLayer(),t.get("open")!==void 0&&(this.open&&this._updateButtonWidth(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}}))))}connectedCallback(){super.connectedCallback(),this.id||(this.id="cookie-consent")}disconnectedCallback(){g(this),super.disconnectedCallback(),window.removeEventListener("resize",this._updateButtonWidth),this.removeEventListener("pointerover",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("focusin",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("pointerdown",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("keydown",this.__onButtonHydrationInteraction,{capture:!0})}closeAndRemove(t){const i={bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent(t,i));const e=t.includes("-")?t.replace(/-/g,""):"";e&&e!==t&&this.dispatchEvent(new CustomEvent(e,i)),this.autoRemove?this.remove():this.open=!1}render(){return this.open?v`
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-button/scb-button.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/preload-helper.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../../vendor/assertClassBrand.js","../../vendor/classPrivateMethodInitSpec.js","../../vendor/aria-references.internal.js"])))=>i.map(i=>d[i]);
+import{h as b,m as h,p as c,v,y}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as k}from"../../vendor/preload-helper.js";import{componentSizeToken as f}from"../shared/component-size-token.js";import{t as n}from"../../vendor/decorate.js";import{closeManualPopover as g,openManualPopover as _}from"../shared/manual-popover.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,e,o){try{customElements.get(i)||t(i,e,o)}catch(l){var a=String(l||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var d,p,u="data-scb-cookies-consent-managed-button-size";function w(){return!!document.querySelector('script[src*="/scb-button/scb-button.js"],script[src$="scb-button.js"]')}var m={fromAttribute(r){if(r===null)return!1;const t=r.trim().toLowerCase();return t!=="false"&&t!=="0"&&t!=="no"}},s=(d=class extends b{constructor(...t){super(...t),this.open=!0,this.autoRemove=!0,this.title="",this.supportingText="",this.ariaLabel="Cookie-inställningar",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._updateButtonWidth=()=>{const i=window.innerWidth<=480,e=this.shadowRoot.querySelector('slot[name="buttons"]');e&&e.assignedElements().forEach(o=>{i?o.setAttribute("full-width",""):o.removeAttribute("full-width")})},this.__onButtonHydrationInteraction=i=>{const e=i.target;e instanceof Element&&e.closest('scb-button[slot="buttons"]')&&this.__ensureSlottedButtonsReady(!0)},this.__onButtonsSlotChange=()=>{this.__ensureSlottedButtonsReady(),this.__syncButtonSizes(),this._updateButtonWidth()}}__syncButtonSizes(){const t=f(this,"--scb-cookies-consent-design-actions-button-size-medium",["small","medium","large"],"medium"),i=Array.from(this.querySelectorAll(':scope > scb-button[slot="buttons"]'));for(const e of i){const o=e.getAttribute(u);if(o!==null&&e.getAttribute("size")!==o){e.removeAttribute(u);continue}(!e.hasAttribute("size")||o!==null)&&(e.setAttribute("size",t),e.setAttribute(u,t))}}__ensureSlottedButtonsReady(t=!1){if(!(!this.querySelector('scb-button[slot="buttons"]')||customElements.get("scb-button"))){if(w()){customElements.whenDefined("scb-button").then(()=>this.requestUpdate());return}t&&(p??(p=k(()=>import("../scb-button/scb-button.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8]),import.meta.url)),p.then(()=>this.requestUpdate()))}}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}applySpacing(){const t=this.mapSpacingToken(this.spacing),i=this.mapSpacingToken(this.spacingTop)??t,e=this.mapSpacingToken(this.spacingBottom)??t,o=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);i?this.style.setProperty("--scb-cookies-consent-spacing-block-start",i):this.style.removeProperty("--scb-cookies-consent-spacing-block-start"),e?this.style.setProperty("--scb-cookies-consent-spacing-block-end",e):this.style.removeProperty("--scb-cookies-consent-spacing-block-end"),o?this.style.setProperty("--scb-cookies-consent-spacing-inline-start",o):this.style.removeProperty("--scb-cookies-consent-spacing-inline-start"),a?this.style.setProperty("--scb-cookies-consent-spacing-inline-end",a):this.style.removeProperty("--scb-cookies-consent-spacing-inline-end")}firstUpdated(t){this.__ensureSlottedButtonsReady(),this.__syncButtonSizes(),this._updateButtonWidth(),window.addEventListener("resize",this._updateButtonWidth),this.addEventListener("pointerover",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("focusin",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("pointerdown",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("keydown",this.__onButtonHydrationInteraction,{capture:!0}),this.addEventListener("click",i=>{const e=i.target;e.slot==="buttons"&&(e.id==="accept-btn"?this.closeAndRemove("cookies-accept"):e.id==="decline-btn"?this.closeAndRemove("cookies-decline"):e.id==="handle-btn"&&this.closeAndRemove("cookies-handle"))}),this.applySpacing(),this.__syncTopLayer()}__syncTopLayer(){this.open&&getComputedStyle(this).position==="fixed"?_(this):g(this)}updated(t){super.updated(t),this.__syncButtonSizes(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.applySpacing(),t.has("open")&&(this.__syncTopLayer(),t.get("open")!==void 0&&(this.open&&this._updateButtonWidth(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}}))))}connectedCallback(){super.connectedCallback(),this.id||(this.id="cookie-consent")}disconnectedCallback(){g(this),super.disconnectedCallback(),window.removeEventListener("resize",this._updateButtonWidth),this.removeEventListener("pointerover",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("focusin",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("pointerdown",this.__onButtonHydrationInteraction,{capture:!0}),this.removeEventListener("keydown",this.__onButtonHydrationInteraction,{capture:!0})}closeAndRemove(t){const i={bubbles:!0,composed:!0};this.dispatchEvent(new CustomEvent(t,i));const e=t.includes("-")?t.replace(/-/g,""):"";e&&e!==t&&this.dispatchEvent(new CustomEvent(e,i)),this.autoRemove?this.remove():this.open=!1}render(){return this.open?v`
       <div role="dialog" class="cookies-consent" aria-modal="true" aria-label=${this.ariaLabel}>
         <h2><slot name="title">${this.title}</slot></h2>
         <div class="supporting-text">

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

@@ -1,4 +1,4 @@
-import{d as g,g as S,h as I,m as A,p as d,v,y as W}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 B}from"../../vendor/component-defaults.js";import{t as r}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-button/scb-button.js";import{closeManualPopover as z,closeManualPopoverAfterAnimations as H,isManualPopoverOpen as M,openManualPopover as L}from"../shared/manual-popover.js";import"../scb-options-menu/scb-options-menu.js";(function(){try{var h=typeof globalThis<"u"?globalThis:window;if(!h.__scb_ce_guard_installed__){h.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,n){try{customElements.get(t)||e(t,i,n)}catch(l){var s=String(l||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var w,a=(w=class extends I{constructor(...e){super(...e),this.label="Dropdown",this.variant="filled",this.size=B["scb-dropdown"].size,this.open=!1,this.disabled=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.menuGap="3",this.width=null,this.minWidth=null,this.maxWidth=null,this.dataIndex=null,this.ariaCurrent=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._panelPlacementRaf=null,this._onViewportChange=()=>{this.open&&this._schedulePanelPlacement()},this._onDocumentClickBound=t=>{if(!this.open)return;const i=t.composedPath(),n=i.find(s=>s instanceof HTMLElement&&s.tagName.toLowerCase()==="scb-dropdown");if(n&&n!==this){this.open=!1;return}i.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=t=>{this.open&&t.key==="Escape"&&(t.preventDefault(),t.stopPropagation(),this.open=!1,this.updateComplete.then(()=>this.focus({preventScroll:!0})))},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=t=>{this.hasAttribute("as-tab")||t.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound),window.addEventListener("resize",this._onViewportChange,{passive:!0}),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._detachSlottedMenuListeners(),z(this.renderRoot.querySelector(".panel")),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._panelPlacementRaf!==null&&(window.cancelAnimationFrame(this._panelPlacementRaf),this._panelPlacementRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this._syncPanelPopover()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("minWidth")||e.has("maxWidth"))&&this._applyPanelSizing(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this._syncPanelPopover(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}})))}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?e.style.minInlineSize=this.minWidth:e.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?this._slottedMenuEl.style.minInlineSize=this.minWidth:this._slottedMenuEl.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_schedulePanelPlacement(){this._panelPlacementRaf===null&&(this._panelPlacementRaf=window.requestAnimationFrame(()=>{this._panelPlacementRaf=null,this._positionPanelInViewport()}))}_syncPanelPopover(){const e=this.renderRoot.querySelector(".panel");if(!e)return;if(this.open){L(e)&&this._schedulePanelPlacement();return}const t=()=>{this._panelSurfaceEl?.style.removeProperty("--scb-dropdown-panel-viewport-max-height"),e.style.removeProperty("position"),e.style.removeProperty("left"),e.style.removeProperty("right"),e.style.removeProperty("top"),e.style.removeProperty("bottom"),e.style.removeProperty("width")};M(e)?H(e,t,this._panelSurfaceEl??e):(z(e),t())}_positionPanelInViewport(){const e=this.renderRoot.querySelector(".panel"),t=this._triggerEl;if(!e||!t||!M(e))return;const i=this._panelSurfaceEl,n=t.getBoundingClientRect(),s=i?.getBoundingClientRect(),l=8,c=Number.parseFloat(getComputedStyle(this).getPropertyValue("--scb-dropdown-panel-gap")),o=Number.isFinite(c)?c:8,p=Math.max(0,window.innerWidth-l*2),b=i?getComputedStyle(i):null,E=b?[b.paddingInlineStart,b.paddingInlineEnd].map(u=>Number.parseFloat(u)).filter(Number.isFinite).reduce((u,O)=>u+O,0):0,x=(this._panelInnerEl?.scrollWidth||0)+E,y=Number.parseFloat(b?.maxWidth??""),P=this.width?0:Math.min(x,Number.isFinite(y)?y:x),T=Math.max(s?.width||0,i?.scrollWidth||0,P,n.width),f=Math.min(Math.max(n.width,T),p),C=Math.min(Math.max(n.left,l),window.innerWidth-l-f);e.style.position="fixed",e.style.left=`${Math.round(C)}px`,e.style.right="auto",e.style.width=`${Math.round(f)}px`;const m=window.innerHeight-n.bottom-o-l,_=n.top-o-l,k=(i?.scrollHeight||s?.height||0)>m&&_>m,R=Math.max(0,k?_:m);i?.style.setProperty("--scb-dropdown-panel-viewport-max-height",`${Math.floor(R)}px`),k?(e.style.top="auto",e.style.bottom=`${Math.round(window.innerHeight-n.top+o)}px`):(e.style.top=`${Math.round(n.bottom+o)}px`,e.style.bottom="auto")}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const i=getComputedStyle(e),n=(Number.parseFloat(i.paddingTop)||0)+(Number.parseFloat(i.paddingBottom)||0),s=`${Math.ceil(t.scrollHeight+n)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==s&&(e.style.setProperty("--scb-dropdown-panel-current-max-height",s),this._schedulePanelPlacement())}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_mapHostSpacingToken(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._mapHostSpacingToken(this.spacing),t=this._mapHostSpacingToken(this.spacingTop)??e,i=this._mapHostSpacingToken(this.spacingBottom)??e,n=this._mapHostSpacingToken(this.spacingLeft),s=this._mapHostSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-dropdown-spacing-block-start",t):this.style.removeProperty("--scb-dropdown-spacing-block-start"),i?this.style.setProperty("--scb-dropdown-spacing-block-end",i):this.style.removeProperty("--scb-dropdown-spacing-block-end"),n?this.style.setProperty("--scb-dropdown-spacing-inline-start",n):this.style.removeProperty("--scb-dropdown-spacing-inline-start"),s?this.style.setProperty("--scb-dropdown-spacing-inline-end",s):this.style.removeProperty("--scb-dropdown-spacing-inline-end")}_syncSlottedMenu(){const e=(this._slotEl?.assignedElements({flatten:!0})??[]).find(t=>t.tagName.toLowerCase()==="scb-options-menu");if(e===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=e??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),i=t.transitionDuration.split(",").map(o=>o.trim()),n=t.transitionDelay.split(",").map(o=>o.trim()),s=o=>{const p=parseFloat(o);return Number.isFinite(p)?o.endsWith("ms")?p:o.endsWith("s")?p*1e3:p:0},l=Math.max(i.length,n.length);let c=0;for(let o=0;o<l;o+=1){const p=s(i[o]??i[i.length-1]??"0s"),b=s(n[o]??n[n.length-1]??"0s");c=Math.max(c,p+b)}return Math.ceil(c)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),i=[],n=s=>{s instanceof HTMLElement&&s.matches("a,button,input,select,textarea,[tabindex]")&&i.push(s)};return t.forEach(s=>{n(s),s.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(l=>n(l))}),i}_removeTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(e=>{const t=e.getAttribute("tabindex");t!==null&&e.setAttribute("data-scb-prev-tabindex",t),e.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(e=>{const t=e.getAttribute("data-scb-prev-tabindex");t!==null?(e.setAttribute("tabindex",t),e.removeAttribute("data-scb-prev-tabindex")):e.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-options-sub-menu");for(const t of e)t.removeAttribute("open")}focus(e){const t=this._triggerEl;if(t?.focus){t.focus(e);return}super.focus(e)}_applyChevronState(){if(this.hasAttribute("as-tab"))return;const e=this._ensureTriggerChevronEl();e&&(e.open=this.open)}_ensureTriggerChevronEl(){const e=this._triggerEl;if(e?.tagName?.toLowerCase?.()!=="scb-button")return null;const t=e?.shadowRoot;if(!t)return null;const i=t.querySelector('scb-chevron[slot="icon"]');if(i)return i;const n=t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon");if(!n)return null;const s=document.createElement("scb-chevron");s.setAttribute("slot","icon"),s.setAttribute("aria-hidden","true"),s.classList.add("chevron");const l=getComputedStyle(n).fontSize;return l&&s.style.setProperty("--scb-chevron-size",l),n.replaceWith(s),s}render(){const e=!!this._slottedMenuEl,t=this.hasAttribute("as-tab"),i=this.dataIndex,n=this.ariaCurrent==="page"?"page":S;return v`
+import{d as b,g as k,h as I,m as A,p as d,v,y as $}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{ensureFocusRingOnFocusVisible as W}from"../shared/lazy-focus-ring.js";import{t as H}from"../../vendor/component-defaults.js";import{t as r}from"../../vendor/decorate.js";import"../scb-chevron/scb-chevron.js";import"../scb-button/scb-button.js";import{closeManualPopover as z,closeManualPopoverAfterAnimations as B,isManualPopoverOpen as M,openManualPopover as L}from"../shared/manual-popover.js";import"../scb-options-menu/scb-options-menu.js";(function(){try{var h=typeof globalThis<"u"?globalThis:window;if(!h.__scb_ce_guard_installed__){h.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,n,s){try{customElements.get(t)||e(t,n,s)}catch(l){var i=String(l||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var w,a=(w=class extends I{constructor(...e){super(...e),this.label="Dropdown",this.variant="filled",this.size=H["scb-dropdown"].size,this.open=!1,this.disabled=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.menuGap="3",this.width=null,this.minWidth=null,this.maxWidth=null,this.dataIndex=null,this.ariaCurrent=null,this._slottedMenuEl=null,this._slottedTrigger=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._panelPlacementRaf=null,this._onViewportChange=()=>{this.open&&this._schedulePanelPlacement()},this._onDocumentClickBound=t=>{if(!this.open)return;const n=t.composedPath(),s=n.find(i=>i instanceof HTMLElement&&i.tagName.toLowerCase()==="scb-dropdown");if(s&&s!==this){this.open=!1;return}n.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=t=>{this.open&&t.key==="Escape"&&(t.preventDefault(),t.stopPropagation(),this.open=!1,this.updateComplete.then(()=>this.focus({preventScroll:!0})))},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerSlotChange=()=>{this._syncSlottedTrigger(),this._onViewportChange()},this._onTriggerClick=t=>{this.hasAttribute("as-tab")||t.stopPropagation(),!this.disabled&&(this.open=!this.open)},this._onSlottedTriggerClick=t=>{const n=this._getSlottedTrigger();if(!(!n||!t.composedPath().includes(n)||t.defaultPrevented)){if(this.disabled||n.matches(':disabled, [disabled], [aria-disabled="true"]')){t.preventDefault();return}this._onTriggerClick(t)}}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound),window.addEventListener("resize",this._onViewportChange,{passive:!0}),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),this._detachSlottedMenuListeners(),z(this.renderRoot.querySelector(".panel")),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._panelPlacementRaf!==null&&(window.cancelAnimationFrame(this._panelPlacementRaf),this._panelPlacementRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedTrigger(),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this._syncPanelPopover()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("minWidth")||e.has("maxWidth"))&&this._applyPanelSizing(),(e.has("open")||e.has("disabled"))&&this._syncSlottedTrigger(),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this._applySpacing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen(),this._syncPanelPopover(),this.dispatchEvent(new CustomEvent("openchange",{bubbles:!0,composed:!0,detail:{open:this.open}})))}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?e.style.minInlineSize=this.minWidth:e.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?this._slottedMenuEl.style.minInlineSize=this.minWidth:this._slottedMenuEl.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_schedulePanelPlacement(){this._panelPlacementRaf===null&&(this._panelPlacementRaf=window.requestAnimationFrame(()=>{this._panelPlacementRaf=null,this._positionPanelInViewport()}))}_syncPanelPopover(){const e=this.renderRoot.querySelector(".panel");if(!e)return;if(this.open){L(e)&&this._schedulePanelPlacement();return}const t=()=>{this._panelSurfaceEl?.style.removeProperty("--scb-dropdown-panel-viewport-max-height"),e.style.removeProperty("position"),e.style.removeProperty("left"),e.style.removeProperty("right"),e.style.removeProperty("top"),e.style.removeProperty("bottom"),e.style.removeProperty("width")};M(e)?B(e,t,this._panelSurfaceEl??e):(z(e),t())}_positionPanelInViewport(){const e=this.renderRoot.querySelector(".panel"),t=this._triggerEl;if(!e||!t||!M(e))return;const n=this._panelSurfaceEl,s=t.getBoundingClientRect(),i=n?.getBoundingClientRect(),l=8,c=Number.parseFloat(getComputedStyle(this).getPropertyValue("--scb-dropdown-panel-gap")),o=Number.isFinite(c)?c:8,p=Math.max(0,window.innerWidth-l*2),g=n?getComputedStyle(n):null,E=g?[g.paddingInlineStart,g.paddingInlineEnd].map(u=>Number.parseFloat(u)).filter(Number.isFinite).reduce((u,O)=>u+O,0):0,x=(this._panelInnerEl?.scrollWidth||0)+E,y=Number.parseFloat(g?.maxWidth??""),T=this.width?0:Math.min(x,Number.isFinite(y)?y:x),P=Math.max(i?.width||0,n?.scrollWidth||0,T,s.width),f=Math.min(Math.max(s.width,P),p),C=Math.min(Math.max(s.left,l),window.innerWidth-l-f);e.style.position="fixed",e.style.left=`${Math.round(C)}px`,e.style.right="auto",e.style.width=`${Math.round(f)}px`;const m=window.innerHeight-s.bottom-o-l,_=s.top-o-l,S=(n?.scrollHeight||i?.height||0)>m&&_>m,R=Math.max(0,S?_:m);n?.style.setProperty("--scb-dropdown-panel-viewport-max-height",`${Math.floor(R)}px`),S?(e.style.top="auto",e.style.bottom=`${Math.round(window.innerHeight-s.top+o)}px`):(e.style.top=`${Math.round(s.bottom+o)}px`,e.style.bottom="auto")}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const n=getComputedStyle(e),s=(Number.parseFloat(n.paddingTop)||0)+(Number.parseFloat(n.paddingBottom)||0),i=`${Math.ceil(t.scrollHeight+s)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==i&&(e.style.setProperty("--scb-dropdown-panel-current-max-height",i),this._schedulePanelPlacement())}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_mapHostSpacingToken(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._mapHostSpacingToken(this.spacing),t=this._mapHostSpacingToken(this.spacingTop)??e,n=this._mapHostSpacingToken(this.spacingBottom)??e,s=this._mapHostSpacingToken(this.spacingLeft),i=this._mapHostSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-dropdown-spacing-block-start",t):this.style.removeProperty("--scb-dropdown-spacing-block-start"),n?this.style.setProperty("--scb-dropdown-spacing-block-end",n):this.style.removeProperty("--scb-dropdown-spacing-block-end"),s?this.style.setProperty("--scb-dropdown-spacing-inline-start",s):this.style.removeProperty("--scb-dropdown-spacing-inline-start"),i?this.style.setProperty("--scb-dropdown-spacing-inline-end",i):this.style.removeProperty("--scb-dropdown-spacing-inline-end")}_syncSlottedMenu(){const e=(this._slotEl?.assignedElements({flatten:!0})??[]).find(t=>t.tagName.toLowerCase()==="scb-options-menu");if(e===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=e??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),n=t.transitionDuration.split(",").map(o=>o.trim()),s=t.transitionDelay.split(",").map(o=>o.trim()),i=o=>{const p=parseFloat(o);return Number.isFinite(p)?o.endsWith("ms")?p:o.endsWith("s")?p*1e3:p:0},l=Math.max(n.length,s.length);let c=0;for(let o=0;o<l;o+=1){const p=i(n[o]??n[n.length-1]??"0s"),g=i(s[o]??s[s.length-1]??"0s");c=Math.max(c,p+g)}return Math.ceil(c)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),n=[],s=i=>{i instanceof HTMLElement&&i.matches("a,button,input,select,textarea,[tabindex]")&&n.push(i)};return t.forEach(i=>{s(i),i.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(l=>s(l))}),n}_removeTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(e=>{const t=e.getAttribute("tabindex");t!==null&&e.setAttribute("data-scb-prev-tabindex",t),e.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){this._supportsInert()||this._collectFocusableFromSlot().forEach(e=>{const t=e.getAttribute("data-scb-prev-tabindex");t!==null?(e.setAttribute("tabindex",t),e.removeAttribute("data-scb-prev-tabindex")):e.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-options-sub-menu");for(const t of e)t.removeAttribute("open")}_getSlottedTrigger(){const e=this._triggerSlotEl?.assignedElements()[0];return e instanceof HTMLElement?e:void 0}get _triggerEl(){return this._getSlottedTrigger()??this._defaultTriggerEl}_syncSlottedTrigger(){const e=this._getSlottedTrigger(),t=this._slottedTrigger;e!==t?.element&&(t&&(t.element.ariaExpanded=t.expanded,t.disabled!==void 0&&(t.element.ariaDisabled=t.disabled)),this._slottedTrigger=e?{element:e,expanded:e.ariaExpanded}:null);const n=this._slottedTrigger;n&&(n.element.ariaExpanded=String(this.open),this.disabled?(n.disabled===void 0&&(n.disabled=n.element.ariaDisabled),n.element.ariaDisabled="true"):n.disabled!==void 0&&(n.element.ariaDisabled=n.disabled,delete n.disabled))}focus(e){const t=this._triggerEl;if(t){t.focus(e);return}super.focus(e)}_applyChevronState(){if(this.hasAttribute("as-tab"))return;const e=this._ensureTriggerChevronEl();e&&(e.open=this.open)}_ensureTriggerChevronEl(){const e=this._defaultTriggerEl;if(e?.tagName?.toLowerCase?.()!=="scb-button")return null;const t=e?.shadowRoot;if(!t)return null;const n=t.querySelector('scb-chevron[slot="icon"]');if(n)return n;const s=t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon");if(!s)return null;const i=document.createElement("scb-chevron");i.setAttribute("slot","icon"),i.setAttribute("aria-hidden","true"),i.classList.add("chevron");const l=getComputedStyle(s).fontSize;return l&&i.style.setProperty("--scb-chevron-size",l),s.replaceWith(i),i}render(){const e=!!this._slottedMenuEl,t=this.hasAttribute("as-tab"),n=this.dataIndex,s=this.ariaCurrent==="page"?"page":k;return v`
       ${t?v`
           <div class="tab-wrap">
             <button
@@ -8,10 +8,10 @@ import{d as g,g as S,h as I,m as A,p as d,v,y as W}from"../../vendor/vendor.js";
               ?disabled=${this.disabled}
               aria-haspopup="menu"
               aria-expanded=${String(this.open)}
-              data-index=${i??S}
-              aria-current=${n}
+              data-index=${n??k}
+              aria-current=${s}
               @click=${this._onTriggerClick}
-              @focusin=${$}
+              @focusin=${W}
             >
               ${this.label}
               <scb-chevron class="chevron" .open=${this.open}></scb-chevron>
@@ -19,18 +19,20 @@ import{d as g,g as S,h as I,m as A,p as d,v,y as W}from"../../vendor/vendor.js";
             <md-focus-ring></md-focus-ring>
           </div>
         `:v`
-          <scb-button
-            data-scb-dropdown-trigger
-            label=${this.label}
-            variant=${this.variant}
-            size=${this.size}
-            icon="keyboard_arrow_down"
-            aria-haspopup="menu"
-            aria-expanded=${String(this.open)}
-            ?trailing-icon=${!0}
-            ?disabled=${this.disabled}
-            @click=${this._onTriggerClick}
-          ></scb-button>
+          <slot name="trigger" @slotchange=${this._onTriggerSlotChange} @click=${this._onSlottedTriggerClick}>
+            <scb-button
+              data-scb-dropdown-trigger
+              label=${this.label}
+              variant=${this.variant}
+              size=${this.size}
+              icon="keyboard_arrow_down"
+              aria-haspopup="menu"
+              aria-expanded=${String(this.open)}
+              ?trailing-icon=${!0}
+              ?disabled=${this.disabled}
+              @click=${this._onTriggerClick}
+            ></scb-button>
+          </slot>
         `}
 
       <div
@@ -44,7 +46,7 @@ import{d as g,g as S,h as I,m as A,p as d,v,y as W}from"../../vendor/vendor.js";
           </div>
         </div>
       </div>
-    `}},w.styles=W`:host{display:inline-block;position:relative;overflow:visible;margin-block-start:var(--scb-dropdown-spacing-block-start, 0);margin-block-end:var(--scb-dropdown-spacing-block-end, 0);margin-inline-start:var(--scb-dropdown-spacing-inline-start, 0);margin-inline-end:var(--scb-dropdown-spacing-inline-end, 0);--scb-dropdown-transition-duration:var(--motion-duration-short, 150ms);--scb-dropdown-transition-easing:var(
+    `}},w.styles=$`:host{display:inline-block;position:relative;overflow:visible;margin-block-start:var(--scb-dropdown-spacing-block-start, 0);margin-block-end:var(--scb-dropdown-spacing-block-end, 0);margin-inline-start:var(--scb-dropdown-spacing-inline-start, 0);margin-inline-end:var(--scb-dropdown-spacing-inline-end, 0);--scb-dropdown-transition-duration:var(--motion-duration-short, 150ms);--scb-dropdown-transition-easing:var(
         --motion-easing-emphasized-accelerate,
         var(--motion-easing-emphasized, cubic-bezier(.69,.16,.2,.98))
       );--scb-dropdown-panel-radius:var(--scb-dropdown-design-panel-radius-medium);--scb-dropdown-panel-padding:var(--scb-dropdown-design-panel-padding-medium)}:host([size='extra-small']){--scb-dropdown-panel-radius:var(--scb-dropdown-design-panel-radius-extra-small);--scb-dropdown-panel-padding:var(--scb-dropdown-design-panel-padding-extra-small)}:host([size='small']){--scb-dropdown-panel-radius:var(--scb-dropdown-design-panel-radius-small);--scb-dropdown-panel-padding:var(--scb-dropdown-design-panel-padding-small)}:host([size='large']){--scb-dropdown-panel-radius:var(--scb-dropdown-design-panel-radius-large);--scb-dropdown-panel-padding:var(--scb-dropdown-design-panel-padding-large)}:host([open]){--scb-dropdown-transition-easing:var(
@@ -84,4 +86,4 @@ import{d as g,g as S,h as I,m as A,p as d,v,y as W}from"../../vendor/vendor.js";
         var(--icon-size-small, 20px)
       );height:var(--scb-dropdown-tab-icon-size,
         var(--icon-size-small, 20px)
-      )}:host([open]) .panel-surface{opacity:1}.panel-inner{overflow:hidden}:host([open][data-open-settled]) .panel-surface{overflow-x:hidden;overflow-y:auto}:host([open][data-open-settled]) .panel-inner{overflow:visible}.panel.has-menu .panel-surface{background:0 0;box-shadow:none;padding:0;max-height:none;opacity:1;transition:none;overflow:visible}.panel.has-menu .panel-inner{overflow:visible}::slotted(scb-options-menu){position:static!important;transform:none!important;width:fit-content}::slotted(scb-menu){padding:0;background:var(--scb-dropdown-panel-surface-color, var(--md-sys-color-surface-container-lowest))}::slotted(scb-checkbox),::slotted(scb-radio-button){display:block;padding-right:var(--spacing-4, 12px)}@media (prefers-reduced-motion:reduce){.panel-surface{transition:none}}:host{--scb-dropdown-design-height-extra-small:var(--scb-buttons-control-size-extra-small, var(--scale-07, 28px));--scb-dropdown-design-height-small:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-dropdown-design-height-medium:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-dropdown-design-height:var(--scb-dropdown-design-height-medium);--scb-dropdown-design-height-large:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-dropdown-design-text-extra-small-font:var(--scb-button-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-dropdown-design-text-extra-small-size:var(--scb-button-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-dropdown-design-text-extra-small-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-dropdown-design-text-extra-small-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-dropdown-design-text-extra-small-weight:var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-dropdown-design-text-extra-small-letter-spacing:var(--scb-button-text-extra-small-letter-spacing, var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-dropdown-design-text-extra-small-font-weight:var(--scb-button-text-extra-small-font-weight, var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-dropdown-design-text-small-font:var(--scb-button-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-dropdown-design-text-small-size:var(--scb-button-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-dropdown-design-text-small-line-height:var(--scb-button-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-dropdown-design-text-small-tracking:var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-dropdown-design-text-small-weight:var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-dropdown-design-text-small-letter-spacing:var(--scb-button-text-small-letter-spacing, var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-dropdown-design-text-small-font-weight:var(--scb-button-text-small-font-weight, var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-dropdown-design-text-medium-font:var(--scb-button-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-dropdown-design-text-medium-size:var(--scb-button-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-dropdown-design-text-medium-line-height:var(--scb-button-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-dropdown-design-text-medium-tracking:var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-dropdown-design-text-medium-weight:var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-dropdown-design-text-medium-letter-spacing:var(--scb-button-text-medium-letter-spacing, var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-dropdown-design-text-medium-font-weight:var(--scb-button-text-medium-font-weight, var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-medium-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-medium-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-medium-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-medium-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-medium-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-medium-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-medium-font-weight);--scb-dropdown-design-text-large-font:var(--scb-button-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-dropdown-design-text-large-size:var(--scb-button-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-dropdown-design-text-large-line-height:var(--scb-button-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-dropdown-design-text-large-tracking:var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-dropdown-design-text-large-weight:var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-dropdown-design-text-large-letter-spacing:var(--scb-button-text-large-letter-spacing, var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-dropdown-design-text-large-font-weight:var(--scb-button-text-large-font-weight, var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-dropdown-design-icon-extra-small:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-dropdown-design-icon-small:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-dropdown-design-icon-medium:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-medium);--scb-dropdown-design-icon-large:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-dropdown-design-padding-inline-extra-small:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-dropdown-design-padding-inline-small:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-dropdown-design-padding-inline-medium:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-medium);--scb-dropdown-design-padding-inline-large:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-dropdown-design-padding-block-extra-small:var(--scb-button-padding-block-extra-small, var(--spacing-2, 4px));--scb-dropdown-design-padding-block-small:var(--scb-button-padding-block-small, 6px);--scb-dropdown-design-padding-block-medium:var(--scb-button-padding-block-medium, 10px);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-medium);--scb-dropdown-design-padding-block-large:var(--scb-button-padding-block-large, var(--spacing-5, 16px));--scb-dropdown-design-gap-extra-small:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-dropdown-design-gap-small:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-dropdown-design-gap-medium:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-medium);--scb-dropdown-design-gap-large:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-dropdown-design-surface-radius-extra-small:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 1000px));--scb-dropdown-design-surface-radius-small:var(--scb-buttons-shape-radius-small, var(--radius-full, 1000px));--scb-dropdown-design-surface-radius-medium:var(--scb-buttons-shape-radius-medium, var(--radius-full, 1000px));--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-medium);--scb-dropdown-design-surface-radius-large:var(--scb-buttons-shape-radius-large, var(--radius-full, 1000px));--scb-dropdown-design-panel-radius-extra-small:var(--scb-dropdown-panel-radius-extra-small, var(--radius-extra-small, 4px));--scb-dropdown-design-panel-radius-small:var(--scb-dropdown-panel-radius-small, var(--radius-extra-small, 4px));--scb-dropdown-design-panel-radius-medium:var(--scb-dropdown-panel-radius-medium, var(--radius-extra-small, 4px));--scb-dropdown-design-panel-radius-large:var(--scb-dropdown-panel-radius-large, var(--radius-extra-small, 4px));--scb-dropdown-design-panel-padding-extra-small:var(--scb-dropdown-panel-padding-extra-small, var(--spacing-4, 12px));--scb-dropdown-design-panel-padding-small:var(--scb-dropdown-panel-padding-small, var(--spacing-4, 12px));--scb-dropdown-design-panel-padding-medium:var(--scb-dropdown-panel-padding-medium, var(--spacing-4, 12px));--scb-dropdown-design-panel-padding-large:var(--scb-dropdown-panel-padding-large, var(--spacing-4, 12px))}:host([size="extra-small"]){--scb-dropdown-design-height:var(--scb-dropdown-design-height-extra-small);--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-extra-small-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-extra-small-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-extra-small-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-extra-small-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-extra-small-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-extra-small-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-extra-small-font-weight);--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-extra-small);--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-extra-small);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-extra-small);--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-extra-small);--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-extra-small)}:host([size="small"]){--scb-dropdown-design-height:var(--scb-dropdown-design-height-small);--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-small-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-small-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-small-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-small-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-small-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-small-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-small-font-weight);--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-small);--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-small);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-small);--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-small);--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-small)}:host([size="medium"]){--scb-dropdown-design-height:var(--scb-dropdown-design-height-medium);--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-medium-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-medium-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-medium-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-medium-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-medium-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-medium-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-medium-font-weight);--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-medium);--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-medium);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-medium);--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-medium);--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-medium)}:host([size="large"]){--scb-dropdown-design-height:var(--scb-dropdown-design-height-large);--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-large-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-large-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-large-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-large-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-large-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-large-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-large-font-weight);--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-large);--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-large);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-large);--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-large);--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-large)}`,w);r([d({type:String})],a.prototype,"label",void 0);r([d({type:String})],a.prototype,"variant",void 0);r([d({type:String,reflect:!0})],a.prototype,"size",void 0);r([d({type:Boolean,reflect:!0})],a.prototype,"open",void 0);r([d({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);r([d({type:String,reflect:!0})],a.prototype,"spacing",void 0);r([d({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);r([d({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);r([d({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);r([d({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);r([d({type:String,attribute:"menu-gap"})],a.prototype,"menuGap",void 0);r([d({type:String})],a.prototype,"width",void 0);r([d({type:String,attribute:"min-width"})],a.prototype,"minWidth",void 0);r([d({type:String,attribute:"max-width"})],a.prototype,"maxWidth",void 0);r([d({type:String,attribute:"data-index"})],a.prototype,"dataIndex",void 0);r([d({type:String,attribute:"aria-current"})],a.prototype,"ariaCurrent",void 0);r([g("[data-scb-dropdown-trigger]")],a.prototype,"_triggerEl",void 0);r([g("slot")],a.prototype,"_slotEl",void 0);r([g(".panel-surface")],a.prototype,"_panelSurfaceEl",void 0);r([g(".panel-inner")],a.prototype,"_panelInnerEl",void 0);a=r([A("scb-dropdown")],a);export{a as ScbDropdown};
+      )}:host([open]) .panel-surface{opacity:1}.panel-inner{overflow:hidden}:host([open][data-open-settled]) .panel-surface{overflow-x:hidden;overflow-y:auto}:host([open][data-open-settled]) .panel-inner{overflow:visible}.panel.has-menu .panel-surface{background:0 0;box-shadow:none;padding:0;max-height:none;opacity:1;transition:none;overflow:visible}.panel.has-menu .panel-inner{overflow:visible}::slotted(scb-options-menu){position:static!important;transform:none!important;width:fit-content}::slotted(scb-menu){padding:0;background:var(--scb-dropdown-panel-surface-color, var(--md-sys-color-surface-container-lowest))}::slotted(scb-checkbox),::slotted(scb-radio-button){display:block;padding-right:var(--spacing-4, 12px)}@media (prefers-reduced-motion:reduce){.panel-surface{transition:none}}:host{--scb-dropdown-design-height-extra-small:var(--scb-buttons-control-size-extra-small, var(--scale-07, 28px));--scb-dropdown-design-height-small:var(--scb-buttons-control-size-small, var(--scb-control-size-small, var(--scale-08, 32px)));--scb-dropdown-design-height-medium:var(--scb-buttons-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px)));--scb-dropdown-design-height:var(--scb-dropdown-design-height-medium);--scb-dropdown-design-height-large:var(--scb-buttons-control-size-large, var(--scb-control-size-large, var(--scale-12, 56px)));--scb-dropdown-design-text-extra-small-font:var(--scb-button-text-extra-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-dropdown-design-text-extra-small-size:var(--scb-button-text-extra-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-dropdown-design-text-extra-small-line-height:var(--scb-button-text-extra-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-dropdown-design-text-extra-small-tracking:var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-dropdown-design-text-extra-small-weight:var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-dropdown-design-text-extra-small-letter-spacing:var(--scb-button-text-extra-small-letter-spacing, var(--scb-button-text-extra-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-dropdown-design-text-extra-small-font-weight:var(--scb-button-text-extra-small-font-weight, var(--scb-button-text-extra-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-dropdown-design-text-small-font:var(--scb-button-text-small-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-dropdown-design-text-small-size:var(--scb-button-text-small-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-dropdown-design-text-small-line-height:var(--scb-button-text-small-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-dropdown-design-text-small-tracking:var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-dropdown-design-text-small-weight:var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-dropdown-design-text-small-letter-spacing:var(--scb-button-text-small-letter-spacing, var(--scb-button-text-small-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-dropdown-design-text-small-font-weight:var(--scb-button-text-small-font-weight, var(--scb-button-text-small-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-dropdown-design-text-medium-font:var(--scb-button-text-medium-font, var(--scb-typography-label-small-font, var(--md-sys-typescale-label-small-font, var(--brand))));--scb-dropdown-design-text-medium-size:var(--scb-button-text-medium-size, var(--scb-typography-label-small-size, var(--md-sys-typescale-label-small-size, 14px)));--scb-dropdown-design-text-medium-line-height:var(--scb-button-text-medium-line-height, var(--scb-typography-label-small-line-height, var(--md-sys-typescale-label-small-line-height, 20px)));--scb-dropdown-design-text-medium-tracking:var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px))));--scb-dropdown-design-text-medium-weight:var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600))));--scb-dropdown-design-text-medium-letter-spacing:var(--scb-button-text-medium-letter-spacing, var(--scb-button-text-medium-tracking, var(--scb-typography-label-small-tracking, var(--md-sys-typescale-label-small-tracking, var(--tracking-02, -0.1px)))));--scb-dropdown-design-text-medium-font-weight:var(--scb-button-text-medium-font-weight, var(--scb-button-text-medium-weight, var(--scb-typography-label-small-weight, var(--md-sys-typescale-label-small-weight, var(--weight-semibold, 600)))));--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-medium-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-medium-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-medium-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-medium-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-medium-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-medium-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-medium-font-weight);--scb-dropdown-design-text-large-font:var(--scb-button-text-large-font, var(--scb-typography-label-medium-font, var(--md-sys-typescale-label-medium-font, var(--brand))));--scb-dropdown-design-text-large-size:var(--scb-button-text-large-size, var(--scb-typography-label-medium-size, var(--md-sys-typescale-label-medium-size, 16px)));--scb-dropdown-design-text-large-line-height:var(--scb-button-text-large-line-height, var(--scb-typography-label-medium-line-height, var(--md-sys-typescale-label-medium-line-height, 24px)));--scb-dropdown-design-text-large-tracking:var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px))));--scb-dropdown-design-text-large-weight:var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600))));--scb-dropdown-design-text-large-letter-spacing:var(--scb-button-text-large-letter-spacing, var(--scb-button-text-large-tracking, var(--scb-typography-label-medium-tracking, var(--md-sys-typescale-label-medium-tracking, var(--tracking-03, -0.15px)))));--scb-dropdown-design-text-large-font-weight:var(--scb-button-text-large-font-weight, var(--scb-button-text-large-weight, var(--scb-typography-label-medium-weight, var(--md-sys-typescale-label-medium-weight, var(--weight-semibold, 600)))));--scb-dropdown-design-icon-extra-small:var(--scb-buttons-icon-size-extra-small, var(--icon-size-small, 20px));--scb-dropdown-design-icon-small:var(--scb-buttons-icon-size-small, var(--icon-size-small, 20px));--scb-dropdown-design-icon-medium:var(--scb-buttons-icon-size-medium, var(--icon-size-small, 20px));--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-medium);--scb-dropdown-design-icon-large:var(--scb-buttons-icon-size-large, var(--icon-size-medium, 24px));--scb-dropdown-design-padding-inline-extra-small:var(--scb-buttons-padding-inline-extra-small, var(--spacing-4, 12px));--scb-dropdown-design-padding-inline-small:var(--scb-buttons-padding-inline-small, var(--spacing-4, 12px));--scb-dropdown-design-padding-inline-medium:var(--scb-buttons-padding-inline-medium, var(--spacing-5, 16px));--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-medium);--scb-dropdown-design-padding-inline-large:var(--scb-buttons-padding-inline-large, var(--spacing-7, 20px));--scb-dropdown-design-padding-block-extra-small:var(--scb-button-padding-block-extra-small, var(--spacing-2, 4px));--scb-dropdown-design-padding-block-small:var(--scb-button-padding-block-small, 6px);--scb-dropdown-design-padding-block-medium:var(--scb-button-padding-block-medium, 10px);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-medium);--scb-dropdown-design-padding-block-large:var(--scb-button-padding-block-large, var(--spacing-5, 16px));--scb-dropdown-design-gap-extra-small:var(--scb-buttons-gap-extra-small, var(--spacing-2, 4px));--scb-dropdown-design-gap-small:var(--scb-buttons-gap-small, var(--spacing-2, 4px));--scb-dropdown-design-gap-medium:var(--scb-buttons-gap-medium, var(--spacing-3, 8px));--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-medium);--scb-dropdown-design-gap-large:var(--scb-buttons-gap-large, var(--spacing-3, 8px));--scb-dropdown-design-surface-radius-extra-small:var(--scb-buttons-shape-radius-extra-small, var(--radius-full, 1000px));--scb-dropdown-design-surface-radius-small:var(--scb-buttons-shape-radius-small, var(--radius-full, 1000px));--scb-dropdown-design-surface-radius-medium:var(--scb-buttons-shape-radius-medium, var(--radius-full, 1000px));--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-medium);--scb-dropdown-design-surface-radius-large:var(--scb-buttons-shape-radius-large, var(--radius-full, 1000px));--scb-dropdown-design-panel-radius-extra-small:var(--scb-dropdown-panel-radius-extra-small, var(--radius-extra-small, 4px));--scb-dropdown-design-panel-radius-small:var(--scb-dropdown-panel-radius-small, var(--radius-extra-small, 4px));--scb-dropdown-design-panel-radius-medium:var(--scb-dropdown-panel-radius-medium, var(--radius-extra-small, 4px));--scb-dropdown-design-panel-radius-large:var(--scb-dropdown-panel-radius-large, var(--radius-extra-small, 4px));--scb-dropdown-design-panel-padding-extra-small:var(--scb-dropdown-panel-padding-extra-small, var(--spacing-4, 12px));--scb-dropdown-design-panel-padding-small:var(--scb-dropdown-panel-padding-small, var(--spacing-4, 12px));--scb-dropdown-design-panel-padding-medium:var(--scb-dropdown-panel-padding-medium, var(--spacing-4, 12px));--scb-dropdown-design-panel-padding-large:var(--scb-dropdown-panel-padding-large, var(--spacing-4, 12px))}:host([size="extra-small"]){--scb-dropdown-design-height:var(--scb-dropdown-design-height-extra-small);--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-extra-small-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-extra-small-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-extra-small-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-extra-small-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-extra-small-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-extra-small-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-extra-small-font-weight);--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-extra-small);--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-extra-small);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-extra-small);--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-extra-small);--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-extra-small)}:host([size="small"]){--scb-dropdown-design-height:var(--scb-dropdown-design-height-small);--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-small-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-small-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-small-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-small-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-small-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-small-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-small-font-weight);--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-small);--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-small);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-small);--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-small);--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-small)}:host([size="medium"]){--scb-dropdown-design-height:var(--scb-dropdown-design-height-medium);--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-medium-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-medium-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-medium-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-medium-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-medium-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-medium-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-medium-font-weight);--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-medium);--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-medium);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-medium);--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-medium);--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-medium)}:host([size="large"]){--scb-dropdown-design-height:var(--scb-dropdown-design-height-large);--scb-dropdown-design-text-font:var(--scb-dropdown-design-text-large-font);--scb-dropdown-design-text-size:var(--scb-dropdown-design-text-large-size);--scb-dropdown-design-text-line-height:var(--scb-dropdown-design-text-large-line-height);--scb-dropdown-design-text-tracking:var(--scb-dropdown-design-text-large-tracking);--scb-dropdown-design-text-weight:var(--scb-dropdown-design-text-large-weight);--scb-dropdown-design-text-letter-spacing:var(--scb-dropdown-design-text-large-letter-spacing);--scb-dropdown-design-text-font-weight:var(--scb-dropdown-design-text-large-font-weight);--scb-dropdown-design-icon:var(--scb-dropdown-design-icon-large);--scb-dropdown-design-padding-inline:var(--scb-dropdown-design-padding-inline-large);--scb-dropdown-design-padding-block:var(--scb-dropdown-design-padding-block-large);--scb-dropdown-design-gap:var(--scb-dropdown-design-gap-large);--scb-dropdown-design-surface-radius:var(--scb-dropdown-design-surface-radius-large)}`,w);r([d({type:String})],a.prototype,"label",void 0);r([d({type:String})],a.prototype,"variant",void 0);r([d({type:String,reflect:!0})],a.prototype,"size",void 0);r([d({type:Boolean,reflect:!0})],a.prototype,"open",void 0);r([d({type:Boolean,reflect:!0})],a.prototype,"disabled",void 0);r([d({type:String,reflect:!0})],a.prototype,"spacing",void 0);r([d({type:String,attribute:"spacing-top",reflect:!0})],a.prototype,"spacingTop",void 0);r([d({type:String,attribute:"spacing-bottom",reflect:!0})],a.prototype,"spacingBottom",void 0);r([d({type:String,attribute:"spacing-left",reflect:!0})],a.prototype,"spacingLeft",void 0);r([d({type:String,attribute:"spacing-right",reflect:!0})],a.prototype,"spacingRight",void 0);r([d({type:String,attribute:"menu-gap"})],a.prototype,"menuGap",void 0);r([d({type:String})],a.prototype,"width",void 0);r([d({type:String,attribute:"min-width"})],a.prototype,"minWidth",void 0);r([d({type:String,attribute:"max-width"})],a.prototype,"maxWidth",void 0);r([d({type:String,attribute:"data-index"})],a.prototype,"dataIndex",void 0);r([d({type:String,attribute:"aria-current"})],a.prototype,"ariaCurrent",void 0);r([b("[data-scb-dropdown-trigger]")],a.prototype,"_defaultTriggerEl",void 0);r([b('slot[name="trigger"]')],a.prototype,"_triggerSlotEl",void 0);r([b("slot:not([name])")],a.prototype,"_slotEl",void 0);r([b(".panel-surface")],a.prototype,"_panelSurfaceEl",void 0);r([b(".panel-inner")],a.prototype,"_panelInnerEl",void 0);a=r([A("scb-dropdown")],a);export{a as ScbDropdown};