@solid-design-system/components 5.4.3 → 5.4.4

package/cdn-versioned/chunks/chunk.YBWN6AYL.js

@@ -1 +1 @@
-import{c}from"./chunk.3L472FD4.js";import{a as y}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as m,b as g,c as d,d as b,h as v}from"./chunk.3J5KIUOG.js";import{b as f,e as h}from"./chunk.UWPDCU52.js";import{a as p,e as n}from"./chunk.TJOCV4DC.js";var r=class extends v{constructor(){super(...arguments);this.localize=new y(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-5-4-3-tab"),customElements.whenDefined("sd-5-4-3-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls()}),this.mutationObserver=new MutationObserver(s=>{s.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),s.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then(()=>{new IntersectionObserver((e,l)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.activeTab)!=null?a:this.tabs[0],{emitEvents:!1}),l.unobserve(e[0].target))}).observe(this.tabGroup)})})}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){let s=this.shadowRoot.querySelector('slot[name="nav"]');return Array.from(s.assignedElements()).map(e=>e.tagName.toLocaleLowerCase()==="sd-5-4-3-tab"?e:e.querySelector("sd-5-4-3-tab")).filter(e=>e&&t.includeDisabled?e.tagName.toLowerCase()==="sd-5-4-3-tab":e.tagName.toLowerCase()==="sd-5-4-3-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-5-4-3-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-5-4-3-tab");(e==null?void 0:e.closest("sd-5-4-3-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-5-4-3-tab");if((e==null?void 0:e.closest("sd-5-4-3-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let a=this.tabs.indexOf(this.getActiveTab());e!==null&&c(this.tabs[a+1],this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let a=this.tabs.indexOf(this.getActiveTab());e!==null&&c(this.tabs[a-1],this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let a=this.tabs.find(i=>i.matches(":focus")),u=this.localize.dir()==="rtl";if((a==null?void 0:a.tagName.toLowerCase())==="sd-5-4-3-tab"){let i=this.tabs.indexOf(a);t.key==="Home"?i=0:t.key==="End"?i=this.tabs.length-1:t.key===(u?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?i--:(t.key===(u?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&i++,i<0&&(i=this.tabs.length-1),i>this.tabs.length-1&&(i=0),this.tabs[i].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[i],{scrollBehavior:"smooth"}),c(this.tabs[i],this.nav,"horizontal"),t.preventDefault()}}}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,s){if(s=p({emitEvents:!0,scrollBehavior:"auto"},s),t!==this.activeTab&&!t.disabled&&!t.visuallyDisabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(l=>l.active=l===this.activeTab),this.panels.map(l=>{var a;return l.active=l.name===((a=this.activeTab)==null?void 0:a.panel)}),c(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let s=this.panels.find(e=>e.name===t.panel);s&&t.setAttribute("aria-controls",s.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}show(t){let s=this.tabs.find(e=>e.panel===t);s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){let t=this.localize.dir()==="rtl";return h`<div part="base" class="${o("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${o(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?h`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${o("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-5-4-3-icon library="_internal" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-5-4-3-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${o("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full border-[0.25px] border-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?h`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${o("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-5-4-3-icon library="_internal" name="${t?"chevron-down":"chevron-up"}" label="next" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-5-4-3-icon></button>`:""}</div><slot part="body" class="${o("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};r.styles=[...v.styles,f`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}:focus-within::slotted(sd-5-4-3-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-5-4-3-tab-panel){--padding:1rem 0}`],n([b("[part=base]")],r.prototype,"tabGroup",2),n([b("[part=body]")],r.prototype,"body",2),n([b("[part=scroll-container]")],r.prototype,"nav",2),n([d()],r.prototype,"hasScrollControls",2),n([d()],r.prototype,"variant",2),n([g({type:String,reflect:!0})],r.prototype,"activation",2),r=n([m("sd-5-4-3-tab-group")],r);export{r as a};
+import{c}from"./chunk.3L472FD4.js";import{a as y}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as m,b as g,c as d,d as b,h as v}from"./chunk.3J5KIUOG.js";import{b as f,e as h}from"./chunk.UWPDCU52.js";import{a as p,e as n}from"./chunk.TJOCV4DC.js";var r=class extends v{constructor(){super(...arguments);this.localize=new y(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-5-4-4-tab"),customElements.whenDefined("sd-5-4-4-tab-panel")]);super.connectedCallback(),this.resizeObserver=new ResizeObserver(()=>{this.updateScrollControls()}),this.mutationObserver=new MutationObserver(s=>{s.some(e=>!["aria-labelledby","aria-controls"].includes(e.attributeName))&&setTimeout(()=>this.setAriaLabels()),s.some(e=>e.attributeName==="disabled")&&this.syncTabsAndPanels()}),this.updateComplete.then(()=>{this.syncTabsAndPanels(),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0}),this.resizeObserver.observe(this.nav),t.then(()=>{new IntersectionObserver((e,l)=>{var a;e[0].intersectionRatio>0&&(this.setAriaLabels(),this.setActiveTab((a=this.activeTab)!=null?a:this.tabs[0],{emitEvents:!1}),l.unobserve(e[0].target))}).observe(this.tabGroup)})})}disconnectedCallback(){var t;this.mutationObserver.disconnect(),this.nav&&((t=this.resizeObserver)==null||t.unobserve(this.nav))}getAllTabs(t={includeDisabled:!0}){let s=this.shadowRoot.querySelector('slot[name="nav"]');return Array.from(s.assignedElements()).map(e=>e.tagName.toLocaleLowerCase()==="sd-5-4-4-tab"?e:e.querySelector("sd-5-4-4-tab")).filter(e=>e&&t.includeDisabled?e.tagName.toLowerCase()==="sd-5-4-4-tab":e.tagName.toLowerCase()==="sd-5-4-4-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-5-4-4-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-5-4-4-tab");(e==null?void 0:e.closest("sd-5-4-4-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-5-4-4-tab");if((e==null?void 0:e.closest("sd-5-4-4-tab-group"))===this){if(["Enter"," "].includes(t.key)&&e!==null&&(this.setActiveTab(e,{scrollBehavior:"smooth"}),t.preventDefault()),["Tab"].includes(t.key)){let a=this.tabs.indexOf(this.getActiveTab());e!==null&&c(this.tabs[a+1],this.nav,"horizontal")}if(["Shift","Tab"].includes(t.key)){let a=this.tabs.indexOf(this.getActiveTab());e!==null&&c(this.tabs[a-1],this.nav,"horizontal")}if(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)){let a=this.tabs.find(i=>i.matches(":focus")),u=this.localize.dir()==="rtl";if((a==null?void 0:a.tagName.toLowerCase())==="sd-5-4-4-tab"){let i=this.tabs.indexOf(a);t.key==="Home"?i=0:t.key==="End"?i=this.tabs.length-1:t.key===(u?"ArrowRight":"ArrowLeft")||t.key==="ArrowUp"?i--:(t.key===(u?"ArrowLeft":"ArrowRight")||t.key==="ArrowDown")&&i++,i<0&&(i=this.tabs.length-1),i>this.tabs.length-1&&(i=0),this.tabs[i].focus({preventScroll:!0}),this.activation==="auto"&&this.setActiveTab(this.tabs[i],{scrollBehavior:"smooth"}),c(this.tabs[i],this.nav,"horizontal"),t.preventDefault()}}}}handleScrollToStart(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft+this.nav.clientWidth:this.nav.scrollLeft-this.nav.clientWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.localize.dir()==="rtl"?this.nav.scrollLeft-this.nav.clientWidth:this.nav.scrollLeft+this.nav.clientWidth,behavior:"smooth"})}setActiveTab(t,s){if(s=p({emitEvents:!0,scrollBehavior:"auto"},s),t!==this.activeTab&&!t.disabled&&!t.visuallyDisabled){let e=this.activeTab;this.activeTab=t,this.tabs.map(l=>l.active=l===this.activeTab),this.panels.map(l=>{var a;return l.active=l.name===((a=this.activeTab)==null?void 0:a.panel)}),c(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&(e&&this.emit("sd-tab-hide",{detail:{name:e.panel}}),this.emit("sd-tab-show",{detail:{name:this.activeTab.panel}}))}}setAriaLabels(){this.tabs.forEach(t=>{let s=this.panels.find(e=>e.name===t.panel);s&&t.setAttribute("aria-controls",s.getAttribute("id"))})}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels(),this.panels.forEach(t=>{t.tabIndex=0}),this.updateComplete.then(()=>this.updateScrollControls()),this.tabs.length!==0&&this.tabs[0].variant==="container"&&(this.variant="container")}updateScrollControls(){this.hasScrollControls=this.nav.scrollWidth>this.nav.clientWidth}show(t){let s=this.tabs.find(e=>e.panel===t);s&&this.setActiveTab(s,{scrollBehavior:"smooth"})}render(){let t=this.localize.dir()==="rtl";return h`<div part="base" class="${o("flex flex-col rounded-none")}" @click="${this.handleClick}" @keydown="${this.handleKeyDown}"><div part="nav" class="${o(this.hasScrollControls&&"relative py-0 px-12")}">${this.hasScrollControls?h`<button part="scroll-button--start" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${o("sd-interactive flex items-center justify-center absolute top-0 bottom-0 left-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"left-auto right-0")}" @click="${this.handleScrollToStart}"><sd-5-4-4-icon library="_internal" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-5-4-4-icon></button>`:""}<div part="scroll-container" class="flex overflow-x-auto focus-visible:focus-outline !outline-offset-0"><div part="tabs" class="${o("flex flex-auto relative flex-row")}" role="tablist"><div part="separation" class="w-full border-[0.25px] border-neutral-400 absolute bottom-0"></div><slot name="nav" @slotchange="${this.syncTabsAndPanels}"></slot></div></div>${this.hasScrollControls?h`<button part="scroll-button--end" exportparts="base:scroll-button__base" tabindex="-1" aria-hidden="true" class="${o("sd-interactive flex items-center justify-center absolute top-0 bottom-0 right-0 !outline-offset-0 border-b border-neutral-400 z-10",this.localize.dir()==="rtl"&&"right-auto left-0")}" @click="${this.handleScrollToEnd}"><sd-5-4-4-icon library="_internal" name="${t?"chevron-down":"chevron-up"}" label="next" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-5-4-4-icon></button>`:""}</div><slot part="body" class="${o("block auto py-8 px-6",this.variant==="container"&&"border border-neutral-400 border-t-0")}" @slotchange="${this.syncTabsAndPanels}"></slot></div>`}};r.styles=[...v.styles,f`:host{box-sizing:border-box;display:block}[part=scroll-container]{scrollbar-width:none}[part=scroll-container]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}:focus-within::slotted(sd-5-4-4-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-5-4-4-tab-panel){--padding:1rem 0}`],n([b("[part=base]")],r.prototype,"tabGroup",2),n([b("[part=body]")],r.prototype,"body",2),n([b("[part=scroll-container]")],r.prototype,"nav",2),n([d()],r.prototype,"hasScrollControls",2),n([d()],r.prototype,"variant",2),n([g({type:String,reflect:!0})],r.prototype,"activation",2),r=n([m("sd-5-4-4-tab-group")],r);export{r as a};

package/cdn-versioned/chunks/chunk.YQFJEUR4.js

@@ -1 +1 @@
-import{a as p}from"./chunk.6HO6CE4A.js";import{a}from"./chunk.26V4EXHB.js";import{a as r}from"./chunk.E2DRD2OX.js";import{a as d,b as o,h as n}from"./chunk.3J5KIUOG.js";import{b as m,e as s}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","help-text");this.size="lg";this.orientation="vertical";this.label="";this.helpText=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-5-4-3-checkbox")]}async syncCheckboxElements(){let i=this.getAllCheckboxes();await Promise.all(i.map(async l=>{await l.updateComplete,l.size=this.size}))}syncCheckboxes(){customElements.get("sd-5-4-3-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-5-4-3-checkbox").then(()=>this.syncCheckboxes())}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){let i=this.hasSlotController.test("label"),l=this.label?!0:i,b=this.hasSlotController.test("help-text"),c=this.helpText?!0:b,x=s`<slot @slotchange="${this.syncCheckboxes}"></slot>`,h=this.hasSlotController.test("tooltip");return s`<fieldset part="form-control" class="${a("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label">${l||h?s`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a("p-0 font-bold leading-normal text-black",l?"flex":"hidden")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${h?s`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${x}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700 mt-2",c?"block":"hidden")}" aria-hidden="${!c}">${this.helpText}</slot>`}};t.styles=[...n.styles,m`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-4-3-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-4-3-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-4-3-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-4-3-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-4-3-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-4-3-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:String,reflect:!0})],t.prototype,"orientation",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([r("size",{waitUntilFirstUpdate:!0})],t.prototype,"handleSizeChange",1),e([r("invalid",{waitUntilFirstUpdate:!0})],t.prototype,"handleInvalid",1),t=e([d("sd-5-4-3-checkbox-group")],t);export{t as a};
+import{a as p}from"./chunk.6HO6CE4A.js";import{a}from"./chunk.26V4EXHB.js";import{a as r}from"./chunk.E2DRD2OX.js";import{a as d,b as o,h as n}from"./chunk.3J5KIUOG.js";import{b as m,e as s}from"./chunk.UWPDCU52.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends n{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","help-text");this.size="lg";this.orientation="vertical";this.label="";this.helpText=""}getAllCheckboxes(){return[...this.querySelectorAll("sd-5-4-4-checkbox")]}async syncCheckboxElements(){let i=this.getAllCheckboxes();await Promise.all(i.map(async l=>{await l.updateComplete,l.size=this.size}))}syncCheckboxes(){customElements.get("sd-5-4-4-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-5-4-4-checkbox").then(()=>this.syncCheckboxes())}handleSizeChange(){this.syncCheckboxes()}handleInvalid(){this.syncCheckboxes()}render(){let i=this.hasSlotController.test("label"),l=this.label?!0:i,b=this.hasSlotController.test("help-text"),c=this.helpText?!0:b,x=s`<slot @slotchange="${this.syncCheckboxes}"></slot>`,h=this.hasSlotController.test("tooltip");return s`<fieldset part="form-control" class="${a("border-0 p-0 m-0",{sm:"text-sm",md:"text-base",lg:"text-base"}[this.size])}" role="group" aria-labelledby="label">${l||h?s`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a("p-0 font-bold leading-normal text-black",l?"flex":"hidden")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${h?s`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a({vertical:"flex flex-col",horizontal:"flex flex-row"}[this.orientation])}">${x}</div></fieldset><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700 mt-2",c?"block":"hidden")}" aria-hidden="${!c}">${this.helpText}</slot>`}};t.styles=[...n.styles,m`:host{display:block}:host([orientation=vertical]) ::slotted(sd-5-4-4-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-5-4-4-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-5-4-4-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-5-4-4-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-4-4-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-5-4-4-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:String,reflect:!0})],t.prototype,"orientation",2),e([o({type:String,reflect:!0})],t.prototype,"label",2),e([o({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([r("size",{waitUntilFirstUpdate:!0})],t.prototype,"handleSizeChange",1),e([r("invalid",{waitUntilFirstUpdate:!0})],t.prototype,"handleInvalid",1),t=e([d("sd-5-4-4-checkbox-group")],t);export{t as a};

package/cdn-versioned/chunks/{chunk.XHCQ2HAX.js → chunk.Z4JAMQF6.js}

@@ -1 +1 @@
-import{a as L,b as z}from"./chunk.I6OYJBJI.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.6HO6CE4A.js";import{a as o,c as l}from"./chunk.SKUMYG4O.js";import{a as A}from"./chunk.DEXOQON7.js";import{a as p}from"./chunk.26V4EXHB.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as C,b as r,d as c,h as w}from"./chunk.3J5KIUOG.js";import{b as x,e as u}from"./chunk.UWPDCU52.js";import{b as n,e as h}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";function k(y){return y.charAt(0).toUpperCase()+y.slice(1)}var t=class extends w{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new A(this);this.modal=new z(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var v;let e=(v=this.closeButton.shadowRoot)==null?void 0:v.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=L(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()});let d=l(this,`drawer.show${k(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${k(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-5-4-3-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-5-4-3-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-4-3-icon></sd-5-4-3-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-5-4-3-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-5-4-3-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-4-3-icon></sd-5-4-3-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...w.styles,x`:host{--width:25rem;display:contents}:host([contained]){z-index:auto}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([b("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([C("sd-5-4-3-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};
+import{a as L,b as z}from"./chunk.I6OYJBJI.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.6HO6CE4A.js";import{a as o,c as l}from"./chunk.SKUMYG4O.js";import{a as A}from"./chunk.DEXOQON7.js";import{a as p}from"./chunk.26V4EXHB.js";import{a as g}from"./chunk.KLRPP4NQ.js";import{a as b}from"./chunk.E2DRD2OX.js";import{a as C,b as r,d as c,h as w}from"./chunk.3J5KIUOG.js";import{b as x,e as u}from"./chunk.UWPDCU52.js";import{b as n,e as h}from"./chunk.6OTM3PE5.js";import{e as i}from"./chunk.TJOCV4DC.js";function k(y){return y.charAt(0).toUpperCase()+y.slice(1)}var t=class extends w{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new A(this);this.modal=new z(this);this.open=!1;this.label="";this.placement="end";this.contained=!1;this.noHeader=!1;this.handleDocumentKeyDown=e=>{this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}}firstUpdated(){this.drawer.hidden=!this.open,this.open&&(this.addOpenListeners(),this.contained||(this.modal.activate(),m(this)))}disconnectedCallback(){super.disconnectedCallback(),f(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let a=l(this,"drawer.denyClose",{dir:this.localize.dir()});n(this.panel,a.keyframes,a.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}async handleOpenChange(){var v;let e=(v=this.closeButton.shadowRoot)==null?void 0:v.querySelector('[part="base"]');if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=L(),this.contained||(this.modal.activate(),m(this));let a=this.querySelector("[autofocus]");a&&a.removeAttribute("autofocus"),await Promise.all([h(this.drawer),h(this.overlay)]),this.drawer.hidden=!1,this.drawer.removeAttribute("inert");let d=l(this,`drawer.show${k(this.placement)}`,{dir:this.localize.dir()}),s=l(this,"drawer.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,d.keyframes,d.options),n(this.overlay,s.keyframes,s.options)]),e==null||e.setAttribute("aria-controls","drawer"),e==null||e.setAttribute("aria-expanded","true"),requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(a?a.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),a?a.setAttribute("autofocus",""):this.closeButton.focus()}),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.contained||(this.modal.deactivate(),f(this)),await Promise.all([h(this.drawer),h(this.overlay)]);let a=l(this,`drawer.hide${k(this.placement)}`,{dir:this.localize.dir()}),d=l(this,"drawer.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,d.keyframes,d.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,a.keyframes,a.options).then(()=>{this.panel.hidden=!0})]),this.drawer.hidden=!0,this.drawer.setAttribute("inert",""),this.overlay.hidden=!1,this.panel.hidden=!1;let s=this.originalTrigger;typeof(s==null?void 0:s.focus)=="function"&&setTimeout(()=>s.focus()),e==null||e.setAttribute("aria-expanded","false"),this.emit("sd-after-hide")}}handleNoModalChange(){this.open&&!this.contained&&(this.modal.activate(),m(this)),this.open&&this.contained&&(this.modal.deactivate(),f(this))}async show(){if(!this.open)return this.open=!0,g(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,g(this,"sd-after-hide")}render(){return u`<section id="drawer" part="base" class="${p("top-0 start-0 w-full h-full pointer-events-none overflow-hidden",this.contained?"absolute":"fixed")}" aria-label="${this.label}"><div part="overlay" class="${p("block top-0 left-0 right-0 bottom-0 bg-neutral-800/75 pointer-events-auto",this.contained?"absolute":"fixed")}" @click="${()=>this.requestClose("overlay")}"></div><div part="panel" class="${p("absolute flex flex-col gap-4 z-10 max-w-full max-h-full bg-white shadow-lg overflow-auto pointer-events-auto focus:outline-none",{end:"top-0 end-0 bottom-auto start-auto w-[--width] h-full",start:"top-0 end-auto bottom-auto start-0 w-[--width] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-5-4-4-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 right-2"><sd-5-4-4-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-4-4-icon></sd-5-4-4-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:56px"><div part="title"><slot name="header" part="title" class="flex-auto text-xl m-0" id="title"></slot></div><div class="shrink-0 flex flex-wrap justify-end gap-1 ml-4 absolute top-2 right-2"><sd-5-4-4-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-5-4-4-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-5-4-4-icon></sd-5-4-4-button></div></header>`}<div part="body" class="flex-auto block px-4 focus-visible:focus-outline !-outline-offset-2" tabindex="0"><slot></slot></div><footer part="footer" class="${p(this.hasSlotController.test("footer")?"text-left p-4":"hidden")}"><slot name="footer"></slot></footer></div></section>`}};t.styles=[...w.styles,x`:host{--width:25rem;display:contents}:host([contained]){z-index:auto}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:var(--sd-spacing-0,0);width:var(--sd-spacing-0,0)}`],i([c("[part=base]")],t.prototype,"drawer",2),i([c("[part=panel]")],t.prototype,"panel",2),i([c("[part=overlay]")],t.prototype,"overlay",2),i([c("[part=close-button]")],t.prototype,"closeButton",2),i([r({type:Boolean,reflect:!0})],t.prototype,"open",2),i([r({type:String,attribute:"label",reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"placement",2),i([r({type:Boolean,reflect:!0})],t.prototype,"contained",2),i([r({attribute:"no-header",type:Boolean,reflect:!0})],t.prototype,"noHeader",2),i([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([b("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([C("sd-5-4-4-drawer")],t);o("drawer.showStart",{keyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideStart",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.showEnd",{keyframes:[{opacity:0,translate:"100%"},{opacity:1,translate:"0"}],rtlKeyframes:[{opacity:0,translate:"-100%"},{opacity:1,translate:"0"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.hideEnd",{keyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"100%"}],rtlKeyframes:[{opacity:1,translate:"0"},{opacity:0,translate:"-100%"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});o("drawer.denyClose",{keyframes:[{scale:1},{scale:1.01},{scale:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});o("drawer.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});export{t as a};

package/cdn-versioned/chunks/chunk.ZNRYPR2Z.js

@@ -1 +1 @@
-import{a as f,c as b}from"./chunk.SKUMYG4O.js";import{a as v}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as y}from"./chunk.KLRPP4NQ.js";import{a as h}from"./chunk.E2DRD2OX.js";import{a as g,b as s,d,h as p}from"./chunk.3J5KIUOG.js";import{b as w,e as n}from"./chunk.UWPDCU52.js";import{b as u,e as m}from"./chunk.6OTM3PE5.js";import{e}from"./chunk.TJOCV4DC.js";var l={"top-right":null,"bottom-center":null},k=()=>{Object.entries(l).forEach(([a])=>{let r=document.querySelector(`#sd-toast-stack--${a}`);if(r){r.setAttribute("role","region"),l[a]=r;return}l[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};k();var t=class extends p{constructor(){super(...arguments);this.localize=new v(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 l[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.base.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(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await m(this.base),this.base.hidden=!1;let{keyframes:i,options:c}=b(this,"notification.show",{dir:this.localize.dir()});await u(this.base,i,c),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await m(this.base);let{keyframes:i,options:c}=b(this,"notification.hide",{dir:this.localize.dir()});await u(this.base,i,c),this.base.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,y(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,y(this,"sd-after-hide")}async toast(){return new Promise(i=>{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),i()},{once:!0})})}render(){return n`<div part="base" class="${o("w-full overflow-hidden flex items-stretch relative 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}"><slot name="icon" part="icon" class="${o("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-5-4-3-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-5-4-3-icon></slot><div part="content" class="${o("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?n`<sd-5-4-3-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-5-4-3-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-5-4-3-icon></sd-5-4-3-button>`:""}</div>${this.durationIndicator?n`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("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>`}};t.styles=[...p.styles,w`:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([d('[part~="base"]')],t.prototype,"base",2),e([d('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([h("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([h("duration")],t.prototype,"handleDurationChange",1),t=e([g("sd-5-4-3-notification")],t);f("notification.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});f("notification.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};
+import{a as f,c as b}from"./chunk.SKUMYG4O.js";import{a as v}from"./chunk.DEXOQON7.js";import{a as o}from"./chunk.26V4EXHB.js";import{a as y}from"./chunk.KLRPP4NQ.js";import{a as h}from"./chunk.E2DRD2OX.js";import{a as g,b as s,d,h as p}from"./chunk.3J5KIUOG.js";import{b as w,e as n}from"./chunk.UWPDCU52.js";import{b as u,e as m}from"./chunk.6OTM3PE5.js";import{e}from"./chunk.TJOCV4DC.js";var l={"top-right":null,"bottom-center":null},k=()=>{Object.entries(l).forEach(([a])=>{let r=document.querySelector(`#sd-toast-stack--${a}`);if(r){r.setAttribute("role","region"),l[a]=r;return}l[a]=Object.assign(document.createElement("div"),{role:"region",id:`sd-toast-stack--${a}`,className:`sd-toast-stack sd-toast-stack--${a}`})})};k();var t=class extends p{constructor(){super(...arguments);this.localize=new v(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 l[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.base.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(i){this.closable&&i.key==="Escape"&&this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await m(this.base),this.base.hidden=!1;let{keyframes:i,options:c}=b(this,"notification.show",{dir:this.localize.dir()});await u(this.base,i,c),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await m(this.base);let{keyframes:i,options:c}=b(this,"notification.hide",{dir:this.localize.dir()});await u(this.base,i,c),this.base.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,y(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,y(this,"sd-after-hide")}async toast(){return new Promise(i=>{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),i()},{once:!0})})}render(){return n`<div part="base" class="${o("w-full overflow-hidden flex items-stretch relative 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}"><slot name="icon" part="icon" class="${o("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-5-4-4-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-5-4-4-icon></slot><div part="content" class="${o("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?n`<sd-5-4-4-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-5-4-4-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-5-4-4-icon></sd-5-4-4-button>`:""}</div>${this.durationIndicator?n`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("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>`}};t.styles=[...p.styles,w`:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([d('[part~="base"]')],t.prototype,"base",2),e([d('[part~="close-button"]')],t.prototype,"close",2),e([s({type:String,reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number,reflect:!0})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({type:String,reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([h("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([h("duration")],t.prototype,"handleDurationChange",1),t=e([g("sd-5-4-4-notification")],t);f("notification.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});f("notification.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};

package/cdn-versioned/components/accordion/accordion.d.ts

@@ -21,6 +21,6 @@ export default class SdAccordion extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-accordion': SdAccordion;
+        'sd-5-4-4-accordion': SdAccordion;
     }
 }

package/cdn-versioned/components/accordion-group/accordion-group.d.ts

@@ -11,6 +11,6 @@ export default class SdAccordionGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-accordion-group': SdAccordionGroup;
+        'sd-5-4-4-accordion-group': SdAccordionGroup;
     }
 }

package/cdn-versioned/components/animation/animation.d.ts

@@ -34,6 +34,6 @@ export default class SdAnimation extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-animation': SdAnimation;
+        'sd-5-4-4-animation': SdAnimation;
     }
 }

package/cdn-versioned/components/audio/audio.d.ts

@@ -54,6 +54,6 @@ export default class SdAudio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-audio': SdAudio;
+        'sd-5-4-4-audio': SdAudio;
     }
 }

package/cdn-versioned/components/audio/audio.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.AUFZNGGE.js";import"../../chunks/chunk.XHCQ2HAX.js";import"../../chunks/chunk.I6OYJBJI.js";import"../../chunks/chunk.64UNKF45.js";import"../../chunks/chunk.3L472FD4.js";import"../../chunks/chunk.FMDEKAH2.js";import"../../chunks/chunk.J4TCNBTX.js";import"../../chunks/chunk.6HLS5XU2.js";import"../../chunks/chunk.YTG5BN3U.js";import"../../chunks/chunk.6HO6CE4A.js";import"../../chunks/chunk.SKUMYG4O.js";import"../../chunks/chunk.H2TKMIFR.js";import"../../chunks/chunk.I3CJWUNI.js";import"../../chunks/chunk.D5IOD6QB.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.N2OPZHJV.js";import"../../chunks/chunk.CDEXCMVF.js";import"../../chunks/chunk.K7HF3VBZ.js";import"../../chunks/chunk.GJFN7PBS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.DEXOQON7.js";import"../../chunks/chunk.BVJF73VY.js";import"../../chunks/chunk.E2XBRTA4.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.E2DRD2OX.js";import"../../chunks/chunk.3J5KIUOG.js";import"../../chunks/chunk.UWPDCU52.js";import"../../chunks/chunk.6OTM3PE5.js";import"../../chunks/chunk.WNP2V63C.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};
+import{a}from"../../chunks/chunk.AUFZNGGE.js";import"../../chunks/chunk.Z4JAMQF6.js";import"../../chunks/chunk.I6OYJBJI.js";import"../../chunks/chunk.64UNKF45.js";import"../../chunks/chunk.3L472FD4.js";import"../../chunks/chunk.FMDEKAH2.js";import"../../chunks/chunk.J4TCNBTX.js";import"../../chunks/chunk.6HLS5XU2.js";import"../../chunks/chunk.YTG5BN3U.js";import"../../chunks/chunk.6HO6CE4A.js";import"../../chunks/chunk.SKUMYG4O.js";import"../../chunks/chunk.H2TKMIFR.js";import"../../chunks/chunk.I3CJWUNI.js";import"../../chunks/chunk.D5IOD6QB.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.N2OPZHJV.js";import"../../chunks/chunk.CDEXCMVF.js";import"../../chunks/chunk.K7HF3VBZ.js";import"../../chunks/chunk.GJFN7PBS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.DEXOQON7.js";import"../../chunks/chunk.BVJF73VY.js";import"../../chunks/chunk.E2XBRTA4.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.E2DRD2OX.js";import"../../chunks/chunk.3J5KIUOG.js";import"../../chunks/chunk.UWPDCU52.js";import"../../chunks/chunk.6OTM3PE5.js";import"../../chunks/chunk.WNP2V63C.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};

package/cdn-versioned/components/badge/badge.d.ts

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-badge': SdBadge;
+        'sd-5-4-4-badge': SdBadge;
     }
 }

package/cdn-versioned/components/brandshape/brandshape.d.ts

@@ -25,7 +25,7 @@ export default class SdBrandshape extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-brandshape': SdBrandshape;
+        'sd-5-4-4-brandshape': SdBrandshape;
     }
 }
 export {};

package/cdn-versioned/components/button/button.d.ts

@@ -48,6 +48,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-button': SdButton;
+        'sd-5-4-4-button': SdButton;
     }
 }

package/cdn-versioned/components/button-group/button-group.d.ts

@@ -13,6 +13,6 @@ export default class SdButtonGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-button-group': SdButtonGroup;
+        'sd-5-4-4-button-group': SdButtonGroup;
     }
 }

package/cdn-versioned/components/carousel/carousel.d.ts

@@ -55,6 +55,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-carousel': SdCarousel;
+        'sd-5-4-4-carousel': SdCarousel;
     }
 }

package/cdn-versioned/components/carousel-item/carousel-item.d.ts

@@ -7,6 +7,6 @@ export default class SdCarouselItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-carousel-item': SdCarouselItem;
+        'sd-5-4-4-carousel-item': SdCarouselItem;
     }
 }

package/cdn-versioned/components/checkbox/checkbox.d.ts

@@ -38,6 +38,6 @@ export default class SdCheckbox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-checkbox': SdCheckbox;
+        'sd-5-4-4-checkbox': SdCheckbox;
     }
 }

package/cdn-versioned/components/checkbox-group/checkbox-group.d.ts

@@ -16,6 +16,6 @@ export default class SdCheckboxGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-checkbox-group': SdCheckboxGroup;
+        'sd-5-4-4-checkbox-group': SdCheckboxGroup;
     }
 }

package/cdn-versioned/components/combobox/combobox.d.ts

@@ -121,6 +121,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-combobox': SdCombobox;
+        'sd-5-4-4-combobox': SdCombobox;
     }
 }

