@solid-design-system/components 4.0.7 → 4.0.8

package/cdn/solid-components.bundle.js

@@ -145,7 +145,7 @@ var tr=Object.defineProperty,uo=Object.defineProperties,mo=Object.getOwnProperty
           <slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot>
         </div>
       </${t}>
-    `}};Ce.styles=[...gt.styles,v`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],o([l({type:Boolean,reflect:!0})],Ce.prototype,"expandable",2),Ce=o([y("sd-quickfact")],Ce);H("quickfact.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}});H("quickfact.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});var pt=class extends m{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return u`<span part="base" class="${c("sd-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",this.disabled&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${c("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4",this.disabled?"border-neutral-500":this.invalid?"border-error hover:border-error-400 group-hover:border-error-400":this.checked?"border-accent hover:border-accent-550 group-hover:border-accent-550":"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}">${this.checked?u`<span part="checked" class="${c("rounded-full inline-flex text-white border bg-accent h-2.5 w-2.5",this.disabled?"bg-neutral-500":this.invalid?"bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"bg-neutral-800")}"></span>`:""}</span><slot part="label" class="${c("ml-2 select-none inline-block",this.disabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};pt.styles=[...m.styles,v`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`],o([E()],pt.prototype,"checked",2),o([E()],pt.prototype,"hasFocus",2),o([l({reflect:!0})],pt.prototype,"size",2),o([l({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),o([l()],pt.prototype,"value",2),o([l({type:Boolean,reflect:!0})],pt.prototype,"invalid",2),o([w("checked")],pt.prototype,"handleCheckedChange",1),o([w("disabled",{waitUntilFirstUpdate:!0})],pt.prototype,"handleDisabledChange",1),pt=o([y("sd-radio")],pt);var yt=class extends m{constructor(){super(...arguments);this.hasSlotController=new M(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(t){if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){let t=this.hasSlotController.test("[default]"),e=this.hasSlotController.test("icon"),r=`${this.size}-${t?"label":"no-label"}`;return u`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${c("relative text-center border rounded-default transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500":this.disabled&&!this.checked?"border-neutral-500 text-neutral-500 hover:cursor-not-allowed":this.disabled&&this.checked?"bg-neutral-500 border-neutral-500 text-white hover:cursor-not-allowed":"bg-transparent text-primary border-primary hover:bg-primary-100 hover:border-primary-500 hover:text-primary-500 cursor-pointer",t&&"px-4",this.hasFocus&&"focused-class",t&&"button--has-label",e&&"button--has-icon flex gap-2",r)}" aria-disabled="${this.disabled}" type="button" value="${k(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${c(e&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!e}"></slot>${t?u`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};yt.styles=[...m.styles,v`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{width:var(--sd-spacing-12,3rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{width:var(--sd-spacing-10,2.5rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{width:var(--sd-spacing-8,2rem)}:host(.sd-button-group__button--first:not(.sd-button-group__button--last)) button{border-bottom-right-radius:var(--sd-border-radius-none,0);border-top-right-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button--last:not(.sd-button-group__button--first)) button{border-bottom-left-radius:var(--sd-border-radius-none,0);border-top-left-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:-1px}:host(.sd-button-group__button--hover){z-index:10}:host(.sd-button-group__button--focus),:host(.sd-button-group__button[checked]){z-index:20}`],o([b(".button")],yt.prototype,"input",2),o([b(".hidden-input")],yt.prototype,"hiddenInput",2),o([E()],yt.prototype,"hasFocus",2),o([l({reflect:!0})],yt.prototype,"size",2),o([l({type:Boolean,reflect:!0})],yt.prototype,"disabled",2),o([l({type:Boolean,reflect:!0})],yt.prototype,"checked",2),o([l()],yt.prototype,"value",2),o([w("disabled",{waitUntilFirstUpdate:!0})],yt.prototype,"handleDisabledChange",1),yt=o([y("sd-radio-button")],yt);var Yt=class extends m{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(t){let e=vi(t.target);e==null||e.classList.add("sd-button-group__button--focus")}handleBlur(t){let e=vi(t.target);e==null||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){let e=vi(t.target);e==null||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){let e=vi(t.target);e==null||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){let t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach(e=>{let r=t.indexOf(e),a=vi(e);a!==null&&(a.classList.add("sd-button-group__button"),a.classList.toggle("sd-button-group__button--first",r===0),a.classList.toggle("sd-button-group__button--inner",r>0&&r<t.length-1),a.classList.toggle("sd-button-group__button--last",r===t.length-1),a.classList.toggle("sd-button-group__button--radio",a.tagName.toLowerCase()==="sd-radio-button"))})}render(){return u`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};Yt.styles=[...m.styles,v`:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],o([b("slot")],Yt.prototype,"defaultSlot",2),o([E()],Yt.prototype,"disableRole",2),o([l()],Yt.prototype,"label",2),Yt=o([y("sd-button-group")],Yt);function vi(s){var t;let i="sd-button, sd-radio-button";return(t=s.closest(i))!=null?t:s.querySelector(i)}var X=class extends m{constructor(){super(...arguments);this.formControlController=new dt(this);this.hasSlotController=new M(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?Es:t?ks:Ye}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-radio, sd-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-radio, sd-radio-button"),r=this.getAllRadios(),a=this.value;e.disabled||(this.value=e.value,r.forEach(n=>n.checked=n===e),this.value!==a&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var h;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(p=>!p.disabled),r=(h=e.find(p=>p.checked))!=null?h:e[0],a=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,d=e.indexOf(r)+a;d<0&&(d=e.length-1),d>e.length-1&&(d=0),this.getAllRadios().forEach(p=>{p.checked=!1,this.hasButtonGroup||(p.tabIndex=-1)}),this.value=e[d].value,e[d].checked=!0,this.hasButtonGroup?e[d].shadowRoot.querySelector("button").focus():(e[d].tabIndex=0,e[d].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),r=t.find(a=>a.checked)||t[0];r&&r.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,r;let t=this.getAllRadios();if(await Promise.all(t.map(async a=>{await a.updateComplete,a.checked=a.value===this.value,a.size=this.size,a instanceof pt&&(a.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(a=>a.tagName.toLowerCase()==="sd-radio-button"),!t.some(a=>a.checked))if(this.hasButtonGroup){let a=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");a&&(a.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let a=(r=this.shadowRoot)==null?void 0:r.querySelector("sd-button-group");a&&(a.disableRole=!0)}}syncRadios(){if(customElements.get("sd-radio")&&customElements.get("sd-radio-button")){this.syncRadioElements();return}customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then(()=>this.syncRadios()),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:!!t,r=u`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return u`<fieldset part="form-control" class="${c("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message"><div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 leading-normal text-black text-left",!e&&"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend><slot name="tooltip"></slot></div><div part="form-control-input" class="${c("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?u`<sd-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${r}</sd-button-group>`:r}</div></fieldset>${this.formControlController.renderInvalidMessage()}`}};X.dependencies={"sd-button-group":Yt},X.styles=[...m.styles,v`:host{display:block}:host([orientation=vertical]) ::slotted(sd-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}`],o([b("slot:not([name])")],X.prototype,"defaultSlot",2),o([b("#validation-input")],X.prototype,"validationInput",2),o([b("#invalid-message")],X.prototype,"invalidMessage",2),o([E()],X.prototype,"hasButtonGroup",2),o([E()],X.prototype,"defaultValue",2),o([E()],X.prototype,"showInvalidStyle",2),o([l({reflect:!0})],X.prototype,"size",2),o([l({type:Boolean,reflect:!0})],X.prototype,"required",2),o([l({reflect:!0})],X.prototype,"orientation",2),o([l()],X.prototype,"label",2),o([l({type:Boolean,reflect:!0})],X.prototype,"boldLabel",2),o([l()],X.prototype,"name",2),o([l({reflect:!0})],X.prototype,"value",2),o([l({reflect:!0})],X.prototype,"form",2),o([w("size",{waitUntilFirstUpdate:!0})],X.prototype,"handleSizeChange",1),o([w("showInvalidStyle",{waitUntilFirstUpdate:!0})],X.prototype,"handleInvalidChange",1),o([w("value")],X.prototype,"handleValueChange",1),X=o([y("sd-radio-group")],X);var ut=class extends m{constructor(){super(...arguments);this.localize=new F(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1;this.isKeyboardNavigation=!1;this.scrollContainer=null}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollIndicatorVisibility()}),this.updateComplete.then(()=>{this.scrollContainer=this.renderRoot.querySelector(".scroll-container"),this.scrollContainer&&this.resizeObserver.observe(this.scrollContainer)})}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer&&this.resizeObserver.unobserve(this.scrollContainer)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.updateScrollIndicatorVisibility())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get container(){return this.renderRoot.querySelector(".scroll-container")}updateScrollIndicatorVisibility(){let t=this.container;if(!t)return;let e=this.isScrollHorizontalEnabled&&t.scrollLeft>0,r=this.isScrollHorizontalEnabled&&t.scrollLeft+t.clientWidth<t.scrollWidth-1,a=this.isScrollVerticalEnabled&&t.scrollTop>0,n=this.isScrollVerticalEnabled&&t.scrollTop+t.clientHeight<t.scrollHeight-1,d=this.renderRoot.querySelector('[part="button-start"]'),h=this.renderRoot.querySelector('[part="button-end"]');this.canScroll={left:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:e,right:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:r,up:this.isKeyboardNavigation?this.isScrollVerticalEnabled:a,down:this.isKeyboardNavigation?this.isScrollVerticalEnabled:n};let p=e||a,f=r||n;p&&this.dispatchEvent(new CustomEvent("start")),f&&this.dispatchEvent(new CustomEvent("end")),this.isKeyboardNavigation&&(d&&(d.hidden=!p),d&&p&&!(n||r)&&d.focus(),h&&(h.hidden=!f),h&&f&&!(a||e)&&h.focus())}handleScroll(t,e){var h;let r=t==="left"||t==="up"?-this.step:this.step,a=t==="left"||t==="right"?"left":"top";this.isKeyboardNavigation=(e==null?void 0:e.pointerType)!=="mouse";let n={behavior:"smooth"};n[a]=r,(h=this.scrollContainer)==null||h.scrollBy(n);let d=`button-${t}`;this.dispatchEvent(new CustomEvent(d,{bubbles:!0,composed:!0}))}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",e="scroll-shadow absolute z-10 pointer-events-none";return u`<div part="base" class="${c("scroll-container flex overflow-hidden flex-1",this.orientation==="horizontal"&&"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",this.orientation==="vertical"&&"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",this.orientation==="auto"&&"scroll-auto overflow-auto",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset?"p-4":"")}" @scroll="${this.updateScrollIndicatorVisibility}" tabindex="0"><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?u`${this.isScrollHorizontalEnabled?u`${this.canScroll.left?u`<div part="button-left" class="absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8"><button part="button-start" class="${c(t)}" @click="${r=>this.handleScroll("left",r)}"><slot name="icon-start"><sd-icon library="system" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div>`:null} ${this.canScroll.right?u`<div part="button-right" class="absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8"><button part="button-end" class="${c(t)}" @click="${r=>this.handleScroll("right",r)}"><slot name="icon-end"><sd-icon library="system" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null} ${this.isScrollVerticalEnabled?u`${this.canScroll.up?u`<div part="button-top" class="absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8"><button part="button-start" class="${c(t)}" @click="${r=>this.handleScroll("up",r)}"><slot name="icon-start"><sd-icon library="system" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div>`:null} ${this.canScroll.down?u`<div part="button-bottom" class="absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8"><button part="button-end" class="${c(t)}" @click="${r=>this.handleScroll("down",r)}"><slot name="icon-end"><sd-icon library="system" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null}`:null} ${this.shadows?u`${this.isScrollHorizontalEnabled?u`${this.canScroll.left?u`<div part="shadow-left" class="${e} left top-0 left-0 w-[6px] h-full"></div>`:null} ${this.canScroll.right?u`<div part="shadow-right" class="${e} right top-0 right-0 w-[6px] h-full"></div>`:null}`:null} ${this.isScrollVerticalEnabled?u`${this.canScroll.up?u`<div part="shadow-top" class="${e} top top-0 left-0 w-full h-[6px]"></div>`:null} ${this.canScroll.down?u`<div part="shadow-bottom" class="${e} bottom bottom-0 left-0 w-full h-[6px]"></div>`:null}`:null}`:null}`}};ut.styles=[...m.styles,v`:host{--gradient-color:hsla(0,0%,100%,0);--gradient:var(--gradient-color) 0%,#fff 80%,#fff 100%;display:flex;overflow:hidden;position:relative}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-border-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-right]{background:linear-gradient(90deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-top]{background:linear-gradient(0deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-bottom]{background:linear-gradient(180deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}.sd-icon--top{align-self:flex-start}.sd-icon--down{align-self:flex-end}`],o([l({type:String,reflect:!0})],ut.prototype,"orientation",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"scrollbars",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"buttons",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"shadows",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"inset",2),o([l({type:Number,reflect:!0})],ut.prototype,"step",2),o([E()],ut.prototype,"canScroll",2),o([E()],ut.prototype,"isScrollHorizontalEnabled",2),o([E()],ut.prototype,"isScrollVerticalEnabled",2),o([E()],ut.prototype,"isKeyboardNavigation",2),ut=o([y("sd-scrollable")],ut);var L=class extends m{constructor(){super(...arguments);this.formControlController=new dt(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.hasSlotController=new M(this,"help-text","label");this.localize=new F(this);this.typeToSelectString="";this.hasHover=!1;this.displayLabel="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>u`<sd-tag ?disabled="${this.disabled}" part="tag" exportparts="
+    `}};Ce.styles=[...gt.styles,v`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],o([l({type:Boolean,reflect:!0})],Ce.prototype,"expandable",2),Ce=o([y("sd-quickfact")],Ce);H("quickfact.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}});H("quickfact.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});var pt=class extends m{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return u`<span part="base" class="${c("sd-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",this.disabled&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${c("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4",this.disabled?"border-neutral-500":this.invalid?"border-error hover:border-error-400 group-hover:border-error-400":this.checked?"border-accent hover:border-accent-550 group-hover:border-accent-550":"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}">${this.checked?u`<span part="checked" class="${c("rounded-full inline-flex text-white bg-accent h-2.5 w-2.5",this.disabled?"bg-neutral-500":this.invalid?"bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"bg-neutral-800")}"></span>`:""}</span><slot part="label" class="${c("ml-2 select-none inline-block",this.disabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};pt.styles=[...m.styles,v`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`],o([E()],pt.prototype,"checked",2),o([E()],pt.prototype,"hasFocus",2),o([l({reflect:!0})],pt.prototype,"size",2),o([l({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),o([l()],pt.prototype,"value",2),o([l({type:Boolean,reflect:!0})],pt.prototype,"invalid",2),o([w("checked")],pt.prototype,"handleCheckedChange",1),o([w("disabled",{waitUntilFirstUpdate:!0})],pt.prototype,"handleDisabledChange",1),pt=o([y("sd-radio")],pt);var yt=class extends m{constructor(){super(...arguments);this.hasSlotController=new M(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(t){if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){let t=this.hasSlotController.test("[default]"),e=this.hasSlotController.test("icon"),r=`${this.size}-${t?"label":"no-label"}`;return u`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${c("relative text-center border rounded-default transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500":this.disabled&&!this.checked?"border-neutral-500 text-neutral-500 hover:cursor-not-allowed":this.disabled&&this.checked?"bg-neutral-500 border-neutral-500 text-white hover:cursor-not-allowed":"bg-transparent text-primary border-primary hover:bg-primary-100 hover:border-primary-500 hover:text-primary-500 cursor-pointer",t&&"px-4",this.hasFocus&&"focused-class",t&&"button--has-label",e&&"button--has-icon flex gap-2",r)}" aria-disabled="${this.disabled}" type="button" value="${k(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${c(e&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!e}"></slot>${t?u`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};yt.styles=[...m.styles,v`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{width:var(--sd-spacing-12,3rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{width:var(--sd-spacing-10,2.5rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{width:var(--sd-spacing-8,2rem)}:host(.sd-button-group__button--first:not(.sd-button-group__button--last)) button{border-bottom-right-radius:var(--sd-border-radius-none,0);border-top-right-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button--last:not(.sd-button-group__button--first)) button{border-bottom-left-radius:var(--sd-border-radius-none,0);border-top-left-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:-1px}:host(.sd-button-group__button--hover){z-index:10}:host(.sd-button-group__button--focus),:host(.sd-button-group__button[checked]){z-index:20}`],o([b(".button")],yt.prototype,"input",2),o([b(".hidden-input")],yt.prototype,"hiddenInput",2),o([E()],yt.prototype,"hasFocus",2),o([l({reflect:!0})],yt.prototype,"size",2),o([l({type:Boolean,reflect:!0})],yt.prototype,"disabled",2),o([l({type:Boolean,reflect:!0})],yt.prototype,"checked",2),o([l()],yt.prototype,"value",2),o([w("disabled",{waitUntilFirstUpdate:!0})],yt.prototype,"handleDisabledChange",1),yt=o([y("sd-radio-button")],yt);var Yt=class extends m{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(t){let e=vi(t.target);e==null||e.classList.add("sd-button-group__button--focus")}handleBlur(t){let e=vi(t.target);e==null||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){let e=vi(t.target);e==null||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){let e=vi(t.target);e==null||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){let t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach(e=>{let r=t.indexOf(e),a=vi(e);a!==null&&(a.classList.add("sd-button-group__button"),a.classList.toggle("sd-button-group__button--first",r===0),a.classList.toggle("sd-button-group__button--inner",r>0&&r<t.length-1),a.classList.toggle("sd-button-group__button--last",r===t.length-1),a.classList.toggle("sd-button-group__button--radio",a.tagName.toLowerCase()==="sd-radio-button"))})}render(){return u`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};Yt.styles=[...m.styles,v`:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],o([b("slot")],Yt.prototype,"defaultSlot",2),o([E()],Yt.prototype,"disableRole",2),o([l()],Yt.prototype,"label",2),Yt=o([y("sd-button-group")],Yt);function vi(s){var t;let i="sd-button, sd-radio-button";return(t=s.closest(i))!=null?t:s.querySelector(i)}var X=class extends m{constructor(){super(...arguments);this.formControlController=new dt(this);this.hasSlotController=new M(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?Es:t?ks:Ye}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-radio, sd-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-radio, sd-radio-button"),r=this.getAllRadios(),a=this.value;e.disabled||(this.value=e.value,r.forEach(n=>n.checked=n===e),this.value!==a&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var h;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(p=>!p.disabled),r=(h=e.find(p=>p.checked))!=null?h:e[0],a=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,d=e.indexOf(r)+a;d<0&&(d=e.length-1),d>e.length-1&&(d=0),this.getAllRadios().forEach(p=>{p.checked=!1,this.hasButtonGroup||(p.tabIndex=-1)}),this.value=e[d].value,e[d].checked=!0,this.hasButtonGroup?e[d].shadowRoot.querySelector("button").focus():(e[d].tabIndex=0,e[d].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),r=t.find(a=>a.checked)||t[0];r&&r.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,r;let t=this.getAllRadios();if(await Promise.all(t.map(async a=>{await a.updateComplete,a.checked=a.value===this.value,a.size=this.size,a instanceof pt&&(a.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(a=>a.tagName.toLowerCase()==="sd-radio-button"),!t.some(a=>a.checked))if(this.hasButtonGroup){let a=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");a&&(a.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let a=(r=this.shadowRoot)==null?void 0:r.querySelector("sd-button-group");a&&(a.disableRole=!0)}}syncRadios(){if(customElements.get("sd-radio")&&customElements.get("sd-radio-button")){this.syncRadioElements();return}customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then(()=>this.syncRadios()),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:!!t,r=u`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return u`<fieldset part="form-control" class="${c("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message"><div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 leading-normal text-black text-left",!e&&"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend><slot name="tooltip"></slot></div><div part="form-control-input" class="${c("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?u`<sd-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${r}</sd-button-group>`:r}</div></fieldset>${this.formControlController.renderInvalidMessage()}`}};X.dependencies={"sd-button-group":Yt},X.styles=[...m.styles,v`:host{display:block}:host([orientation=vertical]) ::slotted(sd-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}`],o([b("slot:not([name])")],X.prototype,"defaultSlot",2),o([b("#validation-input")],X.prototype,"validationInput",2),o([b("#invalid-message")],X.prototype,"invalidMessage",2),o([E()],X.prototype,"hasButtonGroup",2),o([E()],X.prototype,"defaultValue",2),o([E()],X.prototype,"showInvalidStyle",2),o([l({reflect:!0})],X.prototype,"size",2),o([l({type:Boolean,reflect:!0})],X.prototype,"required",2),o([l({reflect:!0})],X.prototype,"orientation",2),o([l()],X.prototype,"label",2),o([l({type:Boolean,reflect:!0})],X.prototype,"boldLabel",2),o([l()],X.prototype,"name",2),o([l({reflect:!0})],X.prototype,"value",2),o([l({reflect:!0})],X.prototype,"form",2),o([w("size",{waitUntilFirstUpdate:!0})],X.prototype,"handleSizeChange",1),o([w("showInvalidStyle",{waitUntilFirstUpdate:!0})],X.prototype,"handleInvalidChange",1),o([w("value")],X.prototype,"handleValueChange",1),X=o([y("sd-radio-group")],X);var ut=class extends m{constructor(){super(...arguments);this.localize=new F(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1;this.isKeyboardNavigation=!1;this.scrollContainer=null}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollIndicatorVisibility()}),this.updateComplete.then(()=>{this.scrollContainer=this.renderRoot.querySelector(".scroll-container"),this.scrollContainer&&this.resizeObserver.observe(this.scrollContainer)})}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer&&this.resizeObserver.unobserve(this.scrollContainer)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.updateScrollIndicatorVisibility())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get container(){return this.renderRoot.querySelector(".scroll-container")}updateScrollIndicatorVisibility(){let t=this.container;if(!t)return;let e=this.isScrollHorizontalEnabled&&t.scrollLeft>0,r=this.isScrollHorizontalEnabled&&t.scrollLeft+t.clientWidth<t.scrollWidth-1,a=this.isScrollVerticalEnabled&&t.scrollTop>0,n=this.isScrollVerticalEnabled&&t.scrollTop+t.clientHeight<t.scrollHeight-1,d=this.renderRoot.querySelector('[part="button-start"]'),h=this.renderRoot.querySelector('[part="button-end"]');this.canScroll={left:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:e,right:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:r,up:this.isKeyboardNavigation?this.isScrollVerticalEnabled:a,down:this.isKeyboardNavigation?this.isScrollVerticalEnabled:n};let p=e||a,f=r||n;p&&this.dispatchEvent(new CustomEvent("start")),f&&this.dispatchEvent(new CustomEvent("end")),this.isKeyboardNavigation&&(d&&(d.hidden=!p),d&&p&&!(n||r)&&d.focus(),h&&(h.hidden=!f),h&&f&&!(a||e)&&h.focus())}handleScroll(t,e){var h;let r=t==="left"||t==="up"?-this.step:this.step,a=t==="left"||t==="right"?"left":"top";this.isKeyboardNavigation=(e==null?void 0:e.pointerType)!=="mouse";let n={behavior:"smooth"};n[a]=r,(h=this.scrollContainer)==null||h.scrollBy(n);let d=`button-${t}`;this.dispatchEvent(new CustomEvent(d,{bubbles:!0,composed:!0}))}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",e="scroll-shadow absolute z-10 pointer-events-none";return u`<div part="base" class="${c("scroll-container flex overflow-hidden flex-1",this.orientation==="horizontal"&&"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",this.orientation==="vertical"&&"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",this.orientation==="auto"&&"scroll-auto overflow-auto",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset?"p-4":"")}" @scroll="${this.updateScrollIndicatorVisibility}" tabindex="0"><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?u`${this.isScrollHorizontalEnabled?u`${this.canScroll.left?u`<div part="button-left" class="absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8"><button part="button-start" class="${c(t)}" @click="${r=>this.handleScroll("left",r)}"><slot name="icon-start"><sd-icon library="system" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div>`:null} ${this.canScroll.right?u`<div part="button-right" class="absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8"><button part="button-end" class="${c(t)}" @click="${r=>this.handleScroll("right",r)}"><slot name="icon-end"><sd-icon library="system" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null} ${this.isScrollVerticalEnabled?u`${this.canScroll.up?u`<div part="button-top" class="absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8"><button part="button-start" class="${c(t)}" @click="${r=>this.handleScroll("up",r)}"><slot name="icon-start"><sd-icon library="system" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div>`:null} ${this.canScroll.down?u`<div part="button-bottom" class="absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8"><button part="button-end" class="${c(t)}" @click="${r=>this.handleScroll("down",r)}"><slot name="icon-end"><sd-icon library="system" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null}`:null} ${this.shadows?u`${this.isScrollHorizontalEnabled?u`${this.canScroll.left?u`<div part="shadow-left" class="${e} left top-0 left-0 w-[6px] h-full"></div>`:null} ${this.canScroll.right?u`<div part="shadow-right" class="${e} right top-0 right-0 w-[6px] h-full"></div>`:null}`:null} ${this.isScrollVerticalEnabled?u`${this.canScroll.up?u`<div part="shadow-top" class="${e} top top-0 left-0 w-full h-[6px]"></div>`:null} ${this.canScroll.down?u`<div part="shadow-bottom" class="${e} bottom bottom-0 left-0 w-full h-[6px]"></div>`:null}`:null}`:null}`}};ut.styles=[...m.styles,v`:host{--gradient-color:hsla(0,0%,100%,0);--gradient:var(--gradient-color) 0%,#fff 80%,#fff 100%;display:flex;overflow:hidden;position:relative}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-border-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-right]{background:linear-gradient(90deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-top]{background:linear-gradient(0deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-bottom]{background:linear-gradient(180deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}.sd-icon--top{align-self:flex-start}.sd-icon--down{align-self:flex-end}`],o([l({type:String,reflect:!0})],ut.prototype,"orientation",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"scrollbars",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"buttons",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"shadows",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"inset",2),o([l({type:Number,reflect:!0})],ut.prototype,"step",2),o([E()],ut.prototype,"canScroll",2),o([E()],ut.prototype,"isScrollHorizontalEnabled",2),o([E()],ut.prototype,"isScrollVerticalEnabled",2),o([E()],ut.prototype,"isKeyboardNavigation",2),ut=o([y("sd-scrollable")],ut);var L=class extends m{constructor(){super(...arguments);this.formControlController=new dt(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.hasSlotController=new M(this,"help-text","label");this.localize=new F(this);this.typeToSelectString="";this.hasHover=!1;this.displayLabel="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>u`<sd-tag ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,

package/cdn/solid-components.iife.js

@@ -145,7 +145,7 @@
           <slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot>
         </div>
       </${t}>
-    `}};me.styles=[...mt.styles,v`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],o([l({type:Boolean,reflect:!0})],me.prototype,"expandable",2),me=o([y("sd-quickfact")],me);H("quickfact.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}});H("quickfact.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});var pt=class extends m{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return u`<span part="base" class="${c("sd-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",this.disabled&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${c("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4",this.disabled?"border-neutral-500":this.invalid?"border-error hover:border-error-400 group-hover:border-error-400":this.checked?"border-accent hover:border-accent-550 group-hover:border-accent-550":"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}">${this.checked?u`<span part="checked" class="${c("rounded-full inline-flex text-white border bg-accent h-2.5 w-2.5",this.disabled?"bg-neutral-500":this.invalid?"bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"bg-neutral-800")}"></span>`:""}</span><slot part="label" class="${c("ml-2 select-none inline-block",this.disabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};pt.styles=[...m.styles,v`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`],o([E()],pt.prototype,"checked",2),o([E()],pt.prototype,"hasFocus",2),o([l({reflect:!0})],pt.prototype,"size",2),o([l({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),o([l()],pt.prototype,"value",2),o([l({type:Boolean,reflect:!0})],pt.prototype,"invalid",2),o([w("checked")],pt.prototype,"handleCheckedChange",1),o([w("disabled",{waitUntilFirstUpdate:!0})],pt.prototype,"handleDisabledChange",1),pt=o([y("sd-radio")],pt);var vt=class extends m{constructor(){super(...arguments);this.hasSlotController=new _(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(t){if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){let t=this.hasSlotController.test("[default]"),e=this.hasSlotController.test("icon"),r=`${this.size}-${t?"label":"no-label"}`;return u`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${c("relative text-center border rounded-default transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500":this.disabled&&!this.checked?"border-neutral-500 text-neutral-500 hover:cursor-not-allowed":this.disabled&&this.checked?"bg-neutral-500 border-neutral-500 text-white hover:cursor-not-allowed":"bg-transparent text-primary border-primary hover:bg-primary-100 hover:border-primary-500 hover:text-primary-500 cursor-pointer",t&&"px-4",this.hasFocus&&"focused-class",t&&"button--has-label",e&&"button--has-icon flex gap-2",r)}" aria-disabled="${this.disabled}" type="button" value="${k(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${c(e&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!e}"></slot>${t?u`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};vt.styles=[...m.styles,v`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{width:var(--sd-spacing-12,3rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{width:var(--sd-spacing-10,2.5rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{width:var(--sd-spacing-8,2rem)}:host(.sd-button-group__button--first:not(.sd-button-group__button--last)) button{border-bottom-right-radius:var(--sd-border-radius-none,0);border-top-right-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button--last:not(.sd-button-group__button--first)) button{border-bottom-left-radius:var(--sd-border-radius-none,0);border-top-left-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:-1px}:host(.sd-button-group__button--hover){z-index:10}:host(.sd-button-group__button--focus),:host(.sd-button-group__button[checked]){z-index:20}`],o([b(".button")],vt.prototype,"input",2),o([b(".hidden-input")],vt.prototype,"hiddenInput",2),o([E()],vt.prototype,"hasFocus",2),o([l({reflect:!0})],vt.prototype,"size",2),o([l({type:Boolean,reflect:!0})],vt.prototype,"disabled",2),o([l({type:Boolean,reflect:!0})],vt.prototype,"checked",2),o([l()],vt.prototype,"value",2),o([w("disabled",{waitUntilFirstUpdate:!0})],vt.prototype,"handleDisabledChange",1),vt=o([y("sd-radio-button")],vt);var Xt=class extends m{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(t){let e=yi(t.target);e==null||e.classList.add("sd-button-group__button--focus")}handleBlur(t){let e=yi(t.target);e==null||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){let e=yi(t.target);e==null||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){let e=yi(t.target);e==null||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){let t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach(e=>{let r=t.indexOf(e),a=yi(e);a!==null&&(a.classList.add("sd-button-group__button"),a.classList.toggle("sd-button-group__button--first",r===0),a.classList.toggle("sd-button-group__button--inner",r>0&&r<t.length-1),a.classList.toggle("sd-button-group__button--last",r===t.length-1),a.classList.toggle("sd-button-group__button--radio",a.tagName.toLowerCase()==="sd-radio-button"))})}render(){return u`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};Xt.styles=[...m.styles,v`:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],o([b("slot")],Xt.prototype,"defaultSlot",2),o([E()],Xt.prototype,"disableRole",2),o([l()],Xt.prototype,"label",2),Xt=o([y("sd-button-group")],Xt);function yi(s){var t;let i="sd-button, sd-radio-button";return(t=s.closest(i))!=null?t:s.querySelector(i)}var X=class extends m{constructor(){super(...arguments);this.formControlController=new ht(this);this.hasSlotController=new _(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?Ts:t?$s:Ye}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-radio, sd-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-radio, sd-radio-button"),r=this.getAllRadios(),a=this.value;e.disabled||(this.value=e.value,r.forEach(n=>n.checked=n===e),this.value!==a&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var h;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(p=>!p.disabled),r=(h=e.find(p=>p.checked))!=null?h:e[0],a=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,d=e.indexOf(r)+a;d<0&&(d=e.length-1),d>e.length-1&&(d=0),this.getAllRadios().forEach(p=>{p.checked=!1,this.hasButtonGroup||(p.tabIndex=-1)}),this.value=e[d].value,e[d].checked=!0,this.hasButtonGroup?e[d].shadowRoot.querySelector("button").focus():(e[d].tabIndex=0,e[d].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),r=t.find(a=>a.checked)||t[0];r&&r.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,r;let t=this.getAllRadios();if(await Promise.all(t.map(async a=>{await a.updateComplete,a.checked=a.value===this.value,a.size=this.size,a instanceof pt&&(a.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(a=>a.tagName.toLowerCase()==="sd-radio-button"),!t.some(a=>a.checked))if(this.hasButtonGroup){let a=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");a&&(a.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let a=(r=this.shadowRoot)==null?void 0:r.querySelector("sd-button-group");a&&(a.disableRole=!0)}}syncRadios(){if(customElements.get("sd-radio")&&customElements.get("sd-radio-button")){this.syncRadioElements();return}customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then(()=>this.syncRadios()),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:!!t,r=u`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return u`<fieldset part="form-control" class="${c("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message"><div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 leading-normal text-black text-left",!e&&"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend><slot name="tooltip"></slot></div><div part="form-control-input" class="${c("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?u`<sd-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${r}</sd-button-group>`:r}</div></fieldset>${this.formControlController.renderInvalidMessage()}`}};X.dependencies={"sd-button-group":Xt},X.styles=[...m.styles,v`:host{display:block}:host([orientation=vertical]) ::slotted(sd-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}`],o([b("slot:not([name])")],X.prototype,"defaultSlot",2),o([b("#validation-input")],X.prototype,"validationInput",2),o([b("#invalid-message")],X.prototype,"invalidMessage",2),o([E()],X.prototype,"hasButtonGroup",2),o([E()],X.prototype,"defaultValue",2),o([E()],X.prototype,"showInvalidStyle",2),o([l({reflect:!0})],X.prototype,"size",2),o([l({type:Boolean,reflect:!0})],X.prototype,"required",2),o([l({reflect:!0})],X.prototype,"orientation",2),o([l()],X.prototype,"label",2),o([l({type:Boolean,reflect:!0})],X.prototype,"boldLabel",2),o([l()],X.prototype,"name",2),o([l({reflect:!0})],X.prototype,"value",2),o([l({reflect:!0})],X.prototype,"form",2),o([w("size",{waitUntilFirstUpdate:!0})],X.prototype,"handleSizeChange",1),o([w("showInvalidStyle",{waitUntilFirstUpdate:!0})],X.prototype,"handleInvalidChange",1),o([w("value")],X.prototype,"handleValueChange",1),X=o([y("sd-radio-group")],X);var ut=class extends m{constructor(){super(...arguments);this.localize=new D(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1;this.isKeyboardNavigation=!1;this.scrollContainer=null}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollIndicatorVisibility()}),this.updateComplete.then(()=>{this.scrollContainer=this.renderRoot.querySelector(".scroll-container"),this.scrollContainer&&this.resizeObserver.observe(this.scrollContainer)})}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer&&this.resizeObserver.unobserve(this.scrollContainer)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.updateScrollIndicatorVisibility())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get container(){return this.renderRoot.querySelector(".scroll-container")}updateScrollIndicatorVisibility(){let t=this.container;if(!t)return;let e=this.isScrollHorizontalEnabled&&t.scrollLeft>0,r=this.isScrollHorizontalEnabled&&t.scrollLeft+t.clientWidth<t.scrollWidth-1,a=this.isScrollVerticalEnabled&&t.scrollTop>0,n=this.isScrollVerticalEnabled&&t.scrollTop+t.clientHeight<t.scrollHeight-1,d=this.renderRoot.querySelector('[part="button-start"]'),h=this.renderRoot.querySelector('[part="button-end"]');this.canScroll={left:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:e,right:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:r,up:this.isKeyboardNavigation?this.isScrollVerticalEnabled:a,down:this.isKeyboardNavigation?this.isScrollVerticalEnabled:n};let p=e||a,f=r||n;p&&this.dispatchEvent(new CustomEvent("start")),f&&this.dispatchEvent(new CustomEvent("end")),this.isKeyboardNavigation&&(d&&(d.hidden=!p),d&&p&&!(n||r)&&d.focus(),h&&(h.hidden=!f),h&&f&&!(a||e)&&h.focus())}handleScroll(t,e){var h;let r=t==="left"||t==="up"?-this.step:this.step,a=t==="left"||t==="right"?"left":"top";this.isKeyboardNavigation=(e==null?void 0:e.pointerType)!=="mouse";let n={behavior:"smooth"};n[a]=r,(h=this.scrollContainer)==null||h.scrollBy(n);let d=`button-${t}`;this.dispatchEvent(new CustomEvent(d,{bubbles:!0,composed:!0}))}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",e="scroll-shadow absolute z-10 pointer-events-none";return u`<div part="base" class="${c("scroll-container flex overflow-hidden flex-1",this.orientation==="horizontal"&&"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",this.orientation==="vertical"&&"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",this.orientation==="auto"&&"scroll-auto overflow-auto",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset?"p-4":"")}" @scroll="${this.updateScrollIndicatorVisibility}" tabindex="0"><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?u`${this.isScrollHorizontalEnabled?u`${this.canScroll.left?u`<div part="button-left" class="absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8"><button part="button-start" class="${c(t)}" @click="${r=>this.handleScroll("left",r)}"><slot name="icon-start"><sd-icon library="system" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div>`:null} ${this.canScroll.right?u`<div part="button-right" class="absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8"><button part="button-end" class="${c(t)}" @click="${r=>this.handleScroll("right",r)}"><slot name="icon-end"><sd-icon library="system" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null} ${this.isScrollVerticalEnabled?u`${this.canScroll.up?u`<div part="button-top" class="absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8"><button part="button-start" class="${c(t)}" @click="${r=>this.handleScroll("up",r)}"><slot name="icon-start"><sd-icon library="system" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div>`:null} ${this.canScroll.down?u`<div part="button-bottom" class="absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8"><button part="button-end" class="${c(t)}" @click="${r=>this.handleScroll("down",r)}"><slot name="icon-end"><sd-icon library="system" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null}`:null} ${this.shadows?u`${this.isScrollHorizontalEnabled?u`${this.canScroll.left?u`<div part="shadow-left" class="${e} left top-0 left-0 w-[6px] h-full"></div>`:null} ${this.canScroll.right?u`<div part="shadow-right" class="${e} right top-0 right-0 w-[6px] h-full"></div>`:null}`:null} ${this.isScrollVerticalEnabled?u`${this.canScroll.up?u`<div part="shadow-top" class="${e} top top-0 left-0 w-full h-[6px]"></div>`:null} ${this.canScroll.down?u`<div part="shadow-bottom" class="${e} bottom bottom-0 left-0 w-full h-[6px]"></div>`:null}`:null}`:null}`}};ut.styles=[...m.styles,v`:host{--gradient-color:hsla(0,0%,100%,0);--gradient:var(--gradient-color) 0%,#fff 80%,#fff 100%;display:flex;overflow:hidden;position:relative}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-border-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-right]{background:linear-gradient(90deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-top]{background:linear-gradient(0deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-bottom]{background:linear-gradient(180deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}.sd-icon--top{align-self:flex-start}.sd-icon--down{align-self:flex-end}`],o([l({type:String,reflect:!0})],ut.prototype,"orientation",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"scrollbars",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"buttons",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"shadows",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"inset",2),o([l({type:Number,reflect:!0})],ut.prototype,"step",2),o([E()],ut.prototype,"canScroll",2),o([E()],ut.prototype,"isScrollHorizontalEnabled",2),o([E()],ut.prototype,"isScrollVerticalEnabled",2),o([E()],ut.prototype,"isKeyboardNavigation",2),ut=o([y("sd-scrollable")],ut);var L=class extends m{constructor(){super(...arguments);this.formControlController=new ht(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.hasSlotController=new _(this,"help-text","label");this.localize=new D(this);this.typeToSelectString="";this.hasHover=!1;this.displayLabel="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>u`<sd-tag ?disabled="${this.disabled}" part="tag" exportparts="
+    `}};me.styles=[...mt.styles,v`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],o([l({type:Boolean,reflect:!0})],me.prototype,"expandable",2),me=o([y("sd-quickfact")],me);H("quickfact.show",{keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"ease"}});H("quickfact.hide",{keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"ease"}});var pt=class extends m{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){this.disabled||(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return u`<span part="base" class="${c("sd-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",this.disabled&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${c("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4",this.disabled?"border-neutral-500":this.invalid?"border-error hover:border-error-400 group-hover:border-error-400":this.checked?"border-accent hover:border-accent-550 group-hover:border-accent-550":"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}">${this.checked?u`<span part="checked" class="${c("rounded-full inline-flex text-white bg-accent h-2.5 w-2.5",this.disabled?"bg-neutral-500":this.invalid?"bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"bg-neutral-800")}"></span>`:""}</span><slot part="label" class="${c("ml-2 select-none inline-block",this.disabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};pt.styles=[...m.styles,v`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`],o([E()],pt.prototype,"checked",2),o([E()],pt.prototype,"hasFocus",2),o([l({reflect:!0})],pt.prototype,"size",2),o([l({type:Boolean,reflect:!0})],pt.prototype,"disabled",2),o([l()],pt.prototype,"value",2),o([l({type:Boolean,reflect:!0})],pt.prototype,"invalid",2),o([w("checked")],pt.prototype,"handleCheckedChange",1),o([w("disabled",{waitUntilFirstUpdate:!0})],pt.prototype,"handleDisabledChange",1),pt=o([y("sd-radio")],pt);var vt=class extends m{constructor(){super(...arguments);this.hasSlotController=new _(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(t){if(this.disabled){t.preventDefault(),t.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){let t=this.hasSlotController.test("[default]"),e=this.hasSlotController.test("icon"),r=`${this.size}-${t?"label":"no-label"}`;return u`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${c("relative text-center border rounded-default transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled?"bg-primary border-primary text-white hover:bg-primary-500 hover:border-primary-500":this.disabled&&!this.checked?"border-neutral-500 text-neutral-500 hover:cursor-not-allowed":this.disabled&&this.checked?"bg-neutral-500 border-neutral-500 text-white hover:cursor-not-allowed":"bg-transparent text-primary border-primary hover:bg-primary-100 hover:border-primary-500 hover:text-primary-500 cursor-pointer",t&&"px-4",this.hasFocus&&"focused-class",t&&"button--has-label",e&&"button--has-icon flex gap-2",r)}" aria-disabled="${this.disabled}" type="button" value="${k(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${c(e&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!e}"></slot>${t?u`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};vt.styles=[...m.styles,v`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{width:var(--sd-spacing-12,3rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{width:var(--sd-spacing-10,2.5rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{width:var(--sd-spacing-8,2rem)}:host(.sd-button-group__button--first:not(.sd-button-group__button--last)) button{border-bottom-right-radius:var(--sd-border-radius-none,0);border-top-right-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button--inner) button{border-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button--last:not(.sd-button-group__button--first)) button{border-bottom-left-radius:var(--sd-border-radius-none,0);border-top-left-radius:var(--sd-border-radius-none,0)}:host(.sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:-1px}:host(.sd-button-group__button--hover){z-index:10}:host(.sd-button-group__button--focus),:host(.sd-button-group__button[checked]){z-index:20}`],o([b(".button")],vt.prototype,"input",2),o([b(".hidden-input")],vt.prototype,"hiddenInput",2),o([E()],vt.prototype,"hasFocus",2),o([l({reflect:!0})],vt.prototype,"size",2),o([l({type:Boolean,reflect:!0})],vt.prototype,"disabled",2),o([l({type:Boolean,reflect:!0})],vt.prototype,"checked",2),o([l()],vt.prototype,"value",2),o([w("disabled",{waitUntilFirstUpdate:!0})],vt.prototype,"handleDisabledChange",1),vt=o([y("sd-radio-button")],vt);var Xt=class extends m{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(t){let e=yi(t.target);e==null||e.classList.add("sd-button-group__button--focus")}handleBlur(t){let e=yi(t.target);e==null||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){let e=yi(t.target);e==null||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){let e=yi(t.target);e==null||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){let t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach(e=>{let r=t.indexOf(e),a=yi(e);a!==null&&(a.classList.add("sd-button-group__button"),a.classList.toggle("sd-button-group__button--first",r===0),a.classList.toggle("sd-button-group__button--inner",r>0&&r<t.length-1),a.classList.toggle("sd-button-group__button--last",r===t.length-1),a.classList.toggle("sd-button-group__button--radio",a.tagName.toLowerCase()==="sd-radio-button"))})}render(){return u`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};Xt.styles=[...m.styles,v`:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],o([b("slot")],Xt.prototype,"defaultSlot",2),o([E()],Xt.prototype,"disableRole",2),o([l()],Xt.prototype,"label",2),Xt=o([y("sd-button-group")],Xt);function yi(s){var t;let i="sd-button, sd-radio-button";return(t=s.closest(i))!=null?t:s.querySelector(i)}var X=class extends m{constructor(){super(...arguments);this.formControlController=new ht(this);this.hasSlotController=new _(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?Ts:t?$s:Ye}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-radio, sd-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-radio, sd-radio-button"),r=this.getAllRadios(),a=this.value;e.disabled||(this.value=e.value,r.forEach(n=>n.checked=n===e),this.value!==a&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var h;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(p=>!p.disabled),r=(h=e.find(p=>p.checked))!=null?h:e[0],a=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,d=e.indexOf(r)+a;d<0&&(d=e.length-1),d>e.length-1&&(d=0),this.getAllRadios().forEach(p=>{p.checked=!1,this.hasButtonGroup||(p.tabIndex=-1)}),this.value=e[d].value,e[d].checked=!0,this.hasButtonGroup?e[d].shadowRoot.querySelector("button").focus():(e[d].tabIndex=0,e[d].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),r=t.find(a=>a.checked)||t[0];r&&r.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,r;let t=this.getAllRadios();if(await Promise.all(t.map(async a=>{await a.updateComplete,a.checked=a.value===this.value,a.size=this.size,a instanceof pt&&(a.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(a=>a.tagName.toLowerCase()==="sd-radio-button"),!t.some(a=>a.checked))if(this.hasButtonGroup){let a=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");a&&(a.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let a=(r=this.shadowRoot)==null?void 0:r.querySelector("sd-button-group");a&&(a.disableRole=!0)}}syncRadios(){if(customElements.get("sd-radio")&&customElements.get("sd-radio-button")){this.syncRadioElements();return}customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then(()=>this.syncRadios()),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:!!t,r=u`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return u`<fieldset part="form-control" class="${c("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message"><div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 leading-normal text-black text-left",!e&&"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend><slot name="tooltip"></slot></div><div part="form-control-input" class="${c("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?u`<sd-button-group part="button-group" exportparts="base:button-group__base" role="presentation">${r}</sd-button-group>`:r}</div></fieldset>${this.formControlController.renderInvalidMessage()}`}};X.dependencies={"sd-button-group":Xt},X.styles=[...m.styles,v`:host{display:block}:host([orientation=vertical]) ::slotted(sd-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}`],o([b("slot:not([name])")],X.prototype,"defaultSlot",2),o([b("#validation-input")],X.prototype,"validationInput",2),o([b("#invalid-message")],X.prototype,"invalidMessage",2),o([E()],X.prototype,"hasButtonGroup",2),o([E()],X.prototype,"defaultValue",2),o([E()],X.prototype,"showInvalidStyle",2),o([l({reflect:!0})],X.prototype,"size",2),o([l({type:Boolean,reflect:!0})],X.prototype,"required",2),o([l({reflect:!0})],X.prototype,"orientation",2),o([l()],X.prototype,"label",2),o([l({type:Boolean,reflect:!0})],X.prototype,"boldLabel",2),o([l()],X.prototype,"name",2),o([l({reflect:!0})],X.prototype,"value",2),o([l({reflect:!0})],X.prototype,"form",2),o([w("size",{waitUntilFirstUpdate:!0})],X.prototype,"handleSizeChange",1),o([w("showInvalidStyle",{waitUntilFirstUpdate:!0})],X.prototype,"handleInvalidChange",1),o([w("value")],X.prototype,"handleValueChange",1),X=o([y("sd-radio-group")],X);var ut=class extends m{constructor(){super(...arguments);this.localize=new D(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1;this.isKeyboardNavigation=!1;this.scrollContainer=null}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollIndicatorVisibility()}),this.updateComplete.then(()=>{this.scrollContainer=this.renderRoot.querySelector(".scroll-container"),this.scrollContainer&&this.resizeObserver.observe(this.scrollContainer)})}disconnectedCallback(){super.disconnectedCallback(),this.scrollContainer&&this.resizeObserver.unobserve(this.scrollContainer)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.updateScrollIndicatorVisibility())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get container(){return this.renderRoot.querySelector(".scroll-container")}updateScrollIndicatorVisibility(){let t=this.container;if(!t)return;let e=this.isScrollHorizontalEnabled&&t.scrollLeft>0,r=this.isScrollHorizontalEnabled&&t.scrollLeft+t.clientWidth<t.scrollWidth-1,a=this.isScrollVerticalEnabled&&t.scrollTop>0,n=this.isScrollVerticalEnabled&&t.scrollTop+t.clientHeight<t.scrollHeight-1,d=this.renderRoot.querySelector('[part="button-start"]'),h=this.renderRoot.querySelector('[part="button-end"]');this.canScroll={left:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:e,right:this.isKeyboardNavigation?this.isScrollHorizontalEnabled:r,up:this.isKeyboardNavigation?this.isScrollVerticalEnabled:a,down:this.isKeyboardNavigation?this.isScrollVerticalEnabled:n};let p=e||a,f=r||n;p&&this.dispatchEvent(new CustomEvent("start")),f&&this.dispatchEvent(new CustomEvent("end")),this.isKeyboardNavigation&&(d&&(d.hidden=!p),d&&p&&!(n||r)&&d.focus(),h&&(h.hidden=!f),h&&f&&!(a||e)&&h.focus())}handleScroll(t,e){var h;let r=t==="left"||t==="up"?-this.step:this.step,a=t==="left"||t==="right"?"left":"top";this.isKeyboardNavigation=(e==null?void 0:e.pointerType)!=="mouse";let n={behavior:"smooth"};n[a]=r,(h=this.scrollContainer)==null||h.scrollBy(n);let d=`button-${t}`;this.dispatchEvent(new CustomEvent(d,{bubbles:!0,composed:!0}))}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",e="scroll-shadow absolute z-10 pointer-events-none";return u`<div part="base" class="${c("scroll-container flex overflow-hidden flex-1",this.orientation==="horizontal"&&"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",this.orientation==="vertical"&&"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",this.orientation==="auto"&&"scroll-auto overflow-auto",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset?"p-4":"")}" @scroll="${this.updateScrollIndicatorVisibility}" tabindex="0"><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?u`${this.isScrollHorizontalEnabled?u`${this.canScroll.left?u`<div part="button-left" class="absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8"><button part="button-start" class="${c(t)}" @click="${r=>this.handleScroll("left",r)}"><slot name="icon-start"><sd-icon library="system" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div>`:null} ${this.canScroll.right?u`<div part="button-right" class="absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8"><button part="button-end" class="${c(t)}" @click="${r=>this.handleScroll("right",r)}"><slot name="icon-end"><sd-icon library="system" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null} ${this.isScrollVerticalEnabled?u`${this.canScroll.up?u`<div part="button-top" class="absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8"><button part="button-start" class="${c(t)}" @click="${r=>this.handleScroll("up",r)}"><slot name="icon-start"><sd-icon library="system" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div>`:null} ${this.canScroll.down?u`<div part="button-bottom" class="absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8"><button part="button-end" class="${c(t)}" @click="${r=>this.handleScroll("down",r)}"><slot name="icon-end"><sd-icon library="system" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null}`:null} ${this.shadows?u`${this.isScrollHorizontalEnabled?u`${this.canScroll.left?u`<div part="shadow-left" class="${e} left top-0 left-0 w-[6px] h-full"></div>`:null} ${this.canScroll.right?u`<div part="shadow-right" class="${e} right top-0 right-0 w-[6px] h-full"></div>`:null}`:null} ${this.isScrollVerticalEnabled?u`${this.canScroll.up?u`<div part="shadow-top" class="${e} top top-0 left-0 w-full h-[6px]"></div>`:null} ${this.canScroll.down?u`<div part="shadow-bottom" class="${e} bottom bottom-0 left-0 w-full h-[6px]"></div>`:null}`:null}`:null}`}};ut.styles=[...m.styles,v`:host{--gradient-color:hsla(0,0%,100%,0);--gradient:var(--gradient-color) 0%,#fff 80%,#fff 100%;display:flex;overflow:hidden;position:relative}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-border-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-right]{background:linear-gradient(90deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-top]{background:linear-gradient(0deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-bottom]{background:linear-gradient(180deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}.sd-icon--top{align-self:flex-start}.sd-icon--down{align-self:flex-end}`],o([l({type:String,reflect:!0})],ut.prototype,"orientation",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"scrollbars",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"buttons",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"shadows",2),o([l({type:Boolean,reflect:!0})],ut.prototype,"inset",2),o([l({type:Number,reflect:!0})],ut.prototype,"step",2),o([E()],ut.prototype,"canScroll",2),o([E()],ut.prototype,"isScrollHorizontalEnabled",2),o([E()],ut.prototype,"isScrollVerticalEnabled",2),o([E()],ut.prototype,"isKeyboardNavigation",2),ut=o([y("sd-scrollable")],ut);var L=class extends m{constructor(){super(...arguments);this.formControlController=new ht(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.hasSlotController=new _(this,"help-text","label");this.localize=new D(this);this.typeToSelectString="";this.hasHover=!1;this.displayLabel="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>u`<sd-tag ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,

package/cdn/solid-components.js

@@ -1 +1 @@
-import{a as Z}from"./chunks/chunk.CEVVDV52.js";import"./chunks/chunk.HAL7R4WT.js";import{a as y}from"./chunks/chunk.2H5XA4I4.js";import{a as z}from"./chunks/chunk.TR52VDPR.js";import{a as J}from"./chunks/chunk.A63P52TG.js";import{a as K}from"./chunks/chunk.MOQCXANY.js";import{a as U}from"./chunks/chunk.QV7OIYLT.js";import{a as F}from"./chunks/chunk.B6I2NZMP.js";import{a as H}from"./chunks/chunk.B3H3PR6Y.js";import{a as L}from"./chunks/chunk.JUGW2WJP.js";import{a as Q}from"./chunks/chunk.4QUXWXQ7.js";import{a as V}from"./chunks/chunk.OCT5SOOS.js";import{a as j}from"./chunks/chunk.U5SOEJO4.js";import{a as q}from"./chunks/chunk.Y67MAFTR.js";import{a as R}from"./chunks/chunk.V3WIIJLB.js";import{a as M}from"./chunks/chunk.ZWWTEE7R.js";import{a as v}from"./chunks/chunk.GNYJN5QM.js";import{a as O}from"./chunks/chunk.7ZYFSBMR.js";import{a as P}from"./chunks/chunk.LVDI5OTS.js";import{a as N}from"./chunks/chunk.CAJUSOAF.js";import{a as E}from"./chunks/chunk.5CIQRJCC.js";import{a as I}from"./chunks/chunk.QWPCVRMH.js";import{a as h}from"./chunks/chunk.WG3IQMLL.js";import{a as A}from"./chunks/chunk.WVYVGVBF.js";import{a as B}from"./chunks/chunk.2OLKGLBS.js";import{a as D}from"./chunks/chunk.3H546YPQ.js";import{a as w}from"./chunks/chunk.A772RQJV.js";import{a as g}from"./chunks/chunk.EDD4HHHP.js";import{a as k}from"./chunks/chunk.LPXG67S4.js";import{a as C}from"./chunks/chunk.QOQO2KP5.js";import{a as G}from"./chunks/chunk.WADGCWRK.js";import{a as m}from"./chunks/chunk.AS7L23H2.js";import"./chunks/chunk.5CK64GWQ.js";import{a as S}from"./chunks/chunk.QA3NVZY4.js";import{a as n}from"./chunks/chunk.27EYM5XP.js";import{a as i}from"./chunks/chunk.GX6NOXTL.js";import{a as s}from"./chunks/chunk.DUM4IQT6.js";import"./chunks/chunk.D7TMPF3D.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as c}from"./chunks/chunk.25ETUACJ.js";import{a as b}from"./chunks/chunk.WNV6OGRG.js";import{a as T}from"./chunks/chunk.4EXZ2RBI.js";import"./chunks/chunk.X2O263YD.js";import"./chunks/chunk.64UNKF45.js";import"./chunks/chunk.3L472FD4.js";import{a as f}from"./chunks/chunk.BAO3UVTY.js";import{a as u}from"./chunks/chunk.N5OYRZY6.js";import{a as p}from"./chunks/chunk.EP7OA5FU.js";import"./chunks/chunk.65NSSTJE.js";import"./chunks/chunk.HE2LNCWW.js";import"./chunks/chunk.EJKLI2Q4.js";import{a as x}from"./chunks/chunk.ANH5V2SE.js";import"./chunks/chunk.CBQWVOOS.js";import"./chunks/chunk.EUGX6XW6.js";import"./chunks/chunk.MHWW3RZB.js";import{a as l}from"./chunks/chunk.SWUGEKNC.js";import{a}from"./chunks/chunk.VYV6SKST.js";import{a as e}from"./chunks/chunk.B5YKUN6P.js";import"./chunks/chunk.A3DKF5BY.js";import"./chunks/chunk.5ZILM4TA.js";import{b as o}from"./chunks/chunk.LQZOBUFT.js";import"./chunks/chunk.SPDB3L7V.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{d as W,e as X}from"./chunks/chunk.5YRTJVAZ.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.EFLL7VXU.js";import"./chunks/chunk.RQYP7MH5.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as t}from"./chunks/chunk.SJ2JO4KS.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.XR2KNB36.js";import{a as d}from"./chunks/chunk.D4RLVVDK.js";import{a as r}from"./chunks/chunk.LXL4FWEA.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.6HO6CE4A.js";import{a as Y}from"./chunks/chunk.26YUWEYR.js";import"./chunks/chunk.LI5H3QYB.js";import"./chunks/chunk.TJ6RGDHH.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.DCOFYPWX.js";import"./chunks/chunk.GQU4LYQ6.js";import"./chunks/chunk.IRWHG2Q4.js";import"./chunks/chunk.TJOCV4DC.js";export{Y as LocalizeController,e as SdAccordion,a as SdAccordionGroup,t as SdAnimation,r as SdAudio,d as SdBadge,f as SdBrandshape,u as SdButton,x as SdCarousel,l as SdCarouselItem,m as SdCheckbox,S as SdCheckboxGroup,n as SdCombobox,c as SdDialog,b as SdDivider,T as SdDrawer,g as SdDropdown,k as SdExpandable,C as SdFlipcard,G as SdHeader,o as SdIcon,I as SdInclude,h as SdInput,A as SdLink,B as SdMapMarker,D as SdNavigationItem,w as SdNotification,R as SdOptgroup,M as SdOption,s as SdPopup,v as SdQuickfact,N as SdRadio,O as SdRadioButton,P as SdRadioGroup,E as SdScrollable,F as SdSelect,p as SdSpinner,H as SdStep,L as SdStepGroup,Q as SdSwitch,V as SdTab,j as SdTabGroup,q as SdTabPanel,i as SdTag,y as SdTeaser,z as SdTeaserMedia,J as SdTextarea,K as SdTooltip,U as SdVideo,W as registerIconLibrary,Z as setupAutocomplete,X as unregisterIconLibrary};
+import{a as Z}from"./chunks/chunk.CEVVDV52.js";import"./chunks/chunk.HAL7R4WT.js";import{a as y}from"./chunks/chunk.2H5XA4I4.js";import{a as z}from"./chunks/chunk.TR52VDPR.js";import{a as J}from"./chunks/chunk.A63P52TG.js";import{a as K}from"./chunks/chunk.MOQCXANY.js";import{a as U}from"./chunks/chunk.QV7OIYLT.js";import{a as F}from"./chunks/chunk.B6I2NZMP.js";import{a as H}from"./chunks/chunk.B3H3PR6Y.js";import{a as L}from"./chunks/chunk.JUGW2WJP.js";import{a as Q}from"./chunks/chunk.4QUXWXQ7.js";import{a as V}from"./chunks/chunk.OCT5SOOS.js";import{a as j}from"./chunks/chunk.U5SOEJO4.js";import{a as q}from"./chunks/chunk.Y67MAFTR.js";import{a as R}from"./chunks/chunk.V3WIIJLB.js";import{a as M}from"./chunks/chunk.ZWWTEE7R.js";import{a as v}from"./chunks/chunk.GNYJN5QM.js";import{a as O}from"./chunks/chunk.7ZYFSBMR.js";import{a as P}from"./chunks/chunk.UCTR6UM6.js";import{a as N}from"./chunks/chunk.F4GGY7NW.js";import{a as E}from"./chunks/chunk.5CIQRJCC.js";import{a as I}from"./chunks/chunk.QWPCVRMH.js";import{a as h}from"./chunks/chunk.WG3IQMLL.js";import{a as A}from"./chunks/chunk.WVYVGVBF.js";import{a as B}from"./chunks/chunk.2OLKGLBS.js";import{a as D}from"./chunks/chunk.3H546YPQ.js";import{a as w}from"./chunks/chunk.A772RQJV.js";import{a as g}from"./chunks/chunk.EDD4HHHP.js";import{a as k}from"./chunks/chunk.LPXG67S4.js";import{a as C}from"./chunks/chunk.QOQO2KP5.js";import{a as G}from"./chunks/chunk.WADGCWRK.js";import{a as m}from"./chunks/chunk.AS7L23H2.js";import"./chunks/chunk.5CK64GWQ.js";import{a as S}from"./chunks/chunk.QA3NVZY4.js";import{a as n}from"./chunks/chunk.27EYM5XP.js";import{a as i}from"./chunks/chunk.GX6NOXTL.js";import{a as s}from"./chunks/chunk.DUM4IQT6.js";import"./chunks/chunk.D7TMPF3D.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as c}from"./chunks/chunk.25ETUACJ.js";import{a as b}from"./chunks/chunk.WNV6OGRG.js";import{a as T}from"./chunks/chunk.4EXZ2RBI.js";import"./chunks/chunk.X2O263YD.js";import"./chunks/chunk.64UNKF45.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.D4RLVVDK.js";import{a as f}from"./chunks/chunk.BAO3UVTY.js";import{a as u}from"./chunks/chunk.N5OYRZY6.js";import{a as p}from"./chunks/chunk.EP7OA5FU.js";import"./chunks/chunk.65NSSTJE.js";import"./chunks/chunk.HE2LNCWW.js";import"./chunks/chunk.EJKLI2Q4.js";import{a as x}from"./chunks/chunk.ANH5V2SE.js";import"./chunks/chunk.CBQWVOOS.js";import"./chunks/chunk.EUGX6XW6.js";import"./chunks/chunk.MHWW3RZB.js";import{a as l}from"./chunks/chunk.SWUGEKNC.js";import{a}from"./chunks/chunk.VYV6SKST.js";import{a as e}from"./chunks/chunk.B5YKUN6P.js";import"./chunks/chunk.A3DKF5BY.js";import"./chunks/chunk.5ZILM4TA.js";import{b as o}from"./chunks/chunk.LQZOBUFT.js";import"./chunks/chunk.SPDB3L7V.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import{d as W,e as X}from"./chunks/chunk.5YRTJVAZ.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.EFLL7VXU.js";import"./chunks/chunk.RQYP7MH5.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as t}from"./chunks/chunk.SJ2JO4KS.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.XR2KNB36.js";import{a as r}from"./chunks/chunk.PPMFZ77L.js";import"./chunks/chunk.6HO6CE4A.js";import{a as Y}from"./chunks/chunk.26YUWEYR.js";import"./chunks/chunk.LI5H3QYB.js";import"./chunks/chunk.TJ6RGDHH.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.DCOFYPWX.js";import"./chunks/chunk.GQU4LYQ6.js";import"./chunks/chunk.IRWHG2Q4.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{Y as LocalizeController,e as SdAccordion,a as SdAccordionGroup,t as SdAnimation,r as SdAudio,d as SdBadge,f as SdBrandshape,u as SdButton,x as SdCarousel,l as SdCarouselItem,m as SdCheckbox,S as SdCheckboxGroup,n as SdCombobox,c as SdDialog,b as SdDivider,T as SdDrawer,g as SdDropdown,k as SdExpandable,C as SdFlipcard,G as SdHeader,o as SdIcon,I as SdInclude,h as SdInput,A as SdLink,B as SdMapMarker,D as SdNavigationItem,w as SdNotification,R as SdOptgroup,M as SdOption,s as SdPopup,v as SdQuickfact,N as SdRadio,O as SdRadioButton,P as SdRadioGroup,E as SdScrollable,F as SdSelect,p as SdSpinner,H as SdStep,L as SdStepGroup,Q as SdSwitch,V as SdTab,j as SdTabGroup,q as SdTabPanel,i as SdTag,y as SdTeaser,z as SdTeaserMedia,J as SdTextarea,K as SdTooltip,U as SdVideo,W as registerIconLibrary,Z as setupAutocomplete,X as unregisterIconLibrary};

package/cdn/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@solid-design-system/components",
-  "version": "4.0.7",
+  "version": "4.0.8",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/cdn-versioned/_components/menu/menu.js

@@ -32,7 +32,7 @@ let SdMenu = class SdMenu extends SolidElement {
         if (item.type === 'checkbox') {
             item.checked = !item.checked;
         }
-        this.emit('sd-4-0-7-select', { detail: { item } });
+        this.emit('sd-4-0-8-select', { detail: { item } });
     }
     handleKeyDown(event) {
         if (event.key === 'Enter') {

package/cdn-versioned/_components/menu/menu.styles.js

@@ -11,7 +11,7 @@ export default css `
     overscroll-behavior: none;
   }
 
-  ::slotted(sd-4-0-7-divider) {
+  ::slotted(sd-4-0-8-divider) {
     --spacing: var(--sd-spacing-x-small);
   }
 `;

package/cdn-versioned/_components/menu-item/menu-item.js

@@ -74,7 +74,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         })}
       >
         <span part="checked-icon" class="menu-item__check">
-          <sd-4-0-7-icon name="check" library="system" aria-hidden="true"></sd-4-0-7-icon>
+          <sd-4-0-8-icon name="check" library="system" aria-hidden="true"></sd-4-0-8-icon>
         </span>
 
         <slot name="prefix" part="prefix" class="menu-item__prefix"></slot>
@@ -84,7 +84,7 @@ let SdMenuItem = class SdMenuItem extends SolidElement {
         <slot name="suffix" part="suffix" class="menu-item__suffix"></slot>
 
         <span class="menu-item__chevron">
-          <sd-4-0-7-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-0-7-icon>
+          <sd-4-0-8-icon name="chevron-right" library="system" aria-hidden="true"></sd-4-0-8-icon>
         </span>
       </div>
     `;

package/cdn-versioned/chunks/chunk.25ETUACJ.js

@@ -1 +1 @@
-import{a as k}from"./chunk.X2O263YD.js";import{a as f,b as y}from"./chunk.3L472FD4.js";import{a as l,c as r}from"./chunk.A3DKF5BY.js";import{a,d}from"./chunk.RQYP7MH5.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as g}from"./chunk.E2DRD2OX.js";import{a as x}from"./chunk.6HO6CE4A.js";import{a as w}from"./chunk.26YUWEYR.js";import{a as p}from"./chunk.DCOFYPWX.js";import{a as b,b as h,d as c,h as m}from"./chunk.GQU4LYQ6.js";import{b as v,e as n}from"./chunk.IRWHG2Q4.js";import{e as o}from"./chunk.TJOCV4DC.js";var t=class extends m{constructor(){super(...arguments);this.hasSlotController=new x(this,"footer");this.localize=new w(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new k(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),f(this))}disconnectedCallback(){super.disconnectedCallback(),y(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=r(this,"dialog.denyClose",{dir:this.localize.dir()});a(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),f(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let s=r(this,"dialog.show",{dir:this.localize.dir()}),i=r(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([a(this.panel,s.keyframes,s.options),a(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=r(this,"dialog.hide",{dir:this.localize.dir()}),s=r(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([a(this.overlay,s.keyframes,s.options).then(()=>{this.overlay.hidden=!0}),a(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,y(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&setTimeout(()=>i.focus()),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return n`<div part="base" class="${p("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 bg-primary-800 opacity-90" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${p("flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${this.headline}" aria-labelledby="title" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?n`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:n`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":n`<sd-4-0-7-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${p("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-4-0-7-icon label="${this.localize.term("close")}" name="close" library="system" color="currentColor"></sd-4-0-7-icon></sd-4-0-7-button>`}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`}};t.styles=[...m.styles,v`:host{--width:662px}[part=panel]{width:var(--width)}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=footer]{width:100%}}`],o([c('[part="base"]')],t.prototype,"dialog",2),o([c('[part="panel"]')],t.prototype,"panel",2),o([c('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([g("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([b("sd-4-0-7-dialog")],t);l("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});l("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});l("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});l("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});l("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};
+import{a as k}from"./chunk.X2O263YD.js";import{a as f,b as y}from"./chunk.3L472FD4.js";import{a as l,c as r}from"./chunk.A3DKF5BY.js";import{a,d}from"./chunk.RQYP7MH5.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as g}from"./chunk.E2DRD2OX.js";import{a as x}from"./chunk.6HO6CE4A.js";import{a as w}from"./chunk.26YUWEYR.js";import{a as p}from"./chunk.DCOFYPWX.js";import{a as b,b as h,d as c,h as m}from"./chunk.GQU4LYQ6.js";import{b as v,e as n}from"./chunk.IRWHG2Q4.js";import{e as o}from"./chunk.TJOCV4DC.js";var t=class extends m{constructor(){super(...arguments);this.hasSlotController=new x(this,"footer");this.localize=new w(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new k(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),f(this))}disconnectedCallback(){super.disconnectedCallback(),y(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=r(this,"dialog.denyClose",{dir:this.localize.dir()});a(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),f(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let s=r(this,"dialog.show",{dir:this.localize.dir()}),i=r(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([a(this.panel,s.keyframes,s.options),a(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=r(this,"dialog.hide",{dir:this.localize.dir()}),s=r(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([a(this.overlay,s.keyframes,s.options).then(()=>{this.overlay.hidden=!0}),a(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,y(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&setTimeout(()=>i.focus()),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}render(){return n`<div part="base" class="${p("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 bg-primary-800 opacity-90" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${p("flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${this.headline}" aria-labelledby="title" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?n`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:n`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":n`<sd-4-0-8-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${p("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-4-0-8-icon label="${this.localize.term("close")}" name="close" library="system" color="currentColor"></sd-4-0-8-icon></sd-4-0-8-button>`}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`}};t.styles=[...m.styles,v`:host{--width:662px}[part=panel]{width:var(--width)}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=footer]{width:100%}}`],o([c('[part="base"]')],t.prototype,"dialog",2),o([c('[part="panel"]')],t.prototype,"panel",2),o([c('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([g("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([b("sd-4-0-8-dialog")],t);l("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});l("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});l("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});l("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});l("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn-versioned/chunks/chunk.27EYM5XP.js

@@ -1,11 +1,11 @@
-import{a as U}from"./chunk.GX6NOXTL.js";import{a as K}from"./chunk.DUM4IQT6.js";import{a as A}from"./chunk.D7TMPF3D.js";import{a as H}from"./chunk.X2GM34WQ.js";import{a as L,d as P,e as R,f as w}from"./chunk.W7A3TU2Z.js";import{c as B}from"./chunk.3L472FD4.js";import{b as z}from"./chunk.65NSSTJE.js";import{a as T,c as E}from"./chunk.A3DKF5BY.js";import{a as $,b as F}from"./chunk.LQZOBUFT.js";import{a as S,d as C}from"./chunk.RQYP7MH5.js";import{a as x}from"./chunk.KLRPP4NQ.js";import{a as f}from"./chunk.E2DRD2OX.js";import{a as D}from"./chunk.6HO6CE4A.js";import{a as M}from"./chunk.26YUWEYR.js";import{a as r}from"./chunk.DCOFYPWX.js";import{a as k,b as o,c as h,d as c,h as I}from"./chunk.GQU4LYQ6.js";import{b as V,e as d}from"./chunk.IRWHG2Q4.js";import{e as a}from"./chunk.TJOCV4DC.js";var s=class extends I{constructor(){super(...arguments);this.formControlController=new z(this,{assumeInteractionOn:["sd-blur","sd-4-0-7-input"]});this.hasSlotController=new D(this,"help-text","label");this.localize=new M(this);this.hasHover=!1;this.hasFocus=!1;this.displayInputValue="";this.selectedTextLabel="";this.selectedOptions=[];this.filteredOptions=[];this.allOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.name="";this.value="";this.defaultValue="";this.size="lg";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.currentPlacement=this.placement;this.getOption=H;this.multiple=!1;this.useTags=!0;this.maxOptionsVisible=3;this.styleOnValid=!1;this.filter=(t,e)=>{let i=w(t.value),l=w(t.getTextLabel()),n=w(e);return i.includes(n)||l.includes(n)};this.getTag=t=>d`<sd-4-0-7-tag ?disabled="${this.disabled}" part="tag" exportparts="
+import{a as U}from"./chunk.GX6NOXTL.js";import{a as K}from"./chunk.DUM4IQT6.js";import{a as A}from"./chunk.D7TMPF3D.js";import{a as H}from"./chunk.X2GM34WQ.js";import{a as L,d as P,e as R,f as w}from"./chunk.W7A3TU2Z.js";import{c as B}from"./chunk.3L472FD4.js";import{b as z}from"./chunk.65NSSTJE.js";import{a as T,c as E}from"./chunk.A3DKF5BY.js";import{a as $,b as F}from"./chunk.LQZOBUFT.js";import{a as S,d as C}from"./chunk.RQYP7MH5.js";import{a as x}from"./chunk.KLRPP4NQ.js";import{a as f}from"./chunk.E2DRD2OX.js";import{a as D}from"./chunk.6HO6CE4A.js";import{a as M}from"./chunk.26YUWEYR.js";import{a as r}from"./chunk.DCOFYPWX.js";import{a as k,b as o,c as h,d as c,h as I}from"./chunk.GQU4LYQ6.js";import{b as V,e as d}from"./chunk.IRWHG2Q4.js";import{e as a}from"./chunk.TJOCV4DC.js";var s=class extends I{constructor(){super(...arguments);this.formControlController=new z(this,{assumeInteractionOn:["sd-blur","sd-4-0-8-input"]});this.hasSlotController=new D(this,"help-text","label");this.localize=new M(this);this.hasHover=!1;this.hasFocus=!1;this.displayInputValue="";this.selectedTextLabel="";this.selectedOptions=[];this.filteredOptions=[];this.allOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.name="";this.value="";this.defaultValue="";this.size="lg";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.clearable=!1;this.open=!1;this.hoist=!1;this.label="";this.placement="bottom";this.helpText="";this.form="";this.required=!1;this.currentPlacement=this.placement;this.getOption=H;this.multiple=!1;this.useTags=!0;this.maxOptionsVisible=3;this.styleOnValid=!1;this.filter=(t,e)=>{let i=w(t.value),l=w(t.getTextLabel()),n=w(e);return i.includes(n)||l.includes(n)};this.getTag=t=>d`<sd-4-0-8-tag ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
-            " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${e=>this.handleTagKeyDown(e,t)}" @sd-remove="${e=>this.handleTagRemove(e,t)}">${t.getTextLabel()}</sd-4-0-7-tag>`;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{if(t.target.closest(".combobox__clear")===null){if(t.key==="Escape"&&(this.open?(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})):this.displayInputValue=""),t.key==="Backspace"&&this.multiple&&this.displayInput.value===""){this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0}));return}if(t.key==="Enter"){let l=this.getCurrentOption(),n=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;if(!this.open&&!n){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||l!=null&&l.disabled)return;if(l&&!l.disabled){let p=this.value;this.multiple?(this.toggleOptionSelection(l),this.lastOption=l,this.setOrderedSelectedOptions(l),this.updateComplete.then(()=>{this.selectionChanged()})):(this.setOrderedSelectedOptions(l),this.setSelectedOptions(l)),this.updateComplete.then(()=>{this.displayInput.focus({preventScroll:!0}),this.value!==p&&(this.emit("sd-input"),this.emit("sd-change"))})}this.displayInput.focus({preventScroll:!0}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}));return}["ArrowUp","ArrowDown"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.open||this.show(),this.selectNextOption(t.key==="ArrowDown")),["Home","End"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),t.key==="Home"?this.displayInput.setSelectionRange(0,0):t.key==="End"&&this.displayInput.setSelectionRange(this.displayInput.value.length,this.displayInput.value.length))}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}connectedCallback(){super.connectedCallback(),this.open=!1}firstUpdated(){if(!this.multiple){let t=this.findOptionByValue(this.getSlottedOptions(),this.value);this.selectedTextLabel=(t==null?void 0:t.getTextLabel())||""}this.formControlController.updateValidity()}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}get options(){let t=e=>{let i=this.displayInput.value,l=this.getOption(e,i);return d`${typeof l=="string"?$(l):l}`};return this.filteredOptions.map(e=>e.tagName.toLowerCase()==="sd-4-0-7-optgroup"?(Array.from(e.children).forEach(i=>{i.tagName.toLowerCase()==="sd-4-0-7-option"&&t(i)}),e):t(e))}get tags(){return this.selectedOptions.length<=this.maxOptionsVisible?this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let i=this.getTag(t,e);return d`<div @sd-remove="${l=>this.handleTagRemove(l,t)}">${typeof i=="string"?$(i):i}</div>`}return[d``]}):[d`<sd-4-0-7-tag ?disabled="${this.disabled}" part="tag" exportparts="
+            " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${e=>this.handleTagKeyDown(e,t)}" @sd-remove="${e=>this.handleTagRemove(e,t)}">${t.getTextLabel()}</sd-4-0-8-tag>`;this.handleDocumentFocusIn=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()};this.handleDocumentKeyDown=t=>{if(t.target.closest(".combobox__clear")===null){if(t.key==="Escape"&&(this.open?(t.preventDefault(),t.stopPropagation(),this.hide(),this.displayInput.focus({preventScroll:!0})):this.displayInputValue=""),t.key==="Backspace"&&this.multiple&&this.displayInput.value===""){this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0}));return}if(t.key==="Enter"){let l=this.getCurrentOption(),n=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;if(!this.open&&!n){setTimeout(()=>{t.defaultPrevented||this.formControlController.submit()});return}if(!this.open||l!=null&&l.disabled)return;if(l&&!l.disabled){let p=this.value;this.multiple?(this.toggleOptionSelection(l),this.lastOption=l,this.setOrderedSelectedOptions(l),this.updateComplete.then(()=>{this.selectionChanged()})):(this.setOrderedSelectedOptions(l),this.setSelectedOptions(l)),this.updateComplete.then(()=>{this.displayInput.focus({preventScroll:!0}),this.value!==p&&(this.emit("sd-input"),this.emit("sd-change"))})}this.displayInput.focus({preventScroll:!0}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0}));return}["ArrowUp","ArrowDown"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),this.open||this.show(),this.selectNextOption(t.key==="ArrowDown")),["Home","End"].includes(t.key)&&(t.preventDefault(),t.stopPropagation(),t.key==="Home"?this.displayInput.setSelectionRange(0,0):t.key==="End"&&this.displayInput.setSelectionRange(this.displayInput.value.length,this.displayInput.value.length))}};this.handleDocumentMouseDown=t=>{let e=t.composedPath();this&&!e.includes(this)&&this.hide()}}connectedCallback(){super.connectedCallback(),this.open=!1}firstUpdated(){if(!this.multiple){let t=this.findOptionByValue(this.getSlottedOptions(),this.value);this.selectedTextLabel=(t==null?void 0:t.getTextLabel())||""}this.formControlController.updateValidity()}get validity(){return this.valueInput.validity}get validationMessage(){return this.valueInput.validationMessage}get options(){let t=e=>{let i=this.displayInput.value,l=this.getOption(e,i);return d`${typeof l=="string"?$(l):l}`};return this.filteredOptions.map(e=>e.tagName.toLowerCase()==="sd-4-0-8-optgroup"?(Array.from(e.children).forEach(i=>{i.tagName.toLowerCase()==="sd-4-0-8-option"&&t(i)}),e):t(e))}get tags(){return this.selectedOptions.length<=this.maxOptionsVisible?this.selectedOptions.map((t,e)=>{if(e<this.maxOptionsVisible||this.maxOptionsVisible<=0){let i=this.getTag(t,e);return d`<div @sd-remove="${l=>this.handleTagRemove(l,t)}">${typeof i=="string"?$(i):i}</div>`}return[d``]}):[d`<sd-4-0-8-tag ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,
-            " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${t=>this.handleTagMaxOptionsKeyDown(t)}" @sd-remove="${t=>this.handleTagRemove(t)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-4-0-7-tag>`]}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleTagKeyDown(t,e){t.key==="Backspace"&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),e),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})))}handleTagMaxOptionsKeyDown(t){t.key==="Backspace"&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})))}handleLabelClick(){this.displayInput.focus()}handleTagRemove(t,e){t.stopPropagation(),e||this.clearCombobox(),e&&!this.disabled&&(this.toggleOptionSelection(e,!1),this.setOrderedSelectedOptions(e),this.updateComplete.then(()=>{this.selectionChanged(),this.emit("sd-input"),this.emit("sd-change")}))}handleComboboxMouseDown(t){let i=t.composedPath().some(n=>n instanceof HTMLSlotElement&&n.name==="removable-indicator");if(this.disabled||i)return;(this.open?this.hide():this.show()).then(()=>{setTimeout(()=>this.displayInput.focus({preventScroll:!0}))})}handleComboboxKeyDown(t){t.key!=="Tab"&&this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearCombobox()}handleNoResultsClick(t){t.preventDefault(),this.hide()}clearCombobox(){this.value!==""&&(this.value="",this.displayInputValue="",this.selectedTextLabel="",this.lastOption=void 0,this.selectedOptions=[],this.getSlottedOptions().forEach(t=>{t.selected=!1}),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change")}))}preventLoosingFocus(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let i=t.target.closest("sd-4-0-7-option"),l=this.value;i&&!i.disabled&&(this.multiple?(this.toggleOptionSelection(i),this.lastOption=i,this.setOrderedSelectedOptions(i),this.updateComplete.then(()=>{this.selectionChanged()})):(this.setOrderedSelectedOptions(i),this.setSelectedOptions(i)),this.updateComplete.then(()=>{this.displayInput.focus({preventScroll:!0}),this.value!==l&&(this.emit("sd-input"),this.emit("sd-change"))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}selectNextOption(t){let e=this.getAllFilteredOptions();if(e.length===0)return;let i=this.getCurrentOption(),l=e.indexOf(i),n=Math.max(0,l);if(t){let p=l+1;n=p>e.length-1?0:p}else{let p=l-1;n=p<0?e.length-1:p}this.setCurrentOption(e[n]),B(this.getCurrentOption(),this.listbox,"vertical","auto")}getAllFilteredOptions(){return[...this.filteredWrapper.querySelectorAll("sd-4-0-7-option")]}getCurrentOption(){return this.getAllFilteredOptions().find(t=>t.current)}setCurrentOption(t){let e=this.getAllFilteredOptions();this.displayInput.removeAttribute("aria-activedescendant"),e.forEach(i=>{i.current=!1,i.setAttribute("aria-selected","false")}),t&&(t.current=!0,t.setAttribute("aria-selected","true"),this.displayInput.setAttribute("aria-activedescendant",t.id))}toggleOptionSelection(t,e){let l=this.getSlottedOptions().find(n=>n.value&&t.value?n.value===t.value:n.getTextLabel()===t.getTextLabel());l&&(l.selected=e!=null?e:!l.selected)}findOptionByValue(t,e){if(e)return Array.isArray(e)?t.find(i=>e.includes(i.value)):t.find(i=>i.value===e)}selectedOptionsAndValueSynced(){var t;return!this.value&&this.selectedOptions.length===0?!0:Array.isArray(this.value)?this.value.length===this.selectedOptions.length:this.value===((t=this.selectedOptions[0])==null?void 0:t.value)}isOptionSelected(t){return t.value?this.value.includes(t.value):this.value.includes(t.getTextLabel())}syncSelectedOptionsAndValue(){return this.selectedOptionsAndValueSynced()?void 0:(this.getSlottedOptions().forEach(e=>{e.selected=!1}),this.selectedOptions=this.getSlottedOptions().filter(e=>this.isOptionSelected(e)),this.selectedOptions.forEach(e=>{e&&(e.selected=!0)}),Promise.resolve())}compareOptions(t,e){return t.value&&e.value?t.value===e.value:t.getTextLabel()===e.getTextLabel()}setSelectedOptions(t){this.getSlottedOptions().forEach(i=>{i.selected=this.compareOptions(i,t)}),this.selectionChanged()}setOrderedSelectedOptions(t){let e=this.getSlottedOptions().find(i=>this.compareOptions(i,t));this.multiple?this.selectedOptions.length>0&&e&&this.selectedOptions.find(i=>this.compareOptions(i,e))?this.selectedOptions=this.selectedOptions.filter(i=>!this.compareOptions(i,e)):this.selectedOptions=[...this.selectedOptions,e]:this.selectedOptions=[e]}selectionChanged(){var e,i,l;let t=this.selectedOptions.some(n=>n?this.isOptionSelected(n):!1);this.multiple?(!t&&this.selectedOptions.length>0?this.value=[...this.value,...this.selectedOptions.map(n=>n.value||n.getTextLabel())]:this.value=this.selectedOptions.map(n=>(n==null?void 0:n.value)||(n==null?void 0:n.getTextLabel())||""),this.displayInputValue=""):(this.value=((e=this.selectedOptions[0])==null?void 0:e.value)||((i=this.selectedOptions[0])==null?void 0:i.getTextLabel())||"",this.selectedTextLabel=((l=this.selectedOptions[0])==null?void 0:l.getTextLabel())||"",this.displayInputValue=""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}createComboboxOptionsFromQuery(t){let e=[];this.filteredOptions=this.getSlottedOptions().filter(i=>this.filter(i,t)||t==="").map(i=>{var y,O,m;let l=i.cloneNode(!0);if(l.current=l.value===((y=this.lastOption)==null?void 0:y.value),l.selected=i.selected,l.checkbox=i.checkbox,l.size=i.size,!(((O=i.parentElement)==null?void 0:O.tagName.toLowerCase())==="sd-4-0-7-optgroup"))return l;let p=i.parentElement,g=(m=p.querySelector('[slot="label"]'))==null?void 0:m.cloneNode(!0),u=e.find(b=>b.id===p.id);if(u){u==null||u.appendChild(l),g&&(u==null||u.appendChild(g));return}let v=p.cloneNode();return v.appendChild(l),g&&v.appendChild(g),e.push(v),v}).filter(Boolean)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleCurrentPlacement(t){let e=t.detail;e&&(this.currentPlacement=e)}handleFilterChange(){this.createComboboxOptionsFromQuery(this.displayInputValue)}handleUseTagsChange(){let t=this.getAllFilteredOptions();customElements.get("sd-4-0-7-option")&&t.forEach(e=>{e.checkbox=this.multiple})}applySizeToOptions(){this.getSlottedOptions().forEach(t=>{t.size=this.size})}handleDisabledChange(){this.formControlController.setValidity(this.disabled),this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){this.syncSelectedOptionsAndValue(),this.multiple?this.createComboboxOptionsFromQuery(this.displayInput.value):this.createComboboxOptionsFromQuery("")}handleDisplayInputValueChange(){this.createComboboxOptionsFromQuery(this.displayInputValue)}async handleOpenChange(){if(this.open&&!this.disabled){this.emit("sd-show"),this.addOpenListeners(),await C(this),this.listbox.hidden=!1,this.popup.active=!0;let{keyframes:i,options:l}=E(this,"combobox.show",{dir:this.localize.dir()});await S(this.popup.popup,i,l),this.emit("sd-after-show"),this.filteredOptions.length===0&&this.emit("sd-error");return}this.setCurrentOption(null),this.displayInput.removeAttribute("aria-activedescendant"),this.emit("sd-hide"),this.removeOpenListeners(),await C(this);let{keyframes:t,options:e}=E(this,"combobox.hide",{dir:this.localize.dir()});await S(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,Promise.race([x(this,"sd-after-show"),x(this,"sd-error")])}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.displayInputValue="",this.open=!1,x(this,"sd-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}async handleInput(){let t=this.displayInput.value;this.displayInputValue=t,await this.updateComplete,this.open=this.filteredWrapper.children.length>0,this.formControlController.updateValidity(),this.emit("sd-input")}handleChange(){(!this.selectedOptions||!this.multiple)&&(this.selectedTextLabel=this.displayInput.value,this.updateComplete.then(()=>{this.formControlController.updateValidity()}),this.emit("sd-change"))}getSlottedOptions(){return P(L(this.defaultSlot)).flat()}getSlottedOptGroups(){return R(L(this.defaultSlot))}async handleDefaultSlotChange(){if(!customElements.get("sd-4-0-7-option")){customElements.whenDefined("sd-4-0-7-option").then(()=>this.handleDefaultSlotChange());return}let t=this.getSlottedOptions(),e=this.getSlottedOptGroups();this.applySizeToOptions();let i=this.findOptionByValue(t,this.value);this.selectedTextLabel=(i==null?void 0:i.getTextLabel())||"",t.forEach((l,n)=>{this.multiple&&(l.checkbox=!0),l.id=l.id||`sd-4-0-7-combobox-option-${n}`}),e.forEach((l,n)=>{l.id=l.id||`sd-4-0-7-combobox-optgroup-${n}`}),await this.syncSelectedOptionsAndValue(),this.multiple?this.createComboboxOptionsFromQuery(this.displayInputValue):this.createComboboxOptionsFromQuery("")}render(){let t={left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")},e=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),l=this.label?!0:!!e,n=this.helpText?!0:!!i,p=this.clearable&&!this.disabled,g=this.disabled?"disabled":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",u=this.disabled?"cursor-not-allowed":"cursor-pointer",v=this.disabled?"text-neutral-500":"text-primary",y={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],O={sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size],m={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return d`<div part="form-control" class="${r("relative text-left",u,this.size==="sm"?"text-sm":"text-base",this.open&&"z-50")}"><label id="label" part="form-control-label" class="${l&&"inline-block mb-2"}" aria-hidden="${!l}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label><div part="form-control-input" class="relative w-full bg-white text-black"><div part="border" class="${r("absolute top-0 w-full h-full pointer-events-none border rounded-default",this.hasHover&&"bg-neutral-200",{disabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[g],this.open&&(this.currentPlacement==="bottom"?"rounded-bl-none rounded-br-none":"rounded-tl-none rounded-tr-none"))}"></div><sd-4-0-7-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${r("inline-flex relative w-full",this.currentPlacement==="bottom"?"origin-top":"origin-bottom")}" placement="${this.placement}" strategy="${this.hoist?"fixed":"absolute"}" flip shift sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
+            " size="${this.size==="sm"?"sm":"lg"}" removable @keydown="${t=>this.handleTagMaxOptionsKeyDown(t)}" @sd-remove="${t=>this.handleTagRemove(t)}">${this.selectedOptions.length} ${this.localize.term("tagsSelected")}</sd-4-0-8-tag>`]}addOpenListeners(){document.addEventListener("focusin",this.handleDocumentFocusIn),document.addEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().addEventListener("focusin",this.handleDocumentFocusIn)}removeOpenListeners(){document.removeEventListener("focusin",this.handleDocumentFocusIn),document.removeEventListener("mousedown",this.handleDocumentMouseDown),this.getRootNode()!==document&&this.getRootNode().removeEventListener("focusin",this.handleDocumentFocusIn)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleTagKeyDown(t,e){t.key==="Backspace"&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),e),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})))}handleTagMaxOptionsKeyDown(t){t.key==="Backspace"&&this.multiple&&(t.preventDefault(),t.stopPropagation(),this.handleTagRemove(new CustomEvent("sd-remove"),this.selectedOptions[this.selectedOptions.length-1]),this.updateComplete.then(()=>this.displayInput.focus({preventScroll:!0})))}handleLabelClick(){this.displayInput.focus()}handleTagRemove(t,e){t.stopPropagation(),e||this.clearCombobox(),e&&!this.disabled&&(this.toggleOptionSelection(e,!1),this.setOrderedSelectedOptions(e),this.updateComplete.then(()=>{this.selectionChanged(),this.emit("sd-input"),this.emit("sd-change")}))}handleComboboxMouseDown(t){let i=t.composedPath().some(n=>n instanceof HTMLSlotElement&&n.name==="removable-indicator");if(this.disabled||i)return;(this.open?this.hide():this.show()).then(()=>{setTimeout(()=>this.displayInput.focus({preventScroll:!0}))})}handleComboboxKeyDown(t){t.key!=="Tab"&&this.handleDocumentKeyDown(t)}handleClearClick(t){t.stopPropagation(),this.clearCombobox()}handleNoResultsClick(t){t.preventDefault(),this.hide()}clearCombobox(){this.value!==""&&(this.value="",this.displayInputValue="",this.selectedTextLabel="",this.lastOption=void 0,this.selectedOptions=[],this.getSlottedOptions().forEach(t=>{t.selected=!1}),this.displayInput.focus({preventScroll:!0}),this.updateComplete.then(()=>{this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change")}))}preventLoosingFocus(t){t.stopPropagation(),t.preventDefault()}handleOptionClick(t){let i=t.target.closest("sd-4-0-8-option"),l=this.value;i&&!i.disabled&&(this.multiple?(this.toggleOptionSelection(i),this.lastOption=i,this.setOrderedSelectedOptions(i),this.updateComplete.then(()=>{this.selectionChanged()})):(this.setOrderedSelectedOptions(i),this.setSelectedOptions(i)),this.updateComplete.then(()=>{this.displayInput.focus({preventScroll:!0}),this.value!==l&&(this.emit("sd-input"),this.emit("sd-change"))}),this.multiple||(this.hide(),this.displayInput.focus({preventScroll:!0})))}selectNextOption(t){let e=this.getAllFilteredOptions();if(e.length===0)return;let i=this.getCurrentOption(),l=e.indexOf(i),n=Math.max(0,l);if(t){let p=l+1;n=p>e.length-1?0:p}else{let p=l-1;n=p<0?e.length-1:p}this.setCurrentOption(e[n]),B(this.getCurrentOption(),this.listbox,"vertical","auto")}getAllFilteredOptions(){return[...this.filteredWrapper.querySelectorAll("sd-4-0-8-option")]}getCurrentOption(){return this.getAllFilteredOptions().find(t=>t.current)}setCurrentOption(t){let e=this.getAllFilteredOptions();this.displayInput.removeAttribute("aria-activedescendant"),e.forEach(i=>{i.current=!1,i.setAttribute("aria-selected","false")}),t&&(t.current=!0,t.setAttribute("aria-selected","true"),this.displayInput.setAttribute("aria-activedescendant",t.id))}toggleOptionSelection(t,e){let l=this.getSlottedOptions().find(n=>n.value&&t.value?n.value===t.value:n.getTextLabel()===t.getTextLabel());l&&(l.selected=e!=null?e:!l.selected)}findOptionByValue(t,e){if(e)return Array.isArray(e)?t.find(i=>e.includes(i.value)):t.find(i=>i.value===e)}selectedOptionsAndValueSynced(){var t;return!this.value&&this.selectedOptions.length===0?!0:Array.isArray(this.value)?this.value.length===this.selectedOptions.length:this.value===((t=this.selectedOptions[0])==null?void 0:t.value)}isOptionSelected(t){return t.value?this.value.includes(t.value):this.value.includes(t.getTextLabel())}syncSelectedOptionsAndValue(){return this.selectedOptionsAndValueSynced()?void 0:(this.getSlottedOptions().forEach(e=>{e.selected=!1}),this.selectedOptions=this.getSlottedOptions().filter(e=>this.isOptionSelected(e)),this.selectedOptions.forEach(e=>{e&&(e.selected=!0)}),Promise.resolve())}compareOptions(t,e){return t.value&&e.value?t.value===e.value:t.getTextLabel()===e.getTextLabel()}setSelectedOptions(t){this.getSlottedOptions().forEach(i=>{i.selected=this.compareOptions(i,t)}),this.selectionChanged()}setOrderedSelectedOptions(t){let e=this.getSlottedOptions().find(i=>this.compareOptions(i,t));this.multiple?this.selectedOptions.length>0&&e&&this.selectedOptions.find(i=>this.compareOptions(i,e))?this.selectedOptions=this.selectedOptions.filter(i=>!this.compareOptions(i,e)):this.selectedOptions=[...this.selectedOptions,e]:this.selectedOptions=[e]}selectionChanged(){var e,i,l;let t=this.selectedOptions.some(n=>n?this.isOptionSelected(n):!1);this.multiple?(!t&&this.selectedOptions.length>0?this.value=[...this.value,...this.selectedOptions.map(n=>n.value||n.getTextLabel())]:this.value=this.selectedOptions.map(n=>(n==null?void 0:n.value)||(n==null?void 0:n.getTextLabel())||""),this.displayInputValue=""):(this.value=((e=this.selectedOptions[0])==null?void 0:e.value)||((i=this.selectedOptions[0])==null?void 0:i.getTextLabel())||"",this.selectedTextLabel=((l=this.selectedOptions[0])==null?void 0:l.getTextLabel())||"",this.displayInputValue=""),this.updateComplete.then(()=>{this.formControlController.updateValidity()})}createComboboxOptionsFromQuery(t){let e=[];this.filteredOptions=this.getSlottedOptions().filter(i=>this.filter(i,t)||t==="").map(i=>{var y,O,m;let l=i.cloneNode(!0);if(l.current=l.value===((y=this.lastOption)==null?void 0:y.value),l.selected=i.selected,l.checkbox=i.checkbox,l.size=i.size,!(((O=i.parentElement)==null?void 0:O.tagName.toLowerCase())==="sd-4-0-8-optgroup"))return l;let p=i.parentElement,g=(m=p.querySelector('[slot="label"]'))==null?void 0:m.cloneNode(!0),u=e.find(b=>b.id===p.id);if(u){u==null||u.appendChild(l),g&&(u==null||u.appendChild(g));return}let v=p.cloneNode();return v.appendChild(l),g&&v.appendChild(g),e.push(v),v}).filter(Boolean)}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleCurrentPlacement(t){let e=t.detail;e&&(this.currentPlacement=e)}handleFilterChange(){this.createComboboxOptionsFromQuery(this.displayInputValue)}handleUseTagsChange(){let t=this.getAllFilteredOptions();customElements.get("sd-4-0-8-option")&&t.forEach(e=>{e.checkbox=this.multiple})}applySizeToOptions(){this.getSlottedOptions().forEach(t=>{t.size=this.size})}handleDisabledChange(){this.formControlController.setValidity(this.disabled),this.disabled&&(this.open=!1,this.handleOpenChange())}handleValueChange(){this.syncSelectedOptionsAndValue(),this.multiple?this.createComboboxOptionsFromQuery(this.displayInput.value):this.createComboboxOptionsFromQuery("")}handleDisplayInputValueChange(){this.createComboboxOptionsFromQuery(this.displayInputValue)}async handleOpenChange(){if(this.open&&!this.disabled){this.emit("sd-show"),this.addOpenListeners(),await C(this),this.listbox.hidden=!1,this.popup.active=!0;let{keyframes:i,options:l}=E(this,"combobox.show",{dir:this.localize.dir()});await S(this.popup.popup,i,l),this.emit("sd-after-show"),this.filteredOptions.length===0&&this.emit("sd-error");return}this.setCurrentOption(null),this.displayInput.removeAttribute("aria-activedescendant"),this.emit("sd-hide"),this.removeOpenListeners(),await C(this);let{keyframes:t,options:e}=E(this,"combobox.hide",{dir:this.localize.dir()});await S(this.popup.popup,t,e),this.listbox.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}async show(){if(this.open||this.disabled){this.open=!1;return}return this.open=!0,Promise.race([x(this,"sd-after-show"),x(this,"sd-error")])}async hide(){if(!this.open||this.disabled){this.open=!1;return}return this.displayInputValue="",this.open=!1,x(this,"sd-after-hide")}checkValidity(){return this.valueInput.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.valueInput.reportValidity()}setCustomValidity(t){this.valueInput.setCustomValidity(t),this.formControlController.updateValidity()}focus(t){this.displayInput.focus(t)}blur(){this.displayInput.blur()}async handleInput(){let t=this.displayInput.value;this.displayInputValue=t,await this.updateComplete,this.open=this.filteredWrapper.children.length>0,this.formControlController.updateValidity(),this.emit("sd-input")}handleChange(){(!this.selectedOptions||!this.multiple)&&(this.selectedTextLabel=this.displayInput.value,this.updateComplete.then(()=>{this.formControlController.updateValidity()}),this.emit("sd-change"))}getSlottedOptions(){return P(L(this.defaultSlot)).flat()}getSlottedOptGroups(){return R(L(this.defaultSlot))}async handleDefaultSlotChange(){if(!customElements.get("sd-4-0-8-option")){customElements.whenDefined("sd-4-0-8-option").then(()=>this.handleDefaultSlotChange());return}let t=this.getSlottedOptions(),e=this.getSlottedOptGroups();this.applySizeToOptions();let i=this.findOptionByValue(t,this.value);this.selectedTextLabel=(i==null?void 0:i.getTextLabel())||"",t.forEach((l,n)=>{this.multiple&&(l.checkbox=!0),l.id=l.id||`sd-4-0-8-combobox-option-${n}`}),e.forEach((l,n)=>{l.id=l.id||`sd-4-0-8-combobox-optgroup-${n}`}),await this.syncSelectedOptionsAndValue(),this.multiple?this.createComboboxOptionsFromQuery(this.displayInputValue):this.createComboboxOptionsFromQuery("")}render(){let t={left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")},e=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),l=this.label?!0:!!e,n=this.helpText?!0:!!i,p=this.clearable&&!this.disabled,g=this.disabled?"disabled":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus||this.open?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",u=this.disabled?"cursor-not-allowed":"cursor-pointer",v=this.disabled?"text-neutral-500":"text-primary",y={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],O={sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size],m={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return d`<div part="form-control" class="${r("relative text-left",u,this.size==="sm"?"text-sm":"text-base",this.open&&"z-50")}"><label id="label" part="form-control-label" class="${l&&"inline-block mb-2"}" aria-hidden="${!l}" @click="${this.handleLabelClick}"><slot name="label">${this.label}</slot></label><div part="form-control-input" class="relative w-full bg-white text-black"><div part="border" class="${r("absolute top-0 w-full h-full pointer-events-none border rounded-default",this.hasHover&&"bg-neutral-200",{disabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[g],this.open&&(this.currentPlacement==="bottom"?"rounded-bl-none rounded-br-none":"rounded-tl-none rounded-tr-none"))}"></div><sd-4-0-8-popup @sd-current-placement="${this.handleCurrentPlacement}" class="${r("inline-flex relative w-full",this.currentPlacement==="bottom"?"origin-top":"origin-bottom")}" placement="${this.placement}" strategy="${this.hoist?"fixed":"absolute"}" flip shift sync="width" auto-size="vertical" auto-size-padding="10" exportparts="
               popup:popup__content,
-            "><div part="combobox" class="${r("relative w-full px-4 flex flex-row items-center rounded-default",this.open&&"shadow",{sm:"py-1 min-h-[32px]",md:"py-1 min-h-[40px]",lg:"py-2 min-h-[48px]"}[this.size])}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}">${t.left?d`<slot part="left" name="left" class="${r("inline-flex",O,v,m)}"></slot>`:""} ${this.multiple&&this.useTags&&this.tags.length>0?d`<div part="tags" class="${r("flex items-center gap-1",O)}">${this.tags}</div>`:null} <input id="display-input" name="${this.name}" form="${this.form}" part="display-input" class="${r("appearance-none outline-none bg-transparent flex-auto min-w-0",u,this.selectedTextLabel&&!this.multiple?"placeholder-black":"placeholder-neutral-700")}" type="text" placeholder="${this.selectedTextLabel&&!this.multiple?this.selectedTextLabel:this.placeholder||this.localize.term("comboboxDefaultPlaceholder")}" .disabled="${this.disabled}" .value="${this.displayInputValue}" autocomplete="off" spellcheck="false" autocapitalize="off" aria-controls="listbox" aria-expanded="${this.open}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-autocomplete="list" aria-owns="listbox" @input="${this.handleInput}" @change="${this.handleChange}"><div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(b=>b==null?void 0:b.getTextLabel()).join(", ")}</div><input class="${r("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",u)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${p?d`<button part="clear-button" class="${r("flex justify-center",y,this.value.length>0?"visible":"invisible")}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.preventLoosingFocus}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-0-7-icon class="${r("text-icon-fill-neutral-800",m)}" name="closing-round" library="system"></sd-4-0-7-icon></slot></button>`:""} ${this.showInvalidStyle?d`<sd-4-0-7-icon part="invalid-icon" class="${r(y,m,"text-error")}" library="system" name="risk"></sd-4-0-7-icon>`:""} ${this.styleOnValid&&this.showValidStyle?d`<sd-4-0-7-icon part="valid-icon" class="${r("flex-shrink-0 text-success",y,m)}" library="system" name="status-check"></sd-4-0-7-icon>`:""}<slot name="right" part="right" class="${r("inline-flex ml-2 leading-[0]",this.disabled?"text-neutral-500":"text-primary",m)}"><sd-4-0-7-icon class="${r("transition-all",this.open?"rotate-180":"rotate-0")}" name="chevron-down" part="chevron" library="system" color="currentColor"></sd-4-0-7-icon></slot></div><div id="listbox" role="listbox" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${r("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mousedown="${this.preventLoosingFocus}" @mouseup="${this.handleOptionClick}"><div part="filtered-listbox" class="overflow-y-scroll">${this.filteredOptions.length===0?d`<span id="noResults" class="px-4 flex items-center w-full transition-all text-left text-base relative text-black py-3" aria-hidden="true" @click="${this.handleNoResultsClick}">${this.localize.term("noResults")}</span>`:this.options}</div><slot id="defaultOptionsSlot" class="hidden" @slotchange="${this.handleDefaultSlotChange}"></slot></div></sd-4-0-7-popup></div><div part="form-control-help-text" id="help-text" class="text-sm text-neutral-700" aria-hidden="${!n}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};s.dependencies={"sd-4-0-7-icon":F,"sd-4-0-7-popup":K,"sd-4-0-7-tag":U},s.styles=[...I.styles,V`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-4-0-7-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-4-0-7-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-4-0-7-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-4-0-7-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-4-0-7-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}[part=filtered-listbox] sd-4-0-7-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;color:inherit;font-weight:700}`],a([c("sd-4-0-7-popup")],s.prototype,"popup",2),a([c('[part="combobox"]')],s.prototype,"combobox",2),a([c('[part="display-input"]')],s.prototype,"displayInput",2),a([c(".value-input")],s.prototype,"valueInput",2),a([c('[part="listbox"]')],s.prototype,"listbox",2),a([c('[part="tags"]')],s.prototype,"tagWrapper",2),a([c('[part="filtered-listbox"]')],s.prototype,"filteredWrapper",2),a([c("slot:not([name])")],s.prototype,"defaultSlot",2),a([c("#invalid-message")],s.prototype,"invalidMessage",2),a([h()],s.prototype,"hasHover",2),a([h()],s.prototype,"hasFocus",2),a([h()],s.prototype,"displayInputValue",2),a([h()],s.prototype,"selectedTextLabel",2),a([h()],s.prototype,"selectedOptions",2),a([h()],s.prototype,"filteredOptions",2),a([h()],s.prototype,"allOptions",2),a([h()],s.prototype,"lastOption",2),a([h()],s.prototype,"showValidStyle",2),a([h()],s.prototype,"showInvalidStyle",2),a([o()],s.prototype,"name",2),a([o({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],s.prototype,"value",2),a([A()],s.prototype,"defaultValue",2),a([o({reflect:!0})],s.prototype,"size",2),a([o()],s.prototype,"placeholder",2),a([o({attribute:"max-options-tag-label"})],s.prototype,"maxOptionsTagLabel",2),a([o({reflect:!0,type:Boolean})],s.prototype,"disabled",2),a([o({type:Boolean})],s.prototype,"clearable",2),a([o({reflect:!0,type:Boolean})],s.prototype,"open",2),a([o({type:Boolean})],s.prototype,"hoist",2),a([o()],s.prototype,"label",2),a([o({reflect:!0})],s.prototype,"placement",2),a([o({attribute:"help-text"})],s.prototype,"helpText",2),a([o({reflect:!0})],s.prototype,"form",2),a([o({reflect:!0,type:Boolean})],s.prototype,"required",2),a([h()],s.prototype,"currentPlacement",2),a([o()],s.prototype,"getOption",2),a([o({type:Boolean,reflect:!0})],s.prototype,"multiple",2),a([o({type:Boolean,reflect:!0})],s.prototype,"useTags",2),a([o({attribute:"max-options-visible",type:Number})],s.prototype,"maxOptionsVisible",2),a([o({type:Boolean,reflect:!0,attribute:"style-on-valid"})],s.prototype,"styleOnValid",2),a([o()],s.prototype,"filter",2),a([o()],s.prototype,"getTag",2),a([f("filter",{waitUntilFirstUpdate:!0})],s.prototype,"handleFilterChange",1),a([f("useTags",{waitUntilFirstUpdate:!0})],s.prototype,"handleUseTagsChange",1),a([f("size",{waitUntilFirstUpdate:!0})],s.prototype,"applySizeToOptions",1),a([f("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),a([f("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),a([f("displayInputValue",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisplayInputValueChange",1),a([f("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),s=a([k("sd-4-0-7-combobox")],s);T("combobox.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});T("combobox.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{s as a};
+            "><div part="combobox" class="${r("relative w-full px-4 flex flex-row items-center rounded-default",this.open&&"shadow",{sm:"py-1 min-h-[32px]",md:"py-1 min-h-[40px]",lg:"py-2 min-h-[48px]"}[this.size])}" slot="anchor" @keydown="${this.handleComboboxKeyDown}" @mousedown="${this.handleComboboxMouseDown}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}">${t.left?d`<slot part="left" name="left" class="${r("inline-flex",O,v,m)}"></slot>`:""} ${this.multiple&&this.useTags&&this.tags.length>0?d`<div part="tags" class="${r("flex items-center gap-1",O)}">${this.tags}</div>`:null} <input id="display-input" name="${this.name}" form="${this.form}" part="display-input" class="${r("appearance-none outline-none bg-transparent flex-auto min-w-0",u,this.selectedTextLabel&&!this.multiple?"placeholder-black":"placeholder-neutral-700")}" type="text" placeholder="${this.selectedTextLabel&&!this.multiple?this.selectedTextLabel:this.placeholder||this.localize.term("comboboxDefaultPlaceholder")}" .disabled="${this.disabled}" .value="${this.displayInputValue}" autocomplete="off" spellcheck="false" autocapitalize="off" aria-controls="listbox" aria-expanded="${this.open}" aria-haspopup="listbox" aria-labelledby="label" aria-disabled="${this.disabled}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" role="combobox" tabindex="0" @focus="${this.handleFocus}" @blur="${this.handleBlur}" aria-autocomplete="list" aria-owns="listbox" @input="${this.handleInput}" @change="${this.handleChange}"><div aria-live="polite" id="control-value" class="absolute top-0 left-0 opacity-0 -z-10">${this.selectedOptions.map(b=>b==null?void 0:b.getTextLabel()).join(", ")}</div><input class="${r("value-input absolute top-0 left-0 w-full h-full opacity-0 -z-10",u)}" type="text" ?disabled="${this.disabled}" ?required="${this.required}" .value="${Array.isArray(this.value)?this.value.join(", "):this.value}" tabindex="-1" aria-controls="control-value" aria-hidden="true" @focus="${()=>this.focus()}" @invalid="${this.handleInvalid}"> ${p?d`<button part="clear-button" class="${r("flex justify-center",y,this.value.length>0?"visible":"invisible")}" type="button" aria-label="${this.localize.term("clearEntry")}" @mousedown="${this.preventLoosingFocus}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-0-8-icon class="${r("text-icon-fill-neutral-800",m)}" name="closing-round" library="system"></sd-4-0-8-icon></slot></button>`:""} ${this.showInvalidStyle?d`<sd-4-0-8-icon part="invalid-icon" class="${r(y,m,"text-error")}" library="system" name="risk"></sd-4-0-8-icon>`:""} ${this.styleOnValid&&this.showValidStyle?d`<sd-4-0-8-icon part="valid-icon" class="${r("flex-shrink-0 text-success",y,m)}" library="system" name="status-check"></sd-4-0-8-icon>`:""}<slot name="right" part="right" class="${r("inline-flex ml-2 leading-[0]",this.disabled?"text-neutral-500":"text-primary",m)}"><sd-4-0-8-icon class="${r("transition-all",this.open?"rotate-180":"rotate-0")}" name="chevron-down" part="chevron" library="system" color="currentColor"></sd-4-0-8-icon></slot></div><div id="listbox" role="listbox" aria-expanded="${this.open}" aria-multiselectable="${this.multiple}" aria-labelledby="label" part="listbox" class="${r("bg-white px-2 py-3 relative border-primary overflow-y-auto",this.open&&"shadow",this.currentPlacement==="bottom"?"border-r-2 border-b-2 border-l-2 rounded-br-default rounded-bl-default":"border-r-2 border-t-2 border-l-2 rounded-tr-default rounded-tl-default")}" tabindex="-1" @mousedown="${this.preventLoosingFocus}" @mouseup="${this.handleOptionClick}"><div part="filtered-listbox" class="overflow-y-scroll">${this.filteredOptions.length===0?d`<span id="noResults" class="px-4 flex items-center w-full transition-all text-left text-base relative text-black py-3" aria-hidden="true" @click="${this.handleNoResultsClick}">${this.localize.term("noResults")}</span>`:this.options}</div><slot id="defaultOptionsSlot" class="hidden" @slotchange="${this.handleDefaultSlotChange}"></slot></div></sd-4-0-8-popup></div><div part="form-control-help-text" id="help-text" class="text-sm text-neutral-700" aria-hidden="${!n}"><slot name="help-text">${this.helpText}</slot></div></div>${this.formControlController.renderInvalidMessage()}`}};s.dependencies={"sd-4-0-8-icon":F,"sd-4-0-8-popup":K,"sd-4-0-8-tag":U},s.styles=[...I.styles,V`:host{display:block;position:relative;width:100%}:host([required]) #label:after{content:" *"}[part=listbox]{max-height:var(--auto-size-available-height,auto)}sd-4-0-8-popup::part(popup){z-index:var(--sd-z-index-dropdown,900)}sd-4-0-8-tag::part(base){border-radius:var(--sd-border-radius-default,.25rem);padding-left:var(--sd-spacing-1,.25rem);padding-right:var(--sd-spacing-1,.25rem)}sd-4-0-8-tag::part(content){display:inline-block;max-width:var(--tag-max-width,15ch);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}sd-4-0-8-tag[size=lg]::part(base){padding-left:var(--sd-spacing-2,.5rem);padding-right:var(--sd-spacing-2,.5rem)}sd-4-0-8-tag[disabled=false]::part(base):hover{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-primary-100,236 240 249)/var(--tw-bg-opacity,1))}[part=filtered-listbox] sd-4-0-8-optgroup:first-of-type{--display-divider:none}mark{background-color:transparent;color:inherit;font-weight:700}`],a([c("sd-4-0-8-popup")],s.prototype,"popup",2),a([c('[part="combobox"]')],s.prototype,"combobox",2),a([c('[part="display-input"]')],s.prototype,"displayInput",2),a([c(".value-input")],s.prototype,"valueInput",2),a([c('[part="listbox"]')],s.prototype,"listbox",2),a([c('[part="tags"]')],s.prototype,"tagWrapper",2),a([c('[part="filtered-listbox"]')],s.prototype,"filteredWrapper",2),a([c("slot:not([name])")],s.prototype,"defaultSlot",2),a([c("#invalid-message")],s.prototype,"invalidMessage",2),a([h()],s.prototype,"hasHover",2),a([h()],s.prototype,"hasFocus",2),a([h()],s.prototype,"displayInputValue",2),a([h()],s.prototype,"selectedTextLabel",2),a([h()],s.prototype,"selectedOptions",2),a([h()],s.prototype,"filteredOptions",2),a([h()],s.prototype,"allOptions",2),a([h()],s.prototype,"lastOption",2),a([h()],s.prototype,"showValidStyle",2),a([h()],s.prototype,"showInvalidStyle",2),a([o()],s.prototype,"name",2),a([o({converter:{fromAttribute:t=>t.split(" "),toAttribute:t=>t.join(" ")}})],s.prototype,"value",2),a([A()],s.prototype,"defaultValue",2),a([o({reflect:!0})],s.prototype,"size",2),a([o()],s.prototype,"placeholder",2),a([o({attribute:"max-options-tag-label"})],s.prototype,"maxOptionsTagLabel",2),a([o({reflect:!0,type:Boolean})],s.prototype,"disabled",2),a([o({type:Boolean})],s.prototype,"clearable",2),a([o({reflect:!0,type:Boolean})],s.prototype,"open",2),a([o({type:Boolean})],s.prototype,"hoist",2),a([o()],s.prototype,"label",2),a([o({reflect:!0})],s.prototype,"placement",2),a([o({attribute:"help-text"})],s.prototype,"helpText",2),a([o({reflect:!0})],s.prototype,"form",2),a([o({reflect:!0,type:Boolean})],s.prototype,"required",2),a([h()],s.prototype,"currentPlacement",2),a([o()],s.prototype,"getOption",2),a([o({type:Boolean,reflect:!0})],s.prototype,"multiple",2),a([o({type:Boolean,reflect:!0})],s.prototype,"useTags",2),a([o({attribute:"max-options-visible",type:Number})],s.prototype,"maxOptionsVisible",2),a([o({type:Boolean,reflect:!0,attribute:"style-on-valid"})],s.prototype,"styleOnValid",2),a([o()],s.prototype,"filter",2),a([o()],s.prototype,"getTag",2),a([f("filter",{waitUntilFirstUpdate:!0})],s.prototype,"handleFilterChange",1),a([f("useTags",{waitUntilFirstUpdate:!0})],s.prototype,"handleUseTagsChange",1),a([f("size",{waitUntilFirstUpdate:!0})],s.prototype,"applySizeToOptions",1),a([f("disabled",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisabledChange",1),a([f("value",{waitUntilFirstUpdate:!0})],s.prototype,"handleValueChange",1),a([f("displayInputValue",{waitUntilFirstUpdate:!0})],s.prototype,"handleDisplayInputValueChange",1),a([f("open",{waitUntilFirstUpdate:!0})],s.prototype,"handleOpenChange",1),s=a([k("sd-4-0-8-combobox")],s);T("combobox.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}});T("combobox.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{s as a};

