scb-wc 0.1.241 → 0.1.243

package/mvc/components/scb-radio-button/scb-radio-button.js

@@ -1,4 +1,4 @@
-import{d as P,g as b,h as D,m as O,o as U,p as a,s as _,v as w,y as K}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{t as l}from"../../vendor/decorate.js";import{t as c}from"../../vendor/assertClassBrand.js";import{t as W}from"../../vendor/classPrivateMethodInitSpec.js";import{n as I,r as L,t as m}from"../../vendor/classPrivateFieldGet2.js";import"../../vendor/md-focus-ring.js";import{a as G,i as q,n as N,r as j,s as H,t as J}from"../../vendor/form-associated.js";import{i as Q,n as X,r as Y,t as Z}from"../../vendor/validator.js";import{t as ee}from"../../vendor/focusable.js";import"./scb-radio-group.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,r,s){try{customElements.get(t)||i(t,r,s)}catch(d){var h=String(d||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var te=class extends Z{computeValidity(e){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let i=!1,t=!1;for(const{checked:r,required:s}of e)s&&(i=!0),r&&(t=!0);return this.radioElement.checked=t,this.radioElement.required=i,{validity:{valueMissing:i&&!t},validationMessage:this.radioElement.validationMessage}}equals(e,i){if(e.length!==i.length)return!1;for(let t=0;t<e.length;t++){const r=e[t],s=i[t];if(r.checked!==s.checked||r.required!==s.required)return!1}return!0}copy(e){return e.map(({checked:i,required:t})=>({checked:i,required:t}))}},ie=class{get controls(){const e=this.host.getAttribute("name");return!e||!this.root||!this.host.isConnected?[this.host]:Array.from(this.root.querySelectorAll(`[name="${e}"]`))}constructor(e){this.host=e,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=i=>{const t=i.key==="ArrowDown",r=i.key==="ArrowUp",s=i.key==="ArrowLeft",h=i.key==="ArrowRight";if(!s&&!h&&!t&&!r)return;const d=this.controls;if(!d.length)return;i.preventDefault();const T=getComputedStyle(this.host).direction==="rtl"?s||t:h||t,z=d.indexOf(this.host);let u=T?z+1:z-1;for(;u!==z;){u>=d.length?u=0:u<0&&(u=d.length-1);const p=d[u];if(p.hasAttribute("disabled")){T?u++:u--;continue}for(const C of d)C!==p&&(C.checked=!1,C.tabIndex=-1,C.blur());p.checked=!0,p.tabIndex=0,p.focus(),p.dispatchEvent(new Event("change",{bubbles:!0}));break}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const e of this.controls)e!==this.host&&(e.checked=!1)}updateTabIndices(){const e=this.controls,i=e.find(t=>t.checked);if(i||this.focused){const t=i||this.host;t.tabIndex=0;for(const r of e)r!==t&&(r.tabIndex=-1);return}for(const t of e)t.tabIndex=0}},V,S=Symbol("checked"),re=0,se=Q(j(G(ee(D)))),E=class extends se{get checked(){return this[S]}set checked(e){const i=this.checked;i!==e&&(this[S]=e,this.requestUpdate("checked",i),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId=`cutout${++re}`,this[V]=!1,this.required=!1,this.value="on",this.selectionController=new ie(this),this.addController(this.selectionController),this[q].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this))}render(){return w`
+import{d as P,g as m,h as D,m as O,o as U,p as o,s as E,v as w,y as K}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{t as l}from"../../vendor/decorate.js";import{t as a}from"../../vendor/assertClassBrand.js";import{t as W}from"../../vendor/classPrivateMethodInitSpec.js";import{n as L,r as I,t as p}from"../../vendor/classPrivateFieldGet2.js";import"../../vendor/md-focus-ring.js";import{a as G,i as B,n as N,r as j,s as H,t as J}from"../../vendor/form-associated.js";import{i as Q,n as X,r as Y,t as Z}from"../../vendor/validator.js";import{t as ee}from"../../vendor/focusable.js";import"./scb-radio-group.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,s,n){try{customElements.get(t)||i(t,s,n)}catch(d){var g=String(d||"");if(g.indexOf("already been used")===-1&&g.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var te=class extends Z{computeValidity(e){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let i=!1,t=!1;for(const{checked:s,required:n}of e)n&&(i=!0),s&&(t=!0);return this.radioElement.checked=t,this.radioElement.required=i,{validity:{valueMissing:i&&!t},validationMessage:this.radioElement.validationMessage}}equals(e,i){if(e.length!==i.length)return!1;for(let t=0;t<e.length;t++){const s=e[t],n=i[t];if(s.checked!==n.checked||s.required!==n.required)return!1}return!0}copy(e){return e.map(({checked:i,required:t})=>({checked:i,required:t}))}},ie=class{get controls(){const e=this.host.getAttribute("name");return!e||!this.root||!this.host.isConnected?[this.host]:Array.from(this.root.querySelectorAll(`[name="${e}"]`))}constructor(e){this.host=e,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=i=>{const t=i.key==="ArrowDown",s=i.key==="ArrowUp",n=i.key==="ArrowLeft",g=i.key==="ArrowRight";if(!n&&!g&&!t&&!s)return;const d=this.controls;if(!d.length)return;i.preventDefault();const T=getComputedStyle(this.host).direction==="rtl"?n||t:g||t,z=d.indexOf(this.host);let h=T?z+1:z-1;for(;h!==z;){h>=d.length?h=0:h<0&&(h=d.length-1);const u=d[h];if(u.hasAttribute("disabled")){T?h++:h--;continue}for(const C of d)C!==u&&(C.checked=!1,C.tabIndex=-1,C.blur());u.checked=!0,u.tabIndex=0,u.focus(),u.dispatchEvent(new Event("change",{bubbles:!0}));break}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const e of this.controls)e!==this.host&&(e.checked=!1)}updateTabIndices(){const e=this.controls,i=e.find(t=>t.checked);if(i||this.focused){const t=i||this.host;t.tabIndex=0;for(const s of e)s!==t&&(s.tabIndex=-1);return}for(const t of e)t.tabIndex=0}},V,S=Symbol("checked"),se=0,re=Q(j(G(ee(D)))),_=class extends re{get checked(){return this[S]}set checked(e){const i=this.checked;i!==e&&(this[S]=e,this.requestUpdate("checked",i),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId=`cutout${++se}`,this[V]=!1,this.required=!1,this.value="on",this.selectionController=new ie(this),this.addController(this.selectionController),this[B].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this))}render(){return w`
       <div class="container ${U({checked:this.checked})}" aria-hidden="true">
         <md-ripple
           part="ripple"
@@ -27,10 +27,10 @@ import{d as P,g as b,h as D,m as O,o as U,p as a,s as _,v as w,y as K}from"../..
           .value=${this.value}
           ?disabled=${this.disabled} />
       </div>
-    `}updated(){this[q].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(H(e)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(e){await 0,!(e.key!==" "||e.defaultPrevented)&&this.click()}[(V=S,N)](){return this.checked?this.value:null}[J](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[X](){return new te(()=>this.selectionController?this.selectionController.controls:[this])}[Y](){return this.container}};_([a({type:Boolean})],E.prototype,"checked",null);_([a({type:Boolean})],E.prototype,"required",void 0);_([a()],E.prototype,"value",void 0);_([P(".container")],E.prototype,"container",void 0);var oe=K`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}input{appearance:none;height:48px;margin:0;position:absolute;width:48px;cursor:inherit}:host([touch-target=none]) input{width:100%;height:100%}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
-`,R=class extends E{};R.styles=[oe];R=_([O("md-radio")],R);var o,v,f,y,$,F=!1,k=0,M=e=>{e.metaKey||e.altKey||e.ctrlKey||(F=!0)},g=()=>{F=!1},ae=()=>{k===0&&(window.addEventListener("keydown",M,!0),window.addEventListener("pointerdown",g,!0),window.addEventListener("mousedown",g,!0),window.addEventListener("touchstart",g,!0)),k+=1},ce=()=>{k=Math.max(0,k-1),k===0&&(window.removeEventListener("keydown",M,!0),window.removeEventListener("pointerdown",g,!0),window.removeEventListener("mousedown",g,!0),window.removeEventListener("touchstart",g,!0))},n=(o=new WeakSet,v=new WeakMap,f=new WeakMap,y=new WeakMap,$=class extends D{constructor(...i){super(...i),W(this,o),L(this,v,void 0),L(this,f,void 0),L(this,y,void 0),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.deselectable=!1,this.label="",this.supportingText="",this.ariaLabel="",this._radioId="",this._showOuterFocusRing=!1,I(v,this,()=>{this.disabled||this.label?.trim()&&F&&c(o,this,x).call(this,!0)}),I(f,this,()=>{c(o,this,x).call(this,!1)}),I(y,this,()=>{c(o,this,x).call(this,!1)}),this._onClick=t=>{if(this.disabled)return;t.preventDefault(),t.stopPropagation();const r=this.deselectable?!this.checked:!0;r!==this.checked&&(this.checked=r,c(o,this,A).call(this),this.checked&&this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.checked?this.value:""},bubbles:!0,composed:!0})))},this._onRadioChange=t=>{t.detail.name===this.name&&t.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),ae(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,c(o,this,B).call(this),this.addEventListener("focusin",m(v,this)),this.addEventListener("focusout",m(f,this)),this.addEventListener("pointerdown",m(y,this),!0),document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),ce(),this.removeEventListener("focusin",m(v,this)),this.removeEventListener("focusout",m(f,this)),this.removeEventListener("pointerdown",m(y,this),!0),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){this.__syncInnerAria(),c(o,this,A).call(this)}updated(i){super.updated(i),i.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.disabled&&c(o,this,x).call(this,!1)),(i.has("label")||i.has("supportingText")||i.has("ariaLabel"))&&this.__syncInnerAria(),i.has("label")&&c(o,this,B).call(this),i.has("checked")&&c(o,this,A).call(this)}__syncInnerAria(){const i=this.shadowRoot?.querySelector("md-radio")?.shadowRoot;if(!i)return;const t=i.querySelector('[role="radio"]')||i.querySelector('input[type="radio"]');if(!t)return;const r=!!this.label?.trim(),s=r?`${this._radioId}-label`:"",h=this.supportingText?`${this._radioId}-supporting-text`:"";r&&s?(t.setAttribute("aria-labelledby",s),t.removeAttribute("aria-label")):(t.removeAttribute("aria-labelledby"),this.ariaLabel?.trim()?t.setAttribute("aria-label",this.ariaLabel.trim()):t.removeAttribute("aria-label")),h?t.setAttribute("aria-describedby",h):t.removeAttribute("aria-describedby")}render(){const i=this.supportingText?`${this._radioId}-supporting-text`:void 0,t=!!this.label?.trim(),r=t?b:this.ariaLabel||b;return w`
+    `}updated(){this[B].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(H(e)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(e){await 0,!(e.key!==" "||e.defaultPrevented)&&this.click()}[(V=S,N)](){return this.checked?this.value:null}[J](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[X](){return new te(()=>this.selectionController?this.selectionController.controls:[this])}[Y](){return this.container}};E([o({type:Boolean})],_.prototype,"checked",null);E([o({type:Boolean})],_.prototype,"required",void 0);E([o()],_.prototype,"value",void 0);E([P(".container")],_.prototype,"container",void 0);var oe=K`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}input{appearance:none;height:48px;margin:0;position:absolute;width:48px;cursor:inherit}:host([touch-target=none]) input{width:100%;height:100%}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
+`,R=class extends _{};R.styles=[oe];R=E([O("md-radio")],R);var r,v,f,y,$,A=!1,k=0,M=e=>{e.metaKey||e.altKey||e.ctrlKey||(A=!0)},b=()=>{A=!1},ae=()=>{k===0&&(window.addEventListener("keydown",M,!0),window.addEventListener("pointerdown",b,!0),window.addEventListener("mousedown",b,!0),window.addEventListener("touchstart",b,!0)),k+=1},ce=()=>{k=Math.max(0,k-1),k===0&&(window.removeEventListener("keydown",M,!0),window.removeEventListener("pointerdown",b,!0),window.removeEventListener("mousedown",b,!0),window.removeEventListener("touchstart",b,!0))},c=(r=new WeakSet,v=new WeakMap,f=new WeakMap,y=new WeakMap,$=class extends D{constructor(...i){super(...i),W(this,r),I(this,v,void 0),I(this,f,void 0),I(this,y,void 0),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.deselectable=!1,this.label="",this.supportingText="",this.ariaLabel="",this._radioId="",this._showOuterFocusRing=!1,L(v,this,()=>{this.disabled||this.label?.trim()&&A&&a(r,this,x).call(this,!0)}),L(f,this,()=>{a(r,this,x).call(this,!1)}),L(y,this,()=>{a(r,this,x).call(this,!1)}),this._onClick=t=>{if(this.disabled)return;t.preventDefault(),t.stopPropagation();const s=this.deselectable?!this.checked:!0;s!==this.checked&&(this.checked=s,a(r,this,F).call(this),this.checked&&this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.checked?this.value:""},bubbles:!0,composed:!0})))},this._onRadioChange=t=>{t.detail.name===this.name&&t.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),ae(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,a(r,this,q).call(this),this.addEventListener("focusin",p(v,this)),this.addEventListener("focusout",p(f,this)),this.addEventListener("pointerdown",p(y,this),!0),document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),ce(),this.removeEventListener("focusin",p(v,this)),this.removeEventListener("focusout",p(f,this)),this.removeEventListener("pointerdown",p(y,this),!0),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){a(r,this,F).call(this)}updated(i){super.updated(i),i.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.disabled&&a(r,this,x).call(this,!1)),i.has("label")&&a(r,this,q).call(this),i.has("checked")&&a(r,this,F).call(this)}render(){const i=this.supportingText?`${this._radioId}-supporting-text`:void 0,t=!!this.label?.trim(),s=this.label?.trim()||this.ariaLabel?.trim()||m;return w`
       <label class="wrap">