package/cdn-versioned/components/dialog/dialog.d.ts

@@ -29,6 +29,6 @@ export default class SdDialog extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-dialog': SdDialog;
+        'sd-5-4-4-dialog': SdDialog;
     }
 }

package/cdn-versioned/components/divider/divider.d.ts

@@ -8,6 +8,6 @@ export default class SdDivider extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-divider': SdDivider;
+        'sd-5-4-4-divider': SdDivider;
     }
 }

package/cdn-versioned/components/drawer/drawer.d.ts

@@ -31,6 +31,6 @@ export default class SdDrawer extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-drawer': SdDrawer;
+        'sd-5-4-4-drawer': SdDrawer;
     }
 }

package/cdn-versioned/components/drawer/drawer.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.XHCQ2HAX.js";import"../../chunks/chunk.I6OYJBJI.js";import"../../chunks/chunk.64UNKF45.js";import"../../chunks/chunk.3L472FD4.js";import"../../chunks/chunk.FMDEKAH2.js";import"../../chunks/chunk.J4TCNBTX.js";import"../../chunks/chunk.6HLS5XU2.js";import"../../chunks/chunk.YTG5BN3U.js";import"../../chunks/chunk.6HO6CE4A.js";import"../../chunks/chunk.SKUMYG4O.js";import"../../chunks/chunk.H2TKMIFR.js";import"../../chunks/chunk.I3CJWUNI.js";import"../../chunks/chunk.D5IOD6QB.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.N2OPZHJV.js";import"../../chunks/chunk.CDEXCMVF.js";import"../../chunks/chunk.K7HF3VBZ.js";import"../../chunks/chunk.GJFN7PBS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.DEXOQON7.js";import"../../chunks/chunk.BVJF73VY.js";import"../../chunks/chunk.E2XBRTA4.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.E2DRD2OX.js";import"../../chunks/chunk.3J5KIUOG.js";import"../../chunks/chunk.UWPDCU52.js";import"../../chunks/chunk.6OTM3PE5.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};
+import{a}from"../../chunks/chunk.Z4JAMQF6.js";import"../../chunks/chunk.I6OYJBJI.js";import"../../chunks/chunk.64UNKF45.js";import"../../chunks/chunk.3L472FD4.js";import"../../chunks/chunk.FMDEKAH2.js";import"../../chunks/chunk.J4TCNBTX.js";import"../../chunks/chunk.6HLS5XU2.js";import"../../chunks/chunk.YTG5BN3U.js";import"../../chunks/chunk.6HO6CE4A.js";import"../../chunks/chunk.SKUMYG4O.js";import"../../chunks/chunk.H2TKMIFR.js";import"../../chunks/chunk.I3CJWUNI.js";import"../../chunks/chunk.D5IOD6QB.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.N2OPZHJV.js";import"../../chunks/chunk.CDEXCMVF.js";import"../../chunks/chunk.K7HF3VBZ.js";import"../../chunks/chunk.GJFN7PBS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.DEXOQON7.js";import"../../chunks/chunk.BVJF73VY.js";import"../../chunks/chunk.E2XBRTA4.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.E2DRD2OX.js";import"../../chunks/chunk.3J5KIUOG.js";import"../../chunks/chunk.UWPDCU52.js";import"../../chunks/chunk.6OTM3PE5.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};

