@solid-design-system/components 3.22.13 → 3.22.14

package/dist/components/es/checkbox.js

@@ -1 +1 @@
-import"./icon.js";import{S as e,x as t,t as i,i as r,e as s,n as o,a as l}from"./solid-components2.js";import{d as a}from"./default-value.js";import{F as n}from"./form.js";import{o as d}from"./if-defined.js";import{l as h}from"./live.js";import{r as c}from"./state.js";import{w as p}from"./watch.js";var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,b=(e,t,i,r)=>{for(var s,o=r>1?void 0:r?m(t,i):t,l=e.length-1;l>=0;l--)(s=e[l])&&(o=(r?s(t,i,o):s(o))||o);return r&&o&&u(t,i,o),o};let f=class extends e{constructor(){super(...arguments),this.formControlController=new n(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,t)=>e.checked=t}),this.title="",this.name="",this.size="lg",this.disabled=!1,this.checked=!1,this.indeterminate=!1,this.defaultChecked=!1,this.form="",this.required=!1,this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){const e=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return t`<label part="base" class="${i("sd-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${d(this.value)}" .indeterminate="${h(this.indeterminate)}" .checked="${h(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${i("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4\n            peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\n            peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}">${this.checked?t`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-icon>`:""} ${!this.checked&&this.indeterminate?t`<sd-icon part="indeterminate-icon" class="text-white w-3 h-3" library="system" name="status-minus"></sd-icon>`:""} </span><span part="label" id="label" class="${i("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};f.styles=[e.styles,r`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label::after{content:' *'}`],b([s('input[type="checkbox"]')],f.prototype,"input",2),b([s("#invalid-message")],f.prototype,"invalidMessage",2),b([o()],f.prototype,"title",2),b([o()],f.prototype,"name",2),b([o()],f.prototype,"value",2),b([o({reflect:!0})],f.prototype,"size",2),b([o({type:Boolean,reflect:!0})],f.prototype,"disabled",2),b([o({type:Boolean,reflect:!0})],f.prototype,"checked",2),b([o({type:Boolean,reflect:!0})],f.prototype,"indeterminate",2),b([a("checked")],f.prototype,"defaultChecked",2),b([o({reflect:!0})],f.prototype,"form",2),b([o({type:Boolean,reflect:!0})],f.prototype,"required",2),b([c()],f.prototype,"showInvalidStyle",2),b([p("disabled",{waitUntilFirstUpdate:!0})],f.prototype,"handleDisabledChange",1),b([p(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],f.prototype,"handleStateChange",1),f=b([l("sd-checkbox")],f);export{f as default};
+import"./icon.js";import{S as e,x as t,t as i,i as r,e as s,n as l,a}from"./solid-components2.js";import{d as o}from"./default-value.js";import{F as n}from"./form.js";import{o as d}from"./if-defined.js";import{l as h}from"./live.js";import{r as c}from"./state.js";import{w as p}from"./watch.js";var u=Object.defineProperty,m=Object.getOwnPropertyDescriptor,b=(e,t,i,r)=>{for(var s,l=r>1?void 0:r?m(t,i):t,a=e.length-1;a>=0;a--)(s=e[a])&&(l=(r?s(t,i,l):s(l))||l);return r&&l&&u(t,i,l),l};let f=class extends e{constructor(){super(...arguments),this.formControlController=new n(this,{value:e=>e.checked?e.value||"on":void 0,defaultValue:e=>e.defaultChecked,setValue:(e,t)=>e.checked=t}),this.title="",this.name="",this.size="lg",this.disabled=!1,this.checked=!1,this.indeterminate=!1,this.defaultChecked=!1,this.form="",this.required=!1,this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){const e=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return t`<label part="base" class="${i("sd-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${d(this.value)}" .indeterminate="${h(this.indeterminate)}" .checked="${h(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${i("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4\n            peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\n            peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[e])}">${this.checked?t`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-icon>`:""} ${!this.checked&&this.indeterminate?t`<sd-icon part="indeterminate-icon" class="text-white w-3 h-3" library="system" name="status-minus"></sd-icon>`:""} </span><span part="label" id="label" class="${i("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};f.styles=[e.styles,r`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label::after{content:' *'}`],b([s('input[type="checkbox"]')],f.prototype,"input",2),b([s("#invalid-message")],f.prototype,"invalidMessage",2),b([l()],f.prototype,"title",2),b([l()],f.prototype,"name",2),b([l()],f.prototype,"value",2),b([l({reflect:!0})],f.prototype,"size",2),b([l({type:Boolean,reflect:!0})],f.prototype,"disabled",2),b([l({type:Boolean,reflect:!0})],f.prototype,"checked",2),b([l({type:Boolean,reflect:!0})],f.prototype,"indeterminate",2),b([o("checked")],f.prototype,"defaultChecked",2),b([l({reflect:!0})],f.prototype,"form",2),b([l({type:Boolean,reflect:!0})],f.prototype,"required",2),b([c()],f.prototype,"showInvalidStyle",2),b([p("disabled",{waitUntilFirstUpdate:!0})],f.prototype,"handleDisabledChange",1),b([p(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],f.prototype,"handleStateChange",1),f=b([a("sd-checkbox")],f);export{f as default};

package/dist/components/umd/solid-components.js

@@ -99,7 +99,7 @@ const Do=t=>t??Ae;var Oo=Object.defineProperty,zo=Object.getOwnPropertyDescripto
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
- */})(t),e}});var ar=Object.defineProperty,nr=Object.getOwnPropertyDescriptor,lr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?nr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&ar(e,i,s),s};let dr=class extends We{constructor(){super(...arguments),this.formControlController=new wo(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,e)=>t.checked=e}),this.title="",this.name="",this.size="lg",this.disabled=!1,this.checked=!1,this.indeterminate=!1,this.defaultChecked=!1,this.form="",this.required=!1,this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){const t=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return ye`<label part="base" class="${Ne("sd-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${Do(this.value)}" .indeterminate="${sr(this.indeterminate)}" .checked="${sr(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${Ne("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4\n            peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\n            peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[t])}">${this.checked?ye`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-icon>`:""} ${!this.checked&&this.indeterminate?ye`<sd-icon part="indeterminate-icon" class="text-white w-3 h-3" library="system" name="status-minus"></sd-icon>`:""} </span><span part="label" id="label" class="${Ne("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};dr.styles=[We.styles,Ft`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label::after{content:' *'}`],lr([Le('input[type="checkbox"]')],dr.prototype,"input",2),lr([Le("#invalid-message")],dr.prototype,"invalidMessage",2),lr([Ue()],dr.prototype,"title",2),lr([Ue()],dr.prototype,"name",2),lr([Ue()],dr.prototype,"value",2),lr([Ue({reflect:!0})],dr.prototype,"size",2),lr([Ue({type:Boolean,reflect:!0})],dr.prototype,"disabled",2),lr([Ue({type:Boolean,reflect:!0})],dr.prototype,"checked",2),lr([Ue({type:Boolean,reflect:!0})],dr.prototype,"indeterminate",2),lr([ir("checked")],dr.prototype,"defaultChecked",2),lr([Ue({reflect:!0})],dr.prototype,"form",2),lr([Ue({type:Boolean,reflect:!0})],dr.prototype,"required",2),lr([He()],dr.prototype,"showInvalidStyle",2),lr([bi("disabled",{waitUntilFirstUpdate:!0})],dr.prototype,"handleDisabledChange",1),lr([bi(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],dr.prototype,"handleStateChange",1),dr=lr([Qe("sd-checkbox")],dr);const hr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return dr}},Symbol.toStringTag,{value:"Module"})),cr=new Set;function pr(t){if(cr.add(t),!document.body.classList.contains("sd-scroll-lock")){const t=function(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}();document.body.classList.add("sd-scroll-lock"),document.body.style.setProperty("--sd-scroll-lock-size",`${t}px`)}}function ur(t){cr.delete(t),0===cr.size&&(document.body.classList.remove("sd-scroll-lock"),document.body.style.removeProperty("--sd-scrollbar-width"))}function gr(t,e,i="vertical",o="smooth"){const r=function(t,e){return{top:Math.round(t.getBoundingClientRect().top-e.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-e.getBoundingClientRect().left)}}(t,e),s=r.top+e.scrollTop,a=r.left+e.scrollLeft,n=e.scrollLeft,l=e.scrollLeft+e.offsetWidth,d=e.scrollTop,h=e.scrollTop+e.offsetHeight;("horizontal"===i||"both"===i)&&(a<n?e.scrollTo({left:a,behavior:o}):a+t.clientWidth>l&&e.scrollTo({left:a-e.offsetWidth+t.clientWidth,behavior:o})),("vertical"===i||"both"===i)&&(s<d?e.scrollTo({top:s,behavior:o}):s+t.clientHeight>h&&e.scrollTo({top:s-e.offsetHeight+t.clientHeight,behavior:o}))}function mr(t){const e=t.tagName.toLowerCase();return!("-1"===t.getAttribute("tabindex")||t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")||"input"===e&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked")||null===t.offsetParent||"hidden"===window.getComputedStyle(t).visibility)&&(!!(("audio"===e||"video"===e)&&t.hasAttribute("controls")||t.hasAttribute("tabindex")||t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))||["button","input","select","textarea","a","audio","video","summary"].includes(e))}function br(t){const e=[];return function t(i){i instanceof HTMLElement&&(e.push(i),null!==i.shadowRoot&&"open"===i.shadowRoot.mode&&t(i.shadowRoot)),[...i.children].forEach((e=>t(e)))}(t),{start:e.find((t=>mr(t)))??null,end:e.reverse().find((t=>mr(t)))??null}}let vr=[];class yr{constructor(t){this.tabDirection="forward",this.element=t,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this)}activate(){vr.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){vr=vr.filter((t=>t!==this.element)),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return vr[vr.length-1]===this.element}checkFocus(){if(this.isActive()&&!this.element.matches(":focus-within")){const{start:t,end:e}=br(this.element),i="forward"===this.tabDirection?t:e;"function"==typeof(null==i?void 0:i.focus)&&i.focus({preventScroll:!0})}}handleFocusIn(){this.checkFocus()}handleKeyDown(t){"Tab"===t.key&&t.shiftKey&&(this.tabDirection="backward",requestAnimationFrame((()=>this.checkFocus())))}handleKeyUp(){this.tabDirection="forward"}}var fr=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,Ar=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?wr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&fr(e,i,s),s};let xr=class extends We{constructor(){super(...arguments),this.hasSlotController=new qi(this,"footer"),this.localize=new S(this),this.open=!1,this.headline="",this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new yr(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),pr(this))}disconnectedCallback(){super.disconnectedCallback(),ur(this)}requestClose(t){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){const t=zi(this,"dialog.denyClose",{dir:this.localize.dir()});ki(this.panel,t.keyframes,t.options)}else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),pr(this);const t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([Ei(this.dialog),Ei(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame((()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")}));const e=zi(this,"dialog.show",{dir:this.localize.dir()}),i=zi(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([ki(this.panel,e.keyframes,e.options),ki(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([Ei(this.dialog),Ei(this.overlay)]);const t=zi(this,"dialog.hide",{dir:this.localize.dir()}),e=zi(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([ki(this.overlay,e.keyframes,e.options).then((()=>{this.overlay.hidden=!0})),ki(this.panel,t.keyframes,t.options).then((()=>{this.panel.hidden=!0}))]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,ur(this);const i=this.originalTrigger;"function"==typeof(null==i?void 0:i.focus)&&setTimeout((()=>i.focus())),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,Ti(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,Ti(this,"sd-after-hide")}render(){return ye`<div part="base" class="${Ne("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="${Ne("flex flex-col z-20 bg-white focus:outline-none py-4 sm:py-8 relative gap-6",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?ye`<h4 class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</h4>`:ye`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":ye`<sd-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${Ne("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-icon label="${this.localize.term("close")}" name="close" library="system" color="currentColor"></sd-icon></sd-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>`}};xr.styles=[$e,Pt(".sd-headline,.sd-prose :is(h1,h2,h3,h4,h5){display:flex;font-weight:700;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}.sd-headline sd-icon,.sd-prose :is(h1,h2,h3,h4,h5) sd-icon{flex-shrink:0;font-size:3rem;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}@media (min-width:640px){.sd-headline sd-icon,.sd-prose :is(h1,h2,h3,h4,h5) sd-icon{margin-top:var(--sd-spacing-2,.5rem)}}.sd-headline.sd-headline,.sd-headline:is(h1):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline){font-size:var(--sd-font-size-3xl,2rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-headline.sd-headline,.sd-headline:is(h1):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline){font-size:var(--sd-font-size-4xl,2.5rem)}}.sd-headline.sd-headline sd-icon,.sd-headline:is(h1):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}@media (min-width:640px){.sd-headline.sd-headline sd-icon,.sd-headline:is(h1):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-3xl,.sd-headline:is(h2):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline){font-size:var(--sd-font-size-2xl,1.75rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-headline.sd-headline--size-3xl,.sd-headline:is(h2):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline){font-size:var(--sd-font-size-3xl,2rem)}}.sd-headline.sd-headline--size-3xl sd-icon,.sd-headline:is(h2):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}@media (min-width:640px){.sd-headline.sd-headline--size-3xl sd-icon,.sd-headline:is(h2):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-base,.sd-headline.sd-headline--size-lg,.sd-headline.sd-headline--size-xl,.sd-headline:is(h3,h4,h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-headline){gap:var(--sd-spacing-2,.5rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity))}.sd-headline.sd-headline--size-base sd-icon,.sd-headline.sd-headline--size-lg sd-icon,.sd-headline.sd-headline--size-xl sd-icon,.sd-headline:is(h3,h4,h5):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-headline) sd-icon{font-size:2rem}.sd-headline.sd-headline--size-xl,.sd-headline:is(h3):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline){font-size:var(--sd-font-size-xl,1.5rem)}.sd-headline.sd-headline--size-xl sd-icon,.sd-headline:is(h3):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline) sd-icon{margin-top:var(--sd-spacing-0-5,.125rem)}@media (min-width:640px){.sd-headline.sd-headline--size-xl sd-icon,.sd-headline:is(h3):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline) sd-icon{margin-top:var(--sd-spacing-0-5,.125rem)}}.sd-headline.sd-headline--size-base,.sd-headline.sd-headline--size-lg,.sd-headline:is(h4,h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5):is(h4,h5):not(.sd-headline){line-height:var(--sd-line-height-normal,150%)}.sd-headline.sd-headline--size-lg,.sd-headline:is(h4),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5):is(h4){font-size:var(--sd-font-size-lg,1.25rem)}.sd-headline.sd-headline--size-lg sd-icon,.sd-headline:is(h4) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h4) sd-icon{margin-top:var(--sd-spacing-0,0)}@media (min-width:640px){.sd-headline.sd-headline--size-lg sd-icon,.sd-headline:is(h4) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h4) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-base,.sd-headline:is(h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline){font-size:var(--sd-font-size-base,1rem)}.sd-headline.sd-headline--size-base sd-icon,.sd-headline:is(h5):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}.sd-headline.sd-headline--size-base mark,.sd-headline:is(h5):not(.sd-headline) mark,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base mark,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline) mark{color:inherit}.sd-headline--inline{display:inline-block}.sd-headline--inline sd-icon{margin-right:var(--sd-spacing-2,.5rem);margin-top:calc(var(--sd-spacing-1, .25rem)*-1);vertical-align:middle}.sd-headline--inline:is(.sd-headline--size-xl,.sd-headline--size-lg,.sd-headline--size-base) sd-icon{margin-right:var(--sd-spacing-0-5,.125rem)}.sd-headline--inverted:not(#\\\t),.sd-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-headline):not(#\\\t){--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.sd-headline--inverted:not(#\\\t) sd-icon,.sd-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-headline):not(#\\\t) sd-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}"),We.styles,Ft`:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=footer]{width:100%}}`],Ar([Le('[part="base"]')],xr.prototype,"dialog",2),Ar([Le('[part="panel"]')],xr.prototype,"panel",2),Ar([Le('[part="overlay"]')],xr.prototype,"overlay",2),Ar([Ue({type:Boolean,reflect:!0})],xr.prototype,"open",2),Ar([Ue({reflect:!0})],xr.prototype,"headline",2),Ar([Ue({attribute:"no-close-button",type:Boolean,reflect:!0})],xr.prototype,"noCloseButton",2),Ar([bi("open",{waitUntilFirstUpdate:!0})],xr.prototype,"handleOpenChange",1),xr=Ar([Qe("sd-dialog")],xr),Oi("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}}),Oi("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}}),Oi("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}}),Oi("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),Oi("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});const kr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return xr}},Symbol.toStringTag,{value:"Module"}));var Cr=Object.defineProperty,Sr=Object.getOwnPropertyDescriptor,Er=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Sr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Cr(e,i,s),s};let Ir=class extends We{constructor(){super(...arguments),this.orientation="horizontal",this.inverted=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}render(){return ye`<hr part="main" class="${Ne(this.inverted?"border-primary-400":"border-neutral-400","horizontal"===this.orientation?"border-t w-full":" border-l h-full")}">`}};Ir.styles=[$e,We.styles,Ft`:host{margin:var(--sd-spacing-0,0)}:host(sd-divider[orientation=horizontal]){display:block}:host(sd-divider[orientation=vertical]){display:inline-block}`],Er([Ue({reflect:!0})],Ir.prototype,"orientation",2),Er([Ue({type:Boolean,reflect:!0})],Ir.prototype,"inverted",2),Ir=Er([Qe("sd-divider")],Ir);const Br=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ir}},Symbol.toStringTag,{value:"Module"}));function Mr(t){return t.charAt(0).toUpperCase()+t.slice(1)}var Dr=Object.defineProperty,Or=Object.getOwnPropertyDescriptor,zr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Or(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Dr(e,i,s),s};let Tr=class extends We{constructor(){super(...arguments),this.hasSlotController=new qi(this,"footer"),this.localize=new S(this),this.modal=new yr(this),this.open=!1,this.label="",this.placement="end",this.contained=!1,this.noHeader=!1,this.handleDocumentKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),pr(this)))}disconnectedCallback(){super.disconnectedCallback(),ur(this)}requestClose(t){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){const t=zi(this,"drawer.denyClose",{dir:this.localize.dir()});ki(this.panel,t.keyframes,t.options)}else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),pr(this));const t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([Ei(this.drawer),Ei(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")}));const e=zi(this,`drawer.show${Mr(this.placement)}`,{dir:this.localize.dir()}),i=zi(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([ki(this.panel,e.keyframes,e.options),ki(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),ur(this)),await Promise.all([Ei(this.drawer),Ei(this.overlay)]);const t=zi(this,`drawer.hide${Mr(this.placement)}`,{dir:this.localize.dir()}),e=zi(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([ki(this.overlay,e.keyframes,e.options).then((()=>{this.overlay.hidden=!0})),ki(this.panel,t.keyframes,t.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const i=this.originalTrigger;"function"==typeof(null==i?void 0:i.focus)&&setTimeout((()=>i.focus())),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),pr(this)),this.open&&this.contained&&(this.modal.deactivate(),ur(this))}async show(){if(!this.open)return this.open=!0,Ti(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,Ti(this,"sd-after-hide")}render(){return ye`<div part="base" class="${Ne("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}"><div part="overlay" class="${Ne("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${Ne("absolute flex flex-col z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${this.label}" aria-labelledby="${Do(this.noHeader?void 0:"title")}" tabindex="0">${this.noHeader?"":ye`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-icon label="${this.localize.term("close")}" name="close" library="system"></sd-icon></sd-button></div></header>`}<div part="body" class="flex-auto block px-4"><slot></slot></div><footer part="footer" class="${Ne(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></div>`}};Tr.styles=[We.styles,$e,Ft`:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}`],zr([Le("[part=base]")],Tr.prototype,"drawer",2),zr([Le("[part=panel]")],Tr.prototype,"panel",2),zr([Le("[part=overlay]")],Tr.prototype,"overlay",2),zr([Ue({type:Boolean,reflect:!0})],Tr.prototype,"open",2),zr([Ue({attribute:"label",reflect:!0})],Tr.prototype,"label",2),zr([Ue({reflect:!0})],Tr.prototype,"placement",2),zr([Ue({type:Boolean,reflect:!0})],Tr.prototype,"contained",2),zr([Ue({attribute:"no-header",type:Boolean})],Tr.prototype,"noHeader",2),zr([bi("open",{waitUntilFirstUpdate:!0})],Tr.prototype,"handleOpenChange",1),zr([bi("contained",{waitUntilFirstUpdate:!0})],Tr.prototype,"handleNoModalChange",1),Tr=zr([Qe("sd-drawer")],Tr),Oi("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),Oi("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}}),Oi("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),Oi("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}}),Oi("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),Oi("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),Oi("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});const Pr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Tr}},Symbol.toStringTag,{value:"Module"}));var Fr=Object.defineProperty,jr=Object.getOwnPropertyDescriptor,Qr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?jr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Fr(e,i,s),s};let Yr=class extends We{constructor(){super(...arguments),this.localize=new S(this),this.open=!1,this.rounded=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.noAutoSize=!1,this.noFlip=!1,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof(null==t?void 0:t.focus)&&t.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((t=>"sd-menu"===t.tagName.toLowerCase()))}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(t){var e;if("Tab"===t.key){if(this.open&&"sd-menu-item"===(null==(e=document.activeElement)?void 0:e.tagName.toLowerCase()))return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var t,e,i,o,r,s,a,n,l,d,h,c;const p=(null==(r=null==(o=null==(i=null==(e=null==(t=document.activeElement)?void 0:t.shadowRoot)?void 0:e.activeElement)?void 0:i.shadowRoot)?void 0:o.activeElement)?void 0:r.getRootNode())instanceof ShadowRoot?null==(l=null==(n=null==(a=null==(s=document.activeElement)?void 0:s.shadowRoot)?void 0:a.activeElement)?void 0:n.shadowRoot)?void 0:l.activeElement:(null==(d=this.containingElement)?void 0:d.getRootNode())instanceof ShadowRoot?null==(c=null==(h=document.activeElement)?void 0:h.shadowRoot)?void 0:c.activeElement:document.activeElement;(!this.containingElement||(null==p?void 0:p.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()}))}}handleDocumentMouseDown(t){const e=t.composedPath();this.containingElement&&!e.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(t){gr(t.target,this.panel)}handlePanelSelect(t){const e=t.target;!this.stayOpenOnSelect&&"sd-menu"===e.tagName.toLowerCase()&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(t){if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if([" ","Enter"].includes(t.key))return t.preventDefault(),void this.handleTriggerClick();const e=this.getMenu();if(e){const i=e.defaultSlot.assignedElements({flatten:!0}),o=i[0],r=i[i.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),i.length>0&&requestAnimationFrame((()=>{("ArrowDown"===t.key||"Home"===t.key)&&(e.setCurrentItem(o),o.focus()),("ArrowUp"===t.key||"End"===t.key)&&(e.setCurrentItem(r),r.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>br(t).start));let e;if(t){switch(t.tagName.toLowerCase()){case"sd-button":case"sd-icon-button":e=t.button;break;default:e=t}e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,Ti(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,Ti(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await Ei(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:e}=zi(this,"dropdown.show",{dir:this.localize.dir()});await ki(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await Ei(this);const{keyframes:t,options:e}=zi(this,"dropdown.hide",{dir:this.localize.dir()});await ki(this.popup.popup,t,e),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return ye`<sd-popup part="base" id="dropdown" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10" ?active="${this.open}"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${Ne("shadow bg-white",this.open?"block pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-popup>`}};Yr.styles=[We.styles,$e,Ft`:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:right}#dropdown[data-current-placement^=right]::part(popup){transform-origin:left}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],Qr([Le("#dropdown")],Yr.prototype,"popup",2),Qr([Le("[part=trigger]")],Yr.prototype,"trigger",2),Qr([Le("[part=panel]")],Yr.prototype,"panel",2),Qr([Ue({type:Boolean,reflect:!0})],Yr.prototype,"open",2),Qr([Ue({type:Boolean,reflect:!0})],Yr.prototype,"rounded",2),Qr([Ue({reflect:!0})],Yr.prototype,"placement",2),Qr([Ue({type:Boolean,reflect:!0})],Yr.prototype,"disabled",2),Qr([Ue({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],Yr.prototype,"stayOpenOnSelect",2),Qr([Ue({attribute:!1})],Yr.prototype,"containingElement",2),Qr([Ue({type:Number})],Yr.prototype,"distance",2),Qr([Ue({type:Number})],Yr.prototype,"skidding",2),Qr([Ue({type:Boolean,reflect:!0,attribute:"no-auto-size"})],Yr.prototype,"noAutoSize",2),Qr([Ue({type:Boolean,reflect:!0,attribute:"no-flip"})],Yr.prototype,"noFlip",2),Qr([Ue({type:Boolean})],Yr.prototype,"hoist",2),Qr([bi("open",{waitUntilFirstUpdate:!0})],Yr.prototype,"handleOpenChange",1),Yr=Qr([Qe("sd-dropdown")],Yr),Oi("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),Oi("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});const Rr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Yr}},Symbol.toStringTag,{value:"Module"}));var Ur=Object.defineProperty,Hr=Object.getOwnPropertyDescriptor,Gr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Hr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Ur(e,i,s),s};let Lr=class extends We{constructor(){super(...arguments),this.open=!1,this.inverted=!1,this.localize=new S(this)}updateMaxHeight(){var t;const e=null==(t=this.contentPreview)?void 0:t.scrollHeight.toString();this.style.setProperty("--max-height-pixel",`${e}px`),this.style.setProperty("--max-height",e)}onToggleClick(){this.updateMaxHeight(),this.open=!this.open}onOpenChange(){this.open?(this.emit("sd-show"),this.updateComplete.then((()=>{this.emit("sd-after-show")}))):(this.emit("sd-hide"),this.updateComplete.then((()=>{this.emit("sd-after-hide")}))),this.details.setAttribute("open",this.open.toString())}async show(){if(!this.open)return this.onToggleClick(),Ti(this,"sd-after-show")}async hide(){if(this.open)return this.onToggleClick(),Ti(this,"sd-after-hide")}render(){return ye`<details part="details"><summary part="summary" aria-hidden="true" class="cursor-pointer overflow-hidden list-none"><slot name="clone"></slot></summary><div part="content" class="content content-preview overflow-hidden relative"><slot></slot></div></details><button part="toggle" class="${Ne("sd-interactive sd-interactive--reset !h-full !justify-center !w-full !text-base !flex !items-center !underline !underline-offset-2 !toggle",this.inverted&&"sd-interactive--inverted",this.inverted?"!focus-visible:focus-outline-inverted":"!focus-visible:focus-outline")}" @click="${this.onToggleClick}">${this.open?ye`<slot name="toggle-open"><sd-icon class="mr-2 text-xl" library="system" name="chevron-up"></sd-icon>${this.localize.term("showLess")}</slot>`:ye`<slot name="toggle-closed"><sd-icon class="mr-2 text-xl" library="system" name="chevron-down"></sd-icon>${this.localize.term("showMore")}</slot>`}</button>`}firstUpdated(){this.cloneContentToLightDOM(),this.details.setAttribute("open",this.open.toString())}cloneContentToLightDOM(){const t=document.createElement("div");t.setAttribute("slot","clone"),Array.from(this.childNodes).forEach((e=>{const i=e.cloneNode(!0);t.appendChild(i)})),this.appendChild(t)}};Lr.styles=[We.styles,Pt(Ni),$e,Ft`:host{--gradient-color-start:rgba(255, 255, 255, 0);--gradient-color-end:rgba(255, 255, 255, 1);--component-expandable-max-block-size:90px;--gradient-height:24px;--gradient:var(--gradient-color-start) 0%,var(--gradient-color-end) 80%,var(--gradient-color-end) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{border-style:none;padding:var(--sd-spacing-0,0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content{max-block-size:var(--max-height-pixel,1000vh)}:host(:not([open])) .content::after{position:absolute;bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);display:block;width:100%;content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient))}:host([inverted]:not([open])) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,rgba(0,53,142,0) 0,#00358e 80%,#00358e 100%))}`],Gr([Le(".content-preview")],Lr.prototype,"contentPreview",2),Gr([Le("details")],Lr.prototype,"details",2),Gr([Ue({type:Boolean,reflect:!0})],Lr.prototype,"open",2),Gr([Ue({type:Boolean,reflect:!0})],Lr.prototype,"inverted",2),Gr([bi("open",{waitUntilFirstUpdate:!0})],Lr.prototype,"onOpenChange",1),Lr=Gr([Qe("sd-expandable")],Lr);const qr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Lr}},Symbol.toStringTag,{value:"Module"}));var Vr=Object.defineProperty,$r=Object.getOwnPropertyDescriptor,Nr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?$r(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Vr(e,i,s),s};let Zr=class extends We{constructor(){super(...arguments),this.activation="click hover",this.flipDirection="horizontal",this.frontVariant="empty",this.backVariant="empty"}connectedCallback(){super.connectedCallback()}flipFront(){this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),this.back.focus()}flipBack(){this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),this.front.focus()}handleFrontClick(t){const e=t.target;null===e.getAttribute("onclick")&&null===e.getAttribute("href")&&this.flipFront()}handleBackClick(t){const e=t.target;null===e.getAttribute("onclick")&&null===e.getAttribute("href")&&this.flipBack()}handleFrontKeydown(t){"Enter"===t.code&&this.front===t.target&&this.flipFront()}handleBackKeydown(t){"Enter"===t.code&&this.back===t.target&&this.flipBack()}render(){return ye`<div part="base" class="${Ne("flip-card relative h-full w-full")}"><div part="front" tabindex="0" class="${Ne("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left","click hover"===this.activation&&"hover","primary"===this.frontVariant&&"bg-primary","primary-100"===this.frontVariant&&"bg-primary-100","gradient-dark-bottom"===this.frontVariant||"gradient-light-bottom"===this.frontVariant?"flex-col-reverse":"flex-col","vertical"===this.flipDirection&&"vertical")}" @click="${this.handleFrontClick}" @keydown="${this.handleFrontKeydown}"><div part="media-front" class="${Ne("absolute h-full w-full -z-20",("primary"===this.frontVariant||"primary-100"===this.frontVariant)&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${Ne("flex",{empty:"text-black",primary:"text-white","primary-100":"text-black","gradient-light-top":"text-black","gradient-light-bottom":"text-black","gradient-dark-top":"text-white","gradient-dark-bottom":"text-white"}[this.frontVariant],{empty:"",primary:"","primary-100":"","gradient-light-top":"bg-gradient-to-b from-white/75 to-white/60","gradient-light-bottom":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark-top":"bg-gradient-to-b from-primary-800/75 to-primary-800/60","gradient-dark-bottom":"bg-gradient-to-t from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"><slot name="front"></slot></div><div part="front-secondary-gradient" class="${Ne("flip-card__gradient",{empty:"mb-auto",primary:"mb-auto","primary-100":"mb-auto","gradient-light-top":"bg-gradient-to-b from-white/60 to-40% mb-auto","gradient-light-bottom":"bg-gradient-to-t from-white/60 to-40% mt-auto","gradient-dark-top":"bg-gradient-to-b from-primary-800/60 to-40% mb-auto","gradient-dark-bottom":"bg-gradient-to-t  from-primary-800/60 to-40% mt-auto"}[this.frontVariant])}"></div></div><div part="back" tabindex="0" class="${Ne("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left","click hover"===this.activation&&"hover","primary"===this.backVariant&&"bg-primary","primary-100"===this.backVariant&&"bg-primary-100","gradient-dark-bottom"===this.backVariant||"gradient-light-bottom"===this.backVariant?"flex-col-reverse":"flex-col","vertical"===this.flipDirection&&"vertical")}" @click="${this.handleBackClick}" @keydown="${this.handleBackKeydown}"><div part="media-back" class="${Ne("absolute h-full w-full -z-20",("primary"===this.backVariant||"primary-100"===this.backVariant)&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${Ne("flex",{empty:"text-black",primary:"text-white","primary-100":"text-black","gradient-light-top":"text-black","gradient-light-bottom":"text-black","gradient-dark-top":"text-white","gradient-dark-bottom":"text-white"}[this.backVariant],{empty:"",primary:"","primary-100":"","gradient-light-top":"bg-gradient-to-b from-white/75 to-white/60","gradient-light-bottom":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark-top":"bg-gradient-to-b from-primary-800/75 to-primary-800/60","gradient-dark-bottom":"bg-gradient-to-t from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back"></slot></div><div part="back-secondary-gradient" class="${Ne("flip-card__gradient",{empty:"mb-auto",primary:"mb-auto","primary-100":"mb-auto","gradient-light-top":"bg-gradient-to-b from-white/60 to-40% mb-auto","gradient-light-bottom":"bg-gradient-to-t from-white/60 to-40% mt-auto","gradient-dark-top":"bg-gradient-to-b from-primary-800/60 to-40% mb-auto","gradient-dark-bottom":"bg-gradient-to-t  from-primary-800/60 to-40% mt-auto"}[this.backVariant])}"></div></div></div>`}};Zr.styles=[$e,We.styles,Ft`:host{display:block;aspect-ratio:3/4;--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.4 1 0}@media (hover:hover) and (pointer:fine){.flip-card:hover .flip-card__side--front.hover{transform:rotateY(-180deg)}.flip-card:hover .flip-card__side--back.hover{transform:rotateY(0)}.flip-card:hover .flip-card__side--front.hover.vertical{transform:rotateX(-180deg)}.flip-card:hover .flip-card__side--back.hover.vertical{transform:rotateX(0)}}`],Nr([Le('[part="front"]')],Zr.prototype,"front",2),Nr([Le('[part="back"]')],Zr.prototype,"back",2),Nr([Ue({reflect:!0})],Zr.prototype,"activation",2),Nr([Ue({reflect:!0,attribute:"flip-direction"})],Zr.prototype,"flipDirection",2),Nr([Ue({type:String,reflect:!0,attribute:"front-variant"})],Zr.prototype,"frontVariant",2),Nr([Ue({type:String,reflect:!0,attribute:"back-variant"})],Zr.prototype,"backVariant",2),Zr=Nr([Qe("sd-flipcard")],Zr);const Kr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Zr}},Symbol.toStringTag,{value:"Module"}));var Jr=Object.defineProperty,Wr=Object.getOwnPropertyDescriptor,_r=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Wr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Jr(e,i,s),s};let Xr=class extends We{constructor(){super(...arguments),this.fixed=!1}connectedCallback(){super.connectedCallback(),this.setCalculatedHeightProperty=this.setCalculatedHeightProperty.bind(this),this.addResizeObserver=this.addResizeObserver.bind(this)}firstUpdated(){this.toggleHeightCalculation()}toggleHeightCalculation(){var t;this.fixed?(this.setCalculatedHeightProperty(),this.addResizeObserver()):(this.setCalculatedHeightProperty(),null==(t=this.resizeObserver)||t.disconnect(),this.resizeObserver=void 0)}disconnectedCallback(){super.disconnectedCallback()}updated(t){super.updated(t),t.has("fixed")&&this.toggleHeightCalculation()}onResize(){this.fixed&&this.setCalculatedHeightProperty()}addResizeObserver(){this.resizeObserver=new ResizeObserver((()=>{this.onResize()})),this.refHeaderElement&&this.resizeObserver.observe(this.refHeaderElement)}setCalculatedHeightProperty(){this.fixed&&this.refHeaderElement?document.documentElement.style.setProperty("--sd-header-calculated-height",`${this.refHeaderElement.clientHeight}px`):document.documentElement.style.removeProperty("--sd-header-calculated-height")}render(){return ye`<header class="w-full bg-white relative" role="banner" @slotchange="${this.handleSlotChange}"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`}handleSlotChange(t){t.target.assignedElements().length>0&&(this.refHeaderElement=t.currentTarget,this.setCalculatedHeightProperty())}};Xr.styles=[We.styles,$e,Ft`:host{display:block}:host([fixed]){position:fixed;left:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);width:100%}:host([fixed]) header::after{content:'';position:absolute;left:var(--sd-spacing-0,0);right:var(--sd-spacing-0,0);top:100%;height:var(--sd-spacing-2,.5rem);background:var(--gradient-vertical-black-40-transparent,linear-gradient(0deg,#18181800 50%,#18181866 100%))}[part=main]{width:var(--sd-header-inner-width);max-width:var(--sd-header-inner-max-width);padding:var(--sd-header-padding,12px 16px)}`],_r([Ue({reflect:!0,type:Boolean})],Xr.prototype,"fixed",2),_r([Ho(100)],Xr.prototype,"onResize",1),Xr=_r([Qe("sd-header")],Xr);const ts=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Xr}},Symbol.toStringTag,{value:"Module"}));var es=Object.defineProperty,is=Object.getOwnPropertyDescriptor,os=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?is(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&es(e,i,s),s};let rs=class extends We{constructor(){super(...arguments),this.mode="cors",this.allowScripts=!1}executeScript(t){const e=document.createElement("script");[...t.attributes].forEach((t=>e.setAttribute(t.name,t.value))),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{const t=this.src,e=await si(t,this.mode);if(t!==this.src)return;if(!e.ok)return void this.emit("sd-error",{detail:{status:e.status}});this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach((t=>this.executeScript(t))),this.emit("sd-load")}catch{this.emit("sd-error",{detail:{status:-1}})}}render(){return ye`<slot></slot>`}};rs.styles=[$e,Ft`:host{display:block}`],os([Ue()],rs.prototype,"src",2),os([Ue()],rs.prototype,"mode",2),os([Ue({attribute:"allow-scripts",type:Boolean})],rs.prototype,"allowScripts",2),os([bi("src")],rs.prototype,"handleSrcChange",1),rs=os([Qe("sd-include")],rs);const ss=Object.freeze(Object.defineProperty({__proto__:null,get default(){return rs}},Symbol.toStringTag,{value:"Module"})),as=(t,e)=>{var i;const o=t._$AN;if(void 0===o)return!1;for(const t of o)null==(i=t._$AO)||i.call(t,e,!1),as(t,e);return!0},ns=t=>{let e,i;do{if(void 0===(e=t._$AM))break;i=e._$AN,i.delete(t),t=e}while(0===(null==i?void 0:i.size))},ls=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(void 0===i)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),cs(e)}};
+ */})(t),e}});var ar=Object.defineProperty,nr=Object.getOwnPropertyDescriptor,lr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?nr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&ar(e,i,s),s};let dr=class extends We{constructor(){super(...arguments),this.formControlController=new wo(this,{value:t=>t.checked?t.value||"on":void 0,defaultValue:t=>t.defaultChecked,setValue:(t,e)=>t.checked=e}),this.title="",this.name="",this.size="lg",this.disabled=!1,this.checked=!1,this.indeterminate=!1,this.defaultChecked=!1,this.form="",this.required=!1,this.showInvalidStyle=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate,this.formControlController.updateValidity()}click(){this.input.click()}focus(t){this.input.focus(t)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){const t=this.disabled&&this.indeterminate?"disabledIndeterminate":this.disabled&&this.checked?"disabledChecked":this.disabled?"disabled":this.showInvalidStyle&&this.indeterminate?"invalidIndeterminate":this.showInvalidStyle?"invalid":this.checked||this.indeterminate?"filled":"default";return ye`<label part="base" class="${Ne("sd-checkbox group flex items-start text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}"><input class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" title="${this.title}" name="${this.name}" value="${Do(this.value)}" .indeterminate="${sr(this.indeterminate)}" .checked="${sr(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-describedby="invalid-message" aria-invalid="${this.showInvalidStyle}" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"} ${this.indeterminate?" control--indeterminate":""}" class="${Ne("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4\n            peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2\n            peer-focus-visible:outline-primary",{sm:"mt-[2px]",md:"mt-[3px]",lg:"mt-[3px]"}[this.size],{disabledIndeterminate:"border-neutral-500 bg-neutral-500",disabledChecked:"border-neutral-500 bg-neutral-500",disabled:"border-neutral-500",invalidIndeterminate:"border-error bg-error group-hover:bg-error-400",invalid:"border-error group-hover:bg-neutral-200",filled:"border-accent hover:border-accent-550 group-hover:border-accent-550 bg-accent group-hover:bg-accent-550",default:"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200 bg-white"}[t])}">${this.checked?ye`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-icon>`:""} ${!this.checked&&this.indeterminate?ye`<sd-icon part="indeterminate-icon" class="text-white w-3 h-3" library="system" name="status-minus"></sd-icon>`:""} </span><span part="label" id="label" class="${Ne("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};dr.styles=[We.styles,Ft`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline-width:0}:host([required]) #label::after{content:' *'}`],lr([Le('input[type="checkbox"]')],dr.prototype,"input",2),lr([Le("#invalid-message")],dr.prototype,"invalidMessage",2),lr([Ue()],dr.prototype,"title",2),lr([Ue()],dr.prototype,"name",2),lr([Ue()],dr.prototype,"value",2),lr([Ue({reflect:!0})],dr.prototype,"size",2),lr([Ue({type:Boolean,reflect:!0})],dr.prototype,"disabled",2),lr([Ue({type:Boolean,reflect:!0})],dr.prototype,"checked",2),lr([Ue({type:Boolean,reflect:!0})],dr.prototype,"indeterminate",2),lr([ir("checked")],dr.prototype,"defaultChecked",2),lr([Ue({reflect:!0})],dr.prototype,"form",2),lr([Ue({type:Boolean,reflect:!0})],dr.prototype,"required",2),lr([He()],dr.prototype,"showInvalidStyle",2),lr([bi("disabled",{waitUntilFirstUpdate:!0})],dr.prototype,"handleDisabledChange",1),lr([bi(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],dr.prototype,"handleStateChange",1),dr=lr([Qe("sd-checkbox")],dr);const hr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return dr}},Symbol.toStringTag,{value:"Module"})),cr=new Set;function pr(t){if(cr.add(t),!document.body.classList.contains("sd-scroll-lock")){const t=function(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}();document.body.classList.add("sd-scroll-lock"),document.body.style.setProperty("--sd-scroll-lock-size",`${t}px`)}}function ur(t){cr.delete(t),0===cr.size&&(document.body.classList.remove("sd-scroll-lock"),document.body.style.removeProperty("--sd-scrollbar-width"))}function gr(t,e,i="vertical",o="smooth"){const r=function(t,e){return{top:Math.round(t.getBoundingClientRect().top-e.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-e.getBoundingClientRect().left)}}(t,e),s=r.top+e.scrollTop,a=r.left+e.scrollLeft,n=e.scrollLeft,l=e.scrollLeft+e.offsetWidth,d=e.scrollTop,h=e.scrollTop+e.offsetHeight;("horizontal"===i||"both"===i)&&(a<n?e.scrollTo({left:a,behavior:o}):a+t.clientWidth>l&&e.scrollTo({left:a-e.offsetWidth+t.clientWidth,behavior:o})),("vertical"===i||"both"===i)&&(s<d?e.scrollTo({top:s,behavior:o}):s+t.clientHeight>h&&e.scrollTo({top:s-e.offsetHeight+t.clientHeight,behavior:o}))}function mr(t){const e=t.tagName.toLowerCase();return!("-1"===t.getAttribute("tabindex")||t.hasAttribute("disabled")||t.hasAttribute("aria-disabled")&&"false"!==t.getAttribute("aria-disabled")||"input"===e&&"radio"===t.getAttribute("type")&&!t.hasAttribute("checked")||null===t.offsetParent||"hidden"===window.getComputedStyle(t).visibility)&&(!!(("audio"===e||"video"===e)&&t.hasAttribute("controls")||t.hasAttribute("tabindex")||t.hasAttribute("contenteditable")&&"false"!==t.getAttribute("contenteditable"))||["button","input","select","textarea","a","audio","video","summary"].includes(e))}function br(t){const e=[];return function t(i){i instanceof HTMLElement&&(e.push(i),null!==i.shadowRoot&&"open"===i.shadowRoot.mode&&t(i.shadowRoot)),[...i.children].forEach((e=>t(e)))}(t),{start:e.find((t=>mr(t)))??null,end:e.reverse().find((t=>mr(t)))??null}}let vr=[];class yr{constructor(t){this.tabDirection="forward",this.element=t,this.handleFocusIn=this.handleFocusIn.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleKeyUp=this.handleKeyUp.bind(this)}activate(){vr.push(this.element),document.addEventListener("focusin",this.handleFocusIn),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keyup",this.handleKeyUp)}deactivate(){vr=vr.filter((t=>t!==this.element)),document.removeEventListener("focusin",this.handleFocusIn),document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("keyup",this.handleKeyUp)}isActive(){return vr[vr.length-1]===this.element}checkFocus(){if(this.isActive()&&!this.element.matches(":focus-within")){const{start:t,end:e}=br(this.element),i="forward"===this.tabDirection?t:e;"function"==typeof(null==i?void 0:i.focus)&&i.focus({preventScroll:!0})}}handleFocusIn(){this.checkFocus()}handleKeyDown(t){"Tab"===t.key&&t.shiftKey&&(this.tabDirection="backward",requestAnimationFrame((()=>this.checkFocus())))}handleKeyUp(){this.tabDirection="forward"}}var fr=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,Ar=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?wr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&fr(e,i,s),s};let xr=class extends We{constructor(){super(...arguments),this.hasSlotController=new qi(this,"footer"),this.localize=new S(this),this.open=!1,this.headline="",this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new yr(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),pr(this))}disconnectedCallback(){super.disconnectedCallback(),ur(this)}requestClose(t){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){const t=zi(this,"dialog.denyClose",{dir:this.localize.dir()});ki(this.panel,t.keyframes,t.options)}else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.modal.activate(),pr(this);const t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([Ei(this.dialog),Ei(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame((()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")}));const e=zi(this,"dialog.show",{dir:this.localize.dir()}),i=zi(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([ki(this.panel,e.keyframes,e.options),ki(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([Ei(this.dialog),Ei(this.overlay)]);const t=zi(this,"dialog.hide",{dir:this.localize.dir()}),e=zi(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([ki(this.overlay,e.keyframes,e.options).then((()=>{this.overlay.hidden=!0})),ki(this.panel,t.keyframes,t.options).then((()=>{this.panel.hidden=!0}))]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,ur(this);const i=this.originalTrigger;"function"==typeof(null==i?void 0:i.focus)&&setTimeout((()=>i.focus())),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,Ti(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,Ti(this,"sd-after-hide")}render(){return ye`<div part="base" class="${Ne("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="${Ne("flex flex-col z-20 bg-white focus:outline-none py-4 sm:py-8 relative gap-6",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?ye`<h4 class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</h4>`:ye`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":ye`<sd-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${Ne("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-icon label="${this.localize.term("close")}" name="close" library="system" color="currentColor"></sd-icon></sd-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>`}};xr.styles=[$e,Pt(".sd-headline,.sd-prose :is(h1,h2,h3,h4,h5){display:flex;font-weight:700;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}.sd-headline sd-icon,.sd-prose :is(h1,h2,h3,h4,h5) sd-icon{flex-shrink:0;font-size:3rem;--tw-text-opacity:1;color:rgb(var(--sd-color-primary,0 53 142)/var(--tw-text-opacity))}@media (min-width:640px){.sd-headline sd-icon,.sd-prose :is(h1,h2,h3,h4,h5) sd-icon{margin-top:var(--sd-spacing-2,.5rem)}}.sd-headline.sd-headline,.sd-headline:is(h1):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline){font-size:var(--sd-font-size-3xl,2rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-headline.sd-headline,.sd-headline:is(h1):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline){font-size:var(--sd-font-size-4xl,2.5rem)}}.sd-headline.sd-headline sd-icon,.sd-headline:is(h1):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}@media (min-width:640px){.sd-headline.sd-headline sd-icon,.sd-headline:is(h1):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h1):not(.sd-headline) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-3xl,.sd-headline:is(h2):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline){font-size:var(--sd-font-size-2xl,1.75rem);gap:var(--sd-spacing-4,1rem);line-height:var(--sd-line-height-tight,120%)}@media (min-width:640px){.sd-headline.sd-headline--size-3xl,.sd-headline:is(h2):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline){font-size:var(--sd-font-size-3xl,2rem)}}.sd-headline.sd-headline--size-3xl sd-icon,.sd-headline:is(h2):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}@media (min-width:640px){.sd-headline.sd-headline--size-3xl sd-icon,.sd-headline:is(h2):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-3xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h2):not(.sd-headline) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-base,.sd-headline.sd-headline--size-lg,.sd-headline.sd-headline--size-xl,.sd-headline:is(h3,h4,h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-headline){gap:var(--sd-spacing-2,.5rem);--tw-text-opacity:1;color:rgb(var(--sd-color-black,24 24 24)/var(--tw-text-opacity))}.sd-headline.sd-headline--size-base sd-icon,.sd-headline.sd-headline--size-lg sd-icon,.sd-headline.sd-headline--size-xl sd-icon,.sd-headline:is(h3,h4,h5):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3,h4,h5):not(.sd-headline) sd-icon{font-size:2rem}.sd-headline.sd-headline--size-xl,.sd-headline:is(h3):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline){font-size:var(--sd-font-size-xl,1.5rem)}.sd-headline.sd-headline--size-xl sd-icon,.sd-headline:is(h3):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline) sd-icon{margin-top:var(--sd-spacing-0-5,.125rem)}@media (min-width:640px){.sd-headline.sd-headline--size-xl sd-icon,.sd-headline:is(h3):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-xl sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h3):not(.sd-headline) sd-icon{margin-top:var(--sd-spacing-0-5,.125rem)}}.sd-headline.sd-headline--size-base,.sd-headline.sd-headline--size-lg,.sd-headline:is(h4,h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5):is(h4,h5):not(.sd-headline){line-height:var(--sd-line-height-normal,150%)}.sd-headline.sd-headline--size-lg,.sd-headline:is(h4),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg,.sd-prose :is(h1,h2,h3,h4,h5):is(h4){font-size:var(--sd-font-size-lg,1.25rem)}.sd-headline.sd-headline--size-lg sd-icon,.sd-headline:is(h4) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h4) sd-icon{margin-top:var(--sd-spacing-0,0)}@media (min-width:640px){.sd-headline.sd-headline--size-lg sd-icon,.sd-headline:is(h4) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-lg sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h4) sd-icon{margin-top:var(--sd-spacing-0,0)}}.sd-headline.sd-headline--size-base,.sd-headline:is(h5):not(.sd-headline),.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline){font-size:var(--sd-font-size-base,1rem)}.sd-headline.sd-headline--size-base sd-icon,.sd-headline:is(h5):not(.sd-headline) sd-icon,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base sd-icon,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline) sd-icon{margin-top:calc(var(--sd-spacing-1, .25rem)*-1)}.sd-headline.sd-headline--size-base mark,.sd-headline:is(h5):not(.sd-headline) mark,.sd-prose :is(h1,h2,h3,h4,h5).sd-headline--size-base mark,.sd-prose :is(h1,h2,h3,h4,h5):is(h5):not(.sd-headline) mark{color:inherit}.sd-headline--inline{display:inline-block}.sd-headline--inline sd-icon{margin-right:var(--sd-spacing-2,.5rem);margin-top:calc(var(--sd-spacing-1, .25rem)*-1);vertical-align:middle}.sd-headline--inline:is(.sd-headline--size-xl,.sd-headline--size-lg,.sd-headline--size-base) sd-icon{margin-right:var(--sd-spacing-0-5,.125rem)}.sd-headline--inverted:not(#\\\t),.sd-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-headline):not(#\\\t){--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}.sd-headline--inverted:not(#\\\t) sd-icon,.sd-prose--inverted :is(h1,h2,h3,h4,h5):not(.sd-headline):not(#\\\t) sd-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-white,255 255 255)/var(--tw-text-opacity))}"),We.styles,Ft`:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=footer]{width:100%}}`],Ar([Le('[part="base"]')],xr.prototype,"dialog",2),Ar([Le('[part="panel"]')],xr.prototype,"panel",2),Ar([Le('[part="overlay"]')],xr.prototype,"overlay",2),Ar([Ue({type:Boolean,reflect:!0})],xr.prototype,"open",2),Ar([Ue({reflect:!0})],xr.prototype,"headline",2),Ar([Ue({attribute:"no-close-button",type:Boolean,reflect:!0})],xr.prototype,"noCloseButton",2),Ar([bi("open",{waitUntilFirstUpdate:!0})],xr.prototype,"handleOpenChange",1),xr=Ar([Qe("sd-dialog")],xr),Oi("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}}),Oi("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}}),Oi("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}}),Oi("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),Oi("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});const kr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return xr}},Symbol.toStringTag,{value:"Module"}));var Cr=Object.defineProperty,Sr=Object.getOwnPropertyDescriptor,Er=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Sr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Cr(e,i,s),s};let Ir=class extends We{constructor(){super(...arguments),this.orientation="horizontal",this.inverted=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","separator")}render(){return ye`<hr part="main" class="${Ne(this.inverted?"border-primary-400":"border-neutral-400","horizontal"===this.orientation?"border-t w-full":" border-l h-full")}">`}};Ir.styles=[$e,We.styles,Ft`:host{margin:var(--sd-spacing-0,0)}:host(sd-divider[orientation=horizontal]){display:block}:host(sd-divider[orientation=vertical]){display:inline-block}`],Er([Ue({reflect:!0})],Ir.prototype,"orientation",2),Er([Ue({type:Boolean,reflect:!0})],Ir.prototype,"inverted",2),Ir=Er([Qe("sd-divider")],Ir);const Br=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Ir}},Symbol.toStringTag,{value:"Module"}));function Mr(t){return t.charAt(0).toUpperCase()+t.slice(1)}var Dr=Object.defineProperty,Or=Object.getOwnPropertyDescriptor,zr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Or(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Dr(e,i,s),s};let Tr=class extends We{constructor(){super(...arguments),this.hasSlotController=new qi(this,"footer"),this.localize=new S(this),this.modal=new yr(this),this.open=!1,this.label="",this.placement="end",this.contained=!1,this.noHeader=!1,this.handleDocumentKeyDown=t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),pr(this)))}disconnectedCallback(){super.disconnectedCallback(),ur(this)}requestClose(t){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:t}}).defaultPrevented){const t=zi(this,"drawer.denyClose",{dir:this.localize.dir()});ki(this.panel,t.keyframes,t.options)}else this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=document.activeElement,this.contained||(this.modal.activate(),pr(this));const t=this.querySelector("[autofocus]");t&&t.removeAttribute("autofocus"),await Promise.all([Ei(this.drawer),Ei(this.overlay)]),this.drawer.hidden=!1,requestAnimationFrame((()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(t?t.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),t&&t.setAttribute("autofocus","")}));const e=zi(this,`drawer.show${Mr(this.placement)}`,{dir:this.localize.dir()}),i=zi(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([ki(this.panel,e.keyframes,e.options),ki(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),ur(this)),await Promise.all([Ei(this.drawer),Ei(this.overlay)]);const t=zi(this,`drawer.hide${Mr(this.placement)}`,{dir:this.localize.dir()}),e=zi(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([ki(this.overlay,e.keyframes,e.options).then((()=>{this.overlay.hidden=!0})),ki(this.panel,t.keyframes,t.options).then((()=>{this.panel.hidden=!0}))]),this.drawer.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1;const i=this.originalTrigger;"function"==typeof(null==i?void 0:i.focus)&&setTimeout((()=>i.focus())),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),pr(this)),this.open&&this.contained&&(this.modal.deactivate(),ur(this))}async show(){if(!this.open)return this.open=!0,Ti(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,Ti(this,"sd-after-hide")}render(){return ye`<div part="base" class="${Ne("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}"><div part="overlay" class="${Ne("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${Ne("absolute flex flex-col z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${this.label}" aria-labelledby="${Do(this.noHeader?void 0:"title")}" tabindex="0">${this.noHeader?"":ye`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-icon label="${this.localize.term("close")}" name="close" library="system"></sd-icon></sd-button></div></header>`}<div part="body" class="flex-auto block px-4"><slot></slot></div><footer part="footer" class="${Ne(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></div>`}};Tr.styles=[We.styles,$e,Ft`:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}`],zr([Le("[part=base]")],Tr.prototype,"drawer",2),zr([Le("[part=panel]")],Tr.prototype,"panel",2),zr([Le("[part=overlay]")],Tr.prototype,"overlay",2),zr([Ue({type:Boolean,reflect:!0})],Tr.prototype,"open",2),zr([Ue({attribute:"label",reflect:!0})],Tr.prototype,"label",2),zr([Ue({reflect:!0})],Tr.prototype,"placement",2),zr([Ue({type:Boolean,reflect:!0})],Tr.prototype,"contained",2),zr([Ue({attribute:"no-header",type:Boolean})],Tr.prototype,"noHeader",2),zr([bi("open",{waitUntilFirstUpdate:!0})],Tr.prototype,"handleOpenChange",1),zr([bi("contained",{waitUntilFirstUpdate:!0})],Tr.prototype,"handleNoModalChange",1),Tr=zr([Qe("sd-drawer")],Tr),Oi("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),Oi("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:250,easing:"ease"}}),Oi("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:250,easing:"ease"}}),Oi("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:250,easing:"ease"}}),Oi("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:250}}),Oi("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}}),Oi("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});const Pr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Tr}},Symbol.toStringTag,{value:"Module"}));var Fr=Object.defineProperty,jr=Object.getOwnPropertyDescriptor,Qr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?jr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Fr(e,i,s),s};let Yr=class extends We{constructor(){super(...arguments),this.localize=new S(this),this.open=!1,this.rounded=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.skidding=0,this.noAutoSize=!1,this.noFlip=!1,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleMenuItemActivate=this.handleMenuItemActivate.bind(this),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof(null==t?void 0:t.focus)&&t.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((t=>"sd-menu"===t.tagName.toLowerCase()))}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(t){var e;if("Tab"===t.key){if(this.open&&"sd-menu-item"===(null==(e=document.activeElement)?void 0:e.tagName.toLowerCase()))return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{var t,e,i,o,r,s,a,n,l,d,h,c;const p=(null==(r=null==(o=null==(i=null==(e=null==(t=document.activeElement)?void 0:t.shadowRoot)?void 0:e.activeElement)?void 0:i.shadowRoot)?void 0:o.activeElement)?void 0:r.getRootNode())instanceof ShadowRoot?null==(l=null==(n=null==(a=null==(s=document.activeElement)?void 0:s.shadowRoot)?void 0:a.activeElement)?void 0:n.shadowRoot)?void 0:l.activeElement:(null==(d=this.containingElement)?void 0:d.getRootNode())instanceof ShadowRoot?null==(c=null==(h=document.activeElement)?void 0:h.shadowRoot)?void 0:c.activeElement:document.activeElement;(!this.containingElement||(null==p?void 0:p.closest(this.containingElement.tagName.toLowerCase()))!==this.containingElement)&&this.hide()}))}}handleDocumentMouseDown(t){const e=t.composedPath();this.containingElement&&!e.includes(this.containingElement)&&this.hide()}handleMenuItemActivate(t){gr(t.target,this.panel)}handlePanelSelect(t){const e=t.target;!this.stayOpenOnSelect&&"sd-menu"===e.tagName.toLowerCase()&&(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.open?this.hide():this.show()}handleTriggerKeyDown(t){if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if([" ","Enter"].includes(t.key))return t.preventDefault(),void this.handleTriggerClick();const e=this.getMenu();if(e){const i=e.defaultSlot.assignedElements({flatten:!0}),o=i[0],r=i[i.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),i.length>0&&requestAnimationFrame((()=>{("ArrowDown"===t.key||"Home"===t.key)&&(e.setCurrentItem(o),o.focus()),("ArrowUp"===t.key||"End"===t.key)&&(e.setCurrentItem(r),r.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>br(t).start));let e;if(t){switch(t.tagName.toLowerCase()){case"sd-button":case"sd-icon-button":e=t.button;break;default:e=t}e.setAttribute("aria-haspopup","true"),e.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,Ti(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,Ti(this,"sd-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("sd-activate",this.handleMenuItemActivate),this.panel.addEventListener("sd-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("sd-activate",this.handleMenuItemActivate),this.panel.removeEventListener("sd-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("sd-show"),this.addOpenListeners(),await Ei(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:e}=zi(this,"dropdown.show",{dir:this.localize.dir()});await ki(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),await Ei(this);const{keyframes:t,options:e}=zi(this,"dropdown.hide",{dir:this.localize.dir()});await ki(this.popup.popup,t,e),this.panel.hidden=!0,this.popup.active=!1,this.emit("sd-after-hide")}}render(){return ye`<sd-popup part="base" id="dropdown" placement="${this.placement}" distance="${this.rounded&&this.distance<1?1:this.distance}" skidding="${this.skidding}" strategy="${this.hoist?"fixed":"absolute"}" ?flip="${!this.noFlip}" shift auto-size="vertical" auto-size-padding="10" ?active="${this.open}"><slot name="trigger" slot="anchor" part="trigger" class="block" @click="${this.handleTriggerClick}" @keydown="${this.handleTriggerKeyDown}" @keyup="${this.handleTriggerKeyUp}" @slotchange="${this.handleTriggerSlotChange}"></slot><slot part="panel" class="${Ne("shadow bg-white",this.open?"block pointer-events-auto":"pointer-events-none",this.rounded&&"rounded-md")}" aria-hidden="${this.open?"false":"true"}" aria-labelledby="dropdown"></slot></sd-popup>`}};Yr.styles=[We.styles,$e,Ft`:host{display:inline-block}#dropdown::part(popup){z-index:var(--sd-z-index-dropdown,900)}#dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}#dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}#dropdown[data-current-placement^=left]::part(popup){transform-origin:right}#dropdown[data-current-placement^=right]::part(popup){transform-origin:left}:host(:not([no-auto-size])) ::slotted(:not([slot=trigger])){overflow:auto;max-width:var(--auto-size-available-width)!important;max-height:var(--auto-size-available-height)!important}`],Qr([Le("#dropdown")],Yr.prototype,"popup",2),Qr([Le("[part=trigger]")],Yr.prototype,"trigger",2),Qr([Le("[part=panel]")],Yr.prototype,"panel",2),Qr([Ue({type:Boolean,reflect:!0})],Yr.prototype,"open",2),Qr([Ue({type:Boolean,reflect:!0})],Yr.prototype,"rounded",2),Qr([Ue({reflect:!0})],Yr.prototype,"placement",2),Qr([Ue({type:Boolean,reflect:!0})],Yr.prototype,"disabled",2),Qr([Ue({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],Yr.prototype,"stayOpenOnSelect",2),Qr([Ue({attribute:!1})],Yr.prototype,"containingElement",2),Qr([Ue({type:Number})],Yr.prototype,"distance",2),Qr([Ue({type:Number})],Yr.prototype,"skidding",2),Qr([Ue({type:Boolean,reflect:!0,attribute:"no-auto-size"})],Yr.prototype,"noAutoSize",2),Qr([Ue({type:Boolean,reflect:!0,attribute:"no-flip"})],Yr.prototype,"noFlip",2),Qr([Ue({type:Boolean})],Yr.prototype,"hoist",2),Qr([bi("open",{waitUntilFirstUpdate:!0})],Yr.prototype,"handleOpenChange",1),Yr=Qr([Qe("sd-dropdown")],Yr),Oi("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),Oi("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});const Rr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Yr}},Symbol.toStringTag,{value:"Module"}));var Ur=Object.defineProperty,Hr=Object.getOwnPropertyDescriptor,Gr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Hr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Ur(e,i,s),s};let Lr=class extends We{constructor(){super(...arguments),this.open=!1,this.inverted=!1,this.localize=new S(this)}updateMaxHeight(){var t;const e=null==(t=this.contentPreview)?void 0:t.scrollHeight.toString();this.style.setProperty("--max-height-pixel",`${e}px`),this.style.setProperty("--max-height",e)}onToggleClick(){this.updateMaxHeight(),this.open=!this.open}onOpenChange(){this.open?(this.emit("sd-show"),this.updateComplete.then((()=>{this.emit("sd-after-show")}))):(this.emit("sd-hide"),this.updateComplete.then((()=>{this.emit("sd-after-hide")}))),this.details.setAttribute("open",this.open.toString())}async show(){if(!this.open)return this.onToggleClick(),Ti(this,"sd-after-show")}async hide(){if(this.open)return this.onToggleClick(),Ti(this,"sd-after-hide")}render(){return ye`<details part="details"><summary part="summary" aria-hidden="true" class="cursor-pointer overflow-hidden list-none"><slot name="clone"></slot></summary><div part="content" class="content content-preview overflow-hidden relative"><slot></slot></div></details><button part="toggle" class="${Ne("sd-interactive sd-interactive--reset !h-full !justify-center !w-full !text-base !flex !items-center !underline !underline-offset-2 !toggle",this.inverted&&"sd-interactive--inverted",this.inverted?"!focus-visible:focus-outline-inverted":"!focus-visible:focus-outline")}" @click="${this.onToggleClick}">${this.open?ye`<slot name="toggle-open"><sd-icon class="mr-2 text-xl" library="system" name="chevron-up"></sd-icon>${this.localize.term("showLess")}</slot>`:ye`<slot name="toggle-closed"><sd-icon class="mr-2 text-xl" library="system" name="chevron-down"></sd-icon>${this.localize.term("showMore")}</slot>`}</button>`}firstUpdated(){this.cloneContentToLightDOM(),this.details.setAttribute("open",this.open.toString())}cloneContentToLightDOM(){const t=document.createElement("div");t.setAttribute("slot","clone"),Array.from(this.childNodes).forEach((e=>{const i=e.cloneNode(!0);t.appendChild(i)})),this.appendChild(t)}};Lr.styles=[We.styles,Pt(Ni),$e,Ft`:host{--gradient-color-start:rgba(255, 255, 255, 0);--gradient-color-end:rgba(255, 255, 255, 1);--component-expandable-max-block-size:90px;--gradient-height:24px;--gradient:var(--gradient-color-start) 0%,var(--gradient-color-end) 80%,var(--gradient-color-end) 100%;position:relative;display:inline-block;width:100%}.toggle::-moz-focus-inner{border-style:none;padding:var(--sd-spacing-0,0)}details>summary::-webkit-details-marker,details[open] summary{display:none}summary{max-block-size:var(--component-expandable-max-block-size)}:host([open]) summary{max-block-size:var(--max-height-pixel,1000vh)}.content{max-block-size:var(--component-expandable-max-block-size)}:host([open]) .content{max-block-size:var(--max-height-pixel,1000vh)}:host(:not([open])) .content::after{position:absolute;bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);display:block;width:100%;content:' ';height:var(--gradient-height);background:linear-gradient(180deg,var(--gradient))}:host([inverted]:not([open])) .content::after{background:var(--gradient-vertical-transparent-primary,linear-gradient(180deg,rgba(0,53,142,0) 0,#00358e 80%,#00358e 100%))}`],Gr([Le(".content-preview")],Lr.prototype,"contentPreview",2),Gr([Le("details")],Lr.prototype,"details",2),Gr([Ue({type:Boolean,reflect:!0})],Lr.prototype,"open",2),Gr([Ue({type:Boolean,reflect:!0})],Lr.prototype,"inverted",2),Gr([bi("open",{waitUntilFirstUpdate:!0})],Lr.prototype,"onOpenChange",1),Lr=Gr([Qe("sd-expandable")],Lr);const qr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Lr}},Symbol.toStringTag,{value:"Module"}));var Vr=Object.defineProperty,$r=Object.getOwnPropertyDescriptor,Nr=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?$r(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Vr(e,i,s),s};let Zr=class extends We{constructor(){super(...arguments),this.activation="click hover",this.flipDirection="horizontal",this.frontVariant="empty",this.backVariant="empty"}connectedCallback(){super.connectedCallback()}flipFront(){this.front.classList.add("clicked--front"),this.back.classList.add("clicked--back"),this.emit("sd-flip-front"),this.back.focus()}flipBack(){this.front.classList.remove("clicked--front"),this.back.classList.remove("clicked--back"),this.emit("sd-flip-back"),this.front.focus()}handleFrontClick(t){const e=t.target;null===e.getAttribute("onclick")&&null===e.getAttribute("href")&&this.flipFront()}handleBackClick(t){const e=t.target;null===e.getAttribute("onclick")&&null===e.getAttribute("href")&&this.flipBack()}handleFrontKeydown(t){"Enter"===t.code&&this.front===t.target&&this.flipFront()}handleBackKeydown(t){"Enter"===t.code&&this.back===t.target&&this.flipBack()}render(){return ye`<div part="base" class="${Ne("flip-card relative h-full w-full")}"><div part="front" tabindex="0" class="${Ne("flip-card__side flip-card__side--front overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left","click hover"===this.activation&&"hover","primary"===this.frontVariant&&"bg-primary","primary-100"===this.frontVariant&&"bg-primary-100","gradient-dark-bottom"===this.frontVariant||"gradient-light-bottom"===this.frontVariant?"flex-col-reverse":"flex-col","vertical"===this.flipDirection&&"vertical")}" @click="${this.handleFrontClick}" @keydown="${this.handleFrontKeydown}"><div part="media-front" class="${Ne("absolute h-full w-full -z-20",("primary"===this.frontVariant||"primary-100"===this.frontVariant)&&"hidden")}"><slot name="media-front"></slot></div><div part="front-slot-container" class="${Ne("flex",{empty:"text-black",primary:"text-white","primary-100":"text-black","gradient-light-top":"text-black","gradient-light-bottom":"text-black","gradient-dark-top":"text-white","gradient-dark-bottom":"text-white"}[this.frontVariant],{empty:"",primary:"","primary-100":"","gradient-light-top":"bg-gradient-to-b from-white/75 to-white/60","gradient-light-bottom":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark-top":"bg-gradient-to-b from-primary-800/75 to-primary-800/60","gradient-dark-bottom":"bg-gradient-to-t from-primary-800/75 to-primary-800/60"}[this.frontVariant])}"><slot name="front"></slot></div><div part="front-secondary-gradient" class="${Ne("flip-card__gradient",{empty:"mb-auto",primary:"mb-auto","primary-100":"mb-auto","gradient-light-top":"bg-gradient-to-b from-white/60 to-40% mb-auto","gradient-light-bottom":"bg-gradient-to-t from-white/60 to-40% mt-auto","gradient-dark-top":"bg-gradient-to-b from-primary-800/60 to-40% mb-auto","gradient-dark-bottom":"bg-gradient-to-t  from-primary-800/60 to-40% mt-auto"}[this.frontVariant])}"></div></div><div part="back" tabindex="0" class="${Ne("flip-card__side flip-card__side--back overflow-hidden transition-transform duration-1000 ease-in-out","flex focus-visible:focus-outline","absolute top-0 left-0 w-full h-full justify-end text-left","click hover"===this.activation&&"hover","primary"===this.backVariant&&"bg-primary","primary-100"===this.backVariant&&"bg-primary-100","gradient-dark-bottom"===this.backVariant||"gradient-light-bottom"===this.backVariant?"flex-col-reverse":"flex-col","vertical"===this.flipDirection&&"vertical")}" @click="${this.handleBackClick}" @keydown="${this.handleBackKeydown}"><div part="media-back" class="${Ne("absolute h-full w-full -z-20",("primary"===this.backVariant||"primary-100"===this.backVariant)&&"hidden")}"><slot name="media-back"></slot></div><div part="back-slot-container" class="${Ne("flex",{empty:"text-black",primary:"text-white","primary-100":"text-black","gradient-light-top":"text-black","gradient-light-bottom":"text-black","gradient-dark-top":"text-white","gradient-dark-bottom":"text-white"}[this.backVariant],{empty:"",primary:"","primary-100":"","gradient-light-top":"bg-gradient-to-b from-white/75 to-white/60","gradient-light-bottom":"bg-gradient-to-t from-white/75 to-white/60","gradient-dark-top":"bg-gradient-to-b from-primary-800/75 to-primary-800/60","gradient-dark-bottom":"bg-gradient-to-t from-primary-800/75 to-primary-800/60"}[this.backVariant])}"><slot name="back"></slot></div><div part="back-secondary-gradient" class="${Ne("flip-card__gradient",{empty:"mb-auto",primary:"mb-auto","primary-100":"mb-auto","gradient-light-top":"bg-gradient-to-b from-white/60 to-40% mb-auto","gradient-light-bottom":"bg-gradient-to-t from-white/60 to-40% mt-auto","gradient-dark-top":"bg-gradient-to-b from-primary-800/60 to-40% mb-auto","gradient-dark-bottom":"bg-gradient-to-t  from-primary-800/60 to-40% mt-auto"}[this.backVariant])}"></div></div></div>`}};Zr.styles=[$e,We.styles,Ft`:host{display:block;aspect-ratio:3/4;--name:'';--height:480px;height:var(--height)}.flip-card{perspective:100rem}.flip-card__side{backface-visibility:hidden}.flip-card__side--back{transform:rotateY(180deg)}.clicked--front{transform:rotateY(-180deg)}.clicked--back{transform:rotateY(0)}.flip-card__side--back.vertical{transform:rotateX(180deg)}.clicked--front.vertical{transform:rotateX(-180deg)}.clicked--back.vertical{transform:rotateX(0)}.flip-card__gradient{flex:.4 1 0}@media (hover:hover) and (pointer:fine){.flip-card:hover .flip-card__side--front.hover{transform:rotateY(-180deg)}.flip-card:hover .flip-card__side--back.hover{transform:rotateY(0)}.flip-card:hover .flip-card__side--front.hover.vertical{transform:rotateX(-180deg)}.flip-card:hover .flip-card__side--back.hover.vertical{transform:rotateX(0)}}`],Nr([Le('[part="front"]')],Zr.prototype,"front",2),Nr([Le('[part="back"]')],Zr.prototype,"back",2),Nr([Ue({reflect:!0})],Zr.prototype,"activation",2),Nr([Ue({reflect:!0,attribute:"flip-direction"})],Zr.prototype,"flipDirection",2),Nr([Ue({type:String,reflect:!0,attribute:"front-variant"})],Zr.prototype,"frontVariant",2),Nr([Ue({type:String,reflect:!0,attribute:"back-variant"})],Zr.prototype,"backVariant",2),Zr=Nr([Qe("sd-flipcard")],Zr);const Kr=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Zr}},Symbol.toStringTag,{value:"Module"}));var Jr=Object.defineProperty,Wr=Object.getOwnPropertyDescriptor,_r=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?Wr(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&Jr(e,i,s),s};let Xr=class extends We{constructor(){super(...arguments),this.fixed=!1}connectedCallback(){super.connectedCallback(),this.setCalculatedHeightProperty=this.setCalculatedHeightProperty.bind(this),this.addResizeObserver=this.addResizeObserver.bind(this)}firstUpdated(){this.toggleHeightCalculation()}toggleHeightCalculation(){var t;this.fixed?(this.setCalculatedHeightProperty(),this.addResizeObserver()):(this.setCalculatedHeightProperty(),null==(t=this.resizeObserver)||t.disconnect(),this.resizeObserver=void 0)}disconnectedCallback(){super.disconnectedCallback()}updated(t){super.updated(t),t.has("fixed")&&this.toggleHeightCalculation()}onResize(){this.fixed&&this.setCalculatedHeightProperty()}addResizeObserver(){this.resizeObserver=new ResizeObserver((()=>{this.onResize()})),this.refHeaderElement&&this.resizeObserver.observe(this.refHeaderElement)}setCalculatedHeightProperty(){this.fixed&&this.refHeaderElement?document.documentElement.style.setProperty("--sd-header-calculated-height",`${this.refHeaderElement.clientHeight}px`):document.documentElement.style.removeProperty("--sd-header-calculated-height")}render(){return ye`<header class="w-full bg-white relative" role="banner" @slotchange="${this.handleSlotChange}"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`}handleSlotChange(t){t.target.assignedElements().length>0&&(this.refHeaderElement=t.currentTarget,this.setCalculatedHeightProperty())}};Xr.styles=[We.styles,$e,Ft`:host{display:block}:host([fixed]){position:fixed;left:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);width:100%}:host([fixed]) header::after{content:'';position:absolute;left:var(--sd-spacing-0,0);right:var(--sd-spacing-0,0);top:100%;height:var(--sd-spacing-2,.5rem);background:var(--gradient-vertical-black-40-transparent,linear-gradient(0deg,#18181800 50%,#18181866 100%))}[part=main]{width:var(--sd-header-inner-width);max-width:var(--sd-header-inner-max-width);padding:var(--sd-header-padding,12px 16px)}`],_r([Ue({reflect:!0,type:Boolean})],Xr.prototype,"fixed",2),_r([Ho(100)],Xr.prototype,"onResize",1),Xr=_r([Qe("sd-header")],Xr);const ts=Object.freeze(Object.defineProperty({__proto__:null,get default(){return Xr}},Symbol.toStringTag,{value:"Module"}));var es=Object.defineProperty,is=Object.getOwnPropertyDescriptor,os=(t,e,i,o)=>{for(var r,s=o>1?void 0:o?is(e,i):e,a=t.length-1;a>=0;a--)(r=t[a])&&(s=(o?r(e,i,s):r(s))||s);return o&&s&&es(e,i,s),s};let rs=class extends We{constructor(){super(...arguments),this.mode="cors",this.allowScripts=!1}executeScript(t){const e=document.createElement("script");[...t.attributes].forEach((t=>e.setAttribute(t.name,t.value))),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{const t=this.src,e=await si(t,this.mode);if(t!==this.src)return;if(!e.ok)return void this.emit("sd-error",{detail:{status:e.status}});this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach((t=>this.executeScript(t))),this.emit("sd-load")}catch{this.emit("sd-error",{detail:{status:-1}})}}render(){return ye`<slot></slot>`}};rs.styles=[$e,Ft`:host{display:block}`],os([Ue()],rs.prototype,"src",2),os([Ue()],rs.prototype,"mode",2),os([Ue({attribute:"allow-scripts",type:Boolean})],rs.prototype,"allowScripts",2),os([bi("src")],rs.prototype,"handleSrcChange",1),rs=os([Qe("sd-include")],rs);const ss=Object.freeze(Object.defineProperty({__proto__:null,get default(){return rs}},Symbol.toStringTag,{value:"Module"})),as=(t,e)=>{var i;const o=t._$AN;if(void 0===o)return!1;for(const t of o)null==(i=t._$AO)||i.call(t,e,!1),as(t,e);return!0},ns=t=>{let e,i;do{if(void 0===(e=t._$AM))break;i=e._$AN,i.delete(t),t=e}while(0===(null==i?void 0:i.size))},ls=t=>{for(let e;e=t._$AM;t=e){let i=e._$AN;if(void 0===i)e._$AN=i=new Set;else if(i.has(t))break;i.add(t),cs(e)}};
 /**
  * @license
  * Copyright 2017 Google LLC