-        ${t?w`<md-focus-ring class="outer-focus-ring" ?visible=${this._showOuterFocusRing}></md-focus-ring>`:b}
+        ${t?w`<md-focus-ring class="outer-focus-ring" ?visible=${this._showOuterFocusRing}></md-focus-ring>`:m}
         <div class="radio-wrap">
           <md-radio
             id="${this._radioId}"
@@ -38,15 +38,15 @@ import{d as P,g as b,h as D,m as O,o as U,p as a,s as _,v as w,y as K}from"../..
             ?checked=${this.checked}
             name="${this.name}"
             value="${this.value}"
-            aria-label=${r}
-            aria-describedby=${i??b}
+            aria-label=${s}
+            aria-describedby=${i??m}
             @click=${this._onClick}
           ></md-radio>
         </div>
-        ${t?w`<span class="lbl" id="${this._radioId}-label">${this.label}</span>`:b}
+        ${t?w`<span class="lbl" id="${this._radioId}-label">${this.label}</span>`:m}
         ${this.supportingText?w`<div id="${i}" class="supporting-text">
               ${this.supportingText}
-            </div>`:b}
+            </div>`:m}
       </label>
       <slot></slot>
-    `}},$.styles=K`:host{--scb-choices-text-font-weight-current:var(--scb-radio-button-design-text-medium-font-weight);--scb-choices-text-letter-spacing-current:var(--scb-radio-button-design-text-medium-letter-spacing);--scb-choices-text-line-height-current:var(--scb-radio-button-design-text-medium-line-height);--scb-choices-text-size-current:var(--scb-radio-button-design-text-medium-size);--scb-choices-text-font-current:var(--scb-radio-button-design-text-medium-font);--scb-choices-supporting-font-weight-current:var(--scb-radio-button-design-supporting-medium-font-weight);--scb-choices-supporting-letter-spacing-current:var(--scb-radio-button-design-supporting-medium-letter-spacing);--scb-choices-supporting-line-height-current:var(--scb-radio-button-design-supporting-medium-line-height);--scb-choices-supporting-size-current:var(--scb-radio-button-design-supporting-medium-size);--scb-choices-supporting-font-current:var(--scb-radio-button-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-radio-text-font:var(--scb-choices-text-font-current, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-radio-text-size:var(--scb-choices-text-size-current, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-radio-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-radio-text-tracking:var(--scb-choices-text-letter-spacing-current, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-radio-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-radio-supporting-font:var(--scb-choices-supporting-font-current, var(--scb-radio-text-font));--scb-radio-supporting-size:var(--scb-choices-supporting-size-current, var(--scb-radio-text-size));--scb-radio-supporting-line-height:var(--scb-choices-supporting-line-height-current, var(--scb-radio-text-line-height));--scb-radio-supporting-tracking:var(--scb-choices-supporting-letter-spacing-current, var(--scb-radio-text-tracking));--scb-radio-supporting-weight:var(--scb-choices-supporting-font-weight-current, var(--scb-radio-text-weight));--scb-radio-target:var(--scb-radio-button-design-height-medium);--scb-radio-label-gap:var(--scb-radio-button-design-label-gap-medium)}:host([orientation="horizontal"]){margin-inline-end:var(--scb-radio-gap, var(--spacing-7, 24px))}.wrap{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--scb-radio-label-gap, 0px);row-gap:0;cursor:pointer;overflow:visible;position:relative}:host([disabled]) .wrap{cursor:default}.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-radio::part(focus-ring){display:none}.radio-wrap{height:var(--scb-radio-target, 48px);width:var(--scb-radio-target, 48px);align-items:center;display:flex;justify-content:center;overflow:visible}md-radio{margin:0;--md-radio-icon-size:var(--scb-radio-button-design-radio-marker-size-medium);--md-radio-icon-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-radio-hover-icon-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-radio-focus-icon-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-radio-pressed-icon-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-radio-selected-icon-color:var(--scb-radio-selected-color, var(--md-sys-color-primary));--md-radio-selected-hover-icon-color:var(--scb-radio-selected-color, var(--md-sys-color-primary));--md-radio-selected-focus-icon-color:var(--scb-radio-selected-color, var(--md-sys-color-primary));--md-radio-selected-pressed-icon-color:var(--scb-radio-selected-color, var(--md-sys-color-primary))}.lbl{color:var(--scb-choices-label-color, var(--md-sys-color-on-surface));font-family:var(--scb-radio-text-font, var(--brand-font));font-size:var(--scb-radio-text-size);line-height:var(--scb-radio-text-line-height);font-weight:var(--scb-radio-text-weight);letter-spacing:var(--scb-radio-text-tracking);margin-top:var(--spacing-1, 2px)}:host([disabled]) .lbl,:host([disabled]) .supporting-text{color:var(--n-60)}.supporting-text{grid-column:2;grid-row:2;color:var(--scb-choices-supporting-color, var(--md-sys-color-on-surface-variant));font-family:var(--scb-radio-supporting-font, var(--brand-font));font-size:var(--scb-radio-supporting-size);line-height:var(--scb-radio-supporting-line-height, 20px);font-weight:var(--scb-radio-supporting-weight);letter-spacing:var(--scb-radio-supporting-tracking);margin-bottom:var(--spacing-4, 8px)}@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{--scb-radio-button-design-height-medium:var(--scb-choices-control-size-medium, var(--scale-11, 48px));--scb-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-design-label-gap-medium:var(--scb-choices-label-gap-medium, 0px);--scb-radio-button-design-radio-marker-size-medium:var(--scb-radio-marker-size, var(--icon-size-medium, 24px))}`,$);function x(e){this._showOuterFocusRing!==e&&(this._showOuterFocusRing=e,this.requestUpdate())}function B(){const e=!!this.label?.trim();this.toggleAttribute("data-has-label",e),e||c(o,this,x).call(this,!1)}function A(){const e=this.shadowRoot?.querySelector("md-radio");e&&(e.checked=this.checked,this.checked?e.setAttribute("checked",""):e.removeAttribute("checked"))}l([a({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);l([a({type:Boolean,reflect:!0})],n.prototype,"checked",void 0);l([a({type:String,reflect:!0})],n.prototype,"name",void 0);l([a({type:String,reflect:!0})],n.prototype,"value",void 0);l([a({type:Boolean,reflect:!0})],n.prototype,"deselectable",void 0);l([a({type:String})],n.prototype,"label",void 0);l([a({type:String,attribute:"supporting-text"})],n.prototype,"supportingText",void 0);l([a({type:String,attribute:"aria-label"})],n.prototype,"ariaLabel",void 0);n=l([O("scb-radio-button")],n);
+    `}},$.styles=K`:host{--scb-choices-text-font-weight-current:var(--scb-radio-button-design-text-medium-font-weight);--scb-choices-text-letter-spacing-current:var(--scb-radio-button-design-text-medium-letter-spacing);--scb-choices-text-line-height-current:var(--scb-radio-button-design-text-medium-line-height);--scb-choices-text-size-current:var(--scb-radio-button-design-text-medium-size);--scb-choices-text-font-current:var(--scb-radio-button-design-text-medium-font);--scb-choices-supporting-font-weight-current:var(--scb-radio-button-design-supporting-medium-font-weight);--scb-choices-supporting-letter-spacing-current:var(--scb-radio-button-design-supporting-medium-letter-spacing);--scb-choices-supporting-line-height-current:var(--scb-radio-button-design-supporting-medium-line-height);--scb-choices-supporting-size-current:var(--scb-radio-button-design-supporting-medium-size);--scb-choices-supporting-font-current:var(--scb-radio-button-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-radio-text-font:var(--scb-choices-text-font-current, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font)));--scb-radio-text-size:var(--scb-choices-text-size-current, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size)));--scb-radio-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-radio-text-tracking:var(--scb-choices-text-letter-spacing-current, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking)));--scb-radio-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-radio-supporting-font:var(--scb-choices-supporting-font-current, var(--scb-radio-text-font));--scb-radio-supporting-size:var(--scb-choices-supporting-size-current, var(--scb-radio-text-size));--scb-radio-supporting-line-height:var(--scb-choices-supporting-line-height-current, var(--scb-radio-text-line-height));--scb-radio-supporting-tracking:var(--scb-choices-supporting-letter-spacing-current, var(--scb-radio-text-tracking));--scb-radio-supporting-weight:var(--scb-choices-supporting-font-weight-current, var(--scb-radio-text-weight));--scb-radio-target:var(--scb-radio-button-design-height-medium);--scb-radio-label-gap:var(--scb-radio-button-design-label-gap-medium)}:host([orientation="horizontal"]){margin-inline-end:var(--scb-radio-gap, var(--spacing-7, 24px))}.wrap{display:inline-grid;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--scb-radio-label-gap, 0px);row-gap:0;cursor:pointer;overflow:visible;position:relative}:host([disabled]) .wrap{cursor:default}.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-radio::part(focus-ring){display:none}.radio-wrap{height:var(--scb-radio-target, 48px);width:var(--scb-radio-target, 48px);align-items:center;display:flex;justify-content:center;overflow:visible}md-radio{margin:0;--md-radio-icon-size:var(--scb-radio-button-design-radio-marker-size-medium);--md-radio-icon-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-radio-hover-icon-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-radio-focus-icon-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-radio-pressed-icon-color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));--md-radio-selected-icon-color:var(--scb-radio-selected-color, var(--md-sys-color-primary));--md-radio-selected-hover-icon-color:var(--scb-radio-selected-color, var(--md-sys-color-primary));--md-radio-selected-focus-icon-color:var(--scb-radio-selected-color, var(--md-sys-color-primary));--md-radio-selected-pressed-icon-color:var(--scb-radio-selected-color, var(--md-sys-color-primary))}.lbl{color:var(--scb-choices-label-color, var(--md-sys-color-on-surface));font-family:var(--scb-radio-text-font, var(--brand-font));font-size:var(--scb-radio-text-size);line-height:var(--scb-radio-text-line-height);font-weight:var(--scb-radio-text-weight);letter-spacing:var(--scb-radio-text-tracking);margin-top:var(--spacing-1, 2px)}:host([disabled]) .lbl,:host([disabled]) .supporting-text{color:var(--n-60)}.supporting-text{grid-column:2;grid-row:2;color:var(--scb-choices-supporting-color, var(--md-sys-color-on-surface-variant));font-family:var(--scb-radio-supporting-font, var(--brand-font));font-size:var(--scb-radio-supporting-size);line-height:var(--scb-radio-supporting-line-height, 20px);font-weight:var(--scb-radio-supporting-weight);letter-spacing:var(--scb-radio-supporting-tracking);margin-bottom:var(--spacing-4, 8px)}@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{--scb-radio-button-design-height-medium:var(--scb-choices-control-size-medium, var(--scale-11, 48px));--scb-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-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-radio-button-design-label-gap-medium:var(--scb-choices-label-gap-medium, 0px);--scb-radio-button-design-radio-marker-size-medium:var(--scb-radio-marker-size, var(--icon-size-medium, 24px))}`,$);function x(e){this._showOuterFocusRing!==e&&(this._showOuterFocusRing=e,this.requestUpdate())}function q(){const e=!!this.label?.trim();this.toggleAttribute("data-has-label",e),e||a(r,this,x).call(this,!1)}function F(){const e=this.shadowRoot?.querySelector("md-radio");e&&(e.checked=this.checked,this.checked?e.setAttribute("checked",""):e.removeAttribute("checked"))}l([o({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0);l([o({type:Boolean,reflect:!0})],c.prototype,"checked",void 0);l([o({type:String,reflect:!0})],c.prototype,"name",void 0);l([o({type:String,reflect:!0})],c.prototype,"value",void 0);l([o({type:Boolean,reflect:!0})],c.prototype,"deselectable",void 0);l([o({type:String})],c.prototype,"label",void 0);l([o({type:String,attribute:"supporting-text"})],c.prototype,"supportingText",void 0);l([o({type:String,attribute:"aria-label"})],c.prototype,"ariaLabel",void 0);c=l([O("scb-radio-button")],c);

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

@@ -1,5 +1,5 @@
 const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../../vendor/preload-helper.js","../shared/component-size-token.js"])))=>i.map(i=>d[i]);
-import{f as w,g as b,h as k,m as z,p as c,v as d,y as S}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as A}from"../../vendor/preload-helper.js";import{ensureFocusRingReady as E}from"../shared/lazy-focus-ring.js";import{componentSizeToken as V}from"../shared/component-size-token.js";import{t as I}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{closeManualPopover as _,isManualPopoverOpen as L,openManualPopover as R}from"../shared/manual-popover.js";(function(){try{var f=typeof globalThis<"u"?globalThis:window;if(!f.__scb_ce_guard_installed__){f.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,t,i){try{customElements.get(s)||e(s,t,i)}catch(l){var r=String(l||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var m,C=0,a=(m=class extends k{async _ensureListDepsLoaded(){this._listDepsLoaded||(this._listDepsPromise??(this._listDepsPromise=A(()=>import("../scb-list/scb-list.js").then(()=>{this._listDepsLoaded=!0}),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url)),await this._listDepsPromise)}_ensureListDepsWhenNeeded(){const e=(this.value??"").trim().length>0;!this._inputFocused||!e||!this._hasSuggestions||this._ensureListDepsLoaded().then(()=>this.requestUpdate())}constructor(){super(),this._internals=null,this.supportingText="",this.inputLabel="",this.clearLabel="Rensa sökfält",this.suggestionsLabel="Sökförslag",this.errorText="",this.value="",this.name="",this.disabled=!1,this.required=!1,this.error=!1,this.autocomplete=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.size=I["scb-search"].size,this.fullScreen=!1,this._inputFocused=!1,this._visibleSuggestions=0,this._listDepsLoaded=!1,this._activeIndex=-1,this._listboxId=`scb-search-listbox-${++C}`,this._kbMode=!1,this._valueOnFocus="",this._lastChangeValue="",this._kbShouldShowRing=!1,this._onGlobalKeydown=e=>{e.key==="Tab"&&(E(),this._kbShouldShowRing=!0,this._inputFocused&&this._updateInputRingVisibility())},this._onGlobalPointerDown=()=>{this._kbShouldShowRing=!1,this._inputFocused&&this._updateInputRingVisibility()},this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialValue="",this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._onViewportScroll=()=>{this._positionSuggestionPopover()},this._listScrollHandler=()=>{const e=this._getActiveItem();this._kbMode&&e&&this._positionOptionRing(e)},"attachInternals"in this&&(this._internals=this.attachInternals())}_syncDensityForSize(){this.size==="extra-small"?this.setAttribute("data-density","-5"):this.size==="small"?this.setAttribute("data-density","-4"):this.size==="medium"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")}connectedCallback(){super.connectedCallback(),this._syncDensityForSize(),this._onWindowResize=this._onWindowResize.bind(this),window.addEventListener("resize",this._onWindowResize,{passive:!0}),window.addEventListener("scroll",this._onViewportScroll,{passive:!0,capture:!0}),window.addEventListener("keydown",this._onGlobalKeydown,!0),window.addEventListener("pointerdown",this._onGlobalPointerDown,!0),this._initialValue=this.value??"",this._lastChangeValue=this.value??"",this._form=this.closest("form"),this._form&&(this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("submit",this._formSubmitHandler,!0),this._formResetHandler=()=>{this.value=this._initialValue;const e=this._inputEl();e&&(e.value=this._initialValue),this._lastChangeValue=this._initialValue,this._syncFormValue(),this._filterSuggestions(this.value),this._activeIndex=-1,this._kbMode=!1,this.error=!1,this._hasValidationBeenReported=!1,this._updateComboboxA11y(),this._syncValidity()},this._form.addEventListener("reset",this._formResetHandler,!0)),this._syncFormValue(),this._syncValidity()}disconnectedCallback(){const e=this._inputEl();e&&this._boundNativeKeydown&&e.removeEventListener("keydown",this._boundNativeKeydown,!0),this._detachListScrollListener(),window.removeEventListener("resize",this._onWindowResize),window.removeEventListener("scroll",this._onViewportScroll,!0),_(this._listEl()),window.removeEventListener("keydown",this._onGlobalKeydown,!0),window.removeEventListener("pointerdown",this._onGlobalPointerDown,!0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0),super.disconnectedCallback()}firstUpdated(){this._ensureListboxA11y(),this._updateComboboxA11y();const e=this._inputEl();e&&(this._boundNativeKeydown=s=>this._handleKey(s),e.addEventListener("keydown",this._boundNativeKeydown,!0),e.disabled=this.disabled),this.applySpacing()}updated(e){if(super.updated(e),e.has("size")&&this._syncDensityForSize(),this._ensureListboxA11y(),this._updateComboboxA11y(),this._attachListScrollListener(),this._syncSuggestionPopover(),(e.has("value")||e.has("disabled"))&&this._syncFormValue(),(e.has("value")||e.has("disabled")||e.has("required")||e.has("errorText"))&&this._syncValidity(),e.has("disabled")){this.toggleAttribute("aria-disabled",this.disabled);const s=this._inputEl();s&&(s.disabled=this.disabled)}(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.applySpacing()}render(){const e=(this.value??"").trim().length>0,s=this._inputFocused&&e&&this._hasSuggestions&&this._listDepsLoaded,t=this.error?this._validationMessage||this.errorText||"Ogiltig sökning.":"",i=t?"search-supporting-text":void 0,r=this.inputLabel||this.supportingText||"Sök";return d`
+import{f as w,g as b,h as k,m as z,p as c,v as d,y as S}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as A}from"../../vendor/preload-helper.js";import{ensureFocusRingReady as E}from"../shared/lazy-focus-ring.js";import{componentSizeToken as V}from"../shared/component-size-token.js";import{t as I}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{closeManualPopover as _,isManualPopoverOpen as L,openManualPopover as R}from"../shared/manual-popover.js";(function(){try{var f=typeof globalThis<"u"?globalThis:window;if(!f.__scb_ce_guard_installed__){f.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,t,r){try{customElements.get(s)||e(s,t,r)}catch(l){var i=String(l||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var m,C=0,a=(m=class extends k{async _ensureListDepsLoaded(){this._listDepsLoaded||(this._listDepsPromise??(this._listDepsPromise=A(()=>import("../scb-list/scb-list.js").then(()=>{this._listDepsLoaded=!0}),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url)),await this._listDepsPromise)}_ensureListDepsWhenNeeded(){const e=(this.value??"").trim().length>0;!this._inputFocused||!e||!this._hasSuggestions||this._ensureListDepsLoaded().then(()=>this.requestUpdate())}constructor(){super(),this._internals=null,this.supportingText="",this.inputLabel="",this.clearLabel="Rensa sökfält",this.suggestionsLabel="Sökförslag",this.errorText="",this.value="",this.name="",this.disabled=!1,this.required=!1,this.error=!1,this.autocomplete=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.size=I["scb-search"].size,this.fullScreen=!1,this._inputFocused=!1,this._visibleSuggestions=0,this._listDepsLoaded=!1,this._activeIndex=-1,this._listboxId=`scb-search-listbox-${++C}`,this._kbMode=!1,this._valueOnFocus="",this._lastChangeValue="",this._kbShouldShowRing=!1,this._onGlobalKeydown=e=>{e.key==="Tab"&&(E(),this._kbShouldShowRing=!0,this._inputFocused&&this._updateInputRingVisibility())},this._onGlobalPointerDown=()=>{this._kbShouldShowRing=!1,this._inputFocused&&this._updateInputRingVisibility()},this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialValue="",this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._onViewportScroll=()=>{this._positionSuggestionPopover()},this._listScrollHandler=()=>{const e=this._getActiveItem();this._kbMode&&e&&this._positionOptionRing(e)},"attachInternals"in this&&(this._internals=this.attachInternals())}_syncDensityForSize(){this.size==="extra-small"?this.setAttribute("data-density","-5"):this.size==="small"?this.setAttribute("data-density","-4"):this.size==="medium"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")}connectedCallback(){super.connectedCallback(),this._syncDensityForSize(),this._onWindowResize=this._onWindowResize.bind(this),window.addEventListener("resize",this._onWindowResize,{passive:!0}),window.addEventListener("scroll",this._onViewportScroll,{passive:!0,capture:!0}),window.addEventListener("keydown",this._onGlobalKeydown,!0),window.addEventListener("pointerdown",this._onGlobalPointerDown,!0),this._initialValue=this.value??"",this._lastChangeValue=this.value??"",this._form=this.closest("form"),this._form&&(this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("submit",this._formSubmitHandler,!0),this._formResetHandler=()=>{this.value=this._initialValue;const e=this._inputEl();e&&(e.value=this._initialValue),this._lastChangeValue=this._initialValue,this._syncFormValue(),this._filterSuggestions(this.value),this._activeIndex=-1,this._kbMode=!1,this.error=!1,this._hasValidationBeenReported=!1,this._updateComboboxA11y(),this._syncValidity()},this._form.addEventListener("reset",this._formResetHandler,!0)),this._syncFormValue(),this._syncValidity()}disconnectedCallback(){const e=this._inputEl();e&&this._boundNativeKeydown&&e.removeEventListener("keydown",this._boundNativeKeydown,!0),this._detachListScrollListener(),window.removeEventListener("resize",this._onWindowResize),window.removeEventListener("scroll",this._onViewportScroll,!0),_(this._listEl()),window.removeEventListener("keydown",this._onGlobalKeydown,!0),window.removeEventListener("pointerdown",this._onGlobalPointerDown,!0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0),super.disconnectedCallback()}firstUpdated(){this._ensureListboxA11y(),this._updateComboboxA11y();const e=this._inputEl();e&&(this._boundNativeKeydown=s=>this._handleKey(s),e.addEventListener("keydown",this._boundNativeKeydown,!0),e.disabled=this.disabled),this.applySpacing()}updated(e){if(super.updated(e),e.has("size")&&this._syncDensityForSize(),this._ensureListboxA11y(),this._updateComboboxA11y(),this._attachListScrollListener(),this._syncSuggestionPopover(),(e.has("value")||e.has("disabled"))&&this._syncFormValue(),(e.has("value")||e.has("disabled")||e.has("required")||e.has("errorText"))&&this._syncValidity(),e.has("disabled")){this.toggleAttribute("aria-disabled",this.disabled);const s=this._inputEl();s&&(s.disabled=this.disabled)}(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.applySpacing()}render(){const e=(this.value??"").trim().length>0,s=this._inputFocused&&e&&this._hasSuggestions&&this._listDepsLoaded,t=this.error?this._validationMessage||this.errorText||"Ogiltig sökning.":"",r=t?"search-supporting-text":void 0,i=this.inputLabel||this.supportingText||"Sök";return d`
       <div class="ripple-wrapper">
         <md-icon class="leading">${e?"arrow_back":"search"}</md-icon>
 
@@ -17,8 +17,8 @@ import{f as w,g as b,h as k,m as z,p as c,v as d,y as S}from"../../vendor/vendor
           @focus=${this._onFocus}
           @blur=${this._onBlur}
           aria-invalid=${this.error?"true":"false"}
-          aria-describedby=${i||b}
-          aria-label=${r}
+          aria-describedby=${r||b}
+          aria-label=${i}
         />
 
         ${e?d`<button
@@ -50,7 +50,7 @@ import{f as w,g as b,h as k,m as z,p as c,v as d,y as S}from"../../vendor/vendor
             <md-focus-ring id="optionRing" class="option-ring"></md-focus-ring>
           `:b}
       ${t?d`<span id="search-supporting-text" class="supporting-text">${t}</span>`:b}
-    `}formDisabledCallback(e){this.disabled=e,e&&(this._hasValidationBeenReported=!1)}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.value??"").trim()?this.errorText||"Fyll i det här fältet.":""}_syncValidity(){const e=this._inputEl(),s=this.disabled?"":this._getValidationMessage(),t=this.error,i=this._validationMessage;if(e&&e.setCustomValidity(s),this._internals)if(s){const r=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(r,s,e??void 0)}else this._internals.setValidity({});this._validationMessage=s,this.error=this.disabled?!1:s?this._hasValidationBeenReported||t:t&&!this._hasValidationBeenReported&&!i,e&&e.setAttribute("aria-invalid",this.error?"true":"false"),this.toggleAttribute("aria-invalid",this.error),(t!==this.error||i!==this._validationMessage)&&this.requestUpdate()}checkValidity(){return this._syncValidity(),this._internals?this._internals.checkValidity():!this.error}reportValidity(){this._hasValidationBeenReported=!0,this._syncValidity();const e=this._inputEl();return e?e.reportValidity():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}submit(){const e=this._getActiveItem(),s={value:this.value};e&&(s.active=this._itemPayload(e)),this._dispatchSubmit(s)}focus(e){const s=this._inputEl();if(s){s.focus(e);return}this.updateComplete.then(()=>this._inputEl()?.focus(e))}blur(){this._inputEl()?.blur()}get _hasSuggestions(){return this._visibleSuggestions>=0?this._visibleSuggestions>0:Array.from(this.getElementsByTagName("scb-list-item")).some(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_onSlotChange(){this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded()}_onInput(e){e.stopPropagation();const s=e.target;this.value=s.value,this._syncFormValue(),this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded(),this._activeIndex=-1,this._kbMode=!1,this._updateComboboxA11y();const t={value:this.value};this.dispatchEvent(new CustomEvent("scb-search-input",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchinput",{detail:t,bubbles:!0,composed:!0})),this._dispatchStandardInput()}_onNativeChange(e){e.stopPropagation()}_onFocus(){this.disabled||(this._valueOnFocus=this.value??"",this._inputFocused=!0,this._updateInputRingVisibility(),this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded(),this._updateComboboxA11y(),this.requestUpdate())}_onBlur(){setTimeout(()=>{this._inputFocused=!1,this._activeIndex=-1,this._kbMode=!1,this._updateInputRingVisibility(),this._updateComboboxA11y(),this._hideOptionRing(),this._valueOnFocus!==(this.value??"")&&this._dispatchStandardChangeIfNeeded(),this.requestUpdate()},100)}_updateInputRingVisibility(){const e=this.renderRoot?.querySelector(".ripple-wrapper");e&&(this._inputFocused&&this._kbShouldShowRing?e.setAttribute("data-kb-focus","true"):e.removeAttribute("data-kb-focus"))}_handleKey(e){if(this.disabled||!this._inputEl())return;const s=this._getVisibleItems(),t=(this.value??"").trim().length>0,i=this._inputFocused&&t&&s.length>0,r=e.key,l=e.keyCode,h=r==="ArrowDown"||r==="Down"||l===40,g=r==="ArrowUp"||r==="Up"||l===38,o=r==="Home"||l===36,p=r==="End"||l===35,u=r==="Enter"||l===13,y=r==="Escape"||r==="Esc"||l===27;if(h){if(!i)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,1);return}if(g){if(!i)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,-1);return}if(o){if(!i)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?0:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(p){if(!i)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?s.length-1:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(u){if(!i){const v=this._internals?.form??this._form??this.closest("form");v?(e.preventDefault(),this.reportValidity()&&v.requestSubmit()):this.submit();return}e.preventDefault();const x=this._getActiveItem();if(x){const v=x.getAttribute("label")||"";this.value=v,this._syncFormValue(),this._dispatchStandardInput(),this._dispatchSubmit({value:this.value,active:this._itemPayload(x)}),this._visibleSuggestions=0,this._activeIndex=-1,this._kbMode=!1,this._hideOptionRing(),this.requestUpdate()}else this.submit();return}if(y){e.preventDefault(),this._clearInput();return}}_clearInput(){if(this.disabled)return;this.value="",this._activeIndex=-1,this._kbMode=!1;const e=this._inputEl();e&&(e.value="",e.focus()),this._filterSuggestions(""),this._updateComboboxA11y(),this._hideOptionRing(),this._syncFormValue(),this._dispatchStandardInput(),this.dispatchEvent(new CustomEvent("scb-search-clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchclear",{bubbles:!0,composed:!0})),this._dispatchStandardChangeIfNeeded()}_filterSuggestions(e){const s=(e??"").trim().toLowerCase(),t=Array.from(this.querySelectorAll("scb-list-item"));let i=0;for(const r of t){const l=`${(r.getAttribute("label")||"").toLowerCase()} ${(r.getAttribute("supporting-text")||"").toLowerCase()}`.trim();s!==""&&l.includes(s)?(r.removeAttribute("hidden"),i++):r.setAttribute("hidden",""),this._ensureOptionA11y(r)}this._visibleSuggestions=i,this._activeIndex>=i&&(this._activeIndex=-1),this._updateComboboxA11y(),this.requestUpdate()}_inputEl(){return this.renderRoot?.querySelector("#searchInput")??null}_listEl(){return this.renderRoot?.querySelector("scb-list.suggestion-list")??null}_ringEl(){return this.renderRoot?.querySelector("#optionRing")??null}_getVisibleItems(){return Array.from(this.querySelectorAll("scb-list-item")).filter(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_getActiveItem(){const e=this._getVisibleItems();return this._activeIndex<0||this._activeIndex>=e.length?null:e[this._activeIndex]??null}_moveActive(e,s){if(!e.length){this._activeIndex=-1,this._updateComboboxA11y(),this._hideOptionRing();return}let t=this._activeIndex+s;this._activeIndex===-1?t=s>0?0:e.length-1:(t<0&&(t=0),t>=e.length&&(t=e.length-1)),this._activeIndex=t,this._updateComboboxA11y(),this._scrollActiveIntoView()}_scrollActiveIntoView(){const e=this._getActiveItem(),s=this._listEl();if(!e||!s)return;const t=s.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<t.top?s.scrollTop-=t.top-i.top:i.bottom>t.bottom&&(s.scrollTop+=i.bottom-t.bottom)}_itemPayload(e){return{label:e.getAttribute("label")||"",supportingText:e.getAttribute("supporting-text")||"",href:e.getAttribute("href")||"",type:e.getAttribute("type")||"",id:e.id||""}}_ensureListboxA11y(){const e=this._listEl();e&&(e.id||(e.id=this._listboxId),e.setAttribute("role","listbox"),e.setAttribute("aria-label",this.suggestionsLabel)),Array.from(this.querySelectorAll("scb-list-item")).forEach(s=>this._ensureOptionA11y(s))}_ensureOptionA11y(e){e.id||(e.id=`${this._listboxId}-opt-${Math.random().toString(36).slice(2,8)}`),e.setAttribute("role","option"),e.setAttribute("tabindex","-1")}_updateComboboxA11y(){const e=this._inputEl();if(!e)return;const s=this._getVisibleItems(),t=(this.value??"").trim().length>0,i=this._inputFocused&&t&&s.length>0;e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-controls",this._listboxId),e.setAttribute("aria-expanded",String(i));const r=i?this._getActiveItem():null;r?.id?e.setAttribute("aria-activedescendant",r.id):e.removeAttribute("aria-activedescendant"),this._kbMode&&r&&i?this._positionOptionRing(r):this._hideOptionRing()}_positionOptionRing(e){const s=this._ringEl(),t=this._listEl();if(!s||!t)return;const i=this.getBoundingClientRect(),r=e.getBoundingClientRect(),l=r.top-i.top,h=r.left-i.left,g=r.width,o=r.height;s.style.top=`${l}px`,s.style.left=`${h}px`,s.style.width=`${g}px`,s.style.height=`${o}px`,s.setAttribute("data-show","true")}_hideOptionRing(){const e=this._ringEl();e&&e.removeAttribute("data-show")}_onWindowResize(){const e=this._getActiveItem();this._kbMode&&e&&this._positionOptionRing(e),this._positionSuggestionPopover()}_syncSuggestionPopover(){const e=this._listEl();if(!e||this.fullScreen){_(e);return}R(e)&&requestAnimationFrame(()=>this._positionSuggestionPopover())}_positionSuggestionPopover(){const e=this._listEl(),s=this._inputEl();if(!e||!s||!L(e))return;const t=s.getBoundingClientRect(),i=8,r=Math.max(0,window.innerWidth-i*2),l=Math.min(t.width,r),h=Math.min(Math.max(t.left,i),window.innerWidth-i-l),g=e.getBoundingClientRect().height||e.scrollHeight,o=window.innerHeight-t.bottom-i,p=t.top-i,u=g>o&&p>o,y=Math.max(0,u?p:o);e.style.position="fixed",e.style.left=`${Math.round(h)}px`,e.style.width=`${Math.round(l)}px`,e.style.right="auto",e.style.maxHeight=`${Math.round(y)}px`,u?(e.style.top="auto",e.style.bottom=`${Math.round(window.innerHeight-t.top)}px`):(e.style.top=`${Math.round(t.bottom)}px`,e.style.bottom="auto")}_attachListScrollListener(){const e=this._listEl();!e||this._listWithHandler===e||(this._detachListScrollListener(),e.addEventListener("scroll",this._listScrollHandler,{passive:!0}),this._listWithHandler=e)}_detachListScrollListener(){this._listWithHandler&&(this._listWithHandler.removeEventListener("scroll",this._listScrollHandler),this._listWithHandler=void 0)}_dispatchStandardInput(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_dispatchStandardChangeIfNeeded(){const e=this.value??"";e!==this._lastChangeValue&&(this._lastChangeValue=e,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}_dispatchSubmit(e){this.dispatchEvent(new CustomEvent("scb-search-submit",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchsubmit",{detail:e,bubbles:!0,composed:!0})),this._dispatchStandardChangeIfNeeded()}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}applySpacing(){const e=this.mapSpacingToken(this.spacing),s=this.mapSpacingToken(this.spacingTop)??e,t=this.mapSpacingToken(this.spacingBottom)??e,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);s?this.style.setProperty("--scb-search-spacing-block-start",s):this.style.removeProperty("--scb-search-spacing-block-start"),t?this.style.setProperty("--scb-search-spacing-block-end",t):this.style.removeProperty("--scb-search-spacing-block-end"),i?this.style.setProperty("--scb-search-spacing-inline-start",i):this.style.removeProperty("--scb-search-spacing-inline-start"),r?this.style.setProperty("--scb-search-spacing-inline-end",r):this.style.removeProperty("--scb-search-spacing-inline-end")}_syncFormValue(){if(!this._internals)return;const e=this.disabled?null:this.value;this._internals.setFormValue(e)}},m.formAssociated=!0,m.styles=S`:host{--scb-fields-text-font-weight-current:var(--scb-fields-text-medium-font-weight, var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-fields-text-weight))));--scb-fields-text-letter-spacing-current:var(--scb-fields-text-medium-letter-spacing, var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-fields-text-tracking))));--scb-fields-text-line-height-current:var(--scb-fields-text-medium-line-height, var(--scb-fields-text-line-height));--scb-fields-text-size-current:var(--scb-fields-text-medium-size, var(--scb-fields-text-size));--scb-fields-text-font-current:var(--scb-fields-text-medium-font, var(--scb-fields-text-font));--scb-fields-label-font-weight-current:var(--scb-fields-label-medium-font-weight, var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-fields-label-weight))));--scb-fields-label-letter-spacing-current:var(--scb-fields-label-medium-letter-spacing, var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-fields-label-tracking))));--scb-fields-label-line-height-current:var(--scb-fields-label-medium-line-height, var(--scb-fields-label-line-height));--scb-fields-label-size-current:var(--scb-fields-label-medium-size, var(--scb-fields-label-size));--scb-fields-label-font-current:var(--scb-fields-label-medium-font, var(--scb-fields-label-font));--scb-fields-supporting-font-weight-current:var(--scb-fields-supporting-medium-font-weight, var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-fields-supporting-weight))));--scb-fields-supporting-letter-spacing-current:var(--scb-fields-supporting-medium-letter-spacing, var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-fields-supporting-tracking))));--scb-fields-supporting-line-height-current:var(--scb-fields-supporting-medium-line-height, var(--scb-fields-supporting-line-height));--scb-fields-supporting-size-current:var(--scb-fields-supporting-medium-size, var(--scb-fields-supporting-size));--scb-fields-supporting-font-current:var(--scb-fields-supporting-medium-font, var(--scb-fields-supporting-font));--scb-fields-option-text-font-weight-current:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-fields-option-text-weight))));--scb-fields-option-text-letter-spacing-current:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-fields-option-text-tracking))));--scb-fields-option-text-line-height-current:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height));--scb-fields-option-text-size-current:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size));--scb-fields-option-text-font-current:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font));display:flex;flex-direction:column;position:relative;color:var(--scb-fields-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-fields-focus-color, var(--md-sys-color-primary));-webkit-tap-highlight-color:transparent;margin-block-start:var(--scb-search-spacing-block-start, 0);margin-block-end:var(--scb-search-spacing-block-end, 0);margin-inline-start:var(--scb-search-spacing-inline-start, 0);margin-inline-end:var(--scb-search-spacing-inline-end, 0);--scb-search-radius:var(--scb-search-design-surface-radius-medium);--scb-search-open-radius:var(--radius-xl, 24px);--scb-search-height:var(--scb-search-design-height-medium);--scb-search-padding-x:var(--scb-search-design-search-padding-inline-medium);--scb-search-padding-y:var(--scb-search-design-padding-block-medium);--scb-search-leading-size:var(--scb-search-design-search-action-size-medium);--scb-search-trailing-size:var(--scb-search-design-search-action-size-medium);--scb-search-gap:var(--scb-search-design-search-icon-gap);--scb-search-leading-gap:calc(
+    `}formDisabledCallback(e){this.disabled=e,e&&(this._hasValidationBeenReported=!1)}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.value??"").trim()?this.errorText||"Fyll i det här fältet.":""}_syncValidity(){const e=this._inputEl(),s=this.disabled?"":this._getValidationMessage(),t=this.error,r=this._validationMessage;if(e&&e.setCustomValidity(s),this._internals)if(s){const i=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(i,s,e??void 0)}else this._internals.setValidity({});this._validationMessage=s,this.error=this.disabled?!1:s?this._hasValidationBeenReported||t:t&&!this._hasValidationBeenReported&&!r,e&&e.setAttribute("aria-invalid",this.error?"true":"false"),this.toggleAttribute("aria-invalid",this.error),(t!==this.error||r!==this._validationMessage)&&this.requestUpdate()}checkValidity(){return this._syncValidity(),this._internals?this._internals.checkValidity():!this.error}reportValidity(){this._hasValidationBeenReported=!0,this._syncValidity();const e=this._inputEl();return e?e.reportValidity():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}submit(){const e=this._getActiveItem(),s={value:this.value};e&&(s.active=this._itemPayload(e)),this._dispatchSubmit(s)}focus(e){const s=this._inputEl();if(s){s.focus(e);return}this.updateComplete.then(()=>this._inputEl()?.focus(e))}blur(){this._inputEl()?.blur()}get _hasSuggestions(){return this._visibleSuggestions>=0?this._visibleSuggestions>0:Array.from(this.getElementsByTagName("scb-list-item")).some(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_onSlotChange(){this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded()}_onInput(e){e.stopPropagation();const s=e.target;this.value=s.value,this._syncFormValue(),this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded(),this._activeIndex=-1,this._kbMode=!1,this._updateComboboxA11y();const t={value:this.value};this.dispatchEvent(new CustomEvent("scb-search-input",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchinput",{detail:t,bubbles:!0,composed:!0})),this._dispatchStandardInput()}_onNativeChange(e){e.stopPropagation()}_onFocus(){this.disabled||(this._valueOnFocus=this.value??"",this._inputFocused=!0,this._updateInputRingVisibility(),this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded(),this._updateComboboxA11y(),this.requestUpdate())}_onBlur(){setTimeout(()=>{this._inputFocused=!1,this._activeIndex=-1,this._kbMode=!1,this._updateInputRingVisibility(),this._updateComboboxA11y(),this._hideOptionRing(),this._valueOnFocus!==(this.value??"")&&this._dispatchStandardChangeIfNeeded(),this.requestUpdate()},100)}_updateInputRingVisibility(){const e=this.renderRoot?.querySelector(".ripple-wrapper");e&&(this._inputFocused&&this._kbShouldShowRing?e.setAttribute("data-kb-focus","true"):e.removeAttribute("data-kb-focus"))}_handleKey(e){if(this.disabled||!this._inputEl())return;const s=this._getVisibleItems(),t=(this.value??"").trim().length>0,r=this._inputFocused&&t&&s.length>0,i=e.key,l=e.keyCode,h=i==="ArrowDown"||i==="Down"||l===40,g=i==="ArrowUp"||i==="Up"||l===38,o=i==="Home"||l===36,p=i==="End"||l===35,u=i==="Enter"||l===13,y=i==="Escape"||i==="Esc"||l===27;if(h){if(!r)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,1);return}if(g){if(!r)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,-1);return}if(o){if(!r)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?0:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(p){if(!r)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?s.length-1:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(u){if(!r){const v=this._internals?.form??this._form??this.closest("form");v?(e.preventDefault(),this.reportValidity()&&v.requestSubmit()):this.submit();return}e.preventDefault();const x=this._getActiveItem();if(x){const v=x.getAttribute("label")||"";this.value=v,this._syncFormValue(),this._dispatchStandardInput(),this._dispatchSubmit({value:this.value,active:this._itemPayload(x)}),this._visibleSuggestions=0,this._activeIndex=-1,this._kbMode=!1,this._hideOptionRing(),this.requestUpdate()}else this.submit();return}if(y){e.preventDefault(),this._clearInput();return}}_clearInput(){if(this.disabled)return;this.value="",this._activeIndex=-1,this._kbMode=!1;const e=this._inputEl();e&&(e.value="",e.focus()),this._filterSuggestions(""),this._updateComboboxA11y(),this._hideOptionRing(),this._syncFormValue(),this._dispatchStandardInput(),this.dispatchEvent(new CustomEvent("scb-search-clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchclear",{bubbles:!0,composed:!0})),this._dispatchStandardChangeIfNeeded()}_filterSuggestions(e){const s=(e??"").trim().toLowerCase(),t=Array.from(this.querySelectorAll("scb-list-item"));let r=0;for(const i of t){const l=`${(i.getAttribute("label")||"").toLowerCase()} ${(i.getAttribute("supporting-text")||"").toLowerCase()}`.trim();s!==""&&l.includes(s)?(i.removeAttribute("hidden"),r++):i.setAttribute("hidden",""),this._ensureOptionA11y(i)}this._visibleSuggestions=r,this._activeIndex>=r&&(this._activeIndex=-1),this._updateComboboxA11y(),this.requestUpdate()}_inputEl(){return this.renderRoot?.querySelector("#searchInput")??null}_listEl(){return this.renderRoot?.querySelector("scb-list.suggestion-list")??null}_ringEl(){return this.renderRoot?.querySelector("#optionRing")??null}_getVisibleItems(){return Array.from(this.querySelectorAll("scb-list-item")).filter(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_getActiveItem(){const e=this._getVisibleItems();return this._activeIndex<0||this._activeIndex>=e.length?null:e[this._activeIndex]??null}_moveActive(e,s){if(!e.length){this._activeIndex=-1,this._updateComboboxA11y(),this._hideOptionRing();return}let t=this._activeIndex+s;this._activeIndex===-1?t=s>0?0:e.length-1:(t<0&&(t=0),t>=e.length&&(t=e.length-1)),this._activeIndex=t,this._updateComboboxA11y(),this._scrollActiveIntoView()}_scrollActiveIntoView(){const e=this._getActiveItem(),s=this._listEl();if(!e||!s)return;const t=s.getBoundingClientRect(),r=e.getBoundingClientRect();r.top<t.top?s.scrollTop-=t.top-r.top:r.bottom>t.bottom&&(s.scrollTop+=r.bottom-t.bottom)}_itemPayload(e){return{label:e.getAttribute("label")||"",supportingText:e.getAttribute("supporting-text")||"",href:e.getAttribute("href")||"",type:e.getAttribute("type")||"",id:e.id||""}}_ensureListboxA11y(){const e=this._listEl();e&&(e.id||(e.id=this._listboxId),e.setAttribute("role","listbox"),e.setAttribute("aria-label",this.suggestionsLabel)),Array.from(this.querySelectorAll("scb-list-item")).forEach(s=>this._ensureOptionA11y(s))}_ensureOptionA11y(e){e.id||(e.id=`${this._listboxId}-opt-${Math.random().toString(36).slice(2,8)}`),e.setAttribute("role","option"),e.setAttribute("tabindex","-1")}_updateComboboxA11y(){const e=this._inputEl();if(!e)return;const s=this._getVisibleItems(),t=(this.value??"").trim().length>0,r=this._inputFocused&&t&&s.length>0;e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-controls",this._listboxId),e.setAttribute("aria-expanded",String(r));const i=r?this._getActiveItem():null;"ariaActiveDescendantElement"in Element.prototype?e.ariaActiveDescendantElement=i:i?.id?e.setAttribute("aria-activedescendant",i.id):e.removeAttribute("aria-activedescendant"),this._kbMode&&i&&r?this._positionOptionRing(i):this._hideOptionRing()}_positionOptionRing(e){const s=this._ringEl(),t=this._listEl();if(!s||!t)return;const r=this.getBoundingClientRect(),i=e.getBoundingClientRect(),l=i.top-r.top,h=i.left-r.left,g=i.width,o=i.height;s.style.top=`${l}px`,s.style.left=`${h}px`,s.style.width=`${g}px`,s.style.height=`${o}px`,s.setAttribute("data-show","true")}_hideOptionRing(){const e=this._ringEl();e&&e.removeAttribute("data-show")}_onWindowResize(){const e=this._getActiveItem();this._kbMode&&e&&this._positionOptionRing(e),this._positionSuggestionPopover()}_syncSuggestionPopover(){const e=this._listEl();if(!e||this.fullScreen){_(e);return}R(e)&&requestAnimationFrame(()=>this._positionSuggestionPopover())}_positionSuggestionPopover(){const e=this._listEl(),s=this._inputEl();if(!e||!s||!L(e))return;const t=s.getBoundingClientRect(),r=8,i=Math.max(0,window.innerWidth-r*2),l=Math.min(t.width,i),h=Math.min(Math.max(t.left,r),window.innerWidth-r-l),g=e.getBoundingClientRect().height||e.scrollHeight,o=window.innerHeight-t.bottom-r,p=t.top-r,u=g>o&&p>o,y=Math.max(0,u?p:o);e.style.position="fixed",e.style.left=`${Math.round(h)}px`,e.style.width=`${Math.round(l)}px`,e.style.right="auto",e.style.maxHeight=`${Math.round(y)}px`,u?(e.style.top="auto",e.style.bottom=`${Math.round(window.innerHeight-t.top)}px`):(e.style.top=`${Math.round(t.bottom)}px`,e.style.bottom="auto")}_attachListScrollListener(){const e=this._listEl();!e||this._listWithHandler===e||(this._detachListScrollListener(),e.addEventListener("scroll",this._listScrollHandler,{passive:!0}),this._listWithHandler=e)}_detachListScrollListener(){this._listWithHandler&&(this._listWithHandler.removeEventListener("scroll",this._listScrollHandler),this._listWithHandler=void 0)}_dispatchStandardInput(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_dispatchStandardChangeIfNeeded(){const e=this.value??"";e!==this._lastChangeValue&&(this._lastChangeValue=e,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}_dispatchSubmit(e){this.dispatchEvent(new CustomEvent("scb-search-submit",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchsubmit",{detail:e,bubbles:!0,composed:!0})),this._dispatchStandardChangeIfNeeded()}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}applySpacing(){const e=this.mapSpacingToken(this.spacing),s=this.mapSpacingToken(this.spacingTop)??e,t=this.mapSpacingToken(this.spacingBottom)??e,r=this.mapSpacingToken(this.spacingLeft),i=this.mapSpacingToken(this.spacingRight);s?this.style.setProperty("--scb-search-spacing-block-start",s):this.style.removeProperty("--scb-search-spacing-block-start"),t?this.style.setProperty("--scb-search-spacing-block-end",t):this.style.removeProperty("--scb-search-spacing-block-end"),r?this.style.setProperty("--scb-search-spacing-inline-start",r):this.style.removeProperty("--scb-search-spacing-inline-start"),i?this.style.setProperty("--scb-search-spacing-inline-end",i):this.style.removeProperty("--scb-search-spacing-inline-end")}_syncFormValue(){if(!this._internals)return;const e=this.disabled?null:this.value;this._internals.setFormValue(e)}},m.formAssociated=!0,m.styles=S`:host{--scb-fields-text-font-weight-current:var(--scb-fields-text-medium-font-weight, var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-fields-text-weight))));--scb-fields-text-letter-spacing-current:var(--scb-fields-text-medium-letter-spacing, var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-fields-text-tracking))));--scb-fields-text-line-height-current:var(--scb-fields-text-medium-line-height, var(--scb-fields-text-line-height));--scb-fields-text-size-current:var(--scb-fields-text-medium-size, var(--scb-fields-text-size));--scb-fields-text-font-current:var(--scb-fields-text-medium-font, var(--scb-fields-text-font));--scb-fields-label-font-weight-current:var(--scb-fields-label-medium-font-weight, var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-fields-label-weight))));--scb-fields-label-letter-spacing-current:var(--scb-fields-label-medium-letter-spacing, var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-fields-label-tracking))));--scb-fields-label-line-height-current:var(--scb-fields-label-medium-line-height, var(--scb-fields-label-line-height));--scb-fields-label-size-current:var(--scb-fields-label-medium-size, var(--scb-fields-label-size));--scb-fields-label-font-current:var(--scb-fields-label-medium-font, var(--scb-fields-label-font));--scb-fields-supporting-font-weight-current:var(--scb-fields-supporting-medium-font-weight, var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-fields-supporting-weight))));--scb-fields-supporting-letter-spacing-current:var(--scb-fields-supporting-medium-letter-spacing, var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-fields-supporting-tracking))));--scb-fields-supporting-line-height-current:var(--scb-fields-supporting-medium-line-height, var(--scb-fields-supporting-line-height));--scb-fields-supporting-size-current:var(--scb-fields-supporting-medium-size, var(--scb-fields-supporting-size));--scb-fields-supporting-font-current:var(--scb-fields-supporting-medium-font, var(--scb-fields-supporting-font));--scb-fields-option-text-font-weight-current:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-fields-option-text-weight))));--scb-fields-option-text-letter-spacing-current:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-fields-option-text-tracking))));--scb-fields-option-text-line-height-current:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height));--scb-fields-option-text-size-current:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size));--scb-fields-option-text-font-current:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font));display:flex;flex-direction:column;position:relative;color:var(--scb-fields-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-fields-focus-color, var(--md-sys-color-primary));-webkit-tap-highlight-color:transparent;margin-block-start:var(--scb-search-spacing-block-start, 0);margin-block-end:var(--scb-search-spacing-block-end, 0);margin-inline-start:var(--scb-search-spacing-inline-start, 0);margin-inline-end:var(--scb-search-spacing-inline-end, 0);--scb-search-radius:var(--scb-search-design-surface-radius-medium);--scb-search-open-radius:var(--radius-xl, 24px);--scb-search-height:var(--scb-search-design-height-medium);--scb-search-padding-x:var(--scb-search-design-search-padding-inline-medium);--scb-search-padding-y:var(--scb-search-design-padding-block-medium);--scb-search-leading-size:var(--scb-search-design-search-action-size-medium);--scb-search-trailing-size:var(--scb-search-design-search-action-size-medium);--scb-search-gap:var(--scb-search-design-search-icon-gap);--scb-search-leading-gap:calc(
         var(--scb-search-padding-x) + var(--scb-search-leading-size) + var(--scb-search-gap)
       );--scb-search-trailing-gap:calc(
         var(--scb-search-padding-x) + var(--scb-search-trailing-size) + var(--scb-search-gap)

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

@@ -1,4 +1,4 @@
-import{_ as d,h as m,m as v,p as i,v as s,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as p}from"../shared/lazy-focus-ring.js";import{t}from"../../vendor/decorate.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(a,g,b){try{customElements.get(a)||r(a,g,b)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var n,e=(n=class extends m{constructor(...r){super(...r),this.value="",this.disabled=!1,this.showCheckbox=!1,this.checked=!1,this.showRadio=!1,this.label="",this.noHighlightSelected=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",p)}updated(){this.setAttribute("role","option"),this.setAttribute("aria-selected",this.checked?"true":"false"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}disconnectedCallback(){this.removeEventListener("focusin",p),super.disconnectedCallback()}render(){return s`
+import{_ as d,h as v,m,p as i,v as s,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as p}from"../shared/lazy-focus-ring.js";import{t}from"../../vendor/decorate.js";(function(){try{var o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(a,g,b){try{customElements.get(a)||r(a,g,b)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var n,e=(n=class extends v{constructor(...r){super(...r),this.value="",this.disabled=!1,this.showCheckbox=!1,this.checked=!1,this.showRadio=!1,this.label="",this.noHighlightSelected=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",p)}updated(){this.setAttribute("role","option"),this.setAttribute("aria-selected",this.checked?"true":"false"),this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}disconnectedCallback(){this.removeEventListener("focusin",p),super.disconnectedCallback()}render(){return s`
       <div class="item ${this.checked?"checked":""}">
         <md-ripple></md-ripple>
         ${this.showCheckbox?s`
@@ -16,4 +16,4 @@ import{_ as d,h as m,m as v,p as i,v as s,y as h}from"../../vendor/vendor.js";im
         <div class="label">${this.label?this.label:s`<slot></slot>`}</div>
         <md-focus-ring inward></md-focus-ring>
       </div>
-    `}},n.styles=h`:host{--scb-fields-text-font-weight-current:var(--scb-fields-text-medium-font-weight, var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-fields-text-weight))));--scb-fields-text-letter-spacing-current:var(--scb-fields-text-medium-letter-spacing, var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-fields-text-tracking))));--scb-fields-text-line-height-current:var(--scb-fields-text-medium-line-height, var(--scb-fields-text-line-height));--scb-fields-text-size-current:var(--scb-fields-text-medium-size, var(--scb-fields-text-size));--scb-fields-text-font-current:var(--scb-fields-text-medium-font, var(--scb-fields-text-font));--scb-fields-label-font-weight-current:var(--scb-fields-label-medium-font-weight, var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-fields-label-weight))));--scb-fields-label-letter-spacing-current:var(--scb-fields-label-medium-letter-spacing, var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-fields-label-tracking))));--scb-fields-label-line-height-current:var(--scb-fields-label-medium-line-height, var(--scb-fields-label-line-height));--scb-fields-label-size-current:var(--scb-fields-label-medium-size, var(--scb-fields-label-size));--scb-fields-label-font-current:var(--scb-fields-label-medium-font, var(--scb-fields-label-font));--scb-fields-supporting-font-weight-current:var(--scb-fields-supporting-medium-font-weight, var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-fields-supporting-weight))));--scb-fields-supporting-letter-spacing-current:var(--scb-fields-supporting-medium-letter-spacing, var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-fields-supporting-tracking))));--scb-fields-supporting-line-height-current:var(--scb-fields-supporting-medium-line-height, var(--scb-fields-supporting-line-height));--scb-fields-supporting-size-current:var(--scb-fields-supporting-medium-size, var(--scb-fields-supporting-size));--scb-fields-supporting-font-current:var(--scb-fields-supporting-medium-font, var(--scb-fields-supporting-font));--scb-fields-option-text-font-weight-current:var(--scb-select-option-design-option-text-font-weight, var(--scb-select-option-design-option-text-medium-font-weight));--scb-fields-option-text-letter-spacing-current:var(--scb-select-option-design-option-text-letter-spacing, var(--scb-select-option-design-option-text-medium-letter-spacing));--scb-fields-option-text-line-height-current:var(--scb-select-option-design-option-text-line-height, var(--scb-select-option-design-option-text-medium-line-height));--scb-fields-option-text-size-current:var(--scb-select-option-design-option-text-size, var(--scb-select-option-design-option-text-medium-size));--scb-fields-option-text-font-current:var(--scb-select-option-design-option-text-font, var(--scb-select-option-design-option-text-medium-font));display:block;outline:0}:host([hidden]){display:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:focus-visible) .item{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}:host([data-focused]) .item{background-color:var(--scb-select-option-focus-container-color, var(--md-sys-color-surface-container));border-radius:var(--scb-select-selected-option-radius, var(--scb-select-option-design-selected-option-radius, var(--scb-select-option-design-selected-option-radius-medium)))}.item{display:flex;align-items:center;padding:var(--scb-select-option-padding-y, var(--scb-select-option-design-option-padding-block, var(--scb-select-option-design-option-padding-block-medium))) var(--scb-select-option-padding-x, var(--scb-select-option-design-option-padding-inline, var(--scb-select-option-design-option-padding-inline-medium)));gap:var(--scb-select-option-gap, var(--scb-select-option-design-option-gap, var(--scb-select-option-design-option-gap-medium)));min-height:var(--scb-select-option-min-height, var(--scb-select-option-design-option-height, var(--scb-select-option-design-option-height-medium)));position:relative;border-radius:var(--scb-select-option-radius, var(--scb-select-option-design-item-radius, var(--scb-select-option-design-item-radius-medium)));color:var(--scb-select-panel-content-color, var(--md-sys-color-on-surface));font-family:var(--scb-select-option-font-family, var(--scb-fields-option-text-font-current, var(--brand-font, Inter, Arial, sans-serif)));font-size:var(--scb-select-option-font-size, var(--scb-fields-option-text-size-current, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size))));line-height:var(--scb-select-option-line-height, var(--scb-fields-option-text-line-height-current, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height))));font-weight:var(--scb-select-option-font-weight, var(--scb-fields-option-text-font-weight-current, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight))));letter-spacing:var(--scb-select-option-letter-spacing, var(--scb-fields-option-text-letter-spacing-current, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking))))}.label{min-width:0;flex:1 1 auto}.label ::slotted(*){color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;margin-block:0!important;margin-inline:0!important}.choice-marker{display:block;flex:0 0 auto;box-sizing:border-box}.checkbox-marker{width:var(--scb-select-option-icon-size, var(--scb-select-option-design-checkbox-marker-size, var(--scb-select-option-design-checkbox-marker-size-medium)));height:var(--scb-select-option-icon-size, var(--scb-select-option-design-checkbox-marker-size, var(--scb-select-option-design-checkbox-marker-size-medium)));color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary));fill:none}.checkbox-marker .box{fill:none;stroke:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));stroke-width:2}.checkbox-marker.checked .box{fill:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));stroke:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary))}.checkbox-marker .checkmark{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2}.radio-marker{display:block;width:var(--scb-select-option-icon-size, var(--scb-select-option-design-radio-marker-size, var(--scb-select-option-design-radio-marker-size-medium)));height:var(--scb-select-option-icon-size, var(--scb-select-option-design-radio-marker-size, var(--scb-select-option-design-radio-marker-size-medium)));color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));fill:none}.radio-marker.checked{color:var(--scb-select-option-marker-color, var(--scb-radio-selected-color, var(--md-sys-color-primary)))}.radio-marker .outer{fill:none;stroke:currentColor;stroke-width:2}.radio-marker .inner{fill:currentColor}md-focus-ring{border-radius:var(--scb-select-option-radius, var(--scb-select-option-design-item-radius, var(--scb-select-option-design-item-radius-medium)))}.item.checked{background-color:var(--scb-select-option-highlight-background-color, var(--md-sys-color-secondary-container));color:var(--scb-select-option-highlight-color, var(--scb-select-panel-content-color, var(--md-sys-color-on-surface)));border-radius:var(--scb-select-selected-option-radius, var(--scb-select-option-design-selected-option-radius, var(--scb-select-option-design-selected-option-radius-medium)))}:host([no-highlight-selected]) .item.checked{background-color:transparent}:host{--scb-select-option-design-option-height-extra-small:var(--scb-fields-option-height-extra-small, var(--scb-fields-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px))));--scb-select-option-design-option-height-small:var(--scb-fields-option-height-small, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-height-medium:var(--scb-fields-option-height-medium, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-height-large:var(--scb-fields-option-height-large, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-extra-small-font:var(--scb-fields-option-text-extra-small-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-extra-small-size:var(--scb-fields-option-text-extra-small-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-extra-small-line-height:var(--scb-fields-option-text-extra-small-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-extra-small-tracking:var(--scb-fields-option-text-extra-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-extra-small-weight:var(--scb-fields-option-text-extra-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-extra-small-letter-spacing:var(--scb-fields-option-text-extra-small-letter-spacing, var(--scb-fields-option-text-extra-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-extra-small-font-weight:var(--scb-fields-option-text-extra-small-font-weight, var(--scb-fields-option-text-extra-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-text-small-font:var(--scb-fields-option-text-small-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-small-size:var(--scb-fields-option-text-small-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-small-line-height:var(--scb-fields-option-text-small-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-small-tracking:var(--scb-fields-option-text-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-small-weight:var(--scb-fields-option-text-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-small-letter-spacing:var(--scb-fields-option-text-small-letter-spacing, var(--scb-fields-option-text-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-small-font-weight:var(--scb-fields-option-text-small-font-weight, var(--scb-fields-option-text-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-text-medium-font:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-medium-size:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-medium-line-height:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-medium-tracking:var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-medium-weight:var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-medium-letter-spacing:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-medium-font-weight:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-text-large-font:var(--scb-fields-option-text-large-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-large-size:var(--scb-fields-option-text-large-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-large-line-height:var(--scb-fields-option-text-large-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-large-tracking:var(--scb-fields-option-text-large-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-large-weight:var(--scb-fields-option-text-large-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-large-letter-spacing:var(--scb-fields-option-text-large-letter-spacing, var(--scb-fields-option-text-large-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-large-font-weight:var(--scb-fields-option-text-large-font-weight, var(--scb-fields-option-text-large-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline-extra-small:var(--scb-fields-option-padding-inline-extra-small, var(--spacing-3, 8px));--scb-select-option-design-option-padding-inline-small:var(--scb-fields-option-padding-inline-small, var(--spacing-4, 12px));--scb-select-option-design-option-padding-inline-medium:var(--scb-fields-option-padding-inline-medium, var(--spacing-4, 12px));--scb-select-option-design-option-padding-inline-large:var(--scb-fields-option-padding-inline-large, var(--spacing-5, 16px));--scb-select-option-design-option-padding-block-extra-small:var(--scb-fields-option-padding-block-extra-small, var(--spacing-2, 4px));--scb-select-option-design-option-padding-block-small:var(--scb-fields-option-padding-block-small, var(--spacing-2, 4px));--scb-select-option-design-option-padding-block-medium:var(--scb-fields-option-padding-block-medium, var(--spacing-2, 4px));--scb-select-option-design-option-padding-block-large:var(--scb-fields-option-padding-block-large, var(--spacing-3, 8px));--scb-select-option-design-option-gap-extra-small:var(--scb-fields-option-gap-extra-small, var(--spacing-2, 4px));--scb-select-option-design-option-gap-small:var(--scb-fields-option-gap-small, var(--spacing-3, 8px));--scb-select-option-design-option-gap-medium:var(--scb-fields-option-gap-medium, var(--spacing-3, 8px));--scb-select-option-design-option-gap-large:var(--scb-fields-option-gap-large, var(--spacing-4, 12px));--scb-select-option-design-item-radius-extra-small:var(--scb-fields-option-radius-extra-small, var(--radius-none, 0px));--scb-select-option-design-item-radius-small:var(--scb-fields-option-radius-small, var(--radius-none, 0px));--scb-select-option-design-item-radius-medium:var(--scb-fields-option-radius-medium, var(--radius-none, 0px));--scb-select-option-design-item-radius-large:var(--scb-fields-option-radius-large, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius-extra-small:var(--scb-fields-selected-option-radius-extra-small, var(--scb-fields-option-radius-extra-small, var(--radius-none, 0px)));--scb-select-option-design-selected-option-radius-small:var(--scb-fields-selected-option-radius-small, var(--scb-fields-option-radius-small, var(--radius-none, 0px)));--scb-select-option-design-selected-option-radius-medium:var(--scb-fields-selected-option-radius-medium, var(--scb-fields-option-radius-medium, var(--radius-none, 0px)));--scb-select-option-design-selected-option-radius-large:var(--scb-fields-selected-option-radius-large, var(--scb-fields-option-radius-large, var(--radius-none, 0px)));--scb-select-option-design-checkbox-marker-size-extra-small:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-checkbox-marker-size-small:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-checkbox-marker-size-medium:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-checkbox-marker-size-large:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-radio-marker-size-extra-small:var(--scb-radio-marker-size, var(--icon-size-medium, 24px));--scb-select-option-design-radio-marker-size-small:var(--scb-radio-marker-size, var(--icon-size-medium, 24px));--scb-select-option-design-radio-marker-size-medium:var(--scb-radio-marker-size, var(--icon-size-medium, 24px));--scb-select-option-design-radio-marker-size-large:var(--scb-radio-marker-size, var(--icon-size-medium, 24px))}`,n);t([i({type:String})],e.prototype,"value",void 0);t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);t([i({type:Boolean})],e.prototype,"showCheckbox",void 0);t([i({type:Boolean})],e.prototype,"checked",void 0);t([i({type:Boolean})],e.prototype,"showRadio",void 0);t([i({type:String})],e.prototype,"label",void 0);t([i({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],e.prototype,"noHighlightSelected",void 0);e=t([v("scb-select-option")],e);
+    `}},n.styles=h`:host{--scb-fields-text-font-weight-current:var(--scb-fields-text-medium-font-weight, var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-fields-text-weight))));--scb-fields-text-letter-spacing-current:var(--scb-fields-text-medium-letter-spacing, var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-fields-text-tracking))));--scb-fields-text-line-height-current:var(--scb-fields-text-medium-line-height, var(--scb-fields-text-line-height));--scb-fields-text-size-current:var(--scb-fields-text-medium-size, var(--scb-fields-text-size));--scb-fields-text-font-current:var(--scb-fields-text-medium-font, var(--scb-fields-text-font));--scb-fields-label-font-weight-current:var(--scb-fields-label-medium-font-weight, var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-fields-label-weight))));--scb-fields-label-letter-spacing-current:var(--scb-fields-label-medium-letter-spacing, var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-fields-label-tracking))));--scb-fields-label-line-height-current:var(--scb-fields-label-medium-line-height, var(--scb-fields-label-line-height));--scb-fields-label-size-current:var(--scb-fields-label-medium-size, var(--scb-fields-label-size));--scb-fields-label-font-current:var(--scb-fields-label-medium-font, var(--scb-fields-label-font));--scb-fields-supporting-font-weight-current:var(--scb-fields-supporting-medium-font-weight, var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-fields-supporting-weight))));--scb-fields-supporting-letter-spacing-current:var(--scb-fields-supporting-medium-letter-spacing, var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-fields-supporting-tracking))));--scb-fields-supporting-line-height-current:var(--scb-fields-supporting-medium-line-height, var(--scb-fields-supporting-line-height));--scb-fields-supporting-size-current:var(--scb-fields-supporting-medium-size, var(--scb-fields-supporting-size));--scb-fields-supporting-font-current:var(--scb-fields-supporting-medium-font, var(--scb-fields-supporting-font));--scb-fields-option-text-font-weight-current:var(--scb-select-option-design-option-text-font-weight, var(--scb-select-option-design-option-text-medium-font-weight));--scb-fields-option-text-letter-spacing-current:var(--scb-select-option-design-option-text-letter-spacing, var(--scb-select-option-design-option-text-medium-letter-spacing));--scb-fields-option-text-line-height-current:var(--scb-select-option-design-option-text-line-height, var(--scb-select-option-design-option-text-medium-line-height));--scb-fields-option-text-size-current:var(--scb-select-option-design-option-text-size, var(--scb-select-option-design-option-text-medium-size));--scb-fields-option-text-font-current:var(--scb-select-option-design-option-text-font, var(--scb-select-option-design-option-text-medium-font));display:block;outline:0}:host([hidden]){display:none}:host([disabled]){pointer-events:none;opacity:.38}:host(:focus-visible) .item,:host([data-focused]) .item{outline:var(--stroke-focus-ring, 2px) solid var(--scb-fields-focus-color, var(--md-sys-color-primary));outline-offset:calc(-1*var(--stroke-focus-ring, 2px))}.item{display:flex;align-items:center;padding:var(--scb-select-option-padding-y, var(--scb-select-option-design-option-padding-block, var(--scb-select-option-design-option-padding-block-medium))) var(--scb-select-option-padding-x, var(--scb-select-option-design-option-padding-inline, var(--scb-select-option-design-option-padding-inline-medium)));gap:var(--scb-select-option-gap, var(--scb-select-option-design-option-gap, var(--scb-select-option-design-option-gap-medium)));min-height:var(--scb-select-option-min-height, var(--scb-select-option-design-option-height, var(--scb-select-option-design-option-height-medium)));position:relative;border-radius:var(--scb-select-option-radius, var(--scb-select-option-design-item-radius, var(--scb-select-option-design-item-radius-medium)));color:var(--scb-select-panel-content-color, var(--md-sys-color-on-surface));font-family:var(--scb-select-option-font-family, var(--scb-fields-option-text-font-current, var(--brand-font, Inter, Arial, sans-serif)));font-size:var(--scb-select-option-font-size, var(--scb-fields-option-text-size-current, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size))));line-height:var(--scb-select-option-line-height, var(--scb-fields-option-text-line-height-current, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height))));font-weight:var(--scb-select-option-font-weight, var(--scb-fields-option-text-font-weight-current, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight))));letter-spacing:var(--scb-select-option-letter-spacing, var(--scb-fields-option-text-letter-spacing-current, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking))))}.label{min-width:0;flex:1 1 auto}.label ::slotted(*){color:inherit!important;font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;margin-block:0!important;margin-inline:0!important}.choice-marker{display:block;flex:0 0 auto;box-sizing:border-box}.checkbox-marker{width:var(--scb-select-option-icon-size, var(--scb-select-option-design-checkbox-marker-size, var(--scb-select-option-design-checkbox-marker-size-medium)));height:var(--scb-select-option-icon-size, var(--scb-select-option-design-checkbox-marker-size, var(--scb-select-option-design-checkbox-marker-size-medium)));color:var(--scb-checkbox-selected-content-color, var(--md-sys-color-on-primary));fill:none}.checkbox-marker .box{fill:none;stroke:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));stroke-width:2}.checkbox-marker.checked .box{fill:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary));stroke:var(--scb-checkbox-selected-container-color, var(--md-sys-color-primary))}.checkbox-marker .checkmark{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2}.radio-marker{display:block;width:var(--scb-select-option-icon-size, var(--scb-select-option-design-radio-marker-size, var(--scb-select-option-design-radio-marker-size-medium)));height:var(--scb-select-option-icon-size, var(--scb-select-option-design-radio-marker-size, var(--scb-select-option-design-radio-marker-size-medium)));color:var(--scb-choices-unselected-control-color, var(--md-sys-color-on-surface-variant));fill:none}.radio-marker.checked{color:var(--scb-select-option-marker-color, var(--scb-radio-selected-color, var(--md-sys-color-primary)))}.radio-marker .outer{fill:none;stroke:currentColor;stroke-width:2}.radio-marker .inner{fill:currentColor}md-focus-ring{border-radius:var(--scb-select-option-radius, var(--scb-select-option-design-item-radius, var(--scb-select-option-design-item-radius-medium)))}.item.checked{background-color:var(--scb-select-option-highlight-background-color, var(--md-sys-color-secondary-container));color:var(--scb-select-option-highlight-color, var(--scb-select-panel-content-color, var(--md-sys-color-on-surface)));border-radius:var(--scb-select-selected-option-radius, var(--scb-select-option-design-selected-option-radius, var(--scb-select-option-design-selected-option-radius-medium)))}:host([no-highlight-selected]) .item.checked{background-color:transparent}:host{--scb-select-option-design-option-height-extra-small:var(--scb-fields-option-height-extra-small, var(--scb-fields-control-size-extra-small, var(--scb-control-size-extra-small, var(--scale-08, 32px))));--scb-select-option-design-option-height-small:var(--scb-fields-option-height-small, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-height-medium:var(--scb-fields-option-height-medium, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-height-large:var(--scb-fields-option-height-large, var(--scb-fields-control-size-medium, var(--scb-control-size-medium, var(--scale-10, 40px))));--scb-select-option-design-option-text-extra-small-font:var(--scb-fields-option-text-extra-small-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-extra-small-size:var(--scb-fields-option-text-extra-small-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-extra-small-line-height:var(--scb-fields-option-text-extra-small-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-extra-small-tracking:var(--scb-fields-option-text-extra-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-extra-small-weight:var(--scb-fields-option-text-extra-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-extra-small-letter-spacing:var(--scb-fields-option-text-extra-small-letter-spacing, var(--scb-fields-option-text-extra-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-extra-small-font-weight:var(--scb-fields-option-text-extra-small-font-weight, var(--scb-fields-option-text-extra-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-text-small-font:var(--scb-fields-option-text-small-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-small-size:var(--scb-fields-option-text-small-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-small-line-height:var(--scb-fields-option-text-small-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-small-tracking:var(--scb-fields-option-text-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-small-weight:var(--scb-fields-option-text-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-small-letter-spacing:var(--scb-fields-option-text-small-letter-spacing, var(--scb-fields-option-text-small-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-small-font-weight:var(--scb-fields-option-text-small-font-weight, var(--scb-fields-option-text-small-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-text-medium-font:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-medium-size:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-medium-line-height:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-medium-tracking:var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-medium-weight:var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-medium-letter-spacing:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-medium-font-weight:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-text-large-font:var(--scb-fields-option-text-large-font, var(--scb-fields-option-text-font, var(--scb-form-answer-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))))));--scb-select-option-design-option-text-large-size:var(--scb-fields-option-text-large-size, var(--scb-fields-option-text-size, var(--scb-form-answer-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)))));--scb-select-option-design-option-text-large-line-height:var(--scb-fields-option-text-large-line-height, var(--scb-fields-option-text-line-height, var(--scb-form-answer-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)))));--scb-select-option-design-option-text-large-tracking:var(--scb-fields-option-text-large-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))))));--scb-select-option-design-option-text-large-weight:var(--scb-fields-option-text-large-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))))));--scb-select-option-design-option-text-large-letter-spacing:var(--scb-fields-option-text-large-letter-spacing, var(--scb-fields-option-text-large-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-form-answer-letter-spacing, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))))));--scb-select-option-design-option-text-large-font-weight:var(--scb-fields-option-text-large-font-weight, var(--scb-fields-option-text-large-weight, var(--scb-fields-option-text-font-weight, var(--scb-form-answer-font-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))))));--scb-select-option-design-option-padding-inline-extra-small:var(--scb-fields-option-padding-inline-extra-small, var(--spacing-3, 8px));--scb-select-option-design-option-padding-inline-small:var(--scb-fields-option-padding-inline-small, var(--spacing-4, 12px));--scb-select-option-design-option-padding-inline-medium:var(--scb-fields-option-padding-inline-medium, var(--spacing-4, 12px));--scb-select-option-design-option-padding-inline-large:var(--scb-fields-option-padding-inline-large, var(--spacing-5, 16px));--scb-select-option-design-option-padding-block-extra-small:var(--scb-fields-option-padding-block-extra-small, var(--spacing-2, 4px));--scb-select-option-design-option-padding-block-small:var(--scb-fields-option-padding-block-small, var(--spacing-2, 4px));--scb-select-option-design-option-padding-block-medium:var(--scb-fields-option-padding-block-medium, var(--spacing-2, 4px));--scb-select-option-design-option-padding-block-large:var(--scb-fields-option-padding-block-large, var(--spacing-3, 8px));--scb-select-option-design-option-gap-extra-small:var(--scb-fields-option-gap-extra-small, var(--spacing-2, 4px));--scb-select-option-design-option-gap-small:var(--scb-fields-option-gap-small, var(--spacing-3, 8px));--scb-select-option-design-option-gap-medium:var(--scb-fields-option-gap-medium, var(--spacing-3, 8px));--scb-select-option-design-option-gap-large:var(--scb-fields-option-gap-large, var(--spacing-4, 12px));--scb-select-option-design-item-radius-extra-small:var(--scb-fields-option-radius-extra-small, var(--radius-none, 0px));--scb-select-option-design-item-radius-small:var(--scb-fields-option-radius-small, var(--radius-none, 0px));--scb-select-option-design-item-radius-medium:var(--scb-fields-option-radius-medium, var(--radius-none, 0px));--scb-select-option-design-item-radius-large:var(--scb-fields-option-radius-large, var(--radius-none, 0px));--scb-select-option-design-selected-option-radius-extra-small:var(--scb-fields-selected-option-radius-extra-small, var(--scb-fields-option-radius-extra-small, var(--radius-none, 0px)));--scb-select-option-design-selected-option-radius-small:var(--scb-fields-selected-option-radius-small, var(--scb-fields-option-radius-small, var(--radius-none, 0px)));--scb-select-option-design-selected-option-radius-medium:var(--scb-fields-selected-option-radius-medium, var(--scb-fields-option-radius-medium, var(--radius-none, 0px)));--scb-select-option-design-selected-option-radius-large:var(--scb-fields-selected-option-radius-large, var(--scb-fields-option-radius-large, var(--radius-none, 0px)));--scb-select-option-design-checkbox-marker-size-extra-small:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-checkbox-marker-size-small:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-checkbox-marker-size-medium:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-checkbox-marker-size-large:var(--scb-checkbox-marker-size, var(--scale-04, 18px));--scb-select-option-design-radio-marker-size-extra-small:var(--scb-radio-marker-size, var(--icon-size-medium, 24px));--scb-select-option-design-radio-marker-size-small:var(--scb-radio-marker-size, var(--icon-size-medium, 24px));--scb-select-option-design-radio-marker-size-medium:var(--scb-radio-marker-size, var(--icon-size-medium, 24px));--scb-select-option-design-radio-marker-size-large:var(--scb-radio-marker-size, var(--icon-size-medium, 24px))}`,n);t([i({type:String})],e.prototype,"value",void 0);t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);t([i({type:Boolean})],e.prototype,"showCheckbox",void 0);t([i({type:Boolean})],e.prototype,"checked",void 0);t([i({type:Boolean})],e.prototype,"showRadio",void 0);t([i({type:String})],e.prototype,"label",void 0);t([i({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],e.prototype,"noHighlightSelected",void 0);e=t([m("scb-select-option")],e);