package/cdn-versioned/components/dropdown/dropdown.d.ts

@@ -46,6 +46,6 @@ export default class SdDropdown extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-dropdown': SdDropdown;
+        'sd-5-4-4-dropdown': SdDropdown;
     }
 }

package/cdn-versioned/components/expandable/expandable.d.ts

@@ -20,6 +20,6 @@ export default class SdExpandable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-expandable': SdExpandable;
+        'sd-5-4-4-expandable': SdExpandable;
     }
 }

package/cdn-versioned/components/flipcard/flipcard.d.ts

@@ -19,6 +19,6 @@ export default class SdFlipcard extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-flipcard': SdFlipcard;
+        'sd-5-4-4-flipcard': SdFlipcard;
     }
 }

package/cdn-versioned/components/header/header.d.ts

@@ -15,6 +15,6 @@ export default class SdHeader extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-header': SdHeader;
+        'sd-5-4-4-header': SdHeader;
     }
 }

package/cdn-versioned/components/icon/icon.d.ts

@@ -17,6 +17,6 @@ export default class SdIcon extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-icon': SdIcon;
+        'sd-5-4-4-icon': SdIcon;
     }
 }

package/cdn-versioned/components/include/include.d.ts

@@ -10,6 +10,6 @@ export default class SdInclude extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-include': SdInclude;
+        'sd-5-4-4-include': SdInclude;
     }
 }