package/cdn-versioned/chunks/chunk.2H5XA4I4.js

@@ -1 +1 @@
-import{a as p}from"./chunk.6HO6CE4A.js";import{a as r}from"./chunk.DCOFYPWX.js";import{a as h,b as a,c as d,d as m,h as o}from"./chunk.GQU4LYQ6.js";import{b as l,e as n}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(e){super.updated(e),e.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let e=this.variant==="white border-neutral-400"||this.inset,s={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex",{white:"bg-white","white border-neutral-400":"bg-white border border-neutral-400","neutral-100":"bg-neutral-100",primary:"bg-primary text-white","primary-100":"bg-primary-100"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&e&&"py-8 px-10")}" part="base"><div part="media" id="media" aria-hidden="true" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r(!e&&this._orientation==="vertical"&&"mb-4",!s["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]")}"><slot name="media"></slot></div><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${e?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&e&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!s["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!s["teaser-has-default"]&&"hidden")}" aria-labelledby="media"><slot></slot></div></div></div>`}};t.styles=[...o.styles,l`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}`],i([a({reflect:!0})],t.prototype,"variant",2),i([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),i([m('[part="base"]')],t.prototype,"teaser",2),i([d()],t.prototype,"_orientation",2),t=i([h("sd-4-0-7-teaser")],t);export{t as a};
+import{a as p}from"./chunk.6HO6CE4A.js";import{a as r}from"./chunk.DCOFYPWX.js";import{a as h,b as a,c as d,d as m,h as o}from"./chunk.GQU4LYQ6.js";import{b as l,e as n}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends o{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(e){super.updated(e),e.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let e=this.variant==="white border-neutral-400"||this.inset,s={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex",{white:"bg-white","white border-neutral-400":"bg-white border border-neutral-400","neutral-100":"bg-neutral-100",primary:"bg-primary text-white","primary-100":"bg-primary-100"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&e&&"py-8 px-10")}" part="base"><div part="media" id="media" aria-hidden="true" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r(!e&&this._orientation==="vertical"&&"mb-4",!s["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]")}"><slot name="media"></slot></div><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${e?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&e&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!s["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!s["teaser-has-default"]&&"hidden")}" aria-labelledby="media"><slot></slot></div></div></div>`}};t.styles=[...o.styles,l`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}`],i([a({reflect:!0})],t.prototype,"variant",2),i([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),i([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),i([m('[part="base"]')],t.prototype,"teaser",2),i([d()],t.prototype,"_orientation",2),t=i([h("sd-4-0-8-teaser")],t);export{t as a};