@solid-design-system/components 4.4.2 → 4.5.1

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

@@ -1,3 +1,3 @@
 import{b as f}from"./chunk.5CK64GWQ.js";import{a as m}from"./chunk.D7TMPF3D.js";import{b as c}from"./chunk.65NSSTJE.js";import{a as p}from"./chunk.HE2LNCWW.js";import{a as o}from"./chunk.E2DRD2OX.js";import{a as r}from"./chunk.26V4EXHB.js";import{a as h,b as i,c as u,d as a,h as s}from"./chunk.5AILWWY2.js";import{b as n,e as d}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends s{constructor(){super(...arguments);this.formControlController=new c(this,{value:l=>l.checked?l.value||"on":void 0,defaultValue:l=>l.defaultChecked,setValue:(l,b)=>l.checked=b});this.showInvalidStyle=!1;this.title="";this.name="";this.disabled=!1;this.checked=!1;this.defaultChecked=!1;this.form="";this.required=!1}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleClick(){this.checked=!this.checked,this.emit("sd-change")}handleBlur(){this.emit("sd-blur")}handleInput(){this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}handleFocus(){this.emit("sd-focus")}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false"),this.formControlController.setValidity(this.disabled)}handleStateChange(){this.input.checked=this.checked,this.formControlController.updateValidity()}click(){this.input.click()}focus(l){this.input.focus(l)}blur(){this.input.blur()}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(l){this.input.setCustomValidity(l),this.formControlController.updateValidity()}render(){return d`<label part="base" class="${r("group flex items-center text-base leading-normal text-black cursor-pointer",this.disabled&&"hover:cursor-not-allowed")}"><input id="input" class="peer absolute opacity-0 p-0 m-0 pointer-events-none" type="checkbox" role="switch" title="${this.title}" name="${this.name}" value="${p(this.value)}" .checked="${f(this.checked)}" .disabled="${this.disabled}" .required="${this.required}" aria-checked="${this.checked?"true":"false"}" aria-invalid="${this.showInvalidStyle}" aria-describedby="invalid-message" @click="${this.handleClick}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"> <span id="control" part="control ${this.checked?" control--checked":"control--unchecked"}" class="${r(`relative flex flex-initial items-center justify-center border rounded-full h-4 w-8 transition-colors ease duration-100
             peer-focus-visible:outline peer-focus-visible:outline-2 peer-focus-visible:outline-offset-2
-            peer-focus-visible:outline-primary`,this.disabled&&this.checked?"border-neutral-500 bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?"border-error bg-error hover:bg-error-400":this.checked?"border-accent bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span id="thumb" part="thumb" class="${r("w-2.5 h-2.5 rounded-full transition-transform ease-in-out duration-200",this.disabled&&this.checked?"bg-white translate-x-2":this.disabled?"-translate-x-2 bg-neutral-500":this.showInvalidStyle?"bg-white -translate-x-2":this.checked?"translate-x-2 bg-white":"bg-neutral-800 -translate-x-2")}"></span> </span><span part="label" id="label" class="${r("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};e.styles=[...s.styles,n`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host([required]) #label:after{content:" *"}`],t([a("input")],e.prototype,"input",2),t([a("#invalid-message")],e.prototype,"invalidMessage",2),t([u()],e.prototype,"showInvalidStyle",2),t([i()],e.prototype,"title",2),t([i()],e.prototype,"name",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([m("checked")],e.prototype,"defaultChecked",2),t([i({reflect:!0})],e.prototype,"form",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([o(["checked"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=t([h("sd-4-4-2-switch")],e);export{e as a};
+            peer-focus-visible:outline-primary`,this.disabled&&this.checked?"border-neutral-500 bg-neutral-500":this.disabled?"border-neutral-500":this.showInvalidStyle?"border-error bg-error hover:bg-error-400":this.checked?"border-accent bg-accent hover:bg-accent-550 group-hover:bg-accent-550":"border-neutral-800 bg-white hover:bg-neutral-200 group-hover:bg-neutral-200")}"><span id="thumb" part="thumb" class="${r("w-2.5 h-2.5 rounded-full transition-transform ease-in-out duration-200",this.disabled&&this.checked?"bg-white translate-x-2":this.disabled?"-translate-x-2 bg-neutral-500":this.showInvalidStyle?"bg-white -translate-x-2":this.checked?"translate-x-2 bg-white":"bg-neutral-800 -translate-x-2")}"></span> </span><span part="label" id="label" class="${r("select-none inline-block ml-2",this.disabled?"text-neutral-500":this.showInvalidStyle?"text-error":"text-black")}"><slot></slot></span></label> ${this.formControlController.renderInvalidMessage()}`}};e.styles=[...s.styles,n`:host{display:block;width:-moz-max-content;width:max-content}:host(:focus-visible){outline:2px solid transparent;outline-offset:2px}:host([required]) #label:after{content:" *"}`],t([a("input")],e.prototype,"input",2),t([a("#invalid-message")],e.prototype,"invalidMessage",2),t([u()],e.prototype,"showInvalidStyle",2),t([i()],e.prototype,"title",2),t([i()],e.prototype,"name",2),t([i()],e.prototype,"value",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"checked",2),t([m("checked")],e.prototype,"defaultChecked",2),t([i({reflect:!0})],e.prototype,"form",2),t([i({type:Boolean,reflect:!0})],e.prototype,"required",2),t([o("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),t([o(["checked"],{waitUntilFirstUpdate:!0})],e.prototype,"handleStateChange",1),e=t([h("sd-4-5-1-switch")],e);export{e as a};

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

@@ -1 +1 @@
-import{a as o}from"./chunk.MHWW3RZB.js";import{a as d,b as l,h as r}from"./chunk.5AILWWY2.js";import{b as s,e as a}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends r{constructor(){super(...arguments);this.fixed=!1}connectedCallback(){super.connectedCallback(),this.setCalculatedHeightProperty=this.setCalculatedHeightProperty.bind(this),this.addResizeObserver=this.addResizeObserver.bind(this)}firstUpdated(){this.toggleHeightCalculation()}toggleHeightCalculation(){var e;this.fixed?(this.setCalculatedHeightProperty(),this.addResizeObserver()):(this.setCalculatedHeightProperty(),(e=this.resizeObserver)==null||e.disconnect(),this.resizeObserver=void 0)}disconnectedCallback(){super.disconnectedCallback()}updated(e){super.updated(e),e.has("fixed")&&this.toggleHeightCalculation()}onResize(){this.fixed&&this.setCalculatedHeightProperty()}addResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.onResize()}),this.refHeaderElement&&this.resizeObserver.observe(this.refHeaderElement)}setCalculatedHeightProperty(){this.fixed&&this.refHeaderElement?document.documentElement.style.setProperty("--sd-header-calculated-height",`${this.refHeaderElement.clientHeight}px`):document.documentElement.style.removeProperty("--sd-header-calculated-height")}render(){return a`<header class="w-full bg-white relative" role="banner" @slotchange="${this.handleSlotChange}"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`}handleSlotChange(e){e.target.assignedElements().length>0&&(this.refHeaderElement=e.currentTarget,this.setCalculatedHeightProperty())}};t.styles=[...r.styles,s`:host{display:block}:host([fixed]){left:var(--sd-spacing-0,0);position:fixed;top:var(--sd-spacing-0,0);width:100%}:host([fixed]) header:after{background:var(--gradient-vertical-black-40-transparent,linear-gradient(0deg,#18181800 50%,#18181866 100%));content:"";height:var(--sd-spacing-2,.5rem);left:var(--sd-spacing-0,0);position:absolute;right:var(--sd-spacing-0,0);top:100%}[part=main]{max-width:var(--sd-header-inner-max-width);padding:var(--sd-header-padding,12px 16px);width:var(--sd-header-inner-width)}`],i([l({reflect:!0,type:Boolean})],t.prototype,"fixed",2),i([o(100)],t.prototype,"onResize",1),t=i([d("sd-4-4-2-header")],t);export{t as a};
+import{a as o}from"./chunk.MHWW3RZB.js";import{a as d,b as l,h as r}from"./chunk.5AILWWY2.js";import{b as s,e as a}from"./chunk.IRWHG2Q4.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends r{constructor(){super(...arguments);this.fixed=!1}connectedCallback(){super.connectedCallback(),this.setCalculatedHeightProperty=this.setCalculatedHeightProperty.bind(this),this.addResizeObserver=this.addResizeObserver.bind(this)}firstUpdated(){this.toggleHeightCalculation()}toggleHeightCalculation(){var e;this.fixed?(this.setCalculatedHeightProperty(),this.addResizeObserver()):(this.setCalculatedHeightProperty(),(e=this.resizeObserver)==null||e.disconnect(),this.resizeObserver=void 0)}disconnectedCallback(){super.disconnectedCallback()}updated(e){super.updated(e),e.has("fixed")&&this.toggleHeightCalculation()}onResize(){this.fixed&&this.setCalculatedHeightProperty()}addResizeObserver(){this.resizeObserver=new ResizeObserver(()=>{this.onResize()}),this.refHeaderElement&&this.resizeObserver.observe(this.refHeaderElement)}setCalculatedHeightProperty(){this.fixed&&this.refHeaderElement?document.documentElement.style.setProperty("--sd-header-calculated-height",`${this.refHeaderElement.clientHeight}px`):document.documentElement.style.removeProperty("--sd-header-calculated-height")}render(){return a`<header class="w-full bg-white relative" role="banner" @slotchange="${this.handleSlotChange}"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`}handleSlotChange(e){e.target.assignedElements().length>0&&(this.refHeaderElement=e.currentTarget,this.setCalculatedHeightProperty())}};t.styles=[...r.styles,s`:host{display:block}:host([fixed]){left:var(--sd-spacing-0,0);position:fixed;top:var(--sd-spacing-0,0);width:100%}:host([fixed]) header:after{background:var(--gradient-vertical-black-40-transparent,linear-gradient(0deg,#18181800 50%,#18181866 100%));content:"";height:var(--sd-spacing-2,.5rem);left:var(--sd-spacing-0,0);position:absolute;right:var(--sd-spacing-0,0);top:100%}[part=main]{max-width:var(--sd-header-inner-max-width);padding:var(--sd-header-padding,12px 16px);width:var(--sd-header-inner-width)}`],i([l({reflect:!0,type:Boolean})],t.prototype,"fixed",2),i([o(100)],t.prototype,"onResize",1),t=i([d("sd-4-5-1-header")],t);export{t as a};

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

@@ -1 +1 @@
-var p=t=>Array.from(t.assignedElements({flatten:!0})),o=t=>t.tagName.toLocaleLowerCase()==="sd-4-4-2-option"?t:Array.from(t.querySelectorAll(":scope > sd-4-4-2-option")),e=t=>t.tagName.toLocaleLowerCase()==="sd-4-4-2-optgroup",r=t=>t.map(o),n=t=>t.filter(e),s=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase();export{p as a,o as b,e as c,r as d,n as e,s as f};
+var p=t=>Array.from(t.assignedElements({flatten:!0})),o=t=>t.tagName.toLocaleLowerCase()==="sd-4-5-1-option"?t:Array.from(t.querySelectorAll(":scope > sd-4-5-1-option")),e=t=>t.tagName.toLocaleLowerCase()==="sd-4-5-1-optgroup",r=t=>t.map(o),n=t=>t.filter(e),s=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase();export{p as a,o as b,e as c,r as d,n as e,s as f};

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

@@ -1 +1 @@
-import{a as r}from"./chunk.E2DRD2OX.js";import{a as p}from"./chunk.6HO6CE4A.js";import{a}from"./chunk.26V4EXHB.js";import{a as d,b as o,h as n}from"./chunk.5AILWWY2.js";import{b as m,e as s}from"./chunk.IRWHG2Q4.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-4-4-2-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-4-4-2-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-4-4-2-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-4-4-2-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-4-4-2-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-4-4-2-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-4-4-2-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-4-4-2-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-4-4-2-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],e([o({reflect:!0})],t.prototype,"size",2),e([o({reflect:!0})],t.prototype,"orientation",2),e([o()],t.prototype,"label",2),e([o({attribute:"help-text"})],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-4-4-2-checkbox-group")],t);export{t as a};
+import{a as r}from"./chunk.E2DRD2OX.js";import{a as p}from"./chunk.6HO6CE4A.js";import{a}from"./chunk.26V4EXHB.js";import{a as d,b as o,h as n}from"./chunk.5AILWWY2.js";import{b as m,e as s}from"./chunk.IRWHG2Q4.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-4-5-1-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-4-5-1-checkbox")?this.syncCheckboxElements():customElements.whenDefined("sd-4-5-1-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-4-5-1-checkbox){display:flex;margin-bottom:var(--sd-spacing-2,.5rem)}:host([orientation=vertical]) ::slotted(sd-4-5-1-checkbox:last-of-type){margin-bottom:var(--sd-spacing-0,0)}:host([orientation=horizontal]) ::slotted(sd-4-5-1-checkbox){margin-right:var(--sd-spacing-6,1.5rem)}:host([orientation=horizontal]) ::slotted(sd-4-5-1-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-4-5-1-checkbox){margin-right:var(--sd-spacing-4,1rem)}:host([orientation=horizontal]):host([size=sm]) ::slotted(sd-4-5-1-checkbox:last-of-type){margin-right:var(--sd-spacing-0,0)}`],e([o({reflect:!0})],t.prototype,"size",2),e([o({reflect:!0})],t.prototype,"orientation",2),e([o()],t.prototype,"label",2),e([o({attribute:"help-text"})],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-4-5-1-checkbox-group")],t);export{t as a};

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