package/cdn-versioned/components/input/input.d.ts

@@ -83,6 +83,6 @@ export default class SdInput extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-input': SdInput;
+        'sd-5-4-4-input': SdInput;
     }
 }

package/cdn-versioned/components/link/link.d.ts

@@ -19,6 +19,6 @@ export default class SdLink extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-link': SdLink;
+        'sd-5-4-4-link': SdLink;
     }
 }

package/cdn-versioned/components/map-marker/map-marker.d.ts

@@ -18,6 +18,6 @@ export default class SdMapMarker extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-map-marker': SdMapMarker;
+        'sd-5-4-4-map-marker': SdMapMarker;
     }
 }

package/cdn-versioned/components/navigation-item/navigation-item.d.ts

@@ -32,6 +32,6 @@ export default class SdNavigationItem extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-navigation-item': SdNavigationItem;
+        'sd-5-4-4-navigation-item': SdNavigationItem;
     }
 }

package/cdn-versioned/components/notification/notification.d.ts

@@ -34,6 +34,6 @@ export default class SdNotification extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-notification': SdNotification;
+        'sd-5-4-4-notification': SdNotification;
     }
 }

package/cdn-versioned/components/optgroup/optgroup.d.ts

@@ -12,6 +12,6 @@ export default class SdOptgroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-optgroup': SdOptgroup;
+        'sd-5-4-4-optgroup': SdOptgroup;
     }
 }

