npm - @solid-design-system/components - Versions diffs - 5.13.6 → 5.13.7 - Mend

@solid-design-system/components 5.13.6 → 5.13.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (261) hide show

package/cdn/solid-components.iife.js CHANGED Viewed

@@ -132,7 +132,7 @@
       </svg> `,place:`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75">
         <path fill-rule="evenodd" d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z" clip-rule="evenodd" />
-      </svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){let t=this.isLink(),e=this.notInteractive?Q`div`:t?Q`a`:Q`button`,r=Qi(this.marker[this.variant]),o=`url("data:image/svg+xml;utf8,${encodeURIComponent(this.marker[this.variant]).replace(/#/g,"%23")}")`;return B`<${e} part="base" class="${c("relative flex justify-center",!this.notInteractive&&"group focus-visible:focus-outline")}" href="${w(t?this.href:void 0)}" target="${w(t?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${w(this.notInteractive||t?void 0:"button")}" aria-label="${w(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${w(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${c("relative inline-flex",this.animated&&(this.variant==="main"||this.variant==="place")&&"animate-bounce-once",this.variant==="cluster"&&this.state==="hover"&&"scale-110 fill-primary-500",this.variant==="cluster"&&!this.notInteractive&&"transition-transform duration-fast ease-in-out hover:scale-110",{cluster:"fill-primary",main:"fill-accent",place:"fill-white"}[this.variant])}"><div id="motion-wrapper" part="motion-wrapper" class="absolute inset-0 overflow-hidden pointer-events-none" style="mask-image:${o};-webkit-mask-image:${o}"><div class="${c("absolute inset-0 transition-transform ease-in-out duration-fast translate-y-full group-hover:translate-y-0 group-active:translate-y-0",["hover","active"].includes(this.state)&&"!translate-y-0")}"><div class="${c("min-w-full min-h-full skew-y-[-11deg]",{cluster:"bg-primary-500",main:this.state==="active"?"bg-accent-700":"bg-accent-550 group-active:bg-accent-700",place:this.state==="active"?"bg-primary-200":"bg-primary-100 group-active:bg-primary-200"}[this.variant])}"></div></div>${this.variant==="main"?B`<div id="marker-circle" class="absolute rounded-full bg-white"></div>`:""}</div>${r} ${this.variant==="cluster"?B`<div id="cluster-border" class="${c("absolute inset-0 bg-primary opacity-30 rounded-full",this.state==="hover"&&"bg-primary-500")}"></div>`:""}</div><div id="content" part="content" class="${c("absolute self-center pointer-events-none",this.variant==="cluster"&&"font-bold text-white")}"><slot></slot></div></${e}>`}};At.styles=[...m.styles,y`:host{display:block}#motion-wrapper{mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem)*var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{font-size:calc(var(--sd-font-size-3xl,2rem)*var(--map-marker-scaling,1));margin-top:calc(var(--sd-spacing-2,.5rem)*-1)}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow:drop-shadow(var(--sd-shadow,0px 1px 3px #515151));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:host([variant=main]) #marker-circle{height:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));width:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1))}`],a([l({type:String,reflect:!0})],At.prototype,"variant",2),a([l({type:String,reflect:!0})],At.prototype,"state",2),a([l({type:Boolean,reflect:!0})],At.prototype,"animated",2),a([l({type:Boolean,reflect:!0,attribute:"not-interactive"})],At.prototype,"notInteractive",2),a([l({type:String,reflect:!0})],At.prototype,"href",2),a([l({type:String,reflect:!0})],At.prototype,"target",2),a([l({reflect:!0})],At.prototype,"label",2),At=a([v("sd-map-marker")],At);var we=class extends m{constructor(){super(...arguments);this.localize=new L(this)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(t){let e=["menuitem","menuitemcheckbox"],r=t.composedPath(),o=r.find(p=>{var f;return e.includes(((f=p==null?void 0:p.getAttribute)==null?void 0:f.call(p,"role"))||"")});if(!o||r.find(p=>{var f;return((f=p==null?void 0:p.getAttribute)==null?void 0:f.call(p,"role"))==="menu"})!==this)return;let h=o;h.type==="checkbox"&&(h.checked=!h.checked),this.emit("sd-select",{detail:{item:h}})}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),r=this.getCurrentItem(),o=r?e.indexOf(r):0;if(e.length>0){t.preventDefault(),t.stopPropagation();let n=(d,h)=>{let p=d;for(let f of e)if(p=(p+h+e.length)%e.length,!e[p].disabled)return p;return d};if(t.key==="ArrowDown")o=n(o,1);else if(t.key==="ArrowUp")o=n(o,-1);else if(t.key==="Home")o=e.findIndex(d=>!d.disabled),o===-1&&(o=0);else if(t.key==="End"){o=e.length-1;for(let d=e.length-1;d>=0;d--)if(!e[d].disabled){o=d;break}}this.setCurrentItem(e[o]),e[o].focus()}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>!!this.isMenuItem(t))}getCurrentItem(){return this.getAllItems().find(t=>t.getAttribute("tabindex")==="0")}setCurrentItem(t){this.getAllItems().forEach(r=>{r.setAttribute("tabindex",r===t?"0":"-1")})}render(){return u`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};we.styles=[...m.styles,y`:host{border-radius:var(--sd-border-radius-md,.375rem);display:block;overflow:auto;overscroll-behavior:auto;padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);position:relative;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75))!important;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}::slotted(sd-divider){padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}`],a([g("slot")],we.prototype,"defaultSlot",2),we=a([v("sd-menu")],we);var Ba=()=>new ts,ts=class{},Gr=new WeakMap,Ra=Xt(class extends ci{render(s){return j}update(s,[i]){var e;let t=i!==this.G;return t&&this.G!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=i,this.ht=(e=s.options)==null?void 0:e.host,this.rt(this.ct=s.element)),j}rt(s){var i;if(this.isConnected||(s=void 0),typeof this.G=="function"){let t=(i=this.ht)!=null?i:globalThis,e=Gr.get(t);e===void 0&&(e=new WeakMap,Gr.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,s),s!==void 0&&this.G.call(this.ht,s)}else this.G.value=s}get lt(){var s,i,t;return typeof this.G=="function"?(i=Gr.get((s=this.ht)!=null?s:globalThis))==null?void 0:i.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var gr=class{constructor(i,t){this.popupRef=Ba();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=i=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${i.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${i.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=i=>{switch(i.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":i.target!==this.host&&(i.preventDefault(),i.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(i);break;default:break}};this.handleClick=i=>{var t;i.target===this.host?(i.preventDefault(),i.stopPropagation()):i.target instanceof Element&&(i.target.tagName==="sd-menu-item"||(t=i.target.role)!=null&&t.startsWith("menuitem"))&&i.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=i=>{i.relatedTarget&&i.relatedTarget instanceof Element&&this.host.contains(i.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=i=>{i.stopPropagation()};this.handlePopupReposition=()=>{let i=this.host.renderRoot.querySelector("slot[name='submenu']"),t=i==null?void 0:i.assignedElements({flatten:!0}).filter(h=>h.localName==="sd-menu")[0],e=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:r,top:o,width:n,height:d}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${e?r+n:r}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${e?r+n:r}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${o+d}px`)};(this.host=i).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(i){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let e=null;for(let r of t.assignedElements())if(e=r.querySelectorAll("sd-menu-item, [role^='menuitem']"),e.length!==0)break;if(!(!e||e.length===0)){e[0].setAttribute("tabindex","0");for(let r=1;r!==e.length;++r)e[r].setAttribute("tabindex","-1");this.popupRef.value&&(i.preventDefault(),i.stopPropagation(),this.popupRef.value.active?e[0]instanceof HTMLElement&&e[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{e[0]instanceof HTMLElement&&e[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(i){this.popupRef.value&&this.popupRef.value.active!==i&&(this.popupRef.value.active=i,this.host.requestUpdate())}enableSubmenu(i=!0){i?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var r;if(!((r=this.host.parentElement)!=null&&r.computedStyleMap))return;let i=this.host.parentElement.computedStyleMap(),e=["padding-top","border-top-width","margin-top"].reduce((o,n)=>{var f;let d=(f=i.get(n))!=null?f:new CSSUnitValue(0,"px"),p=(d instanceof CSSUnitValue?d:new CSSUnitValue(0,"px")).to("px");return o-p.value},0);this.skidding=e}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let i=getComputedStyle(this.host).direction==="rtl";return this.isConnected?u`<sd-popup ${Ra(this.popupRef)} placement="${i?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-popup>`:u`<slot name="submenu" hidden></slot>`}};var mt=class extends m{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new M(this,"submenu");this.submenuController=new gr(this,this.hasSlotController);this.handleHostClick=t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())};this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return Ws(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let t=this.submenuController.isExpanded(),e={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return u`<div id="anchor" part="base" class="${c("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap",this.disabled?"outline-none cursor-not-allowed text-neutral-500 hover:bg-transparent":"cursor-pointer text-primary hover:bg-neutral-200",this.isSubmenu()&&t&&"submenu-expanded")}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${!!t}">${this.type==="checkbox"?u`<span part="checked-icon" class="${c("flex items-center justify-center grow-0 shrink-0 basis-auto",this.checked?"visible":"invisible")}"><sd-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-icon></span>`:""} ${e.iconIndent?u`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>`:""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron||this.isSubmenu()?u`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-icon></span>`:""} ${this.submenuController.renderSubmenu()}</div>`}};mt.styles=[...m.styles,y`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`],a([g("slot:not([name])")],mt.prototype,"defaultSlot",2),a([g('part="base"')],mt.prototype,"menuItem",2),a([l()],mt.prototype,"type",2),a([l({type:Boolean,reflect:!0})],mt.prototype,"checked",2),a([l({type:Boolean,reflect:!0})],mt.prototype,"disabled",2),a([l()],mt.prototype,"value",2),a([l({type:Boolean,reflect:!0})],mt.prototype,"chevron",2),a([x("checked")],mt.prototype,"handleCheckedChange",1),a([x("disabled")],mt.prototype,"handleDisabledChange",1),a([x("type")],mt.prototype,"handleTypeChange",1),mt=a([v("sd-menu-item")],mt);var st=class extends m{constructor(){super(...arguments);this.hasSlotController=new M(this,"[default]","description","children");this.localize=new L(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.href&&this.hasSlotController.test("children")}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.isAccordion&&!this.isLink?Q`summary`:this.separated?Q`div`:this.isLink?Q`a`:Q`button`}render(){let t=this.tag,e=this.isLink,r=this.isButton,o=this.isAccordion,n={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},d=this.vertical?"py-3":"py-2",h=B`<${t} part="base" class="${c("cursor-pointer relative focus-visible:focus-outline",{md:"text-base",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"text-primary",this.current&&"font-bold",o?"flex flex-col":"inline-block w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px] px-4")}" aria-current="${w(this.current?"page":void 0)}" aria-disabled="${this.disabled}" ?disabled="${w(r?this.disabled:void 0)}" href="${w(e?this.href:void 0)}" target="${w(e?this.target:void 0)}" download="${w(e?this.download:void 0)}" rel="${w(e&&this.target?"noreferrer noopener":void 0)}" role="${e?"link":"button"}" tabindex="${this.disabled||this.separated?"-1":"0"}" @click="${this.separated?void 0:o?this.handleClickSummary:r?this.handleClickButton:void 0}"><div part="current-indicator" class="${c("absolute bg-accent left-0 pointer-events-none",this.vertical?"w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"h-1 w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0",this.disabled&&"bg-neutral-500")}"></div><span part="content-area" class="${c("relative inline-flex justify-between items-center",o?"grow":"w-full",n.description&&"pt-3",n.description||this.separated?"pb-1":d,this.calculatePaddingX)}">${this.divider&&this.vertical?B`<sd-divider part="divider" class="${c("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-divider>`:""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated?B`<a class="${c("mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",!n.description&&"py-4")}" href="${w(e?this.href:void 0)}" target="${w(e?this.target:void 0)}" download="${w(e?this.download:void 0)}"><slot part="content" class="inline-flex"></slot></a>`:B`<slot part="content" class="inline-flex"></slot>`} </span>${(this.chevron||n.children)&&this.vertical?this.separated?B`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("m-4 h-6 w-6 transition-all",o||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon></button>`:B`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("h-6 w-6 ml-2 transition-all",o?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${n.description&&this.vertical?B`<slot name="description" part="description" class="${c("inline-block text-sm text-left text-black pb-3",o||this.separated?"grow":"w-full",this.separated?"px-4":this.calculatePaddingX)}"></slot>`:""}</${t}>`;return o?B`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${h}<slot name="children"></slot></details>`:this.separated?B`<div part="details" id="navigation-item-details" class="relative flex flex-col">${h}${this.open?B`<slot name="children"></slot>`:""}</div>`:B`${h}`}};st.styles=[...m.styles,y`:host{box-sizing:border-box;display:inline-block;position:relative}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0;--tw-scale-y:0;opacity:var(--sd-opacity-0,0);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:var(--sd-duration-fast,.15s);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:1;--tw-scale-y:1;opacity:var(--sd-opacity-100,1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}`],a([g('a[part="base"], button[part="base"]')],st.prototype,"button",2),a([l({type:Boolean,reflect:!0})],st.prototype,"vertical",2),a([l({type:String,reflect:!0})],st.prototype,"size",2),a([l({reflect:!0})],st.prototype,"href",2),a([l({type:String,reflect:!0})],st.prototype,"target",2),a([l({reflect:!0})],st.prototype,"download",2),a([l({type:Boolean,reflect:!0})],st.prototype,"current",2),a([l({type:Boolean,reflect:!0})],st.prototype,"disabled",2),a([l({type:Boolean,reflect:!0})],st.prototype,"chevron",2),a([l({type:Boolean,reflect:!0})],st.prototype,"relaxed",2),a([l({type:Boolean,reflect:!0})],st.prototype,"divider",2),a([l({type:Boolean,reflect:!0})],st.prototype,"indented",2),a([l({type:Boolean,reflect:!0})],st.prototype,"open",2),a([l({type:Boolean,reflect:!0})],st.prototype,"separated",2),st=a([v("sd-navigation-item")],st);var vr={"top-right":null,"bottom-center":null},Yl=()=>{Object.entries(vr).forEach(([s])=>{let i=document.querySelector(`#sd-toast-stack--${s}`);if(i){i.setAttribute("role","region"),vr[s]=i;return}vr[s]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${s}`,className:`sd-toast-stack sd-toast-stack--${s}`})})};Yl();var pt=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return vr[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(t){this.closable&&t.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([R(this.base),R(this.wrapper)]),this.wrapper.hidden=!1;let t=P(this,"notification.show",{dir:this.localize.dir()}),e=P(this,`notification.wrapper.show${ai(Nr(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([V(this.base,fe(t.keyframes,this.base.scrollHeight),t.options),V(this.wrapper,e.keyframes,e.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([R(this.base),R(this.wrapper)]);let t=P(this,"notification.hide",{dir:this.localize.dir()}),e=P(this,`notification.wrapper.hide${ai(Nr(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([V(this.base,fe(t.keyframes,this.base.scrollHeight),t.options),V(this.wrapper,e.keyframes,e.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,X(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,X(this,"sd-after-hide")}async toast(){return new Promise(t=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),t()},{once:!0})})}render(){return u`<div part="base" class="${c("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="0" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${c("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${c("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${c("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 border-neutral-400")}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?u`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?u`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${c("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>`:""}</div></div>`}};pt.styles=[...m.styles,y`:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],a([g('[part~="base"]')],pt.prototype,"base",2),a([g('[part~="wrapper"]')],pt.prototype,"wrapper",2),a([g('[part~="close-button"]')],pt.prototype,"close",2),a([l({type:String,reflect:!0})],pt.prototype,"variant",2),a([l({type:Boolean,reflect:!0})],pt.prototype,"open",2),a([l({type:Boolean,reflect:!0})],pt.prototype,"closable",2),a([l({type:Number,reflect:!0})],pt.prototype,"duration",2),a([l({type:Boolean,reflect:!0,attribute:"duration-indicator"})],pt.prototype,"durationIndicator",2),a([l({type:String,reflect:!0,attribute:"toast-stack"})],pt.prototype,"toastStack",2),a([x("open",{waitUntilFirstUpdate:!0})],pt.prototype,"handleOpenChange",1),a([x("duration")],pt.prototype,"handleDurationChange",1),pt=a([v("sd-notification")],pt);_("notification.show",{keyframes:[{opacity:0,height:0},{opacity:1,height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});_("notification.hide",{keyframes:[{opacity:1,height:"auto"},{opacity:0,height:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});_("notification.wrapper.showTopRight",{keyframes:[{bottom:"32px"},{bottom:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});_("notification.wrapper.hideTopRight",{keyframes:[{bottom:"0"},{bottom:"32px"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Nt=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:t}=this;this.defaultSlot.assignedElements().filter(e=>e.tagName.toLowerCase()==="sd-option").forEach(e=>{e.disabled=t})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:t}=this;return B`<div role="${t?"presentation":"group"}" class="${c(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-divider id="divider" class="pt-2 pb-4" part="divider"></sd-divider><div part="label-container" class="${c(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};Nt.styles=[...m.styles,y`:host{--display-divider:block}#divider{display:var(--display-divider)}`],a([g("slot:not([name])")],Nt.prototype,"defaultSlot",2),a([l({reflect:!0,type:Boolean})],Nt.prototype,"disabled",2),a([l({type:String,reflect:!0})],Nt.prototype,"label",2),a([x("disabled",{waitUntilFirstUpdate:!0})],Nt.prototype,"handleDisabledChange",1),Nt=a([v("sd-optgroup")],Nt);var dt=class extends m{constructor(){super(...arguments);this.hasSlotController=new M(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var t;return((t=this.textContent)!=null?t:"").trim()}render(){let t={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return u`<div part="base" class="${c("px-4 flex items-center w-full transition-colors duration-fast ease-in-out text-left text-base relative text-black",{sm:"text-sm py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-700 cursor-not-allowed":"cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${c("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?u`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${c("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",this.disabled?"border-neutral-500":this.selected?"bg-accent border-accent":"bg-white border-neutral-800")}">${this.selected?u`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-icon>`:""}</span>`:""} ${t.left?u`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${t.right?u`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};dt.styles=[...m.styles,y`:host{display:block;outline:2px solid transparent!important;outline-offset:2px!important;position:relative;width:100%}.focus-outline-offset{outline-offset:-2px}`],a([g('[part="base"]')],dt.prototype,"defaultSlot",2),a([E()],dt.prototype,"current",2),a([E()],dt.prototype,"selected",2),a([E()],dt.prototype,"hasHover",2),a([E()],dt.prototype,"isKeyboardFocus",2),a([l({type:String,reflect:!0})],dt.prototype,"size",2),a([l({type:Boolean,reflect:!0})],dt.prototype,"checkbox",2),a([l({type:Boolean,reflect:!0})],dt.prototype,"disabled",2),a([l({type:String,reflect:!0})],dt.prototype,"value",2),a([x("disabled")],dt.prototype,"handleDisabledChange",1),a([x("selected")],dt.prototype,"handleSelectedChange",1),a([x("value")],dt.prototype,"handleValueChange",1),dt=a([v("sd-option")],dt);var xe=class extends bt{constructor(){super(...arguments);this.expandable=!1}render(){let t=this.expandable?Q`details`:Q`div`,e=this.expandable?Q`summary`:Q`div`;return B`<${t} part="base" class="sm:p-6"><${e} part="header" id="header" class="${c("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${w(this.expandable?"button":void 0)}" aria-expanded="${w(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${w(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${c("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${c("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"text-primary":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${c("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:text-4xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${c(this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot><slot name="collapse-icon" class="${c(!this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot></span></${e}><div part="content" id="content" class="${c("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${t}>`}};xe.styles=[...bt.styles,y`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],a([l({type:Boolean,reflect:!0})],xe.prototype,"expandable",2),xe=a([v("sd-quickfact")],xe);_("quickfact.show",{keyframes:[{height:"0"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});_("quickfact.hide",{keyframes:[{height:"auto"},{height:"0"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});var ut=class extends m{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return u`<span part="base" class="${c("sd-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${c("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4 duration-fast ease-in-out",this.disabled||this.visuallyDisabled?"border-neutral-500":this.invalid?"border-error hover:border-error-400 group-hover:border-error-400":this.checked?"border-accent hover:border-accent-550 group-hover:border-accent-550":"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span part="checked" class="${c("rounded-full inline-flex text-white bg-accent h-2.5 w-2.5 transition-[transform, colors] duration-medium ease-in-out",this.checked?"scale-100":"scale-0",this.disabled?"bg-neutral-500":this.visuallyDisabled?"bg-white":this.invalid?"bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"bg-neutral-800")}"></span></span><slot part="label" class="${c("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};ut.styles=[...m.styles,y`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`],a([E()],ut.prototype,"checked",2),a([E()],ut.prototype,"hasFocus",2),a([l({type:String,reflect:!0})],ut.prototype,"size",2),a([l({type:Boolean,reflect:!0})],ut.prototype,"disabled",2),a([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],ut.prototype,"visuallyDisabled",2),a([l()],ut.prototype,"value",2),a([l({type:Boolean,reflect:!0})],ut.prototype,"invalid",2),a([x("checked")],ut.prototype,"handleCheckedChange",1),a([x(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],ut.prototype,"handleDisabledChange",1),ut=a([v("sd-radio")],ut);var vt=class extends m{constructor(){super(...arguments);this.hasSlotController=new M(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(t){if(this.disabled||this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let t=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",t?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){let t=this.hasSlotController.test("[default]"),e=this.hasSlotController.test("icon"),r=`${this.size}-${t?"label":"no-label"}`;return u`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${c("relative text-center rounded-full transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"bg-primary text-white hover:bg-primary-500":(this.disabled||this.visuallyDisabled)&&!this.checked?"text-neutral-500 hover:cursor-not-allowed":(this.disabled||this.visuallyDisabled)&&this.checked?"text-neutral-500 hover:cursor-not-allowed ":"bg-transparent text-primary border-primary hover:text-primary-500 cursor-pointer",t&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",t&&"button--has-label",e&&"button--has-icon flex gap-2",r)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${w(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${c(e&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!e}"></slot>${t?u`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};vt.styles=[...m.styles,y`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{padding-left:var(--sd-spacing-5,1.25rem);padding-right:var(--sd-spacing-5,1.25rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}:host([size=lg].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3,.75rem)*-1)}:host([size=md].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2,.5rem)*-1)}:host([size=sm].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1,.25rem)*-1)}:host(.sd-button-group__button--hover){z-index:20}:host(.sd-button-group__button--focus),:host(.sd-button-group__button[checked]){z-index:10}`],a([g(".button")],vt.prototype,"input",2),a([g(".hidden-input")],vt.prototype,"hiddenInput",2),a([E()],vt.prototype,"hasFocus",2),a([l({type:String,reflect:!0})],vt.prototype,"size",2),a([l({type:Boolean,reflect:!0})],vt.prototype,"disabled",2),a([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],vt.prototype,"visuallyDisabled",2),a([l({type:Boolean,reflect:!0})],vt.prototype,"checked",2),a([l()],vt.prototype,"value",2),a([x(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],vt.prototype,"handleDisabledChange",1),vt=a([v("sd-radio-button")],vt);var ke=class extends m{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(t){let e=Di(t.target);e==null||e.classList.add("sd-button-group__button--focus")}handleBlur(t){let e=Di(t.target);e==null||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){let e=Di(t.target);e==null||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){let e=Di(t.target);e==null||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){let t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach(e=>{let r=t.indexOf(e),o=Di(e);o!==null&&(o.classList.add("sd-button-group__button"),o.classList.toggle("sd-button-group__button--first",r===0),o.classList.toggle("sd-button-group__button--inner",r>0&&r<t.length-1),o.classList.toggle("sd-button-group__button--last",r===t.length-1),o.classList.toggle("sd-button-group__button--radio",o.tagName.toLowerCase()==="sd-radio-button"))})}render(){return u`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};ke.styles=[...m.styles,y`:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],a([g("slot")],ke.prototype,"defaultSlot",2),a([E()],ke.prototype,"disableRole",2),a([l({type:String,reflect:!0})],ke.prototype,"label",2),ke=a([v("sd-button-group")],ke);function Di(s){var t;let i="sd-button, sd-radio-button";return(t=s.closest(i))!=null?t:s.querySelector(i)}var W=class extends m{constructor(){super(...arguments);this.formControlController=new lt(this);this.hasSlotController=new M(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?Ys:t?Xs:si}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-radio, sd-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-radio, sd-radio-button"),r=this.getAllRadios(),o=this.value;e.disabled||(this.value=e.value,r.forEach(n=>n.checked=n===e),this.value!==o&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var h;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(p=>!p.disabled),r=(h=e.find(p=>p.checked))!=null?h:e[0],o=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,d=e.indexOf(r)+o;d<0&&(d=e.length-1),d>e.length-1&&(d=0),this.getAllRadios().forEach(p=>{p.checked=!1,this.hasButtonGroup||(p.tabIndex=-1)}),this.value=e[d].value,e[d].checked=!0,this.hasButtonGroup?e[d].shadowRoot.querySelector("button").focus():(e[d].tabIndex=0,e[d].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),r=t.find(o=>o.checked)||t[0];r&&r.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,r;let t=this.getAllRadios();if(await Promise.all(t.map(async o=>{await o.updateComplete,o.checked=o.value===this.value,o.size=this.size,o instanceof ut&&(o.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(o=>o.tagName.toLowerCase()==="sd-radio-button"),!t.some(o=>o.checked))if(this.hasButtonGroup){let o=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");o&&(o.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let o=(r=this.shadowRoot)==null?void 0:r.querySelector("sd-button-group");o&&(o.disableRole=!0)}}syncRadios(){if(customElements.get("sd-radio")&&customElements.get("sd-radio-button")){this.syncRadioElements();return}customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then(()=>this.syncRadios()),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,r=this.hasSlotController.test("help-text"),o=this.helpText?!0:!!r,n=this.hasSlotController.test("tooltip"),d=u`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return u`<fieldset part="form-control" class="${c("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message">${e||n?u`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 leading-normal text-black text-left",e?"inline-block":"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?u`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${c("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?u`<sd-button-group class="border border-primary rounded-full" part="button-group" exportparts="base:button-group__base" role="presentation">${d}</sd-button-group>`:d}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`}};W.styles=[...m.styles,y`:host{display:block}:host([orientation=vertical]) ::slotted(sd-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}:host:has(sd-button-group){display:inline-flex}`],a([g("slot:not([name])")],W.prototype,"defaultSlot",2),a([g("#validation-input")],W.prototype,"validationInput",2),a([g("#invalid-message")],W.prototype,"invalidMessage",2),a([E()],W.prototype,"hasButtonGroup",2),a([E()],W.prototype,"defaultValue",2),a([E()],W.prototype,"showInvalidStyle",2),a([l({type:String,reflect:!0})],W.prototype,"size",2),a([l({type:Boolean,reflect:!0})],W.prototype,"required",2),a([l({type:String,reflect:!0})],W.prototype,"orientation",2),a([l({type:String,reflect:!0})],W.prototype,"label",2),a([l({type:String,attribute:"help-text",reflect:!0})],W.prototype,"helpText",2),a([l({type:Boolean,reflect:!0})],W.prototype,"boldLabel",2),a([l({type:String,reflect:!0})],W.prototype,"name",2),a([l()],W.prototype,"value",2),a([l({type:String,reflect:!0})],W.prototype,"form",2),a([x("size",{waitUntilFirstUpdate:!0})],W.prototype,"handleSizeChange",1),a([x("showInvalidStyle",{waitUntilFirstUpdate:!0})],W.prototype,"handleInvalidChange",1),a([x("value")],W.prototype,"handleValueChange",1),W=a([v("sd-radio-group")],W);var _e=(s,i)=>s-i,hi=(s,i)=>{if(s.length!==i.length)return!0;let t=s.slice().sort(_e),e=i.slice().sort(_e);for(let r=0;r<t.length;r+=1)if(t[r]!==e[r])return!0;return!1},es=(s,i)=>{let t=s.getBoundingClientRect(),e=t.width;if(e<=0)return 0;let r=i;return r-=t.left,r<=0?0:r>=e?1:(r/=e,r)};var J=class extends m{constructor(){super();this.formControlController=new lt(this);this.hasSlotController=new M(this,"label","help-text");this.localize=new L(this);this.name="";this.label="";this.helpText="";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.visuallyDisabled=!1;this.noTrackBar=!1;this.noTooltip=!1;this.defaultValue="";this._value=[0];this._rangeValues=new Map;this._lastChangeValue=[];this._hasFocus=!1;this.tooltipFormatter=this.localize.number.bind(this.localize)}set value(t){this._value=t?t.split(" ").map(Number).sort(_e):[]}get value(){return this._value.slice().sort(_e).join(" ")}set valueAsArray(t){let e=this._value;this._value=Array.isArray(t)?t.slice().sort(_e):t||[],hi(e,this._value)&&this.requestUpdate("value",e.join(" "))}get valueAsArray(){return[...this._value].sort(_e)}get rtl(){return this.localize.dir()==="rtl"}firstUpdated(){this.formControlController.updateValidity(),this._lastChangeValue=Array.from(this._value)}willUpdate(t){super.willUpdate(t),this.min>this.max&&([this.min,this.max]=[this.max,this.min]),this.step>this.max-this.min&&(this.step=this.max-this.min),this.step<=0&&(this.step=1);let e=this._value.map(r=>{if(r<=this.min)return this.min;if(r>=this.max)return this.max;let o=this.min+this.step*Math.round((r-this.min)/this.step);return o>this.max?this.max:o});hi(this._value,e)&&(this._value=e)}updated(t){super.updated(t);for(let e of this.thumbs){let r=+e.dataset.rangeId;this._rangeValues.has(r)&&this.moveThumb(e,this._rangeValues.get(r))}this.updateActiveTrack()}focus(t){let e=this.thumbs.item(0);e?e.focus(t):super.focus(t)}get validity(){return this.input.validity}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}updateTooltip(t){let e=+t.dataset.rangeId;if(!this._rangeValues.has(e))return;let r=this._rangeValues.get(e),o=t.parentElement;o.content=this.tooltipFormatter(r)}updateActiveTrack(){let{activeTrack:t}=this;if(!t)return;if(this.min===this.max){t.style.insetInlineStart="0%",t.style.insetInlineEnd="0%";return}if(this._value.length===1){let n=getComputedStyle(this).getPropertyValue("--track-active-offset")||"0%",d=100*(this._value[0]-this.min)/(this.max-this.min);t.style.insetInlineStart=`min(${n}, ${d}%)`,t.style.insetInlineEnd=`min(calc(100% - ${n}), calc(100% - ${d}%))`;return}let e=this._value.slice().sort(_e),r=100*(e[0]-this.min)/(this.max-this.min),o=100*(e[e.length-1]-this.min)/(this.max-this.min);t.style.insetInlineStart=`${r}%`,t.style.insetInlineEnd=`calc(100% - ${o}%)`}moveThumb(t,e){t.setAttribute("aria-valuenow",e.toString()),t.setAttribute("aria-valuetext",this.tooltipFormatter(e));let r=(e-this.min)/(this.max-this.min);t.style.insetInlineStart=`calc(${100*r}% - 8px)`,this.updateTooltip(t)}movementBoundariesForThumb(t,e){let r=this.valueAsArray,n=Array.from(this.thumbs).indexOf(t),d=r[n-1]||this.min,h=r[n+1]||this.max,p=e<d||e>h;return{finalValue:Math.max(d,Math.min(h,e)),isRestricted:p,nextValue:h,prevValue:d}}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}onClickTrack(t,e=!0){if(this.disabled||this.visuallyDisabled)return;let{clientX:r}=t,o=Array.from(this.thumbs),n=es(this.inputWrapper,r),d=this.step/(this.max-this.min),h=this.min+this.step*Math.round(n/d),p=o.reduce((k,$)=>{let z=this._rangeValues.get(+$.dataset.rangeId),S=this._rangeValues.get(+k.dataset.rangeId),D=Math.abs(z-h),F=Math.abs(S-h);return D===F?z<h?$:k:D<F?$:k}),f=+p.dataset.rangeId;if(!f)return;this._rangeValues.set(f,h),this.moveThumb(p,h);let b=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),hi(b,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change"));let C=new PointerEvent("pointerdown",t);e&&p.dispatchEvent(C)&&this.updateTooltip(p)}onClickTrackItem(t){this.onClickTrack(t,!1)}async onClickThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target;this.updateTooltip(e),e.dataset.pointerId&&e.releasePointerCapture(+e.dataset.pointerId),e.dataset.pointerId=t.pointerId.toString(),e.setPointerCapture(t.pointerId),e.classList.add("grabbed"),await e.parentElement.show()}onDragThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target,r=+e.dataset.rangeId;if(!this._rangeValues.has(r)||(e.dataset.pointerId?+e.dataset.pointerId:null)!==t.pointerId)return;let n=es(this.inputWrapper,t.clientX),d=this.step/(this.max-this.min),h=this.min+this.step*Math.round(n/d);if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:h}}).defaultPrevented)return;let f=this.movementBoundariesForThumb(e,h);f.isRestricted?(h=f.finalValue,e.style.zIndex=(3+this.thumbs.length).toFixed(0)):e.style.zIndex="3",this._rangeValues.set(r,h),this.moveThumb(e,h);let b=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),hi(b,this._value)&&this.emit("sd-input")}async onReleaseThumb(t){let e=t.target;!e.dataset.pointerId||t.pointerId!==+e.dataset.pointerId||(e.classList.remove("grabbed"),e.releasePointerCapture(t.pointerId),delete e.dataset.pointerId,hi(this._lastChangeValue,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-change")),await e.parentElement.hide())}onKeyPress(t){let e=t.target,r=+e.dataset.rangeId,o=this._rangeValues.get(r);if(o===void 0)return;let n=o;switch(t.key){case"ArrowUp":case"Up":n=Math.min(o+this.step,this.max);break;case"ArrowDown":case"Down":n=Math.max(o-this.step,this.min);break;case"ArrowLeft":case"Left":n=this.rtl?Math.min(o+this.step,this.max):Math.max(o-this.step,this.min);break;case"ArrowRight":case"Right":n=this.rtl?Math.max(o-this.step,this.min):Math.min(o+this.step,this.max);break;case"PageUp":n=Math.min(o+(this.max-this.min)/5,this.max);break;case"PageDown":n=Math.max(o-(this.max-this.min)/5,this.min);break;case"Home":n=this.min;break;case"End":n=this.max;break;default:return}if(n!==o){if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:n}}).defaultPrevented)return;let h=this.movementBoundariesForThumb(e,n);h.isRestricted&&(n=h.finalValue),this.moveThumb(e,n),this._rangeValues.set(r,n),this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),this.updateTooltip(e),this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change")}t.stopPropagation(),t.preventDefault()}onBlur(t){var e;t.relatedTarget&&((e=this.shadowRoot)!=null&&e.contains(t.relatedTarget))||(this.emit("sd-blur"),this._hasFocus=!1)}onFocusThumb(t){var r;if(this.disabled||this.visuallyDisabled)return;this._hasFocus||(this._hasFocus=!0,this.emit("sd-focus"));let e=t.target;(r=e==null?void 0:e.dataset)!=null&&r.rangeId&&this.updateTooltip(e)}renderThumbs(t){let e=this._value.length>1;return this._rangeValues.clear(),this._value.map((r,o)=>{let n=o+1;this._rangeValues.set(n,r);let d=`thumb-${n}`,h="",p="";return e?(p=t?`label aria-label-hidden ${d}`:`aria-label-hidden ${d}`,o===0?h=`${this.localize.term("minimum")} (${this.tooltipFormatter(r)})`:o===this._value.length-1?h=`${this.localize.term("maximum")} (${this.tooltipFormatter(r)})`:h=this.tooltipFormatter(r)):p=t?"label aria-label-hidden":"",u`<sd-tooltip hoist trigger="focus" disabled="${w(this.disabled||this.visuallyDisabled||this.noTooltip?!0:void 0)}"><div id="${d}" part="thumb" role="slider" tabindex="${this.disabled||this.visuallyDisabled?-1:0}" aria-disabled="${w(this.disabled||this.visuallyDisabled?"true":void 0)}" aria-labelledby="${p}" aria-label="${h}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${r}" aria-valuetext="${this.tooltipFormatter(r)}" data-range-id="${n}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @pointerleave="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${c("rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",this.disabled||this.visuallyDisabled?"bg-neutral-500 outline-none":"bg-primary cursor-pointer focus-visible:focus-outline")}"></div></sd-tooltip>`})}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text")},e=!!(this.label||t.label),r=!!(this.helpText||t.helpText);return u`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${e?u`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${e?"false":"true"}" class="${c("w-full",e?"inline-block":"hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>`:null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${c("inline-flex w-full",this.visuallyDisabled&&"focus-visible:focus-outline")}" tabindex="${w(this.visuallyDisabled?"0":void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" class="bg-neutral-500 h-1 my-[6px]"></div><div part="active-track" hidden="${w(this.noTrackBar?!0:void 0)}" class="${c("absolute top-0 h-1",this.disabled||this.visuallyDisabled?"bg-neutral-500":"bg-primary")}"></div></div>${this.renderThumbs(e)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-2",r?"block":"hidden")}" aria-hidden="${!r}">${this.helpText}</slot></div>`}};J.styles=m.styles,a([g("#input")],J.prototype,"input",2),a([g('[part="active-track"]')],J.prototype,"activeTrack",2),a([g('[part="input-wrapper"]')],J.prototype,"inputWrapper",2),a([Wi('[part="thumb"]')],J.prototype,"thumbs",2),a([l({attribute:!1})],J.prototype,"tooltipFormatter",2),a([l({type:String,reflect:!0})],J.prototype,"name",2),a([l({type:String,reflect:!0})],J.prototype,"label",2),a([l({attribute:"help-text",reflect:!0})],J.prototype,"helpText",2),a([l({type:Number,reflect:!0})],J.prototype,"min",2),a([l({type:Number,reflect:!0})],J.prototype,"max",2),a([l({type:Number,reflect:!0})],J.prototype,"step",2),a([l({type:Boolean,reflect:!0})],J.prototype,"disabled",2),a([l({attribute:"visually-disabled",type:Boolean,reflect:!0})],J.prototype,"visuallyDisabled",2),a([l({attribute:"no-track-bar",type:Boolean,reflect:!0})],J.prototype,"noTrackBar",2),a([l({attribute:"no-tooltip",type:Boolean,reflect:!0})],J.prototype,"noTooltip",2),a([Mt()],J.prototype,"defaultValue",2),a([l({type:String})],J.prototype,"value",1),J=a([v("sd-range")],J);var Ce=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.subtick=!1}render(){return u`<div part="base" class="${c(this.subtick?"w-0.25":"w-0.5")}"><div part="line" class="${c("bg-neutral-500",this.subtick?"h-2":"h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm"><slot></slot></div></div>`}};Ce.styles=m.styles,a([l({type:Boolean,reflect:!0})],Ce.prototype,"subtick",2),Ce=a([v("sd-range-tick")],Ce);var rt=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.handleContainerScroll()}),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.container&&this.resizeObserver.unobserve(this.container)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.handleContainerScroll())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get scrollButtons(){return{left:this.leftButton,right:this.rightButton,up:this.upButton,down:this.downButton}}handleContainerScroll(){if(!this.container)return;let t=this.container.scrollLeft>0,e=this.container.scrollLeft+this.container.clientWidth<this.container.scrollWidth-1,r=this.container.scrollTop>0,o=this.container.scrollTop+this.container.clientHeight<this.container.scrollHeight-1,n=this.canScroll,d={left:this.isScrollHorizontalEnabled&&t,right:this.isScrollHorizontalEnabled&&e,up:this.isScrollVerticalEnabled&&r,down:this.isScrollVerticalEnabled&&o},h=n.left&&!d.left,p=n.up&&!d.up,f=n.right&&!d.right,b=n.down&&!d.down;(h||p)&&this.dispatchEvent(new CustomEvent("start")),(f||b)&&this.dispatchEvent(new CustomEvent("end")),this.canScroll=d}handleScroll(t,e){var F,U,Z;let r=["left","up"].includes(t)?-this.step:this.step,o=["left","right"].includes(t)?"horizontal":"vertical",n=["left","up"].includes(t)?"start":"end",d=!["mouse","touch"].includes((F=e==null?void 0:e.pointerType)!=null?F:""),h=o==="horizontal"?"left":"top";(U=this.container)==null||U.scrollBy({behavior:"smooth",[h]:r});let p=`button-${t}`;this.dispatchEvent(new CustomEvent(p,{bubbles:!0,composed:!0}));let b=(o==="horizontal"?this.container.scrollLeft:this.container.scrollTop)+r,C=o==="horizontal"?this.container.scrollWidth-this.container.clientWidth:this.container.scrollHeight-this.container.clientHeight,k=n==="start"&&b<=0,$=n==="end"&&b>=C-1;if(!(k||$)){let Y=this.localize.term("scrolled");this.announcementContainer.textContent=this.announcementContainer.textContent===Y?`${Y}\u200B`:Y;return}let z=this.scrollButtons[t],S={left:this.rightButton,right:this.leftButton,up:this.downButton,down:this.upButton}[t],D=k?`${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}`:`${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;(Z=S==null?void 0:S.querySelector("sd-icon"))==null||Z.setAttribute("label",D),d?S==null||S.focus():z==null||z.blur()}handleButtonBlur(t,e){var d;let o=(["left","up"].includes(t)?"start":"end")==="start"?this.localize.term("scrollToStart"):this.localize.term("scrollToEnd");(d=e.target.querySelector("sd-icon"))==null||d.setAttribute("label",o)}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",e="scroll-shadow absolute z-10 pointer-events-none transition-opacity duration-medium ease-in-out";return u`<div part="base" class="${c("scroll-container flex overflow-hidden flex-1",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset&&"p-4",{horizontal:"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",vertical:"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",auto:"scroll-auto overflow-auto"}[this.orientation])}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?u`${this.isScrollHorizontalEnabled?u`<div part="button-left" class="${c("absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.left&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${c(t)}" aria-hidden="${w(!this.canScroll.left||void 0)}" tabindex="${w(this.canScroll.left?void 0:-1)}" @click="${r=>this.handleScroll("left",r)}" @blur="${r=>this.handleButtonBlur("left",r)}"><slot name="icon-start"><sd-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div><div part="button-right" class="${c("absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.right&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${c(t)}" aria-hidden="${w(!this.canScroll.right||void 0)}" tabindex="${w(this.canScroll.right?void 0:-1)}" @click="${r=>this.handleScroll("right",r)}" @blur="${r=>this.handleButtonBlur("right",r)}"><slot name="icon-end"><sd-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null} ${this.isScrollVerticalEnabled?u`<div part="button-top" class="${c("absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.up&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${c(t)}" aria-hidden="${w(!this.canScroll.up||void 0)}" tabindex="${w(this.canScroll.up?void 0:-1)}" @click="${r=>this.handleScroll("up",r)}" @blur="${r=>this.handleButtonBlur("up",r)}"><slot name="icon-start"><sd-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div><div part="button-bottom" class="${c("absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.down&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${c(t)}" aria-hidden="${w(!this.canScroll.down||void 0)}" tabindex="${w(this.canScroll.down?void 0:-1)}" @click="${r=>this.handleScroll("down",r)}" @blur="${r=>this.handleButtonBlur("down",r)}"><slot name="icon-end"><sd-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null} ${this.shadows?u`${this.isScrollHorizontalEnabled?u`<div part="shadow-left" class="${c("left top-0 left-0 w-[6px] h-full",e,this.canScroll.left?"opacity-100":"opacity-0")}"></div><div part="shadow-right" class="${c("right top-0 right-0 w-[6px] h-full",e,this.canScroll.right?"opacity-100":"opacity-0")}"></div>`:null} ${this.isScrollVerticalEnabled?u`<div part="shadow-top" class="${c("top top-0 left-0 w-full h-[6px]",e,this.canScroll.up?"opacity-100":"opacity-0")}"></div><div part="shadow-bottom" class="${c("bottom bottom-0 left-0 w-full h-[6px]",e,this.canScroll.down?"opacity-100":"opacity-0")}"></div>`:null}`:null}`}};rt.styles=[...m.styles,y`:host{--gradient-color:hsla(0,0%,100%,0);--gradient:var(--gradient-color) 0%,#fff 80%,#fff 100%;display:flex;overflow:hidden;position:relative}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-border-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-right]{background:linear-gradient(90deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-top]{background:linear-gradient(0deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-bottom]{background:linear-gradient(180deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}.sd-icon--top{align-self:flex-start}.sd-icon--down{align-self:flex-end}`],a([g('[part="button-right"] button')],rt.prototype,"rightButton",2),a([g('[part="button-left"] button')],rt.prototype,"leftButton",2),a([g('[part="button-bottom"] button')],rt.prototype,"downButton",2),a([g('[part="button-top"] button')],rt.prototype,"upButton",2),a([g(".scroll-container")],rt.prototype,"container",2),a([g("#announcement-container")],rt.prototype,"announcementContainer",2),a([l({type:String,reflect:!0})],rt.prototype,"orientation",2),a([l({type:Boolean,reflect:!0})],rt.prototype,"scrollbars",2),a([l({type:Boolean,reflect:!0})],rt.prototype,"buttons",2),a([l({type:Boolean,reflect:!0})],rt.prototype,"shadows",2),a([l({type:Boolean,reflect:!0})],rt.prototype,"inset",2),a([l({type:Number,reflect:!0})],rt.prototype,"step",2),a([E()],rt.prototype,"canScroll",2),a([E()],rt.prototype,"isScrollHorizontalEnabled",2),a([E()],rt.prototype,"isScrollVerticalEnabled",2),rt=a([v("sd-scrollable")],rt);var A=class extends m{constructor(){super(...arguments);this.formControlController=new lt(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.hasSlotController=new M(this,"help-text","label");this.localize=new L(this);this.typeToSelectString="";this.displayLabel="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.visuallyDisabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>u`<sd-tag class="relative z-10" ?disabled="${this.disabled}" part="tag" exportparts="
+      </svg>`}}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}isLink(){return!!this.href}render(){let t=this.isLink(),e=this.notInteractive?Q`div`:t?Q`a`:Q`button`,r=Qi(this.marker[this.variant]),o=`url("data:image/svg+xml;utf8,${encodeURIComponent(this.marker[this.variant]).replace(/#/g,"%23")}")`;return B`<${e} part="base" class="${c("relative flex justify-center",!this.notInteractive&&"group focus-visible:focus-outline")}" href="${w(t?this.href:void 0)}" target="${w(t?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${w(this.notInteractive||t?void 0:"button")}" aria-label="${w(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${w(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${c("relative inline-flex",this.animated&&(this.variant==="main"||this.variant==="place")&&"animate-bounce-once",this.variant==="cluster"&&this.state==="hover"&&"scale-110 fill-primary-500",this.variant==="cluster"&&!this.notInteractive&&"transition-transform duration-fast ease-in-out hover:scale-110",{cluster:"fill-primary",main:"fill-accent",place:"fill-white"}[this.variant])}"><div id="motion-wrapper" part="motion-wrapper" class="absolute inset-0 overflow-hidden pointer-events-none" style="mask-image:${o};-webkit-mask-image:${o}"><div class="${c("absolute inset-0 transition-transform ease-in-out duration-fast translate-y-full group-hover:translate-y-0 group-active:translate-y-0",["hover","active"].includes(this.state)&&"!translate-y-0")}"><div class="${c("min-w-full min-h-full skew-y-[-11deg]",{cluster:"bg-primary-500",main:this.state==="active"?"bg-accent-700":"bg-accent-550 group-active:bg-accent-700",place:this.state==="active"?"bg-primary-200":"bg-primary-100 group-active:bg-primary-200"}[this.variant])}"></div></div>${this.variant==="main"?B`<div id="marker-circle" class="absolute rounded-full bg-white"></div>`:""}</div>${r} ${this.variant==="cluster"?B`<div id="cluster-border" class="${c("absolute inset-0 bg-primary opacity-30 rounded-full",this.state==="hover"&&"bg-primary-500")}"></div>`:""}</div><div id="content" part="content" class="${c("absolute self-center pointer-events-none",this.variant==="cluster"&&"font-bold text-white")}"><slot></slot></div></${e}>`}};At.styles=[...m.styles,y`:host{display:block}#motion-wrapper{mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain}:host([variant=cluster]) [part=base],svg{width:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=base]{height:calc(var(--sd-spacing-12,3rem)*var(--map-marker-scaling,1))}:host(:not([variant=cluster])) [part=base]{height:calc(var(--sd-spacing-16,4rem)*var(--map-marker-scaling,1))}:host([variant=cluster]) [part=content]{font-size:calc(var(--sd-font-size-sm,.875rem)*var(--map-marker-scaling,1))}:host([variant=place]) [part=content]{font-size:calc(var(--sd-font-size-3xl,2rem)*var(--map-marker-scaling,1));margin-top:calc(var(--sd-spacing-2,.5rem)*-1)}:host([variant=main]) [part=marker],:host([variant=place]) [part=marker]{--tw-drop-shadow:drop-shadow(var(--sd-shadow,0px 1px 3px #515151));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:host([variant=main]) #marker-circle{height:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));left:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));right:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));top:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1));width:calc(var(--sd-spacing-4,1rem)*var(--map-marker-scaling,1))}`],a([l({type:String,reflect:!0})],At.prototype,"variant",2),a([l({type:String,reflect:!0})],At.prototype,"state",2),a([l({type:Boolean,reflect:!0})],At.prototype,"animated",2),a([l({type:Boolean,reflect:!0,attribute:"not-interactive"})],At.prototype,"notInteractive",2),a([l({type:String,reflect:!0})],At.prototype,"href",2),a([l({type:String,reflect:!0})],At.prototype,"target",2),a([l({reflect:!0})],At.prototype,"label",2),At=a([v("sd-map-marker")],At);var we=class extends m{constructor(){super(...arguments);this.localize=new L(this)}connectedCallback(){super.connectedCallback(),this.setAttribute("role","menu")}handleClick(t){let e=["menuitem","menuitemcheckbox"],r=t.composedPath(),o=r.find(p=>{var f;return e.includes(((f=p==null?void 0:p.getAttribute)==null?void 0:f.call(p,"role"))||"")});if(!o||r.find(p=>{var f;return((f=p==null?void 0:p.getAttribute)==null?void 0:f.call(p,"role"))==="menu"})!==this)return;let h=o;h.type==="checkbox"&&(h.checked=!h.checked),this.emit("sd-select",{detail:{item:h}})}handleKeyDown(t){if(t.key==="Enter"||t.key===" "){let e=this.getCurrentItem();t.preventDefault(),t.stopPropagation(),e==null||e.click()}else if(["ArrowDown","ArrowUp","Home","End"].includes(t.key)){let e=this.getAllItems(),r=this.getCurrentItem(),o=r?e.indexOf(r):0;if(e.length>0){t.preventDefault(),t.stopPropagation();let n=(d,h)=>{let p=d;for(let f of e)if(p=(p+h+e.length)%e.length,!e[p].disabled)return p;return d};if(t.key==="ArrowDown")o=n(o,1);else if(t.key==="ArrowUp")o=n(o,-1);else if(t.key==="Home")o=e.findIndex(d=>!d.disabled),o===-1&&(o=0);else if(t.key==="End"){o=e.length-1;for(let d=e.length-1;d>=0;d--)if(!e[d].disabled){o=d;break}}this.setCurrentItem(e[o]),e[o].focus()}}}handleMouseDown(t){let e=t.target;this.isMenuItem(e)&&this.setCurrentItem(e)}handleSlotChange(){let t=this.getAllItems();t.length>0&&this.setCurrentItem(t[0])}isMenuItem(t){var e;return t.tagName.toLowerCase()==="sd-menu-item"||["menuitem","menuitemcheckbox","menuitemradio"].includes((e=t.getAttribute("role"))!=null?e:"")}getAllItems(){return[...this.defaultSlot.assignedElements({flatten:!0})].filter(t=>!!this.isMenuItem(t))}getCurrentItem(){return this.getAllItems().find(t=>t.getAttribute("tabindex")==="0")}setCurrentItem(t){this.getAllItems().forEach(r=>{r.setAttribute("tabindex",r===t?"0":"-1")})}render(){return u`<slot @slotchange="${this.handleSlotChange}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}" @mousedown="${this.handleMouseDown}"></slot>`}};we.styles=[...m.styles,y`:host{border-radius:var(--sd-border-radius-md,.375rem);display:block;overflow:auto;overscroll-behavior:auto;padding:var(--sd-spacing-3,.75rem) var(--sd-spacing-2,.5rem);position:relative;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75))!important;--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}::slotted(sd-divider){padding-bottom:var(--sd-spacing-3,.75rem);padding-top:var(--sd-spacing-3,.75rem)}`],a([g("slot")],we.prototype,"defaultSlot",2),we=a([v("sd-menu")],we);var Ba=()=>new ts,ts=class{},Gr=new WeakMap,Ra=Xt(class extends ci{render(s){return j}update(s,[i]){var e;let t=i!==this.G;return t&&this.G!==void 0&&this.rt(void 0),(t||this.lt!==this.ct)&&(this.G=i,this.ht=(e=s.options)==null?void 0:e.host,this.rt(this.ct=s.element)),j}rt(s){var i;if(this.isConnected||(s=void 0),typeof this.G=="function"){let t=(i=this.ht)!=null?i:globalThis,e=Gr.get(t);e===void 0&&(e=new WeakMap,Gr.set(t,e)),e.get(this.G)!==void 0&&this.G.call(this.ht,void 0),e.set(this.G,s),s!==void 0&&this.G.call(this.ht,s)}else this.G.value=s}get lt(){var s,i,t;return typeof this.G=="function"?(i=Gr.get((s=this.ht)!=null?s:globalThis))==null?void 0:i.get(this.G):(t=this.G)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var gr=class{constructor(i,t){this.popupRef=Ba();this.enableSubmenuTimer=-1;this.isConnected=!1;this.isPopupConnected=!1;this.skidding=0;this.submenuOpenDelay=100;this.handleMouseMove=i=>{this.host.style.setProperty("--safe-triangle-cursor-x",`${i.clientX}px`),this.host.style.setProperty("--safe-triangle-cursor-y",`${i.clientY}px`)};this.handleMouseOver=()=>{this.hasSlotController.test("submenu")&&this.enableSubmenu()};this.handleKeyDown=i=>{switch(i.key){case"Escape":case"Tab":this.disableSubmenu();break;case"ArrowLeft":i.target!==this.host&&(i.preventDefault(),i.stopPropagation(),this.host.focus(),this.disableSubmenu());break;case"ArrowRight":case"Enter":case" ":this.handleSubmenuEntry(i);break;default:break}};this.handleClick=i=>{var t;i.target===this.host?(i.preventDefault(),i.stopPropagation()):i.target instanceof Element&&(i.target.tagName==="sd-menu-item"||(t=i.target.role)!=null&&t.startsWith("menuitem"))&&i.target.getAttribute("type")!=="checkbox"&&this.disableSubmenu()};this.handleFocusOut=i=>{i.relatedTarget&&i.relatedTarget instanceof Element&&this.host.contains(i.relatedTarget)||this.disableSubmenu()};this.handlePopupMouseover=i=>{i.stopPropagation()};this.handlePopupReposition=()=>{let i=this.host.renderRoot.querySelector("slot[name='submenu']"),t=i==null?void 0:i.assignedElements({flatten:!0}).filter(h=>h.localName==="sd-menu")[0],e=getComputedStyle(this.host).direction==="rtl";if(!t)return;let{left:r,top:o,width:n,height:d}=t.getBoundingClientRect();this.host.style.setProperty("--safe-triangle-submenu-start-x",`${e?r+n:r}px`),this.host.style.setProperty("--safe-triangle-submenu-start-y",`${o}px`),this.host.style.setProperty("--safe-triangle-submenu-end-x",`${e?r+n:r}px`),this.host.style.setProperty("--safe-triangle-submenu-end-y",`${o+d}px`)};(this.host=i).addController(this),this.hasSlotController=t}hostConnected(){this.hasSlotController.test("submenu")&&!this.host.disabled&&this.addListeners()}hostDisconnected(){this.removeListeners()}hostUpdated(){this.hasSlotController.test("submenu")&&!this.host.disabled?(this.addListeners(),this.updateSkidding()):this.removeListeners()}addListeners(){this.isConnected||(this.host.addEventListener("mousemove",this.handleMouseMove),this.host.addEventListener("mouseover",this.handleMouseOver),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("click",this.handleClick),this.host.addEventListener("focusout",this.handleFocusOut),this.isConnected=!0),this.isPopupConnected||this.popupRef.value&&(this.popupRef.value.addEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.addEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!0)}removeListeners(){this.isConnected&&(this.host.removeEventListener("mousemove",this.handleMouseMove),this.host.removeEventListener("mouseover",this.handleMouseOver),this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("click",this.handleClick),this.host.removeEventListener("focusout",this.handleFocusOut),this.isConnected=!1),this.isPopupConnected&&this.popupRef.value&&(this.popupRef.value.removeEventListener("mouseover",this.handlePopupMouseover),this.popupRef.value.removeEventListener("sd-reposition",this.handlePopupReposition),this.isPopupConnected=!1)}handleSubmenuEntry(i){let t=this.host.renderRoot.querySelector("slot[name='submenu']");if(!t){console.error("Cannot activate a submenu if no corresponding menuitem can be found.",this);return}let e=null;for(let r of t.assignedElements())if(e=r.querySelectorAll("sd-menu-item, [role^='menuitem']"),e.length!==0)break;if(!(!e||e.length===0)){e[0].setAttribute("tabindex","0");for(let r=1;r!==e.length;++r)e[r].setAttribute("tabindex","-1");this.popupRef.value&&(i.preventDefault(),i.stopPropagation(),this.popupRef.value.active?e[0]instanceof HTMLElement&&e[0].focus():(this.enableSubmenu(!1),this.host.updateComplete.then(()=>{e[0]instanceof HTMLElement&&e[0].focus()}),this.host.requestUpdate()))}}setSubmenuState(i){this.popupRef.value&&this.popupRef.value.active!==i&&(this.popupRef.value.active=i,this.host.requestUpdate())}enableSubmenu(i=!0){i?(window.clearTimeout(this.enableSubmenuTimer),this.enableSubmenuTimer=window.setTimeout(()=>{this.setSubmenuState(!0)},this.submenuOpenDelay)):this.setSubmenuState(!0)}disableSubmenu(){window.clearTimeout(this.enableSubmenuTimer),this.setSubmenuState(!1)}updateSkidding(){var r;if(!((r=this.host.parentElement)!=null&&r.computedStyleMap))return;let i=this.host.parentElement.computedStyleMap(),e=["padding-top","border-top-width","margin-top"].reduce((o,n)=>{var f;let d=(f=i.get(n))!=null?f:new CSSUnitValue(0,"px"),p=(d instanceof CSSUnitValue?d:new CSSUnitValue(0,"px")).to("px");return o-p.value},0);this.skidding=e}isExpanded(){return this.popupRef.value?this.popupRef.value.active:!1}renderSubmenu(){let i=getComputedStyle(this.host).direction==="rtl";return this.isConnected?u`<sd-popup ${Ra(this.popupRef)} placement="${i?"left-start":"right-start"}" anchor="anchor" flip flip-fallback-strategy="best-fit" skidding="${this.skidding}" strategy="fixed" auto-size="vertical" auto-size-padding="10"><slot name="submenu"></slot></sd-popup>`:u`<slot name="submenu" hidden></slot>`}};var mt=class extends m{constructor(){super(...arguments);this.type="normal";this.checked=!1;this.disabled=!1;this.value="";this.chevron=!1;this.hasSlotController=new M(this,"submenu");this.submenuController=new gr(this,this.hasSlotController);this.handleHostClick=t=>{this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())};this.handleMouseOver=t=>{this.focus(),t.stopPropagation()}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleHostClick),this.addEventListener("mouseover",this.handleMouseOver)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.removeEventListener("mouseover",this.handleMouseOver)}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleCheckedChange(){if(this.checked&&this.type!=="checkbox"){this.checked=!1,console.error('The checked attribute can only be used on menu items with type="checkbox"',this);return}this.type==="checkbox"?this.setAttribute("aria-checked",this.checked?"true":"false"):this.removeAttribute("aria-checked")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.setAttribute("tabindex",this.disabled?"-1":"0")}handleTypeChange(){this.type==="checkbox"?(this.setAttribute("role","menuitemcheckbox"),this.setAttribute("aria-checked",this.checked?"true":"false")):(this.setAttribute("role","menuitem"),this.removeAttribute("aria-checked"))}getTextLabel(){return Ws(this.defaultSlot)}isSubmenu(){return this.hasSlotController.test("submenu")}render(){let t=this.submenuController.isExpanded(),e={label:this.hasSlotController.test("[default]"),iconIndent:this.hasSlotController.test("icon-indent")};return u`<div id="anchor" part="base" class="${c("relative flex items-stretch whitespace-nowrap py-3 px-4 no-wrap",this.disabled?"outline-none cursor-not-allowed text-neutral-500 hover:bg-transparent":"cursor-pointer text-primary hover:bg-neutral-200",this.isSubmenu()&&t&&"submenu-expanded")}" .disabled="${this.disabled}" ?aria-haspopup="${this.isSubmenu()}" ?aria-expanded="${!!t}">${this.type==="checkbox"?u`<span part="checked-icon" class="${c("flex items-center justify-center grow-0 shrink-0 basis-auto",this.checked?"visible":"invisible")}"><sd-icon name="status-check" library="sd-status-assets" aria-hidden="true"></sd-icon></span>`:""} ${e.iconIndent?u`<slot name="icon-indent" part="icon-indent" class="flex items-center grow-0 shrink-0 basis-auto mr-2"></slot>`:""}<slot part="label" class="inline-flex grow shrink basis-auto text-ellipsis overflow-hidden" @slotchange="${this.handleDefaultSlotChange}"></slot>${this.chevron||this.isSubmenu()?u`<span part="submenu-icon" class="flex items-center justify-center grow-0 shrink-0 basis-auto ml-3"><sd-icon name="chevron-right" library="_internal" aria-hidden="true" class="h-6 w-6"></sd-icon></span>`:""} ${this.submenuController.renderSubmenu()}</div>`}};mt.styles=[...m.styles,y`:host{--submenu-offset:-6px;display:block}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}::slotted(sd-icon){height:var(--sd-spacing-6,1.5rem);width:var(--sd-spacing-6,1.5rem)}[part=checked-icon]{margin-right:var(--sd-spacing-3,.75rem)}.submenu-expanded:after{bottom:var(--sd-spacing-0,0);left:var(--sd-spacing-0,0);position:fixed;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);z-index:calc(var(z-dropdown) - 1);--tw-content:"";clip-path:polygon(var(--safe-triangle-cursor-x,0) var(--safe-triangle-cursor-y,0),var(--safe-triangle-submenu-start-x,0) var(--safe-triangle-submenu-start-y,0),var(--safe-triangle-submenu-end-x,0) var(--safe-triangle-submenu-end-y,0));content:var(--tw-content)}:host(:hover:not([aria-disabled=true],:focus-visible)) [part=base]{--tw-bg-opacity:1;background-color:rgb(var(--sd-color-neutral-200,233 233 233)/var(--tw-bg-opacity,1));outline:2px solid transparent;outline-offset:2px}:host(:focus-visible:not([aria-disabled=true])) [part=base]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:-2px;outline-style:solid;outline-width:2px}:host(:hover) [part=base]{outline:2px solid transparent;outline-offset:2px}sd-popup::part(popup){z-index:var(--sd-z-index-dropdown,900);--tw-bg-opacity:1;background-color:rgb(var(--sd-color-white,255 255 255)/var(--tw-bg-opacity,1));margin-left:var(--submenu-offset)}::slotted(sd-menu){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important}`],a([g("slot:not([name])")],mt.prototype,"defaultSlot",2),a([g('part="base"')],mt.prototype,"menuItem",2),a([l()],mt.prototype,"type",2),a([l({type:Boolean,reflect:!0})],mt.prototype,"checked",2),a([l({type:Boolean,reflect:!0})],mt.prototype,"disabled",2),a([l()],mt.prototype,"value",2),a([l({type:Boolean,reflect:!0})],mt.prototype,"chevron",2),a([x("checked")],mt.prototype,"handleCheckedChange",1),a([x("disabled")],mt.prototype,"handleDisabledChange",1),a([x("type")],mt.prototype,"handleTypeChange",1),mt=a([v("sd-menu-item")],mt);var st=class extends m{constructor(){super(...arguments);this.hasSlotController=new M(this,"[default]","description","children");this.localize=new L(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.href&&this.hasSlotController.test("children")}handleClickButton(t){this.disabled&&(t.preventDefault(),t.stopPropagation())}handleClickSummary(t){t.preventDefault(),t.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.isAccordion&&!this.isLink?Q`summary`:this.separated?Q`div`:this.isLink?Q`a`:Q`button`}render(){let t=this.tag,e=this.isLink,r=this.isButton,o=this.isAccordion,n={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},d=this.vertical?"py-3":"py-2",h=B`<${t} part="base" class="${c("cursor-pointer relative focus-visible:focus-outline",{md:"text-base",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"text-primary",this.current&&"font-bold",o?"flex flex-col":"inline-block w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&"inline-flex items-center",!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px] px-4")}" aria-current="${w(this.current?"page":void 0)}" aria-disabled="${this.disabled}" ?disabled="${w(r?this.disabled:void 0)}" href="${w(e?this.href:void 0)}" target="${w(e?this.target:void 0)}" download="${w(e?this.download:void 0)}" rel="${w(e&&this.target?"noreferrer noopener":void 0)}" role="${e?"link":"button"}" tabindex="${this.disabled||this.separated?"-1":"0"}" @click="${this.separated?void 0:o?this.handleClickSummary:r?this.handleClickButton:void 0}"><div part="current-indicator" class="${c("absolute bg-accent left-0 pointer-events-none",this.vertical?"w-1 h-[calc(100%-16px)] top-2 group-hover:h-full group-hover:top-0":"h-1 w-[calc(100%-16px)] bottom-0 left-2 group-hover:w-full group-hover:left-0",this.disabled&&"bg-neutral-500")}"></div><span part="content-area" class="${c("relative inline-flex justify-between items-center",o?"grow":"w-full",n.description&&"pt-3",n.description||this.separated?"pb-1":d,this.calculatePaddingX)}">${this.divider&&this.vertical?B`<sd-divider part="divider" class="${c("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-divider>`:""} <span part="content-container" class="inline-flex items-center flex-auto">${this.separated?B`<a class="${c("mr-4 w-full inline-flex items-center pl-4 cursor-pointer relative focus-visible:focus-outline hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",!n.description&&"py-4")}" href="${w(e?this.href:void 0)}" target="${w(e?this.target:void 0)}" download="${w(e?this.download:void 0)}"><slot part="content" class="inline-flex"></slot></a>`:B`<slot part="content" class="inline-flex"></slot>`} </span>${(this.chevron||n.children)&&this.vertical?this.separated?B`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("m-4 h-6 w-6 transition-all",o||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon></button>`:B`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${c("h-6 w-6 ml-2 transition-all",o?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${n.description&&this.vertical?B`<slot name="description" part="description" class="${c("inline-block text-sm text-left text-black pb-3",o||this.separated?"grow":"w-full",this.separated?"px-4":this.calculatePaddingX)}"></slot>`:""}</${t}>`;return o?B`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${h}<slot name="children"></slot></details>`:this.separated?B`<div part="details" id="navigation-item-details" class="relative flex flex-col">${h}${this.open?B`<slot name="children"></slot>`:""}</div>`:B`${h}`}};st.styles=[...m.styles,y`:host{box-sizing:border-box;display:inline-block;position:relative}:host([vertical]){display:block}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0;--tw-scale-y:0;opacity:var(--sd-opacity-0,0);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:var(--sd-duration-fast,.15s);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:1;--tw-scale-y:1;opacity:var(--sd-opacity-100,1);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}`],a([g('a[part="base"], button[part="base"]')],st.prototype,"button",2),a([l({type:Boolean,reflect:!0})],st.prototype,"vertical",2),a([l({type:String,reflect:!0})],st.prototype,"size",2),a([l({reflect:!0})],st.prototype,"href",2),a([l({type:String,reflect:!0})],st.prototype,"target",2),a([l({reflect:!0})],st.prototype,"download",2),a([l({type:Boolean,reflect:!0})],st.prototype,"current",2),a([l({type:Boolean,reflect:!0})],st.prototype,"disabled",2),a([l({type:Boolean,reflect:!0})],st.prototype,"chevron",2),a([l({type:Boolean,reflect:!0})],st.prototype,"relaxed",2),a([l({type:Boolean,reflect:!0})],st.prototype,"divider",2),a([l({type:Boolean,reflect:!0})],st.prototype,"indented",2),a([l({type:Boolean,reflect:!0})],st.prototype,"open",2),a([l({type:Boolean,reflect:!0})],st.prototype,"separated",2),st=a([v("sd-navigation-item")],st);var vr={"top-right":null,"bottom-center":null},Yl=()=>{Object.entries(vr).forEach(([s])=>{let i=document.querySelector(`#sd-toast-stack--${s}`);if(i){i.setAttribute("role","region"),vr[s]=i;return}vr[s]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${s}`,className:`sd-toast-stack sd-toast-stack--${s}`})})};Yl();var pt=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}get stack(){return vr[this.toastStack]}connectedCallback(){super.connectedCallback(),this.stack.parentElement||(document.body.append(this.stack),this.stack.ariaLabel=this.localize.term("notifications"))}disconnectedCallback(){super.disconnectedCallback()}firstUpdated(){this.wrapper.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}handleKeyDown(t){this.closable&&t.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await Promise.all([R(this.base),R(this.wrapper)]),this.wrapper.hidden=!1;let t=P(this,"notification.show",{dir:this.localize.dir()}),e=P(this,`notification.wrapper.show${ai(Nr(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([V(this.base,fe(t.keyframes,this.base.scrollHeight),t.options),V(this.wrapper,e.keyframes,e.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await Promise.all([R(this.base),R(this.wrapper)]);let t=P(this,"notification.hide",{dir:this.localize.dir()}),e=P(this,`notification.wrapper.hide${ai(Nr(this.toastStack))}`,{dir:this.localize.dir()});await Promise.all([V(this.base,fe(t.keyframes,this.base.scrollHeight),t.options),V(this.wrapper,e.keyframes,e.options)]),this.wrapper.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,X(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,X(this,"sd-after-hide")}async toast(){return new Promise(t=>{this.stack.parentElement===null&&document.body.append(this.stack),this.stack.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{this.stack.removeChild(this),t()},{once:!0})})}render(){return u`<div part="base" class="${c("w-full flex items-stretch m-2 focus-visible:focus-outline")}" id="notification" tabindex="0" role="alert" aria-labelledby="message" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}" @keydown="${this.handleKeyDown}"><div part="wrapper" class="${c("w-full h-fit overflow-hidden flex items-stretch relative")}"><slot name="icon" part="icon" class="${c("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="_internal" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${c("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 border-neutral-400")}"><slot id="message" part="message" class="block w-full pl-3 py-2"></slot>${this.closable?u`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?u`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${c("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>`:""}</div></div>`}};pt.styles=[...m.styles,y`:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],a([g('[part~="base"]')],pt.prototype,"base",2),a([g('[part~="wrapper"]')],pt.prototype,"wrapper",2),a([g('[part~="close-button"]')],pt.prototype,"close",2),a([l({type:String,reflect:!0})],pt.prototype,"variant",2),a([l({type:Boolean,reflect:!0})],pt.prototype,"open",2),a([l({type:Boolean,reflect:!0})],pt.prototype,"closable",2),a([l({type:Number,reflect:!0})],pt.prototype,"duration",2),a([l({type:Boolean,reflect:!0,attribute:"duration-indicator"})],pt.prototype,"durationIndicator",2),a([l({type:String,reflect:!0,attribute:"toast-stack"})],pt.prototype,"toastStack",2),a([x("open",{waitUntilFirstUpdate:!0})],pt.prototype,"handleOpenChange",1),a([x("duration")],pt.prototype,"handleDurationChange",1),pt=a([v("sd-notification")],pt);_("notification.show",{keyframes:[{opacity:0,height:0},{opacity:1,height:"auto"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});_("notification.hide",{keyframes:[{opacity:1,height:"auto"},{opacity:0,height:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});_("notification.wrapper.showTopRight",{keyframes:[{bottom:"32px"},{bottom:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});_("notification.wrapper.hideTopRight",{keyframes:[{bottom:"0"},{bottom:"32px"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});var Nt=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:t}=this;this.defaultSlot.assignedElements().filter(e=>e.tagName.toLowerCase()==="sd-option").forEach(e=>{e.disabled=t})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:t}=this;return B`<div role="${t?"presentation":"group"}" class="${c(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-divider id="divider" class="pt-2 pb-4" part="divider"></sd-divider><div part="label-container" class="${c(this.disabled?"text-neutral-500":"text-black")} px-4 font-bold text-left" role="presentation" id="group-label"><slot name="label"><span>${this.label}</span></slot></div><div role="listbox" part="options" aria-label="${this.localize.term("optionGroup")}"><slot @slotchange="${this.handleDisableOptions}"></slot></div></div>`}};Nt.styles=[...m.styles,y`:host{--display-divider:block}#divider{display:var(--display-divider)}`],a([g("slot:not([name])")],Nt.prototype,"defaultSlot",2),a([l({reflect:!0,type:Boolean})],Nt.prototype,"disabled",2),a([l({type:String,reflect:!0})],Nt.prototype,"label",2),a([x("disabled",{waitUntilFirstUpdate:!0})],Nt.prototype,"handleDisabledChange",1),Nt=a([v("sd-optgroup")],Nt);var dt=class extends m{constructor(){super(...arguments);this.hasSlotController=new M(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!1;this.isKeyboardFocus=!1;this.size="lg";this.checkbox=!1;this.disabled=!1;this.value=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false")}handleDefaultSlotChange(){let t=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=t;return}t!==this.cachedTextLabel&&(this.cachedTextLabel=t,this.emit("slotchange",{bubbles:!0,composed:!1,cancelable:!1}))}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){this.value.includes(" ")&&(console.error("Option values cannot include a space. All spaces have been replaced with underscores.",this),this.value=this.value.replace(/ /g,"_"))}getTextLabel(){var t;return((t=this.textContent)!=null?t:"").trim()}render(){let t={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return u`<div part="base" class="${c("px-4 flex items-center w-full transition-colors duration-fast ease-in-out text-left text-base relative text-black",{sm:"text-sm py-1",md:"text-base py-2",lg:"text-base py-3"}[this.size],this.disabled?"text-neutral-700 cursor-not-allowed":"cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.isKeyboardFocus?"focus-outline focus-outline-offset":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${c("absolute w-full left-0 top-0 pointer-events-none transition-[height,top] duration-fast ease-in-out border-l-4 h-[calc(100%-8px)]",this.selected&&!this.checkbox?"border-accent":"border-transparent",this.disabled&&"border-neutral-500 top-1",!this.disabled&&this.hasHover?"h-full top-0":"top-1")}"></span> ${this.checkbox?u`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${c("relative flex flex-shrink-0 items-center justify-center border rounded-sm h-4 w-4 mr-2",this.disabled?"border-neutral-500":this.selected?"bg-accent border-accent":"bg-white border-neutral-800")}">${this.selected?u`<sd-icon part="checked-icon" class="text-white w-3 h-3" library="_internal" name="status-check"></sd-icon>`:""}</span>`:""} ${t.left?u`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${t.right?u`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};dt.styles=[...m.styles,y`:host{display:block;outline:2px solid transparent!important;outline-offset:2px!important;position:relative;width:100%}.focus-outline-offset{outline-offset:-2px}`],a([g('[part="base"]')],dt.prototype,"defaultSlot",2),a([E()],dt.prototype,"current",2),a([E()],dt.prototype,"selected",2),a([E()],dt.prototype,"hasHover",2),a([E()],dt.prototype,"isKeyboardFocus",2),a([l({type:String,reflect:!0})],dt.prototype,"size",2),a([l({type:Boolean,reflect:!0})],dt.prototype,"checkbox",2),a([l({type:Boolean,reflect:!0})],dt.prototype,"disabled",2),a([l({type:String,reflect:!0})],dt.prototype,"value",2),a([x("disabled")],dt.prototype,"handleDisabledChange",1),a([x("selected")],dt.prototype,"handleSelectedChange",1),a([x("value")],dt.prototype,"handleValueChange",1),dt=a([v("sd-option")],dt);var xe=class extends bt{constructor(){super(...arguments);this.expandable=!1}render(){let t=this.expandable?Q`details`:Q`div`,e=this.expandable?Q`summary`:Q`div`;return B`<${t} part="base" class="sm:p-6"><${e} part="header" id="header" class="${c("text-base font-bold items-center focus-visible:focus-outline text-primary relative group flex flex-row hover:bg-transparent gap-3 pb-3 pt-0 px-0 sm:flex-col sm:gap-4 sm:pb-8",this.expandable&&"cursor-pointer select-none")}" role="${w(this.expandable?"button":void 0)}" aria-expanded="${w(this.expandable?this.open?"true":"false":void 0)}" aria-controls="${w(this.expandable?"content":void 0)}" tabindex="${this.expandable?"0":"-1"}" @click="${this.expandable?this.handleSummaryClick:null}" @keydown="${this.expandable?this.handleSummaryKeyDown:null}"><div part="icon" class="${c("flex flex-grow-0 flex-shrink-0 flex-auto items-center",!this.expandable&&"cursor-default")}"><slot name="icon"></slot></div><slot name="summary" part="summary" class="${c("flex flex-auto items-start text-left text-base leading-normal font-normal sm:leading-tight sm:text-3xl sm:text-center",this.expandable?"text-primary":"text-black cursor-default")}">${this.summary}</slot><span part="summary-icon" class="${c("flex flex-grow-0 flex-shrink-0 flex-auto self-start sm:self-center transition-transform ease-in-out duration-medium text-xl sm:text-4xl sm:mt-2",this.open&&"rotate-180",!this.expandable&&"hidden")}"><slot name="expand-icon" class="${c(this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot><slot name="collapse-icon" class="${c(!this.open&&"hidden")}"><sd-icon library="_internal" name="chevron-down" class="group-hover:text-primary-500 transition-colors ease-in-out duration-medium"></sd-icon></slot></span></${e}><div part="content" id="content" class="${c("overflow-hidden",!this.expandable&&"hidden")}"><slot part="content__slot" class="block" role="region" aria-labelledby="header"></slot></div></${t}>`}};xe.styles=[...bt.styles,y`:host{display:block}@media (min-width:640px){[part=summary-icon]{font-size:var(--sd-spacing-12,3rem)}}[part=icon]{font-size:var(--sd-spacing-12,3rem)}@media (min-width:640px){[part=icon]{font-size:var(--sd-spacing-24,6rem)}}`],a([l({type:Boolean,reflect:!0})],xe.prototype,"expandable",2),xe=a([v("sd-quickfact")],xe);_("quickfact.show",{keyframes:[{height:"0"},{height:"auto"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});_("quickfact.hide",{keyframes:[{height:"auto"},{height:"0"}],options:{duration:"var(--sd-duration-medium, 300ms)",easing:"ease-in-out"}});var ut=class extends m{constructor(){super(...arguments);this.checked=!1;this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.invalid=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners()}disconnectedCallback(){this.removeEventListeners()}addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus)}removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus)}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(){!this.disabled&&!this.visuallyDisabled&&(this.checked=!0)}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled||this.visuallyDisabled?"true":"false")}handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}render(){return u`<span part="base" class="${c("sd-radio group inline-flex items-start items-center text-base leading-normal text-black cursor-pointer align-middle",(this.disabled||this.visuallyDisabled)&&"hover:cursor-not-allowed",{sm:"small-size text-sm",md:"text-base",lg:"text-base"}[this.size])}"><span part="${`${this.checked?"control--checked":"control--unchecked"}`}" class="${c("flex-initial shrink-0 relative inline-flex items-center justify-center border rounded-full bg-white h-4 w-4 duration-fast ease-in-out",this.disabled||this.visuallyDisabled?"border-neutral-500":this.invalid?"border-error hover:border-error-400 group-hover:border-error-400":this.checked?"border-accent hover:border-accent-550 group-hover:border-accent-550":"border-neutral-800 hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span part="checked" class="${c("rounded-full inline-flex text-white bg-accent h-2.5 w-2.5 transition-[transform, colors] duration-medium ease-in-out",this.checked?"scale-100":"scale-0",this.disabled?"bg-neutral-500":this.visuallyDisabled?"bg-white":this.invalid?"bg-error hover:bg-error-400 group-hover:bg-error-400":this.checked?"bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"bg-neutral-800")}"></span></span><slot part="label" class="${c("ml-2 select-none inline-block",this.disabled||this.visuallyDisabled?"text-neutral-500":this.invalid?"text-error":"text-black")}"></slot></span>`}};ut.styles=[...m.styles,y`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host(:focus-visible) [part=control--checked],:host(:focus-visible) [part=control--unchecked]{outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}`],a([E()],ut.prototype,"checked",2),a([E()],ut.prototype,"hasFocus",2),a([l({type:String,reflect:!0})],ut.prototype,"size",2),a([l({type:Boolean,reflect:!0})],ut.prototype,"disabled",2),a([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],ut.prototype,"visuallyDisabled",2),a([l()],ut.prototype,"value",2),a([l({type:Boolean,reflect:!0})],ut.prototype,"invalid",2),a([x("checked")],ut.prototype,"handleCheckedChange",1),a([x(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],ut.prototype,"handleDisabledChange",1),ut=a([v("sd-radio")],ut);var vt=class extends m{constructor(){super(...arguments);this.hasSlotController=new M(this,"[default]","icon");this.hasFocus=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","presentation")}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleClick(t){if(this.disabled||this.visuallyDisabled){t.preventDefault(),t.stopPropagation();return}this.checked=!0}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleDisabledChange(){let t=this.disabled||this.visuallyDisabled;this.setAttribute("aria-disabled",t?"true":"false")}focus(t){this.input.focus(t)}blur(){this.input.blur()}render(){let t=this.hasSlotController.test("[default]"),e=this.hasSlotController.test("icon"),r=`${this.size}-${t?"label":"no-label"}`;return u`<div part="base" role="presentation" class="relative"><button part="${`button${this.checked?" button--checked":""}`}" role="radio" aria-checked="${this.checked}" class="${c("relative text-center rounded-full transition-all ease-in-out duration-100 items-center justify-center focus-visible:focus-outline",this.size==="sm"?"text-sm":"text-base",this.checked&&!this.disabled&&!this.visuallyDisabled?"bg-primary text-white hover:bg-primary-500":(this.disabled||this.visuallyDisabled)&&!this.checked?"text-neutral-500 hover:cursor-not-allowed":(this.disabled||this.visuallyDisabled)&&this.checked?"text-neutral-500 hover:cursor-not-allowed ":"bg-transparent text-primary border-primary hover:text-primary-500 cursor-pointer",t&&{sm:"px-3",md:"px-4",lg:"px-5"}[this.size],this.hasFocus&&"focused-class",t&&"button--has-label",e&&"button--has-icon flex gap-2",r)}" aria-disabled="${this.disabled||this.visuallyDisabled}" type="button" value="${w(this.value)}" tabindex="${this.checked?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon" part="icon" class="${c(e&&"inline-flex relative items-center",{sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size])}" ?hidden="${!e}"></slot>${t?u`<slot part="label" class="button__label inline-flex relative items-center whitespace-nowrap"></slot>`:null}</button></div>`}};vt.styles=[...m.styles,y`:host{display:block;width:-moz-min-content;width:min-content}.hidden-input{all:unset;inset:var(--sd-spacing-0,0);opacity:var(--sd-opacity-0,0);outline-color:rgb(var(--sd-color-error,204 25 55)/1);outline-style:dotted;outline-width:1px;position:absolute;z-index:-10}.lg-label,.lg-no-label{height:var(--sd-spacing-12,3rem)}.lg-no-label{padding-left:var(--sd-spacing-5,1.25rem);padding-right:var(--sd-spacing-5,1.25rem)}.md-label,.md-no-label{height:var(--sd-spacing-10,2.5rem)}.md-no-label{padding-left:var(--sd-spacing-4,1rem);padding-right:var(--sd-spacing-4,1rem)}.sm-label,.sm-no-label{height:var(--sd-spacing-8,2rem)}.sm-no-label{padding-left:var(--sd-spacing-3,.75rem);padding-right:var(--sd-spacing-3,.75rem)}:host([size=lg].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-3,.75rem)*-1)}:host([size=md].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-2,.5rem)*-1)}:host([size=sm].sd-button-group__button:not(.sd-button-group__button--first)){margin-inline-start:calc(var(--sd-spacing-1,.25rem)*-1)}:host(.sd-button-group__button--hover){z-index:20}:host(.sd-button-group__button--focus),:host(.sd-button-group__button[checked]){z-index:10}`],a([g(".button")],vt.prototype,"input",2),a([g(".hidden-input")],vt.prototype,"hiddenInput",2),a([E()],vt.prototype,"hasFocus",2),a([l({type:String,reflect:!0})],vt.prototype,"size",2),a([l({type:Boolean,reflect:!0})],vt.prototype,"disabled",2),a([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],vt.prototype,"visuallyDisabled",2),a([l({type:Boolean,reflect:!0})],vt.prototype,"checked",2),a([l()],vt.prototype,"value",2),a([x(["disabled","visually-disabled"],{waitUntilFirstUpdate:!0})],vt.prototype,"handleDisabledChange",1),vt=a([v("sd-radio-button")],vt);var ke=class extends m{constructor(){super(...arguments);this.disableRole=!1;this.label=""}handleFocus(t){let e=Di(t.target);e==null||e.classList.add("sd-button-group__button--focus")}handleBlur(t){let e=Di(t.target);e==null||e.classList.remove("sd-button-group__button--focus")}handleMouseOver(t){let e=Di(t.target);e==null||e.classList.add("sd-button-group__button--hover")}handleMouseOut(t){let e=Di(t.target);e==null||e.classList.remove("sd-button-group__button--hover")}handleSlotChange(){let t=[...this.defaultSlot.assignedElements({flatten:!0})];t.forEach(e=>{let r=t.indexOf(e),o=Di(e);o!==null&&(o.classList.add("sd-button-group__button"),o.classList.toggle("sd-button-group__button--first",r===0),o.classList.toggle("sd-button-group__button--inner",r>0&&r<t.length-1),o.classList.toggle("sd-button-group__button--last",r===t.length-1),o.classList.toggle("sd-button-group__button--radio",o.tagName.toLowerCase()==="sd-radio-button"))})}render(){return u`<slot part="base" role="${this.disableRole?"presentation":"group"}" aria-label="${this.label}" @focusout="${this.handleBlur}" @focusin="${this.handleFocus}" @mouseover="${this.handleMouseOver}" @mouseout="${this.handleMouseOut}" @slotchange="${this.handleSlotChange}"></slot>`}};ke.styles=[...m.styles,y`:host{display:inline-block}[part=base]{display:flex;flex-wrap:nowrap}`],a([g("slot")],ke.prototype,"defaultSlot",2),a([E()],ke.prototype,"disableRole",2),a([l({type:String,reflect:!0})],ke.prototype,"label",2),ke=a([v("sd-button-group")],ke);function Di(s){var t;let i="sd-button, sd-radio-button";return(t=s.closest(i))!=null?t:s.querySelector(i)}var W=class extends m{constructor(){super(...arguments);this.formControlController=new lt(this);this.hasSlotController=new M(this,"label","error-text");this.customValidityMessage="";this.hasButtonGroup=!1;this.defaultValue="";this.showInvalidStyle=!1;this.size="lg";this.required=!1;this.orientation="vertical";this.label="";this.helpText="";this.boldLabel=!1;this.name="option";this.value="";this.form=""}get validity(){let t=this.required&&!this.value;return this.customValidityMessage!==""?Ys:t?Xs:si}get validationMessage(){let t=this.required&&!this.value;return this.customValidityMessage!==""?this.customValidityMessage:t?this.validationInput.validationMessage:""}connectedCallback(){super.connectedCallback(),this.defaultValue=this.value}firstUpdated(){this.formControlController.updateValidity()}getAllRadios(){return[...this.querySelectorAll("sd-radio, sd-radio-button")]}handleRadioClick(t){let e=t.target.closest("sd-radio, sd-radio-button"),r=this.getAllRadios(),o=this.value;e.disabled||(this.value=e.value,r.forEach(n=>n.checked=n===e),this.value!==o&&(this.emit("sd-change"),this.emit("sd-input")))}handleKeyDown(t){var h;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;let e=this.getAllRadios().filter(p=>!p.disabled),r=(h=e.find(p=>p.checked))!=null?h:e[0],o=t.key===" "?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,n=this.value,d=e.indexOf(r)+o;d<0&&(d=e.length-1),d>e.length-1&&(d=0),this.getAllRadios().forEach(p=>{p.checked=!1,this.hasButtonGroup||(p.tabIndex=-1)}),this.value=e[d].value,e[d].checked=!0,this.hasButtonGroup?e[d].shadowRoot.querySelector("button").focus():(e[d].tabIndex=0,e[d].focus()),this.value!==n&&(this.emit("sd-change"),this.emit("sd-input")),t.preventDefault()}focus(){let t=this.getAllRadios(),r=t.find(o=>o.checked)||t[0];r&&r.focus()}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}async syncRadioElements(){var e,r;let t=this.getAllRadios();if(await Promise.all(t.map(async o=>{await o.updateComplete,o.checked=o.value===this.value,o.size=this.size,o instanceof ut&&(o.invalid=this.showInvalidStyle)})),this.hasButtonGroup=t.some(o=>o.tagName.toLowerCase()==="sd-radio-button"),!t.some(o=>o.checked))if(this.hasButtonGroup){let o=(e=t[0].shadowRoot)==null?void 0:e.querySelector("button");o&&(o.tabIndex=0)}else t[0].tabIndex=0;if(this.hasButtonGroup){let o=(r=this.shadowRoot)==null?void 0:r.querySelector("sd-button-group");o&&(o.disableRole=!0)}}syncRadios(){if(customElements.get("sd-radio")&&customElements.get("sd-radio-button")){this.syncRadioElements();return}customElements.get("sd-radio")?this.syncRadioElements():customElements.whenDefined("sd-radio").then(()=>this.syncRadios()),customElements.get("sd-radio-button")?this.syncRadioElements():customElements.whenDefined("sd-radio-button").then(()=>this.syncRadios())}updateCheckedRadio(){this.getAllRadios().forEach(e=>e.checked=e.value===this.value),this.formControlController.setValidity(this.validity.valid)}handleSizeChange(){this.syncRadios()}handleInvalidChange(){this.syncRadios()}handleValueChange(){this.hasUpdated&&(this.updateCheckedRadio(),this.reportValidity())}checkValidity(){let t=this.required&&!this.value,e=this.customValidityMessage!=="";return t||e?(this.formControlController.emitInvalidEvent(),!1):!0}getForm(){return this.formControlController.getForm()}reportValidity(){let t=this.validity.valid;return this.formControlController.setValidity(t),this.validationInput.hidden=!0,clearTimeout(this.validationTimeout),this.formControlController.fakeUserInteraction(),t||(this.validationInput.hidden=!1,this.validationInput.reportValidity(),this.validationTimeout=setTimeout(()=>this.validationInput.hidden=!0,1e4)),t}setCustomValidity(t=""){this.customValidityMessage=t,this.validationInput.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t=this.hasSlotController.test("label"),e=this.label?!0:t,r=this.hasSlotController.test("help-text"),o=this.helpText?!0:!!r,n=this.hasSlotController.test("tooltip"),d=u`<slot @slotchange="${this.syncRadios}" @click="${this.handleRadioClick}" @keydown="${this.handleKeyDown}"></slot>`;return u`<fieldset part="form-control" class="${c("border-0 p-0 m-0 flex flex-col",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="radiogroup" aria-describedby="invalid-message" aria-labelledby="label">${e||n?u`<div class="flex items-center gap-1 mb-2"><legend part="form-control-label" id="label" class="${c("p-0 leading-normal text-black text-left",e?"inline-block":"hidden",this.boldLabel&&"font-bold")}" @click="${this.focus}" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></legend>${n?u`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${c("flex",{vertical:"flex-col",horizontal:"flex-row"}[this.orientation])}"><div class="sr-only"><label><input id="validation-input" type="text" ?required="${this.required}" aria-labelledby="label" tabindex="-1" hidden @invalid="${this.handleInvalid}"></label></div>${this.hasButtonGroup?u`<sd-button-group class="border border-primary rounded-full" part="button-group" exportparts="base:button-group__base" role="presentation">${d}</sd-button-group>`:d}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot>${this.formControlController.renderInvalidMessage()}`}};W.styles=[...m.styles,y`:host{display:block}:host([orientation=vertical]) ::slotted(sd-radio){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-radio:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-radio){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-radio:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([required]) #label:after{content:" *"}:host:has(sd-button-group){display:inline-flex}`],a([g("slot:not([name])")],W.prototype,"defaultSlot",2),a([g("#validation-input")],W.prototype,"validationInput",2),a([g("#invalid-message")],W.prototype,"invalidMessage",2),a([E()],W.prototype,"hasButtonGroup",2),a([E()],W.prototype,"defaultValue",2),a([E()],W.prototype,"showInvalidStyle",2),a([l({type:String,reflect:!0})],W.prototype,"size",2),a([l({type:Boolean,reflect:!0})],W.prototype,"required",2),a([l({type:String,reflect:!0})],W.prototype,"orientation",2),a([l({type:String,reflect:!0})],W.prototype,"label",2),a([l({type:String,attribute:"help-text",reflect:!0})],W.prototype,"helpText",2),a([l({type:Boolean,reflect:!0})],W.prototype,"boldLabel",2),a([l({type:String,reflect:!0})],W.prototype,"name",2),a([l()],W.prototype,"value",2),a([l({type:String,reflect:!0})],W.prototype,"form",2),a([x("size",{waitUntilFirstUpdate:!0})],W.prototype,"handleSizeChange",1),a([x("showInvalidStyle",{waitUntilFirstUpdate:!0})],W.prototype,"handleInvalidChange",1),a([x("value")],W.prototype,"handleValueChange",1),W=a([v("sd-radio-group")],W);var _e=(s,i)=>s-i,hi=(s,i)=>{if(s.length!==i.length)return!0;let t=s.slice().sort(_e),e=i.slice().sort(_e);for(let r=0;r<t.length;r+=1)if(t[r]!==e[r])return!0;return!1},es=(s,i)=>{let t=s.getBoundingClientRect(),e=t.width;if(e<=0)return 0;let r=i;return r-=t.left,r<=0?0:r>=e?1:(r/=e,r)};var J=class extends m{constructor(){super();this.formControlController=new lt(this);this.hasSlotController=new M(this,"label","help-text");this.localize=new L(this);this.name="";this.label="";this.helpText="";this.min=0;this.max=100;this.step=1;this.disabled=!1;this.visuallyDisabled=!1;this.noTrackBar=!1;this.noTooltip=!1;this.defaultValue="";this._value=[0];this._rangeValues=new Map;this._lastChangeValue=[];this._hasFocus=!1;this.tooltipFormatter=this.localize.number.bind(this.localize)}set value(t){this._value=t?t.split(" ").map(Number).sort(_e):[]}get value(){return this._value.slice().sort(_e).join(" ")}set valueAsArray(t){let e=this._value;this._value=Array.isArray(t)?t.slice().sort(_e):t||[],hi(e,this._value)&&this.requestUpdate("value",e.join(" "))}get valueAsArray(){return[...this._value].sort(_e)}get rtl(){return this.localize.dir()==="rtl"}firstUpdated(){this.formControlController.updateValidity(),this._lastChangeValue=Array.from(this._value)}willUpdate(t){super.willUpdate(t),this.min>this.max&&([this.min,this.max]=[this.max,this.min]),this.step>this.max-this.min&&(this.step=this.max-this.min),this.step<=0&&(this.step=1);let e=this._value.map(r=>{if(r<=this.min)return this.min;if(r>=this.max)return this.max;let o=this.min+this.step*Math.round((r-this.min)/this.step);return o>this.max?this.max:o});hi(this._value,e)&&(this._value=e)}updated(t){super.updated(t);for(let e of this.thumbs){let r=+e.dataset.rangeId;this._rangeValues.has(r)&&this.moveThumb(e,this._rangeValues.get(r))}this.updateActiveTrack()}focus(t){let e=this.thumbs.item(0);e?e.focus(t):super.focus(t)}get validity(){return this.input.validity}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}updateTooltip(t){let e=+t.dataset.rangeId;if(!this._rangeValues.has(e))return;let r=this._rangeValues.get(e),o=t.parentElement;o.content=this.tooltipFormatter(r)}updateActiveTrack(){let{activeTrack:t}=this;if(!t)return;if(this.min===this.max){t.style.insetInlineStart="0%",t.style.insetInlineEnd="0%";return}if(this._value.length===1){let n=getComputedStyle(this).getPropertyValue("--track-active-offset")||"0%",d=100*(this._value[0]-this.min)/(this.max-this.min);t.style.insetInlineStart=`min(${n}, ${d}%)`,t.style.insetInlineEnd=`min(calc(100% - ${n}), calc(100% - ${d}%))`;return}let e=this._value.slice().sort(_e),r=100*(e[0]-this.min)/(this.max-this.min),o=100*(e[e.length-1]-this.min)/(this.max-this.min);t.style.insetInlineStart=`${r}%`,t.style.insetInlineEnd=`calc(100% - ${o}%)`}moveThumb(t,e){t.setAttribute("aria-valuenow",e.toString()),t.setAttribute("aria-valuetext",this.tooltipFormatter(e));let r=(e-this.min)/(this.max-this.min);t.style.insetInlineStart=`calc(${100*r}% - 8px)`,this.updateTooltip(t)}movementBoundariesForThumb(t,e){let r=this.valueAsArray,n=Array.from(this.thumbs).indexOf(t),d=r[n-1]||this.min,h=r[n+1]||this.max,p=e<d||e>h;return{finalValue:Math.max(d,Math.min(h,e)),isRestricted:p,nextValue:h,prevValue:d}}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t)}onClickTrack(t,e=!0){if(this.disabled||this.visuallyDisabled)return;let{clientX:r}=t,o=Array.from(this.thumbs),n=es(this.inputWrapper,r),d=this.step/(this.max-this.min),h=this.min+this.step*Math.round(n/d),p=o.reduce((k,$)=>{let z=this._rangeValues.get(+$.dataset.rangeId),S=this._rangeValues.get(+k.dataset.rangeId),D=Math.abs(z-h),F=Math.abs(S-h);return D===F?z<h?$:k:D<F?$:k}),f=+p.dataset.rangeId;if(!f)return;this._rangeValues.set(f,h),this.moveThumb(p,h);let b=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),hi(b,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change"));let C=new PointerEvent("pointerdown",t);e&&p.dispatchEvent(C)&&this.updateTooltip(p)}onClickTrackItem(t){this.onClickTrack(t,!1)}async onClickThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target;this.updateTooltip(e),e.dataset.pointerId&&e.releasePointerCapture(+e.dataset.pointerId),e.dataset.pointerId=t.pointerId.toString(),e.setPointerCapture(t.pointerId),e.classList.add("grabbed"),await e.parentElement.show()}onDragThumb(t){if(this.disabled||this.visuallyDisabled)return;let e=t.target,r=+e.dataset.rangeId;if(!this._rangeValues.has(r)||(e.dataset.pointerId?+e.dataset.pointerId:null)!==t.pointerId)return;let n=es(this.inputWrapper,t.clientX),d=this.step/(this.max-this.min),h=this.min+this.step*Math.round(n/d);if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:h}}).defaultPrevented)return;let f=this.movementBoundariesForThumb(e,h);f.isRestricted?(h=f.finalValue,e.style.zIndex=(3+this.thumbs.length).toFixed(0)):e.style.zIndex="3",this._rangeValues.set(r,h),this.moveThumb(e,h);let b=this._value;this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),hi(b,this._value)&&this.emit("sd-input")}async onReleaseThumb(t){let e=t.target;!e.dataset.pointerId||t.pointerId!==+e.dataset.pointerId||(e.classList.remove("grabbed"),e.releasePointerCapture(t.pointerId),delete e.dataset.pointerId,hi(this._lastChangeValue,this._value)&&(this._lastChangeValue=Array.from(this._value),this.emit("sd-change")),await e.parentElement.hide())}onKeyPress(t){let e=t.target,r=+e.dataset.rangeId,o=this._rangeValues.get(r);if(o===void 0)return;let n=o;switch(t.key){case"ArrowUp":case"Up":n=Math.min(o+this.step,this.max);break;case"ArrowDown":case"Down":n=Math.max(o-this.step,this.min);break;case"ArrowLeft":case"Left":n=this.rtl?Math.min(o+this.step,this.max):Math.max(o-this.step,this.min);break;case"ArrowRight":case"Right":n=this.rtl?Math.max(o-this.step,this.min):Math.min(o+this.step,this.max);break;case"PageUp":n=Math.min(o+(this.max-this.min)/5,this.max);break;case"PageDown":n=Math.max(o-(this.max-this.min)/5,this.min);break;case"Home":n=this.min;break;case"End":n=this.max;break;default:return}if(n!==o){if(this.emit("sd-move",{cancelable:!0,detail:{element:e,value:n}}).defaultPrevented)return;let h=this.movementBoundariesForThumb(e,n);h.isRestricted&&(n=h.finalValue),this.moveThumb(e,n),this._rangeValues.set(r,n),this._value=Array.from(this._rangeValues.values()),this.updateActiveTrack(),this.updateTooltip(e),this._lastChangeValue=Array.from(this._value),this.emit("sd-input"),this.emit("sd-change")}t.stopPropagation(),t.preventDefault()}onBlur(t){var e;t.relatedTarget&&((e=this.shadowRoot)!=null&&e.contains(t.relatedTarget))||(this.emit("sd-blur"),this._hasFocus=!1)}onFocusThumb(t){var r;if(this.disabled||this.visuallyDisabled)return;this._hasFocus||(this._hasFocus=!0,this.emit("sd-focus"));let e=t.target;(r=e==null?void 0:e.dataset)!=null&&r.rangeId&&this.updateTooltip(e)}renderThumbs(t){let e=this._value.length>1;return this._rangeValues.clear(),this._value.map((r,o)=>{let n=o+1;this._rangeValues.set(n,r);let d=`thumb-${n}`,h="",p="";return e?(p=t?`label aria-label-hidden ${d}`:`aria-label-hidden ${d}`,o===0?h=`${this.localize.term("minimum")} (${this.tooltipFormatter(r)})`:o===this._value.length-1?h=`${this.localize.term("maximum")} (${this.tooltipFormatter(r)})`:h=this.tooltipFormatter(r)):p=t?"label aria-label-hidden":"",u`<sd-tooltip hoist trigger="focus" disabled="${w(this.disabled||this.visuallyDisabled||this.noTooltip?!0:void 0)}"><div id="${d}" part="thumb" role="slider" tabindex="${this.disabled||this.visuallyDisabled?-1:0}" aria-disabled="${w(this.disabled||this.visuallyDisabled?"true":void 0)}" aria-labelledby="${p}" aria-label="${h}" aria-valuemax="${this.max}" aria-valuemin="${this.min}" aria-valuenow="${r}" aria-valuetext="${this.tooltipFormatter(r)}" data-range-id="${n}" @pointerdown="${this.onClickThumb}" @pointermove="${this.onDragThumb}" @pointerup="${this.onReleaseThumb}" @pointercancel="${this.onReleaseThumb}" @pointerleave="${this.onReleaseThumb}" @keydown="${this.onKeyPress}" @focus="${this.onFocusThumb}" class="${c("rounded-full absolute top-0 size-4 hover:cursor-grab after:-inset-2",this.disabled||this.visuallyDisabled?"bg-neutral-500 outline-none":"bg-primary cursor-pointer focus-visible:focus-outline")}"></div></sd-tooltip>`})}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text")},e=!!(this.label||t.label),r=!!(this.helpText||t.helpText);return u`<div part="form-control" @focusout="${this.onBlur}" class="flex flex-col">${e?u`<div class="flex items-center gap-1"><label id="label" part="form-control-label" aria-hidden="${e?"false":"true"}" class="${c("w-full",e?"inline-block":"hidden")}" @click="${this.focus}"><slot name="label">${this.label}</slot></label></div>`:null} <label id="aria-label-hidden" class="sr-only">(${this._value.map(this.tooltipFormatter).join(" - ")})</label><div part="base" class="${c("inline-flex w-full",this.visuallyDisabled&&"focus-visible:focus-outline")}" tabindex="${w(this.visuallyDisabled?"0":void 0)}"><div part="input-wrapper" class="relative flex-1 mx-2 mb-[10px]"><input id="input" tabindex="-1" hidden @invalid="${this.handleInvalid}"><div part="track-wrapper" role="presentation" @pointerdown="${this.onClickTrack}" class="relative cursor-pointer"><div part="track-click-helper" class="absolute -inset-y-2 inset-x-0"></div><div part="track" class="bg-neutral-500 h-1 my-[6px]"></div><div part="active-track" hidden="${w(this.noTrackBar?!0:void 0)}" class="${c("absolute top-0 h-1",this.disabled||this.visuallyDisabled?"bg-neutral-500":"bg-primary")}"></div></div>${this.renderThumbs(e)}<div class="-mt-[10px]" part="scale-ticks" @pointerdown="${this.onClickTrackItem}" role="presentation"><slot name="scale-ticks"></slot></div></div></div><slot></slot><slot name="help-text" part="form-control-help-text" id="help-text" class="${c("text-sm text-neutral-700 mt-2",r?"block":"hidden")}" aria-hidden="${!r}">${this.helpText}</slot></div>`}};J.styles=m.styles,a([g("#input")],J.prototype,"input",2),a([g('[part="active-track"]')],J.prototype,"activeTrack",2),a([g('[part="input-wrapper"]')],J.prototype,"inputWrapper",2),a([Wi('[part="thumb"]')],J.prototype,"thumbs",2),a([l({attribute:!1})],J.prototype,"tooltipFormatter",2),a([l({type:String,reflect:!0})],J.prototype,"name",2),a([l({type:String,reflect:!0})],J.prototype,"label",2),a([l({attribute:"help-text",reflect:!0})],J.prototype,"helpText",2),a([l({type:Number,reflect:!0})],J.prototype,"min",2),a([l({type:Number,reflect:!0})],J.prototype,"max",2),a([l({type:Number,reflect:!0})],J.prototype,"step",2),a([l({type:Boolean,reflect:!0})],J.prototype,"disabled",2),a([l({attribute:"visually-disabled",type:Boolean,reflect:!0})],J.prototype,"visuallyDisabled",2),a([l({attribute:"no-track-bar",type:Boolean,reflect:!0})],J.prototype,"noTrackBar",2),a([l({attribute:"no-tooltip",type:Boolean,reflect:!0})],J.prototype,"noTooltip",2),a([Mt()],J.prototype,"defaultValue",2),a([l({type:String})],J.prototype,"value",1),J=a([v("sd-range")],J);var Ce=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.subtick=!1}render(){return u`<div part="base" class="${c(this.subtick?"w-0.25":"w-0.5")}"><div part="line" class="${c("bg-neutral-500",this.subtick?"h-2":"h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm"><slot></slot></div></div>`}};Ce.styles=m.styles,a([l({type:Boolean,reflect:!0})],Ce.prototype,"subtick",2),Ce=a([v("sd-range-tick")],Ce);var rt=class extends m{constructor(){super(...arguments);this.localize=new L(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.handleContainerScroll()}),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.container&&this.resizeObserver.unobserve(this.container)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.handleContainerScroll())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get scrollButtons(){return{left:this.leftButton,right:this.rightButton,up:this.upButton,down:this.downButton}}handleContainerScroll(){if(!this.container)return;let t=this.container.scrollLeft>0,e=this.container.scrollLeft+this.container.clientWidth<this.container.scrollWidth-1,r=this.container.scrollTop>0,o=this.container.scrollTop+this.container.clientHeight<this.container.scrollHeight-1,n=this.canScroll,d={left:this.isScrollHorizontalEnabled&&t,right:this.isScrollHorizontalEnabled&&e,up:this.isScrollVerticalEnabled&&r,down:this.isScrollVerticalEnabled&&o},h=n.left&&!d.left,p=n.up&&!d.up,f=n.right&&!d.right,b=n.down&&!d.down;(h||p)&&this.dispatchEvent(new CustomEvent("start")),(f||b)&&this.dispatchEvent(new CustomEvent("end")),this.canScroll=d}handleScroll(t,e){var F,U,Z;let r=["left","up"].includes(t)?-this.step:this.step,o=["left","right"].includes(t)?"horizontal":"vertical",n=["left","up"].includes(t)?"start":"end",d=!["mouse","touch"].includes((F=e==null?void 0:e.pointerType)!=null?F:""),h=o==="horizontal"?"left":"top";(U=this.container)==null||U.scrollBy({behavior:"smooth",[h]:r});let p=`button-${t}`;this.dispatchEvent(new CustomEvent(p,{bubbles:!0,composed:!0}));let b=(o==="horizontal"?this.container.scrollLeft:this.container.scrollTop)+r,C=o==="horizontal"?this.container.scrollWidth-this.container.clientWidth:this.container.scrollHeight-this.container.clientHeight,k=n==="start"&&b<=0,$=n==="end"&&b>=C-1;if(!(k||$)){let Y=this.localize.term("scrolled");this.announcementContainer.textContent=this.announcementContainer.textContent===Y?`${Y}\u200B`:Y;return}let z=this.scrollButtons[t],S={left:this.rightButton,right:this.leftButton,up:this.downButton,down:this.upButton}[t],D=k?`${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}`:`${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;(Z=S==null?void 0:S.querySelector("sd-icon"))==null||Z.setAttribute("label",D),d?S==null||S.focus():z==null||z.blur()}handleButtonBlur(t,e){var d;let o=(["left","up"].includes(t)?"start":"end")==="start"?this.localize.term("scrollToStart"):this.localize.term("scrollToEnd");(d=e.target.querySelector("sd-icon"))==null||d.setAttribute("label",o)}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",e="scroll-shadow absolute z-10 pointer-events-none transition-opacity duration-medium ease-in-out";return u`<div part="base" class="${c("scroll-container flex overflow-hidden flex-1",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset&&"p-4",{horizontal:"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",vertical:"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",auto:"scroll-auto overflow-auto"}[this.orientation])}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?u`${this.isScrollHorizontalEnabled?u`<div part="button-left" class="${c("absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.left&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${c(t)}" aria-hidden="${w(!this.canScroll.left||void 0)}" tabindex="${w(this.canScroll.left?void 0:-1)}" @click="${r=>this.handleScroll("left",r)}" @blur="${r=>this.handleButtonBlur("left",r)}"><slot name="icon-start"><sd-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div><div part="button-right" class="${c("absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.right&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${c(t)}" aria-hidden="${w(!this.canScroll.right||void 0)}" tabindex="${w(this.canScroll.right?void 0:-1)}" @click="${r=>this.handleScroll("right",r)}" @blur="${r=>this.handleButtonBlur("right",r)}"><slot name="icon-end"><sd-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null} ${this.isScrollVerticalEnabled?u`<div part="button-top" class="${c("absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.up&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${c(t)}" aria-hidden="${w(!this.canScroll.up||void 0)}" tabindex="${w(this.canScroll.up?void 0:-1)}" @click="${r=>this.handleScroll("up",r)}" @blur="${r=>this.handleButtonBlur("up",r)}"><slot name="icon-start"><sd-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-icon></slot></button></div><div part="button-bottom" class="${c("absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.down&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${c(t)}" aria-hidden="${w(!this.canScroll.down||void 0)}" tabindex="${w(this.canScroll.down?void 0:-1)}" @click="${r=>this.handleScroll("down",r)}" @blur="${r=>this.handleButtonBlur("down",r)}"><slot name="icon-end"><sd-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-icon></slot></button></div>`:null}`:null} ${this.shadows?u`${this.isScrollHorizontalEnabled?u`<div part="shadow-left" class="${c("left top-0 left-0 w-[6px] h-full",e,this.canScroll.left?"opacity-100":"opacity-0")}"></div><div part="shadow-right" class="${c("right top-0 right-0 w-[6px] h-full",e,this.canScroll.right?"opacity-100":"opacity-0")}"></div>`:null} ${this.isScrollVerticalEnabled?u`<div part="shadow-top" class="${c("top top-0 left-0 w-full h-[6px]",e,this.canScroll.up?"opacity-100":"opacity-0")}"></div><div part="shadow-bottom" class="${c("bottom bottom-0 left-0 w-full h-[6px]",e,this.canScroll.down?"opacity-100":"opacity-0")}"></div>`:null}`:null}`}};rt.styles=[...m.styles,y`:host{--gradient-color:hsla(0,0%,100%,0);--gradient:var(--gradient-color) 0%,#fff 80%,#fff 100%;display:flex;overflow:hidden;position:relative}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-border-radius-sm,.125rem)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1,.25rem);width:var(--sd-spacing-1,.25rem)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-right]{background:linear-gradient(90deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-top]{background:linear-gradient(0deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}[part=shadow-bottom]{background:linear-gradient(180deg,hsla(0,0%,9%,0) 50%,hsla(0,0%,9%,.4))}.sd-icon--top{align-self:flex-start}.sd-icon--down{align-self:flex-end}`],a([g('[part="button-right"] button')],rt.prototype,"rightButton",2),a([g('[part="button-left"] button')],rt.prototype,"leftButton",2),a([g('[part="button-bottom"] button')],rt.prototype,"downButton",2),a([g('[part="button-top"] button')],rt.prototype,"upButton",2),a([g(".scroll-container")],rt.prototype,"container",2),a([g("#announcement-container")],rt.prototype,"announcementContainer",2),a([l({type:String,reflect:!0})],rt.prototype,"orientation",2),a([l({type:Boolean,reflect:!0})],rt.prototype,"scrollbars",2),a([l({type:Boolean,reflect:!0})],rt.prototype,"buttons",2),a([l({type:Boolean,reflect:!0})],rt.prototype,"shadows",2),a([l({type:Boolean,reflect:!0})],rt.prototype,"inset",2),a([l({type:Number,reflect:!0})],rt.prototype,"step",2),a([E()],rt.prototype,"canScroll",2),a([E()],rt.prototype,"isScrollHorizontalEnabled",2),a([E()],rt.prototype,"isScrollVerticalEnabled",2),rt=a([v("sd-scrollable")],rt);var A=class extends m{constructor(){super(...arguments);this.formControlController=new lt(this,{assumeInteractionOn:["sd-blur","sd-input"]});this.hasSlotController=new M(this,"help-text","label");this.localize=new L(this);this.typeToSelectString="";this.displayLabel="";this.deletedTagLabel="";this.hasFocus=!1;this.selectedOptions=[];this.showValidStyle=!1;this.showInvalidStyle=!1;this.defaultValue="";this.open=!1;this.size="lg";this.placement="bottom";this.label="";this.placeholder="";this.maxOptionsTagLabel="";this.disabled=!1;this.visuallyDisabled=!1;this.helpText="";this.currentPlacement=this.placement;this.clearable=!1;this.multiple=!1;this.useTags=!1;this.maxOptionsVisible=3;this.form="";this.name="";this.value="";this.required=!1;this.styleOnValid=!1;this.hoist=!1;this.getTag=t=>u`<sd-tag class="relative z-10" ?disabled="${this.disabled}" part="tag" exportparts="
               base:tag__base,
               content:tag__content,
               removable-indicator:tag__removable-indicator,

package/cdn/solid-components.js CHANGED Viewed

	@@ -1 +1 @@
1	- import"./chunks/chunk.HAL7R4WT.js";import{a as oo}from"./chunks/chunk.EIYIMNPT.js";import{a as to}from"./chunks/chunk.CEVVDV52.js";import{a as U}from"./chunks/chunk.CSSD2EF7.js";import{a as W}from"./chunks/chunk.PS5Q6QLR.js";import{a as X}from"./chunks/chunk.ITMQUAG2.js";import{a as Y}from"./chunks/chunk.6YBQX3MQ.js";import{a as Z}from"./chunks/chunk.SM5KISBS.js";import{a as _}from"./chunks/chunk.IXHLVTCE.js";import{a as $}from"./chunks/chunk.ZWO2DZQK.js";import{a as V}from"./chunks/chunk.3ED5FZPY.js";import{a as j}from"./chunks/chunk.OAVL5PS2.js";import{a as q}from"./chunks/chunk.Y77KMBSV.js";import{a as y}from"./chunks/chunk.CQYFUSYG.js";import{a as z}from"./chunks/chunk.IP26UT3O.js";import{a as J}from"./chunks/chunk.STQUP635.js";import{a as K}from"./chunks/chunk.6XXF5G5C.js";import{a as N}from"./chunks/chunk.OQTFQZQD.js";import{a as O}from"./chunks/chunk.IUTS4ODJ.js";import{a as P}from"./chunks/chunk.7INMWOUZ.js";import{a as F}from"./chunks/chunk.HAL2ARMM.js";import{a as H}from"./chunks/chunk.~~F6VUPTBP~~.js";import{a as E}from"./chunks/chunk.OTZWFXC6.js";import{a as Q}from"./chunks/chunk.DX3YFLMK.js";import"./chunks/chunk.IVHEBGOY.js";import{a as h}from"./chunks/chunk.FZHHVY6Y.js";import{a as A}from"./chunks/chunk.VMPJQLWX.js";import{a as D}from"./chunks/chunk.CZIBZYQR.js";import{a as w}from"./chunks/chunk.YI3Y536X.js";import"./chunks/chunk.BBD6RMZH.js";import{a as v}from"./chunks/chunk.7WMTV6I4.js";import{a as L}from"./chunks/chunk.RU2MXVG3.js";import{a as M}from"./chunks/chunk.7IH2NLBX.js";import{a as R}from"./chunks/chunk.EAYWBCE7.js";import"./chunks/chunk.YS7YV4KF.js";import{a as g}from"./chunks/chunk.PEJM3PLJ.js";import{a as I}from"./chunks/chunk.3O5CSFK6.js";import{a as k}from"./chunks/chunk.WQU7XRRP.js";import{a as B}from"./chunks/chunk.2HJAPXID.js";import{a as C}from"./chunks/chunk.A25LJOFY.js";import{a as G}from"./chunks/chunk.YGTSBRUS.js";import{a as i}from"./chunks/chunk.BUD2EAST.js";import"./chunks/chunk.URI32NHH.js";import"./chunks/chunk.ICA5V7JB.js";import{a as n}from"./chunks/chunk.UBO3W67S.js";import{a as T}from"./chunks/chunk.CQ4QBZ5J.js";import"./chunks/chunk.H7LU6TQ3.js";import{a as b}from"./chunks/chunk.LOVOZACS.js";import{a as c}from"./chunks/chunk.54FIHRIN.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.2KNDUWBP.js";import{a as l}from"./chunks/chunk.ENZOPZGC.js";import{a as m}from"./chunks/chunk.JEBG27AS.js";import{a as x}from"./chunks/chunk.NS75T6AP.js";import"./chunks/chunk.2IXCDCBI.js";import{a as s}from"./chunks/chunk.LD75GZVE.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.C577EOP7.js";import"./chunks/chunk.MHWW3RZB.js";import{a as S}from"./chunks/chunk.7HYHC4VH.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.HLGRDYA3.js";import{a as e}from"./chunks/chunk.RRVZNEFJ.js";import{a as r}from"./chunks/chunk.NHN2NTOB.js";import"./chunks/chunk.XR2KNB36.js";import{a as p}from"./chunks/chunk.XGXHVRYA.js";import{a as f}from"./chunks/chunk.2AESCEHJ.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.2AQOPKKH.js";import"./chunks/chunk.G7HKVXLR.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.C6JGWWSD.js";import{a as t}from"./chunks/chunk.C5W6LZD4.js";import"./chunks/chunk.6HLS5XU2.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.YTG5BN3U.js";import"./chunks/chunk.SKUMYG4O.js";import"./chunks/chunk.H2TKMIFR.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as o}from"./chunks/chunk.7JI2ZUD5.js";import"./chunks/chunk.N2OPZHJV.js";import"./chunks/chunk.CDEXCMVF.js";import{d as eo,e as ao}from"./chunks/chunk.ZBXT5WFZ.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.B5WOG3GU.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.26V4EXHB.js";import{a as ro}from"./chunks/chunk.GHC63SXL.js";import"./chunks/chunk.SUYDKR6I.js";import"./chunks/chunk.DCBKAP5D.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.PJZCF7M2.js";import"./chunks/chunk.UWPDCU52.js";import"./chunks/chunk.6OTM3PE5.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{ro as LocalizeController,e as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,m as SdBreadcrumb,x as SdBreadcrumbItem,d as SdButton,s as SdCarousel,S as SdCarouselItem,i as SdCheckbox,n as SdCheckboxGroup,T as SdCombobox,g as SdDialog,I as SdDivider,f as SdDrawer,k as SdDropdown,B as SdExpandable,C as SdFlipcard,G as SdHeader,o as SdIcon,M as SdInclude,R as SdInput,h as SdLink,t as SdLoader,A as SdMapMarker,D as SdMenu,w as SdMenuItem,v as SdNavigationItem,L as SdNotification,N as SdOptgroup,O as SdOption,c as SdPopup,P as SdQuickfact,E as SdRadio,F as SdRadioButton,H as SdRadioGroup,Q as SdRange,V as SdRangeTick,j as SdScrollable,q as SdSelect,y as SdSpinner,z as SdStep,J as SdStepGroup,K as SdSwitch,U as SdTab,W as SdTabGroup,X as SdTabPanel,b as SdTag,Y as SdTeaser,Z as SdTeaserMedia,_ as SdTextarea,$ as SdTooltip,oo as SdVideo,eo as registerIconLibrary,to as setupAutocomplete,ao as unregisterIconLibrary};
1	+ import"./chunks/chunk.HAL7R4WT.js";import{a as oo}from"./chunks/chunk.EIYIMNPT.js";import{a as to}from"./chunks/chunk.CEVVDV52.js";import{a as U}from"./chunks/chunk.CSSD2EF7.js";import{a as W}from"./chunks/chunk.PS5Q6QLR.js";import{a as X}from"./chunks/chunk.ITMQUAG2.js";import{a as Y}from"./chunks/chunk.6YBQX3MQ.js";import{a as Z}from"./chunks/chunk.SM5KISBS.js";import{a as _}from"./chunks/chunk.IXHLVTCE.js";import{a as $}from"./chunks/chunk.ZWO2DZQK.js";import{a as V}from"./chunks/chunk.3ED5FZPY.js";import{a as j}from"./chunks/chunk.OAVL5PS2.js";import{a as q}from"./chunks/chunk.Y77KMBSV.js";import{a as y}from"./chunks/chunk.CQYFUSYG.js";import{a as z}from"./chunks/chunk.IP26UT3O.js";import{a as J}from"./chunks/chunk.STQUP635.js";import{a as K}from"./chunks/chunk.6XXF5G5C.js";import{a as N}from"./chunks/chunk.OQTFQZQD.js";import{a as O}from"./chunks/chunk.IUTS4ODJ.js";import{a as P}from"./chunks/chunk.7INMWOUZ.js";import{a as F}from"./chunks/chunk.HAL2ARMM.js";import{a as H}from"./chunks/chunk.XGJYAJG5.js";import{a as E}from"./chunks/chunk.OTZWFXC6.js";import{a as Q}from"./chunks/chunk.DX3YFLMK.js";import"./chunks/chunk.IVHEBGOY.js";import{a as h}from"./chunks/chunk.FZHHVY6Y.js";import{a as A}from"./chunks/chunk.VMPJQLWX.js";import{a as D}from"./chunks/chunk.CZIBZYQR.js";import{a as w}from"./chunks/chunk.YI3Y536X.js";import"./chunks/chunk.BBD6RMZH.js";import{a as v}from"./chunks/chunk.7WMTV6I4.js";import{a as L}from"./chunks/chunk.RU2MXVG3.js";import{a as M}from"./chunks/chunk.7IH2NLBX.js";import{a as R}from"./chunks/chunk.EAYWBCE7.js";import"./chunks/chunk.YS7YV4KF.js";import{a as g}from"./chunks/chunk.PEJM3PLJ.js";import{a as I}from"./chunks/chunk.3O5CSFK6.js";import{a as k}from"./chunks/chunk.WQU7XRRP.js";import{a as B}from"./chunks/chunk.2HJAPXID.js";import{a as C}from"./chunks/chunk.A25LJOFY.js";import{a as G}from"./chunks/chunk.YGTSBRUS.js";import{a as i}from"./chunks/chunk.BUD2EAST.js";import"./chunks/chunk.URI32NHH.js";import"./chunks/chunk.ICA5V7JB.js";import{a as n}from"./chunks/chunk.UBO3W67S.js";import{a as T}from"./chunks/chunk.CQ4QBZ5J.js";import"./chunks/chunk.H7LU6TQ3.js";import{a as b}from"./chunks/chunk.LOVOZACS.js";import{a as c}from"./chunks/chunk.54FIHRIN.js";import"./chunks/chunk.CDC46OKY.js";import"./chunks/chunk.X2GM34WQ.js";import"./chunks/chunk.W7A3TU2Z.js";import{a as u}from"./chunks/chunk.2KNDUWBP.js";import{a as l}from"./chunks/chunk.ENZOPZGC.js";import{a as m}from"./chunks/chunk.JEBG27AS.js";import{a as x}from"./chunks/chunk.NS75T6AP.js";import"./chunks/chunk.2IXCDCBI.js";import{a as s}from"./chunks/chunk.LD75GZVE.js";import"./chunks/chunk.BJBQEPZV.js";import"./chunks/chunk.C577EOP7.js";import"./chunks/chunk.MHWW3RZB.js";import{a as S}from"./chunks/chunk.7HYHC4VH.js";import"./chunks/chunk.CBQWVOOS.js";import{a}from"./chunks/chunk.HLGRDYA3.js";import{a as e}from"./chunks/chunk.RRVZNEFJ.js";import{a as r}from"./chunks/chunk.NHN2NTOB.js";import"./chunks/chunk.XR2KNB36.js";import{a as p}from"./chunks/chunk.XGXHVRYA.js";import{a as f}from"./chunks/chunk.2AESCEHJ.js";import"./chunks/chunk.I2H6CZK5.js";import"./chunks/chunk.2AQOPKKH.js";import"./chunks/chunk.G7HKVXLR.js";import"./chunks/chunk.3L472FD4.js";import{a as d}from"./chunks/chunk.C6JGWWSD.js";import{a as t}from"./chunks/chunk.C5W6LZD4.js";import"./chunks/chunk.6HLS5XU2.js";import"./chunks/chunk.CGQ2BPPZ.js";import"./chunks/chunk.YTG5BN3U.js";import"./chunks/chunk.SKUMYG4O.js";import"./chunks/chunk.H2TKMIFR.js";import"./chunks/chunk.KLRPP4NQ.js";import{a as o}from"./chunks/chunk.7JI2ZUD5.js";import"./chunks/chunk.N2OPZHJV.js";import"./chunks/chunk.CDEXCMVF.js";import{d as eo,e as ao}from"./chunks/chunk.ZBXT5WFZ.js";import"./chunks/chunk.K7HF3VBZ.js";import"./chunks/chunk.B5WOG3GU.js";import"./chunks/chunk.PYHYYOBE.js";import"./chunks/chunk.TWZDCIM2.js";import"./chunks/chunk.MWDEA25W.js";import"./chunks/chunk.26V4EXHB.js";import{a as ro}from"./chunks/chunk.GHC63SXL.js";import"./chunks/chunk.SUYDKR6I.js";import"./chunks/chunk.DCBKAP5D.js";import"./chunks/chunk.HJGLYEWV.js";import"./chunks/chunk.E2DRD2OX.js";import"./chunks/chunk.PJZCF7M2.js";import"./chunks/chunk.UWPDCU52.js";import"./chunks/chunk.6OTM3PE5.js";import"./chunks/chunk.WNP2V63C.js";import"./chunks/chunk.TJOCV4DC.js";export{ro as LocalizeController,e as SdAccordion,a as SdAccordionGroup,r as SdAnimation,p as SdAudio,u as SdBadge,l as SdBrandshape,m as SdBreadcrumb,x as SdBreadcrumbItem,d as SdButton,s as SdCarousel,S as SdCarouselItem,i as SdCheckbox,n as SdCheckboxGroup,T as SdCombobox,g as SdDialog,I as SdDivider,f as SdDrawer,k as SdDropdown,B as SdExpandable,C as SdFlipcard,G as SdHeader,o as SdIcon,M as SdInclude,R as SdInput,h as SdLink,t as SdLoader,A as SdMapMarker,D as SdMenu,w as SdMenuItem,v as SdNavigationItem,L as SdNotification,N as SdOptgroup,O as SdOption,c as SdPopup,P as SdQuickfact,E as SdRadio,F as SdRadioButton,H as SdRadioGroup,Q as SdRange,V as SdRangeTick,j as SdScrollable,q as SdSelect,y as SdSpinner,z as SdStep,J as SdStepGroup,K as SdSwitch,U as SdTab,W as SdTabGroup,X as SdTabPanel,b as SdTag,Y as SdTeaser,Z as SdTeaserMedia,_ as SdTextarea,$ as SdTooltip,oo as SdVideo,eo as registerIconLibrary,to as setupAutocomplete,ao as unregisterIconLibrary};

package/cdn/vscode.html-custom-data.json CHANGED Viewed

@@ -2058,43 +2058,6 @@
         }
       ]
     },
-    {
-      "name": "sd-quickfact",
-      "description": "Accordion shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **icon** - Optional icon to show in the header. Works best with `<sd-icon>`.\n- _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Parts:**\n - **icon** - The container that wraps the icon.\n- **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **summary-border** - The container that wraps the currently active accordions border.\n- **content** - The container that wraps the accordion content slot.\n- **content__slot** - The accordion content slot.",
-      "attributes": [
-        {
-          "name": "expandable",
-          "description": "Determines if the quickfact is not interactive. When set to `true`, the quickfact will not expand or collapse.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
-          "values": []
-        },
-        {
-          "name": "summary",
-          "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-          "values": []
-        },
-        {
-          "name": "dir",
-          "description": "The element's directionality.",
-          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
-        },
-        {
-          "name": "lang",
-          "description": "The element's language.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-quickfact--docs"
-        }
-      ]
-    },
     {
       "name": "sd-radio",
       "description": "A radio allows to select only one value from a set of options. Clicking on an unchecked radio will deselect the other one(s).\n---\n\n\n### **Events:**\n - **sd-blur** - Emitted when the control loses focus.\n- **sd-focus** - Emitted when the control gains focus.\n\n### **Methods:**\n - **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The radio's label.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **control--unchecked** - The radio control when the radio is unchecked.\n- **control--checked** - The radio control when the radio is checked.\n- **checked** - The dot inside the radio component when the radio is checked.\n- **label** - The container that wraps the radio's label.",
@@ -2407,6 +2370,43 @@
         }
       ]
     },
+    {
+      "name": "sd-quickfact",
+      "description": "Accordion shows a brief summary and expands to show additional content.\n---\n\n\n### **Events:**\n - **sd-show** - Emitted when the accordion opens.\n- **sd-after-show** - Emitted after the accordion opens and all animations are complete.\n- **sd-hide** - Emitted when the accordion closes.\n- **sd-after-hide** - Emitted after the accordion closes and all animations are complete.\n\n### **Methods:**\n - **show()** - Shows the accordion.\n- **hide()** - Hides the accordion\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - **icon** - Optional icon to show in the header. Works best with `<sd-icon>`.\n- _default_ - The accordion main content.\n- **summary** - The accordion summary. Alternatively, you can use the `summary` attribute.\n- **expand-icon** - Optional expand icon to use instead of the default. Works best with `<sd-icon>`.\n- **collapse-icon** - Optional collapse icon to use instead of the default. Works best with `<sd-icon>`.\n\n### **CSS Parts:**\n - **icon** - The container that wraps the icon.\n- **base** - The component's base wrapper.\n- **header** - The header that wraps both the summary and the expand/collapse icon.\n- **summary** - The container that wraps the summary.\n- **summary-icon** - The container that wraps the expand/collapse icons.\n- **summary-border** - The container that wraps the currently active accordions border.\n- **content** - The container that wraps the accordion content slot.\n- **content__slot** - The accordion content slot.",
+      "attributes": [
+        {
+          "name": "expandable",
+          "description": "Determines if the quickfact is not interactive. When set to `true`, the quickfact will not expand or collapse.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
+          "values": []
+        },
+        {
+          "name": "summary",
+          "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+          "values": []
+        },
+        {
+          "name": "dir",
+          "description": "The element's directionality.",
+          "values": [{ "name": "ltr" }, { "name": "rtl" }, { "name": "auto" }]
+        },
+        {
+          "name": "lang",
+          "description": "The element's language.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-quickfact--docs"
+        }
+      ]
+    },
     {
       "name": "sd-select",
       "description": "Selects allow you to choose items from a menu of predefined options.\n---\n\n\n### **Events:**\n - **sd-change** - Emitted when the control's value changes.\n- **sd-clear** - Emitted when the control's value is cleared.\n- **sd-input** - Emitted when the control receives input.\n- **sd-focus** - Emitted when the control gains focus.\n- **sd-blur** - Emitted when the control loses focus.\n- **sd-show** - Emitted when the select's menu opens.\n- **sd-after-show** - Emitted after the select's menu opens and all animations are complete.\n- **sd-hide** - Emitted when the select's menu closes.\n- **sd-after-hide** - Emitted after the select's menu closes and all animations are complete.\n- **sd-invalid** - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n\n### **Methods:**\n - **show()** - Shows the listbox.\n- **hide()** - Hides the listbox.\n- **checkValidity()** - Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.\n- **getForm(): _HTMLFormElement | null_** - Gets the associated form, if one exists.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n- **focus(options: _FocusOptions_)** - Sets focus on the control.\n- **blur()** - Removes focus from the control.\n- **emit(name: _string_, options: _CustomEventInit_)** - Emits a custom event with more convenient defaults.\n- **token(name: _string_, fallback: _T_): _T_** - Retrieves the value of a css variable token.\n\n### **Slots:**\n - _default_ - The listbox options. Must be `<sd-option>` elements. You can use `<sd-divider>` to group items visually.\n- **label** - The input's label. Alternatively, you can use the `label` attribute.\n- **help-text** - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n- **clear-icon** - An icon to use in lieu of the default clear icon.\n- **expand-icon** - The icon to show when the control is expanded and collapsed. Rotates on open and close.\n- **tooltip** - An optional tooltip that helps describe the input. Use this slot with the `sd-tooltip` component.\n\n### **CSS Properties:**\n - **--tag-max-width** - Set the maximum width of the tags and to show an ellipsis. Defaults to \"15ch\" _(default: undefined)_\n\n### **CSS Parts:**\n - **form-control** - The form control that wraps the label, input, and help text.\n- **form-control-label** - The label's wrapper.\n- **form-control-input** - The select's wrapper.\n- **form-control-help-text** - The help text's wrapper.\n- **combobox** - The container the wraps the combobox, clear icon, and expand button.\n- **display-input** - The element that displays the selected option's label, an `<input>` element.\n- **listbox** - The listbox container where options are slotted.\n- **tags** - The container that houses option tags when `multiselect` is used.\n- **tag** - The individual tags that represent each multiselect option.\n- **tag__base** - The tag's base part.\n- **tag__content** - The tag's content part.\n- **tag__removable-indicator** - The tag's remove button.\n- **clear-button** - The clear button.\n- **expand-icon** - The container that wraps the expand icon.",

package/cdn/web-types.json CHANGED Viewed

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