@@ -1 +1 @@
-import{a as h}from"./chunk.6HO6CE4A.js";import{a as e}from"./chunk.26V4EXHB.js";import{a as o,b as n,d,h as i}from"./chunk.5AILWWY2.js";import{b as l,e as s}from"./chunk.IRWHG2Q4.js";import{e as r}from"./chunk.TJOCV4DC.js";var t=class extends i{constructor(){super(...arguments);this.variant="white";this.hasSlotController=new h(this,"[default]","media","meta","headline","expandable")}render(){let a={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return s`<div class="relative flex flex-col group" part="base"><div class="${e("mb-4",!a["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${e("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/[.8] to-60%",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/[.6] to-60%")}"></div><div class="${e({white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"bg-neutral-100/[.8] group-hover:bg-neutral-100/90",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"bg-primary-100/[.8] group-hover:bg-primary-100/90","gradient-light":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/[.6]  text-white"}[this.variant])}"><div class="flex-col text-left p-4" part="content"><div part="meta" class="${e("gap-2 mb-4",!a["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div><div part="headline" class="text-lg font-bold m-0"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div class="${e("hidden",a["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${e(!a["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div></div>`}};t.styles=[...i.styles,l`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}`],r([n({reflect:!0})],t.prototype,"variant",2),r([d('[part="base"]')],t.prototype,"teaserMedia",2),t=r([o("sd-4-4-2-teaser-media")],t);export{t as a};
+import{a as h}from"./chunk.6HO6CE4A.js";import{a as e}from"./chunk.26V4EXHB.js";import{a as o,b as n,d,h as i}from"./chunk.5AILWWY2.js";import{b as l,e as s}from"./chunk.IRWHG2Q4.js";import{e as r}from"./chunk.TJOCV4DC.js";var t=class extends i{constructor(){super(...arguments);this.variant="white";this.hasSlotController=new h(this,"[default]","media","meta","headline","expandable")}render(){let a={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline"),"teaser-has-expandable":this.hasSlotController.test("expandable")};return s`<div class="relative flex flex-col group" part="base"><div class="${e("mb-4",!a["teaser-has-media"]&&"hidden")}" part="media"><slot name="media"></slot></div><div class="absolute flex flex-col justify-end h-full w-full pb-4"><div class="${e("flex-1",this.variant==="gradient-light"&&"bg-gradient-to-t from-white/[.8] to-60%",this.variant==="gradient-dark"&&"bg-gradient-to-t from-primary-800/[.6] to-60%")}"></div><div class="${e({white:"bg-white/[.8] group-hover:bg-white/90","neutral-100":"bg-neutral-100/[.8] group-hover:bg-neutral-100/90",primary:"bg-primary/[.8] text-white group-hover:bg-primary/90","primary-100":"bg-primary-100/[.8] group-hover:bg-primary-100/90","gradient-light":"bg-gradient-to-t from-white/90 to-white/[.8]","gradient-dark":"bg-gradient-to-t from-primary-800/75 to-primary-800/[.6]  text-white"}[this.variant])}"><div class="flex-col text-left p-4" part="content"><div part="meta" class="${e("gap-2 mb-4",!a["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div><div part="headline" class="text-lg font-bold m-0"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div class="${e("hidden",a["teaser-has-expandable"]&&"h-[0px] invisible opacity-0 md:[transition:_height_0.2s_linear,opacity_0.1s_linear_0.1s] md:block md:group-hover:h-auto md:group-hover:my-4 md:group-hover:opacity-[100%] md:group-hover:visible")}" part="expandable" aria-hidden="true"><slot name="expandable"></slot></div><div part="main" class="${e(!a["teaser-has-default"]&&"hidden")}"><slot></slot></div></div></div></div></div>`}};t.styles=[...i.styles,l`:host{display:block}::slotted(*){margin:var(--sd-spacing-0,0)}::slotted([slot=headline]){font-size:var(--sd-font-size-lg,1.25rem)!important;font-weight:700;margin:var(--sd-spacing-0,0)!important}`],r([n({reflect:!0})],t.prototype,"variant",2),r([d('[part="base"]')],t.prototype,"teaserMedia",2),t=r([o("sd-4-5-1-teaser-media")],t);export{t as a};

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

@@ -1 +1 @@
-import{a as c}from"./chunk.IUC5UQ2V.js";import{b as m}from"./chunk.5ZILM4TA.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as b}from"./chunk.TNPIUMKG.js";import{a as s}from"./chunk.26V4EXHB.js";import{a as d,b as a,d as n,h as o}from"./chunk.5AILWWY2.js";import{b as r}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.localize=new b(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:i}=this;this.defaultSlot.assignedElements().filter(l=>l.tagName.toLowerCase()==="sd-4-4-2-option").forEach(l=>{l.disabled=i})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:i}=this;return m`<div role="${i?"presentation":"group"}" class="${s(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-4-4-2-divider id="divider" class="pt-2 pb-4" part="divider"></sd-4-4-2-divider><div part="label-container" class="${s(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>`}};e.dependencies={"sd-4-4-2-divider":c},e.styles=[...o.styles,r`:host{--display-divider:block}#divider{display:var(--display-divider)}`],t([n("slot:not([name])")],e.prototype,"defaultSlot",2),t([a({reflect:!0,type:Boolean})],e.prototype,"disabled",2),t([a()],e.prototype,"label",2),t([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-4-4-2-optgroup")],e);export{e as a};
+import{a as c}from"./chunk.IUC5UQ2V.js";import{b as m}from"./chunk.5ZILM4TA.js";import{a as p}from"./chunk.E2DRD2OX.js";import{a as b}from"./chunk.TNPIUMKG.js";import{a as s}from"./chunk.26V4EXHB.js";import{a as d,b as a,d as n,h as o}from"./chunk.5AILWWY2.js";import{b as r}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.localize=new b(this);this.disabled=!1;this.label=""}handleDisableOptions(){let{disabled:i}=this;this.defaultSlot.assignedElements().filter(l=>l.tagName.toLowerCase()==="sd-4-5-1-option").forEach(l=>{l.disabled=i})}handleDisabledChange(){this.handleDisableOptions()}render(){let{disabled:i}=this;return m`<div role="${i?"presentation":"group"}" class="${s(this.disabled?"text-neutral-500":"")}" part="base" aria-labelledby="group-label"><sd-4-5-1-divider id="divider" class="pt-2 pb-4" part="divider"></sd-4-5-1-divider><div part="label-container" class="${s(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>`}};e.dependencies={"sd-4-5-1-divider":c},e.styles=[...o.styles,r`:host{--display-divider:block}#divider{display:var(--display-divider)}`],t([n("slot:not([name])")],e.prototype,"defaultSlot",2),t([a({reflect:!0,type:Boolean})],e.prototype,"disabled",2),t([a()],e.prototype,"label",2),t([p("disabled",{waitUntilFirstUpdate:!0})],e.prototype,"handleDisabledChange",1),e=t([d("sd-4-5-1-optgroup")],e);export{e as a};

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

@@ -1 +1 @@
-import{a as n,b as i,g as c,h as o}from"./chunk.5AILWWY2.js";import{b as a,e as l}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.closeOthers=!1;this.handleAccordionShow=r=>{this.closeOthers&&this._accordionsInDefaultSlot.forEach(s=>{s!==r.target&&s.parentNode===r.target.parentNode&&s.removeAttribute("open")})}}connectedCallback(){super.connectedCallback(),this.addEventListener("sd-show",this.handleAccordionShow)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sd-show",this.handleAccordionShow)}render(){return l`<div part="base"><slot></slot></div>`}};e.styles=[...o.styles,a`:host{display:block}::slotted(sd-4-4-2-accordion:not(:first-of-type)){margin-top:-1px}`],t([c({selector:"sd-4-4-2-accordion"})],e.prototype,"_accordionsInDefaultSlot",2),t([i({attribute:"close-others",type:Boolean})],e.prototype,"closeOthers",2),e=t([n("sd-4-4-2-accordion-group")],e);export{e as a};
+import{a as n,b as i,g as c,h as o}from"./chunk.5AILWWY2.js";import{b as a,e as l}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends o{constructor(){super(...arguments);this.closeOthers=!1;this.handleAccordionShow=r=>{this.closeOthers&&this._accordionsInDefaultSlot.forEach(s=>{s!==r.target&&s.parentNode===r.target.parentNode&&s.removeAttribute("open")})}}connectedCallback(){super.connectedCallback(),this.addEventListener("sd-show",this.handleAccordionShow)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("sd-show",this.handleAccordionShow)}render(){return l`<div part="base"><slot></slot></div>`}};e.styles=[...o.styles,a`:host{display:block}::slotted(sd-4-5-1-accordion:not(:first-of-type)){margin-top:-1px}`],t([c({selector:"sd-4-5-1-accordion"})],e.prototype,"_accordionsInDefaultSlot",2),t([i({attribute:"close-others",type:Boolean})],e.prototype,"closeOthers",2),e=t([n("sd-4-5-1-accordion-group")],e);export{e as a};

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

@@ -1 +1 @@
-import{a as o}from"./chunk.E2DRD2OX.js";import{a as u}from"./chunk.6HO6CE4A.js";import{a as i}from"./chunk.26V4EXHB.js";import{a as h,b as a,c as r,d,h as n}from"./chunk.5AILWWY2.js";import{b as c,e as s}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new u(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!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 l=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=l;return}l!==this.cachedTextLabel&&(this.cachedTextLabel=l,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 l;return((l=this.textContent)!=null?l:"").trim()}render(){let l={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return s`<div part="base" class="${i("px-4 flex items-center w-full transition-all 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-500 cursor-not-allowed":"cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${i("absolute w-full left-0 top-0 pointer-events-none transition-all duration-150 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?s`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${i("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":"border-neutral-800")}">${this.selected?s`<sd-4-4-2-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-4-4-2-icon>`:""}</span>`:""} ${l.left?s`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${l.right?s`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};e.styles=[...n.styles,c`:host{display:block;outline:2px solid transparent!important;outline-offset:2px!important;position:relative;width:100%}`],t([d('[part="base"]')],e.prototype,"defaultSlot",2),t([r()],e.prototype,"current",2),t([r()],e.prototype,"selected",2),t([r()],e.prototype,"hasHover",2),t([a({reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checkbox",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a({reflect:!0})],e.prototype,"value",2),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("selected")],e.prototype,"handleSelectedChange",1),t([o("value")],e.prototype,"handleValueChange",1),e=t([h("sd-4-4-2-option")],e);export{e as a};
+import{a as o}from"./chunk.E2DRD2OX.js";import{a as u}from"./chunk.6HO6CE4A.js";import{a as i}from"./chunk.26V4EXHB.js";import{a as h,b as a,c as r,d,h as n}from"./chunk.5AILWWY2.js";import{b as c,e as s}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends n{constructor(){super(...arguments);this.hasSlotController=new u(this,"default","left","right");this.current=!1;this.selected=!1;this.hasHover=!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 l=this.getTextLabel();if(typeof this.cachedTextLabel=="undefined"){this.cachedTextLabel=l;return}l!==this.cachedTextLabel&&(this.cachedTextLabel=l,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 l;return((l=this.textContent)!=null?l:"").trim()}render(){let l={default:this.hasSlotController.test("default"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right")};return s`<div part="base" class="${i("px-4 flex items-center w-full transition-all 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-500 cursor-not-allowed":"cursor-pointer",this.hasHover&&!this.disabled?"bg-neutral-200":"",this.current&&"bg-neutral-200")}" @mouseenter="${this.handleMouseEnter}" @mouseleave="${this.handleMouseLeave}"><span class="${i("absolute w-full left-0 top-0 pointer-events-none transition-all duration-150 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?s`<span id="control" part="control ${this.selected?" control--checked":"control--unchecked"}" class="${i("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":"border-neutral-800")}">${this.selected?s`<sd-4-5-1-icon part="checked-icon" class="text-white w-3 h-3" library="system" name="status-check"></sd-4-5-1-icon>`:""}</span>`:""} ${l.left?s`<slot name="left" part="left" class="inline-flex mr-2"></slot>`:""}<slot part="label" class="inline-block flex-grow" @slotchange="${this.handleDefaultSlotChange}"></slot>${l.right?s`<slot name="right" part="right" class="inline-flex ml-2"></slot>`:""}</div>`}};e.styles=[...n.styles,c`:host{display:block;outline:2px solid transparent!important;outline-offset:2px!important;position:relative;width:100%}`],t([d('[part="base"]')],e.prototype,"defaultSlot",2),t([r()],e.prototype,"current",2),t([r()],e.prototype,"selected",2),t([r()],e.prototype,"hasHover",2),t([a({reflect:!0})],e.prototype,"size",2),t([a({type:Boolean,reflect:!0})],e.prototype,"checkbox",2),t([a({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([a({reflect:!0})],e.prototype,"value",2),t([o("disabled")],e.prototype,"handleDisabledChange",1),t([o("selected")],e.prototype,"handleSelectedChange",1),t([o("value")],e.prototype,"handleValueChange",1),e=t([h("sd-4-5-1-option")],e);export{e as a};

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

@@ -0,0 +1 @@
+import{a as i}from"./chunk.HE2LNCWW.js";import{a as l,b as m}from"./chunk.5ZILM4TA.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as h,b as a,h as c}from"./chunk.5AILWWY2.js";import{b as v,f as s}from"./chunk.IRWHG2Q4.js";import{e}from"./chunk.TJOCV4DC.js";var t=class extends c{constructor(){super(...arguments);this.variant="main";this.state="default";this.animated=!1;this.notInteractive=!1;this.href="";this.label="";this.marker={cluster:s`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" opacity="1" r="20"/><circle cx="25" cy="25" opacity=".3" r="25"/></svg>`,main:s`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 75"><path d="M51 49A29 29 0 0 0 30 0 29 29 0 0 0 9 49l21 22 21-22Z"/><circle cx="30" cy="28" r="10" fill="#fff"/></svg>`,place:s`<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 r=this.isLink(),o=this.notInteractive?l`div`:r?l`a`:l`button`;return m`<${o} part="base" class="${n("flex justify-center",!this.notInteractive&&"focus:outline focus:outline-2 focus:outline-primary focus:outline-offset-2")}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" role="${i(this.notInteractive||r?void 0:"button")}" aria-label="${i(!this.notInteractive&&this.label?this.label:void 0)}" aria-labelledby="${i(!this.notInteractive&&!this.label?"content":void 0)}"><div part="marker" class="${n("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-all duration-200 ease-in-out hover:scale-110 hover:fill-primary-500",this.variant==="main"&&this.state==="hover"&&"fill-accent-550",this.variant==="main"&&this.state==="active"&&"fill-accent-700",this.variant==="main"&&!this.notInteractive&&"hover:fill-accent-550 active:fill-accent-700",this.variant==="place"&&this.state==="default"&&"fill-white",this.variant==="place"&&this.state==="hover"&&"fill-primary-100",this.variant==="place"&&this.state==="active"&&"fill-primary-200",this.variant==="place"&&!this.notInteractive&&"hover:fill-primary-100",{cluster:"fill-primary",main:"fill-accent",place:""}[this.variant])}">${this.marker[this.variant]}</div><div id="content" part="content" class="${n("absolute self-center pointer-events-none",this.variant==="cluster"&&"font-bold text-white")}"><slot></slot></div></${o}>`}};t.styles=[...c.styles,v`:host{display:block}: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)}`],e([a({reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0})],t.prototype,"state",2),e([a({type:Boolean,reflect:!0})],t.prototype,"animated",2),e([a({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),e([a()],t.prototype,"href",2),e([a()],t.prototype,"target",2),e([a()],t.prototype,"label",2),t=e([h("sd-4-5-1-map-marker")],t);export{t as a};

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

@@ -8,4 +8,4 @@ import{b as y,c as g}from"./chunk.65NSSTJE.js";import{a}from"./chunk.HE2LNCWW.js
           disabled:text-neutral-500 disabled:border-neutral-500`,tertiary:this.inverted?`border-transparent ${this.visuallyDisabled?"text-neutral-600 hover:text-neutral-600 active:text-neutral-600":"text-white hover:text-primary-100 hover:bg-primary-500 active:text-primary-200 active:bg-primary-800"}
           disabled:text-neutral-600`:`border-transparent ${this.visuallyDisabled?"text-neutral-500 hover:text-neutral-500 active:text-neutral-500":"text-primary hover:text-primary-500 hover:bg-primary-100 active:text-primary-800 active:bg-primary-200"}
           disabled:text-neutral-500`,cta:`text-white ${this.visuallyDisabled?"bg-neutral-500 hover:bg-neutral-500 active:bg-neutral-500":"bg-accent-500 border-transparent hover:bg-accent-550 active:bg-accent-700"}
-          ${this.inverted?"disabled:bg-neutral-600":"disabled:bg-neutral-500"} disabled:text-white`}[this.variant])}" ?disabled="${a(r?void 0:this.disabled)}" type="${a(r?void 0:this.type)}" title="${this.title}" name="${a(r?void 0:this.name)}" value="${a(r?void 0:this.value)}" href="${a(r?this.href:void 0)}" target="${a(r?this.target:void 0)}" download="${a(r?this.download:void 0)}" rel="${a(r&&this.target?"noreferrer noopener":void 0)}" role="${a(r?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${o("flex flex-auto items-center pointer-events-none",l["icon-only"]&&"hidden",this.loading&&"invisible",l["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${o(l["icon-only"]?"flex flex-auto items-center pointer-events-none":"inline-block",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${o("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",l["icon-only"]&&"hidden",l["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-4-4-2-spinner class="${o("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-4-4-2-spinner>`:""}</${s}>`}};t.styles=[...n.styles,h`:host{cursor:pointer;display:inline-block;position:relative;width:var(--sd-spacing-auto,auto)}sd-4-4-2-spinner{--indicator-color:currentColor;--track-color:var(--tw-varcolor-200)}::slotted(sd-4-4-2-badge){pointer-events:none;position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);--tw-translate-x:50%!important;--tw-translate-y:-50%!important;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))!important}::slotted(sd-4-4-2-icon),sd-4-4-2-spinner{font-size:calc(var(--tw-varspacing)/2)}`],e([b("a, button")],t.prototype,"button",2),e([p({selector:"sd-4-4-2-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([c()],t.prototype,"invalid",2),e([i()],t.prototype,"title",2),e([i({reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([i()],t.prototype,"type",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i()],t.prototype,"href",2),e([i()],t.prototype,"target",2),e([i()],t.prototype,"download",2),e([i()],t.prototype,"form",2),e([i({attribute:"formaction"})],t.prototype,"formAction",2),e([i({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([i({attribute:"formmethod"})],t.prototype,"formMethod",2),e([i({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([i({attribute:"formtarget"})],t.prototype,"formTarget",2),e([v("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([m("sd-4-4-2-button")],t);export{t as a};
+          ${this.inverted?"disabled:bg-neutral-600":"disabled:bg-neutral-500"} disabled:text-white`}[this.variant])}" ?disabled="${a(r?void 0:this.disabled)}" type="${a(r?void 0:this.type)}" title="${this.title}" name="${a(r?void 0:this.name)}" value="${a(r?void 0:this.value)}" href="${a(r?this.href:void 0)}" target="${a(r?this.target:void 0)}" download="${a(r?this.download:void 0)}" rel="${a(r&&this.target?"noreferrer noopener":void 0)}" role="${a(r?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${o("flex flex-auto items-center pointer-events-none",l["icon-only"]&&"hidden",this.loading&&"invisible",l["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${o(l["icon-only"]?"flex flex-auto items-center pointer-events-none":"inline-block",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${o("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",l["icon-only"]&&"hidden",l["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-4-5-1-spinner class="${o("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-4-5-1-spinner>`:""}</${s}>`}};t.styles=[...n.styles,h`:host{cursor:pointer;display:inline-block;position:relative;width:var(--sd-spacing-auto,auto)}sd-4-5-1-spinner{--indicator-color:currentColor;--track-color:var(--tw-varcolor-200)}::slotted(sd-4-5-1-badge){pointer-events:none;position:absolute;right:var(--sd-spacing-0,0);top:var(--sd-spacing-0,0);--tw-translate-x:50%!important;--tw-translate-y:-50%!important;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))!important}::slotted(sd-4-5-1-icon),sd-4-5-1-spinner{font-size:calc(var(--tw-varspacing)/2)}`],e([b("a, button")],t.prototype,"button",2),e([p({selector:"sd-4-5-1-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([c()],t.prototype,"invalid",2),e([i()],t.prototype,"title",2),e([i({reflect:!0})],t.prototype,"variant",2),e([i({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([i({reflect:!0})],t.prototype,"size",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([i()],t.prototype,"type",2),e([i()],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i()],t.prototype,"href",2),e([i()],t.prototype,"target",2),e([i()],t.prototype,"download",2),e([i()],t.prototype,"form",2),e([i({attribute:"formaction"})],t.prototype,"formAction",2),e([i({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([i({attribute:"formmethod"})],t.prototype,"formMethod",2),e([i({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([i({attribute:"formtarget"})],t.prototype,"formTarget",2),e([v("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([m("sd-4-5-1-button")],t);export{t as a};

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

@@ -1 +1 @@
-import{c}from"./chunk.3L472FD4.js";import{a as w}from"./chunk.TNPIUMKG.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.5AILWWY2.js";import{b as f,e as h}from"./chunk.IRWHG2Q4.js";import{a as p,e as n}from"./chunk.TJOCV4DC.js";var r=class extends v{constructor(){super(...arguments);this.localize=new w(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-4-4-2-tab"),customElements.whenDefined("sd-4-4-2-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}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(e=>t.includeDisabled?e.tagName.toLowerCase()==="sd-4-4-2-tab":e.tagName.toLowerCase()==="sd-4-4-2-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-4-4-2-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-4-4-2-tab");(e==null?void 0:e.closest("sd-4-4-2-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-4-4-2-tab");if((e==null?void 0:e.closest("sd-4-4-2-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-4-4-2-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){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-4-4-2-icon library="system" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-4-2-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-4-4-2-icon library="system" name="${t?"chevron-down":"chevron-up"}" label="next" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-4-2-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-4-4-2-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-4-4-2-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()],r.prototype,"activation",2),r=n([m("sd-4-4-2-tab-group")],r);export{r as a};
+import{c}from"./chunk.3L472FD4.js";import{a as w}from"./chunk.TNPIUMKG.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.5AILWWY2.js";import{b as f,e as h}from"./chunk.IRWHG2Q4.js";import{a as p,e as n}from"./chunk.TJOCV4DC.js";var r=class extends v{constructor(){super(...arguments);this.localize=new w(this);this.tabs=[];this.panels=[];this.hasScrollControls=!1;this.variant="default";this.activation="auto"}connectedCallback(){let t=Promise.all([customElements.whenDefined("sd-4-5-1-tab"),customElements.whenDefined("sd-4-5-1-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}){return[...this.shadowRoot.querySelector('slot[name="nav"]').assignedElements()].filter(e=>t.includeDisabled?e.tagName.toLowerCase()==="sd-4-5-1-tab":e.tagName.toLowerCase()==="sd-4-5-1-tab"&&!e.disabled)}getAllPanels(){return[...this.body.assignedElements()].filter(t=>t.tagName.toLowerCase()==="sd-4-5-1-tab-panel")}getActiveTab(){return this.tabs.find(t=>t.matches(":focus"))}handleClick(t){let e=t.target.closest("sd-4-5-1-tab");(e==null?void 0:e.closest("sd-4-5-1-tab-group"))===this&&e!==null&&this.setActiveTab(e,{scrollBehavior:"smooth"})}handleKeyDown(t){let e=t.target.closest("sd-4-5-1-tab");if((e==null?void 0:e.closest("sd-4-5-1-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-4-5-1-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){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-4-5-1-icon library="system" name="${t?"chevron-up":"chevron-down"}" label="previous" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-5-1-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-4-5-1-icon library="system" name="${t?"chevron-down":"chevron-up"}" label="next" class="${o("h-6 w-12 rotate-90 grid place-items-center")}"></sd-4-5-1-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-4-5-1-tab-panel){outline-color:rgb(var(--sd-color-primary,0 53 142)/1);outline-offset:2px;outline-style:solid;outline-width:2px}::slotted(sd-4-5-1-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()],r.prototype,"activation",2),r=n([m("sd-4-5-1-tab-group")],r);export{r 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-4-4-2-accordion': SdAccordion;
+        'sd-4-5-1-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-4-4-2-accordion-group': SdAccordionGroup;
+        'sd-4-5-1-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-4-4-2-animation': SdAnimation;
+        'sd-4-5-1-animation': SdAnimation;
     }
 }

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

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

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

@@ -8,6 +8,6 @@ export default class SdBadge extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-badge': SdBadge;
+        'sd-4-5-1-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-4-4-2-brandshape': SdBrandshape;
+        'sd-4-5-1-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-4-4-2-button': SdButton;
+        'sd-4-5-1-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-4-4-2-button-group': SdButtonGroup;
+        'sd-4-5-1-button-group': SdButtonGroup;
     }
 }

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

@@ -53,6 +53,6 @@ export default class SdCarousel extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-carousel': SdCarousel;
+        'sd-4-5-1-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-4-4-2-carousel-item': SdCarouselItem;
+        'sd-4-5-1-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-4-4-2-checkbox': SdCheckbox;
+        'sd-4-5-1-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-4-4-2-checkbox-group': SdCheckboxGroup;
+        'sd-4-5-1-checkbox-group': SdCheckboxGroup;
     }
 }

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

@@ -9,9 +9,9 @@ import type SdOptgroup from '../optgroup/optgroup.js';
 import type SdOption from '../option/option';
 export default class SdCombobox extends SolidElement implements SolidFormControl {
     static dependencies: {
-        'sd-4-4-2-icon': typeof SdIcon;
-        'sd-4-4-2-popup': typeof SdPopup;
-        'sd-4-4-2-tag': typeof SdTag;
+        'sd-4-5-1-icon': typeof SdIcon;
+        'sd-4-5-1-popup': typeof SdPopup;
+        'sd-4-5-1-tag': typeof SdTag;
     };
     private readonly formControlController;
     private readonly hasSlotController;
@@ -126,6 +126,6 @@ export default class SdCombobox extends SolidElement implements SolidFormControl
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-combobox': SdCombobox;
+        'sd-4-5-1-combobox': SdCombobox;
     }
 }

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

@@ -28,6 +28,6 @@ export default class SdDialog extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-dialog': SdDialog;
+        'sd-4-5-1-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-4-4-2-divider': SdDivider;
+        'sd-4-5-1-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-4-4-2-drawer': SdDrawer;
+        'sd-4-5-1-drawer': SdDrawer;
     }
 }

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

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

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

@@ -18,6 +18,6 @@ export default class SdExpandable extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-expandable': SdExpandable;
+        'sd-4-5-1-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-4-4-2-flipcard': SdFlipcard;
+        'sd-4-5-1-flipcard': SdFlipcard;
     }
 }

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

@@ -18,6 +18,6 @@ export default class SdHeader extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-header': SdHeader;
+        'sd-4-5-1-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-4-4-2-icon': SdIcon;
+        'sd-4-5-1-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-4-4-2-include': SdInclude;
+        'sd-4-5-1-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-4-4-2-input': SdInput;
+        'sd-4-5-1-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-4-4-2-link': SdLink;
+        'sd-4-5-1-link': SdLink;
     }
 }

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

@@ -7,6 +7,7 @@ export default class SdMapMarker extends SolidElement {
     notInteractive: boolean;
     href: string;
     target: '_blank' | '_parent' | '_self' | '_top';
+    label: string;
     private handleBlur;
     private handleFocus;
     private isLink;
@@ -18,6 +19,6 @@ export default class SdMapMarker extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-map-marker': SdMapMarker;
+        'sd-4-5-1-map-marker': SdMapMarker;
     }
 }

package/cdn-versioned/components/map-marker/map-marker.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.4QAJB6AU.js";import"../../chunks/chunk.HE2LNCWW.js";import"../../chunks/chunk.5ZILM4TA.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.5AILWWY2.js";import"../../chunks/chunk.IRWHG2Q4.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};
+import{a}from"../../chunks/chunk.YBNWPLWL.js";import"../../chunks/chunk.HE2LNCWW.js";import"../../chunks/chunk.5ZILM4TA.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.5AILWWY2.js";import"../../chunks/chunk.IRWHG2Q4.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};

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

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

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

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

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

@@ -3,7 +3,7 @@ import SolidElement from '../../internal/solid-element';
 export default class SdOptgroup extends SolidElement {
     private readonly localize;
     static dependencies: {
-        'sd-4-4-2-divider': typeof SdDivider;
+        'sd-4-5-1-divider': typeof SdDivider;
     };
     defaultSlot: HTMLSlotElement;
     private handleDisableOptions;
@@ -15,6 +15,6 @@ export default class SdOptgroup extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-optgroup': SdOptgroup;
+        'sd-4-5-1-optgroup': SdOptgroup;
     }
 }

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

@@ -24,6 +24,6 @@ export default class SdOption extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-option': SdOption;
+        'sd-4-5-1-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-4-4-2-popup': SdPopup;
+        'sd-4-5-1-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-4-4-2-quickfact': SdQuickfact;
+        'sd-4-5-1-quickfact': SdQuickfact;
     }
 }

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

@@ -23,6 +23,6 @@ export default class SdRadio extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-radio': SdRadio;
+        'sd-4-5-1-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-4-4-2-radio-button': SdRadioButton;
+        'sd-4-5-1-radio-button': SdRadioButton;
     }
 }

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

@@ -4,7 +4,7 @@ import SolidElement from '../../internal/solid-element';
 import type { SolidFormControl } from '../../internal/solid-element';
 export default class SdRadioGroup extends SolidElement implements SolidFormControl {
     static dependencies: {
-        'sd-4-4-2-button-group': typeof SdButtonGroup;
+        'sd-4-5-1-button-group': typeof SdButtonGroup;
     };
     protected readonly formControlController: FormControlController;
     private readonly hasSlotController;
@@ -49,6 +49,6 @@ export default class SdRadioGroup extends SolidElement implements SolidFormContr
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-4-4-2-radio-group': SdRadioGroup;
+        'sd-4-5-1-radio-group': SdRadioGroup;
     }
 }

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

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