package/cdn-versioned/components/option/option.d.ts

@@ -25,6 +25,6 @@ export default class SdOption extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-option': SdOption;
+        'sd-5-4-4-option': SdOption;
     }
 }

package/cdn-versioned/components/popup/popup.d.ts

@@ -40,6 +40,6 @@ export default class SdPopup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-popup': SdPopup;
+        'sd-5-4-4-popup': SdPopup;
     }
 }

package/cdn-versioned/components/quickfact/quickfact.d.ts

@@ -7,6 +7,6 @@ export default class SdQuickfact extends SdAccordion {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-quickfact': SdQuickfact;
+        'sd-5-4-4-quickfact': SdQuickfact;
     }
 }

package/cdn-versioned/components/radio/radio.d.ts

@@ -22,6 +22,6 @@ export default class SdRadio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-radio': SdRadio;
+        'sd-5-4-4-radio': SdRadio;
     }
 }

package/cdn-versioned/components/radio-button/radio-button.d.ts

@@ -21,6 +21,6 @@ export default class SdRadioButton extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-radio-button': SdRadioButton;
+        'sd-5-4-4-radio-button': SdRadioButton;
     }
 }

package/cdn-versioned/components/radio-group/radio-group.d.ts

@@ -46,6 +46,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-radio-group': SdRadioGroup;
+        'sd-5-4-4-radio-group': SdRadioGroup;
     }
 }

package/cdn-versioned/components/scrollable/scrollable.d.ts

@@ -32,6 +32,6 @@ export default class SdScrollable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-scrollable': SdScrollable;
+        'sd-5-4-4-scrollable': SdScrollable;
     }
 }

package/cdn-versioned/components/select/select.d.ts

@@ -98,6 +98,6 @@ export default class SdSelect extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-select': SdSelect;
+        'sd-5-4-4-select': SdSelect;
     }
 }

package/cdn-versioned/components/spinner/spinner.d.ts

@@ -8,6 +8,6 @@ export default class SdSpinner extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-spinner': SdSpinner;
+        'sd-5-4-4-spinner': SdSpinner;
     }
 }

package/cdn-versioned/components/step/step.d.ts

@@ -24,6 +24,6 @@ export default class SdStep extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-step': SdStep;
+        'sd-5-4-4-step': SdStep;
     }
 }

package/cdn-versioned/components/step-group/step-group.d.ts

@@ -18,6 +18,6 @@ export default class SdStepGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-step-group': SdStepGroup;
+        'sd-5-4-4-step-group': SdStepGroup;
     }
 }

package/cdn-versioned/components/switch/switch.d.ts

@@ -34,6 +34,6 @@ export default class SdSwitch extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-switch': SdSwitch;
+        'sd-5-4-4-switch': SdSwitch;
     }
 }

package/cdn-versioned/components/tab/tab.d.ts

@@ -19,6 +19,6 @@ export default class SdTab extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-tab': SdTab;
+        'sd-5-4-4-tab': SdTab;
     }
 }

package/cdn-versioned/components/tab-group/tab-group.d.ts

@@ -33,6 +33,6 @@ export default class SdTabGroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-tab-group': SdTabGroup;
+        'sd-5-4-4-tab-group': SdTabGroup;
     }
 }

package/cdn-versioned/components/tab-panel/tab-panel.d.ts

@@ -11,6 +11,6 @@ export default class SdTabPanel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-tab-panel': SdTabPanel;
+        'sd-5-4-4-tab-panel': SdTabPanel;
     }
 }

package/cdn-versioned/components/tag/tag.d.ts

@@ -24,6 +24,6 @@ export default class SdTag extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-tag': SdTag;
+        'sd-5-4-4-tag': SdTag;
     }
 }

package/cdn-versioned/components/textarea/textarea.d.ts

@@ -68,6 +68,6 @@ export default class SdTextarea extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-textarea': SdTextarea;
+        'sd-5-4-4-textarea': SdTextarea;
     }
 }

package/cdn-versioned/components/tooltip/tooltip.d.ts

@@ -41,6 +41,6 @@ export default class SdTooltip extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-tooltip': SdTooltip;
+        'sd-5-4-4-tooltip': SdTooltip;
     }
 }

package/cdn-versioned/components/video/video.d.ts

@@ -22,6 +22,6 @@ export default class SdVideo extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-5-4-3-video': SdVideo;
+        'sd-5-4-4-video': SdVideo;
     }
 }