@solid-design-system/components 6.23.0 → 6.24.0

package/cdn-versioned/chunks/chunk.3NV5EFHF.js

@@ -1,12 +1,12 @@
 import{b as y,c as f}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c,b as u}from"./chunk.NL7YFV4O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as g}from"./chunk.NYKJXI3Q.js";import{a as v,b as o,c as h,d as m,g as p,h as l}from"./chunk.VMZSSKC5.js";import{b}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends l{constructor(){super(...arguments);this.formControlController=new y(this,{form:r=>{if(r.hasAttribute("form")){let a=r.getRootNode(),n=r.getAttribute("form");return a.getElementById(n)}return r.closest("form")}});this.hasSlotController=new k(this,"[default]","icon-left","icon-right");this.invalid=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:f}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(r){if(this.disabled||this.loading||this.visuallyDisabled){r.preventDefault(),r.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(r){this.isButton()&&(this.button.setCustomValidity(r),this.formControlController.updateValidity())}render(){let r=this.isLink(),a=r?c`a`:c`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary";return u`<${a} part="base" class="${s(`group relative z-10 font-md no-underline
         w-full align-middle inline-flex items-stretch justify-center
         transition-colors duration-fast ease-in-out
-        select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-23-0-button--size-sm-font-size sd-6-23-0-button-font-weight sd-6-23-0-button--secondary--size-sm-padding-block sd-6-23-0-button--size-sm-border-radius",md:"varspacing-10 sd-6-23-0-button--size-md-height sd-6-23-0-button--size-md-font-size sd-6-23-0-button--secondary--size-md-padding-block sd-6-23-0-button-font-weight sd-6-23-0-button--size-md-border-radius",lg:"varspacing-12 sd-6-23-0-button--size-lg-height sd-6-23-0-button--size-lg-font-size sd-6-23-0-button--secondary--size-lg-padding-block sd-6-23-0-button-font-weight sd-6-23-0-button--size-lg-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-6-23-0-button--secondary-padding-inline":"sd-6-23-0-button--size-sm-padding-block sd-6-23-0-button-padding-inline"}`,md:`${d?"sd-6-23-0-button--secondary-padding-inline":"sd-6-23-0-button--size-md-padding-block sd-6-23-0-button-padding-inline"}`,lg:`${d?"sd-6-23-0-button--secondary-padding-inline":"sd-6-23-0-button--size-lg-padding-block sd-6-23-0-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-23-0-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-6-23-0-button--inverted--disabled-color-background text-white border-neutral-500":"sd-6-23-0-button--primary--inverted--default-color-text sd-6-23-0-button--primary--inverted--default-color-background border-white hover:sd-6-23-0-button--primary--inverted--hover-color-text active:sd-6-23-0-button--primary--inverted--active-color-text active:sd-6-23-0-button--primary--inverted--active-color-background"}
-          disabled:sd-6-23-0-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-6-23-0-button--primary--disabled-color-background border-neutral-500 text-white":"sd-6-23-0-button--primary--default-color-background border-transparent sd-6-23-0-button--primary--default-color-text hover:sd-6-23-0-button--primary--hover-color-text active:sd-6-23-0-button--primary--active-color-text active:sd-6-23-0-button--primary--active-color-background"}
-          disabled:sd-6-23-0-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-6-23-0-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-6-23-0-button--secondary--inverted-color-text sd-6-23-0-button--secondary--inverted-color-border hover:sd-6-23-0-button--secondary--inverted-color-border hover:sd-6-23-0-button--secondary--inverted--hover-color-text hover:sd-6-23-0-button--secondary--inverted--hover-color-background active:sd-6-23-0-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-23-0-button--secondary--inverted--active-color-background"}
-          disabled:sd-6-23-0-button--inverted--disabled-color-border disabled:sd-6-23-0-button--inverted--disabled-color-text`:`border sd-6-23-0-button-border-width ${this.visuallyDisabled?"sd-6-23-0-button--secondary--disabled-color-text sd-6-23-0-button--secondary--disabled-color-border":"sd-6-23-0-button--secondary--default-color-text sd-6-23-0-button--secondary--default-color-border hover:sd-6-23-0-button--secondary--hover-color-text hover:sd-6-23-0-button--secondary--hover-color-border active:sd-6-23-0-button--secondary--active-color-text active:sd-6-23-0-button--secondary--active-color-border"}
-          disabled:sd-6-23-0-button--secondary--disabled-color-text disabled:sd-6-23-0-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-6-23-0-button--tertiary--inverted-color-text hover:sd-6-23-0-button--tertiary--inverted--hover-color-text hover:sd-6-23-0-button--tertiary--inverted--hover-color-background active:sd-6-23-0-button--tertiary--inverted--active-color-background active:sd-6-23-0-button--tertiary--inverted--active-color-text"}
-          disabled:sd-6-23-0-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-23-0-button--tertiary--disabled-color-text":"sd-6-23-0-button--tertiary--default-color-text hover:sd-6-23-0-button--tertiary--hover-color-text active:sd-6-23-0-button--tertiary--active-color-text"}
-          disabled:sd-6-23-0-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-6-23-0-button--primary--disabled-color-background border-neutral-500":"bg-accent border-transparent hover:bg-accent-500"}
-          ${this.inverted?"sd-6-23-0-button--cta--inverted--default-color-background sd-6-23-0-button--cta--inverted--default-color-text hover:sd-6-23-0-button--cta--inverted--hover-color-text active:sd-6-23-0-button--cta--inverted--active-color-text disabled:sd-6-23-0-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-6-23-0-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white"}`}[this.variant])}" ?disabled="${i(r?void 0:this.disabled)}" type="${i(r?void 0:this.type)}" title="${this.title}" name="${i(r?void 0:this.name)}" value="${i(r?void 0:this.value)}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" download="${i(r?this.download:void 0)}" rel="${i(r&&this.target?"noreferrer noopener":void 0)}" role="${i(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}"><div part="motion-wrapper" class="${s("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-23-0-button-border-radius",md:"sd-6-23-0-button-border-radius",lg:"sd-6-23-0-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${s("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",{primary:this.inverted?"sd-6-23-0-button--primary--inverted--hover-color-background group-active:sd-6-23-0-button--primary--inverted--active-color-background":"sd-6-23-0-button--primary--hover-color-background group-active:sd-6-23-0-button--primary--active-color-background",secondary:this.inverted?"sd-6-23-0-button--secondary--inverted--hover-color-background group-active:sd-6-23-0-button--secondary--inverted--active-color-background group-active:sd-6-23-0-button--secondary--inverted--active-color-text":"sd-6-23-0-button--secondary--hover-color-background group-active:sd-6-23-0-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-23-0-button--tertiary--inverted--hover-color-background group-active:sd-6-23-0-button--tertiary--inverted--active-color-background group-active:sd-6-23-0-button--tertiary--inverted--active-color-text":"sd-6-23-0-button--tertiary--hover-color-background group-active:sd-6-23-0-button--tertiary--active-color-background",cta:this.inverted?"sd-6-23-0-button--cta--inverted--hover-color-background group-active:sd-6-23-0-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div><div class="${s("absolute w-full h-full mt-[22%]",{primary:this.inverted?"sd-6-23-0-button--primary--inverted--hover-color-background group-active:sd-6-23-0-button--primary--inverted--active-color-background":"sd-6-23-0-button--primary--hover-color-background group-active:sd-6-23-0-button--primary--active-color-background",secondary:this.inverted?"sd-6-23-0-button--secondary--inverted--hover-color-background group-active:sd-6-23-0-button--secondary--inverted--active-color-background group-active:sd-6-23-0-button--secondary--inverted--active-color-text group-active:sd-6-23-0-button--secondary--active-color-border":"sd-6-23-0-button--secondary--hover-color-background group-active:sd-6-23-0-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-23-0-button--tertiary--inverted--hover-color-background group-active:sd-6-23-0-button--tertiary--inverted--active-color-background group-active:sd-6-23-0-button--tertiary--inverted--active-color-text":"sd-6-23-0-button--tertiary--hover-color-background group-active:sd-6-23-0-button--tertiary--active-color-background",cta:this.inverted?"sd-6-23-0-button--cta--inverted--hover-color-background group-active:sd-6-23-0-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div></div></div><slot name="icon-left" part="icon-left" class="${s("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${s("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${s("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-6-23-0-loader class="${s("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-23-0-loader>`:""}</${a}>`}};t.styles=[...l.styles,b`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-23-0-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-23-0-icon),sd-6-23-0-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-23-0-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-23-0-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-23-0-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-23-0-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],e([m("a, button")],t.prototype,"button",2),e([p({selector:"sd-6-23-0-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([h()],t.prototype,"invalid",2),e([o({type:String,reflect:!0})],t.prototype,"title",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,reflect:!0})],t.prototype,"type",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:String,reflect:!0})],t.prototype,"target",2),e([o({reflect:!0})],t.prototype,"download",2),e([o({reflect:!0})],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([g("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([v("sd-6-23-0-button")],t);export{t as a};
+        select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-24-0-button--size-sm-font-size sd-6-24-0-button-font-weight sd-6-24-0-button--secondary--size-sm-padding-block sd-6-24-0-button--size-sm-border-radius",md:"varspacing-10 sd-6-24-0-button--size-md-height sd-6-24-0-button--size-md-font-size sd-6-24-0-button--secondary--size-md-padding-block sd-6-24-0-button-font-weight sd-6-24-0-button--size-md-border-radius",lg:"varspacing-12 sd-6-24-0-button--size-lg-height sd-6-24-0-button--size-lg-font-size sd-6-24-0-button--secondary--size-lg-padding-block sd-6-24-0-button-font-weight sd-6-24-0-button--size-lg-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-6-24-0-button--secondary-padding-inline":"sd-6-24-0-button--size-sm-padding-block sd-6-24-0-button-padding-inline"}`,md:`${d?"sd-6-24-0-button--secondary-padding-inline":"sd-6-24-0-button--size-md-padding-block sd-6-24-0-button-padding-inline"}`,lg:`${d?"sd-6-24-0-button--secondary-padding-inline":"sd-6-24-0-button--size-lg-padding-block sd-6-24-0-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-24-0-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-6-24-0-button--inverted--disabled-color-background text-white border-neutral-500":"sd-6-24-0-button--primary--inverted--default-color-text sd-6-24-0-button--primary--inverted--default-color-background border-white hover:sd-6-24-0-button--primary--inverted--hover-color-text active:sd-6-24-0-button--primary--inverted--active-color-text active:sd-6-24-0-button--primary--inverted--active-color-background"}
+          disabled:sd-6-24-0-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-6-24-0-button--primary--disabled-color-background border-neutral-500 text-white":"sd-6-24-0-button--primary--default-color-background border-transparent sd-6-24-0-button--primary--default-color-text hover:sd-6-24-0-button--primary--hover-color-text active:sd-6-24-0-button--primary--active-color-text active:sd-6-24-0-button--primary--active-color-background"}
+          disabled:sd-6-24-0-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-6-24-0-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-6-24-0-button--secondary--inverted-color-text sd-6-24-0-button--secondary--inverted-color-border hover:sd-6-24-0-button--secondary--inverted-color-border hover:sd-6-24-0-button--secondary--inverted--hover-color-text hover:sd-6-24-0-button--secondary--inverted--hover-color-background active:sd-6-24-0-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-24-0-button--secondary--inverted--active-color-background"}
+          disabled:sd-6-24-0-button--inverted--disabled-color-border disabled:sd-6-24-0-button--inverted--disabled-color-text`:`border sd-6-24-0-button-border-width ${this.visuallyDisabled?"sd-6-24-0-button--secondary--disabled-color-text sd-6-24-0-button--secondary--disabled-color-border":"sd-6-24-0-button--secondary--default-color-text sd-6-24-0-button--secondary--default-color-border hover:sd-6-24-0-button--secondary--hover-color-text hover:sd-6-24-0-button--secondary--hover-color-border active:sd-6-24-0-button--secondary--active-color-text active:sd-6-24-0-button--secondary--active-color-border"}
+          disabled:sd-6-24-0-button--secondary--disabled-color-text disabled:sd-6-24-0-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-6-24-0-button--tertiary--inverted-color-text hover:sd-6-24-0-button--tertiary--inverted--hover-color-text hover:sd-6-24-0-button--tertiary--inverted--hover-color-background active:sd-6-24-0-button--tertiary--inverted--active-color-background active:sd-6-24-0-button--tertiary--inverted--active-color-text"}
+          disabled:sd-6-24-0-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-24-0-button--tertiary--disabled-color-text":"sd-6-24-0-button--tertiary--default-color-text hover:sd-6-24-0-button--tertiary--hover-color-text active:sd-6-24-0-button--tertiary--active-color-text"}
+          disabled:sd-6-24-0-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-6-24-0-button--primary--disabled-color-background border-neutral-500":"bg-accent border-transparent hover:bg-accent-500"}
+          ${this.inverted?"sd-6-24-0-button--cta--inverted--default-color-background sd-6-24-0-button--cta--inverted--default-color-text hover:sd-6-24-0-button--cta--inverted--hover-color-text active:sd-6-24-0-button--cta--inverted--active-color-text disabled:sd-6-24-0-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-6-24-0-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white"}`}[this.variant])}" ?disabled="${i(r?void 0:this.disabled)}" type="${i(r?void 0:this.type)}" title="${this.title}" name="${i(r?void 0:this.name)}" value="${i(r?void 0:this.value)}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" download="${i(r?this.download:void 0)}" rel="${i(r&&this.target?"noreferrer noopener":void 0)}" role="${i(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}"><div part="motion-wrapper" class="${s("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-24-0-button-border-radius",md:"sd-6-24-0-button-border-radius",lg:"sd-6-24-0-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${s("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",{primary:this.inverted?"sd-6-24-0-button--primary--inverted--hover-color-background group-active:sd-6-24-0-button--primary--inverted--active-color-background":"sd-6-24-0-button--primary--hover-color-background group-active:sd-6-24-0-button--primary--active-color-background",secondary:this.inverted?"sd-6-24-0-button--secondary--inverted--hover-color-background group-active:sd-6-24-0-button--secondary--inverted--active-color-background group-active:sd-6-24-0-button--secondary--inverted--active-color-text":"sd-6-24-0-button--secondary--hover-color-background group-active:sd-6-24-0-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-24-0-button--tertiary--inverted--hover-color-background group-active:sd-6-24-0-button--tertiary--inverted--active-color-background group-active:sd-6-24-0-button--tertiary--inverted--active-color-text":"sd-6-24-0-button--tertiary--hover-color-background group-active:sd-6-24-0-button--tertiary--active-color-background",cta:this.inverted?"sd-6-24-0-button--cta--inverted--hover-color-background group-active:sd-6-24-0-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div><div class="${s("absolute w-full h-full mt-[22%]",{primary:this.inverted?"sd-6-24-0-button--primary--inverted--hover-color-background group-active:sd-6-24-0-button--primary--inverted--active-color-background":"sd-6-24-0-button--primary--hover-color-background group-active:sd-6-24-0-button--primary--active-color-background",secondary:this.inverted?"sd-6-24-0-button--secondary--inverted--hover-color-background group-active:sd-6-24-0-button--secondary--inverted--active-color-background group-active:sd-6-24-0-button--secondary--inverted--active-color-text group-active:sd-6-24-0-button--secondary--active-color-border":"sd-6-24-0-button--secondary--hover-color-background group-active:sd-6-24-0-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-24-0-button--tertiary--inverted--hover-color-background group-active:sd-6-24-0-button--tertiary--inverted--active-color-background group-active:sd-6-24-0-button--tertiary--inverted--active-color-text":"sd-6-24-0-button--tertiary--hover-color-background group-active:sd-6-24-0-button--tertiary--active-color-background",cta:this.inverted?"sd-6-24-0-button--cta--inverted--hover-color-background group-active:sd-6-24-0-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div></div></div><slot name="icon-left" part="icon-left" class="${s("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${s("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${s("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-6-24-0-loader class="${s("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-24-0-loader>`:""}</${a}>`}};t.styles=[...l.styles,b`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-24-0-badge){pointer-events:none;position:absolute;top:calc(var(--sd-spacing-1) * 0);right:calc(var(--sd-spacing-1) * 0);--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-24-0-icon),sd-6-24-0-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-24-0-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-24-0-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-24-0-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-24-0-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],e([m("a, button")],t.prototype,"button",2),e([p({selector:"sd-6-24-0-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([h()],t.prototype,"invalid",2),e([o({type:String,reflect:!0})],t.prototype,"title",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,reflect:!0})],t.prototype,"type",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:String,reflect:!0})],t.prototype,"target",2),e([o({reflect:!0})],t.prototype,"download",2),e([o({reflect:!0})],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([g("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([v("sd-6-24-0-button")],t);export{t as a};

package/cdn-versioned/chunks/chunk.4TEHVEJ5.js

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk.LHSR56PH.js";import{a as g}from"./chunk.CGQ2BPPZ.js";import{a as h,b as s}from"./chunk.NL7YFV4O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as v,b as r,h as d}from"./chunk.VMZSSKC5.js";import{b as p,i as m}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new g(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){if(this.size==="xs"&&this.orientation!=="vertical")return console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.'),m;let u=this.isLink(),f=this.notInteractive||this.waiting?h`div`:u?h`a`:h`button`,w=this.hasSlotController.test("label"),c=this.label?!0:w,x=this.hasSlotController.test("[default]"),a=this.description?!0:x,o=this.horizontalInline&&this.orientation==="horizontal",y=e("flex shrink-0 gap-2 group",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"||this.size==="xs"?"mt-1":"mt-3"),z=e("border sd-6-23-0-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":this.size==="xs"?"w-2":"w-12":this.size==="lg"?"w-12":this.size==="xs"?"w-2":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",this.waiting&&this.size==="xs"&&"border-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&(this.size==="xs"?"border-primary":"border-neutral-400"),this.current&&"bg-accent border-none text-white"),b="flex-row items-stretch h-full w-full overflow-hidden";return s`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":this.size==="xs"?`${b} gap-2`:`${b} gap-4`,!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${y}"><${f} part="circle" href="${n(u?this.href:void 0)}" aria-disabled="${n(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${n(this.notInteractive||this.waiting||!c?void 0:"label")}" aria-describedby="${n(this.notInteractive||this.waiting||!a?void 0:"description")}" class="${z}"><slot name="circle-content" class="${e("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"sd-6-23-0-step-color-text")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&this.size!=="xs"?s`<sd-6-23-0-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-23-0-icon>`:this.size==="xs"?"":s`${this.index}`}</slot></${f}>${o?s`<div class="${e(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${e("flex w-full",c&&"gap-2",this.size==="sm"&&!a?"mt-1":"mt-3")}">${c&&s`<div part="label" id="label" class="${e("font-bold whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div>`} ${this.noTail?"":s`<div part="tail" class="${e("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm wrap-break-word",a?"flex-1":"w-0 h-0 overflow-hidden",a&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||s`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":s`<div part="tail" class="${e(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l grow shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${o?"":s`<div part="text-container" class="${e("wrap-break-word flex flex-col gap-2",this.size==="xs"?"-mt-1 mb-4":"mt-4",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?this.size==="xs"?"ml-0":"ml-2":"mr-4")}"><div part="label" id="label" class="${e("font-bold",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||s`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,p`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-23-0-icon,slot[name=circle-content]::slotted(sd-6-23-0-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-23-0-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-23-0-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:String,reflect:!0})],t.prototype,"orientation",2),i([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),i([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),i([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),i([r({type:String,reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"description",2),i([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),i([r({type:String,reflect:!0})],t.prototype,"href",2),i([l("current")],t.prototype,"handleCurrentChange",1),i([l("disabled")],t.prototype,"handleDisabledChange",1),i([l("waiting")],t.prototype,"handleWaitingChange",1),i([l("notInteractive")],t.prototype,"handleInteractivityChange",1),t=i([v("sd-6-23-0-step")],t);export{t as a};
+import{a as n}from"./chunk.LHSR56PH.js";import{a as g}from"./chunk.CGQ2BPPZ.js";import{a as h,b as s}from"./chunk.NL7YFV4O.js";import{a as e}from"./chunk.UFTAQNZB.js";import{a as l}from"./chunk.NYKJXI3Q.js";import{a as v,b as r,h as d}from"./chunk.VMZSSKC5.js";import{b as p,i as m}from"./chunk.OBAEIKIV.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new g(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){if(this.size==="xs"&&this.orientation!=="vertical")return console.warn('Size "xs" is only supported when orientation is "vertical". The element will not be rendered.'),m;let u=this.isLink(),f=this.notInteractive||this.waiting?h`div`:u?h`a`:h`button`,w=this.hasSlotController.test("label"),c=this.label?!0:w,x=this.hasSlotController.test("[default]"),a=this.description?!0:x,o=this.horizontalInline&&this.orientation==="horizontal",y=e("flex shrink-0 gap-2 group",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"||this.size==="xs"?"mt-1":"mt-3"),z=e("border sd-6-24-0-step__circle-border-width rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":this.size==="xs"?"w-2":"w-12":this.size==="lg"?"w-12":this.size==="xs"?"w-2":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",this.waiting&&this.size==="xs"&&"border-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&(this.size==="xs"?"border-primary":"border-neutral-400"),this.current&&"bg-accent border-none text-white"),b="flex-row items-stretch h-full w-full overflow-hidden";return s`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":this.size==="xs"?`${b} gap-2`:`${b} gap-4`,!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${y}"><${f} part="circle" href="${n(u?this.href:void 0)}" aria-disabled="${n(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${n(this.notInteractive||this.waiting||!c?void 0:"label")}" aria-describedby="${n(this.notInteractive||this.waiting||!a?void 0:"description")}" class="${z}"><slot name="circle-content" class="${e("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"sd-6-24-0-step-color-text")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&this.size!=="xs"?s`<sd-6-24-0-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-6-24-0-icon>`:this.size==="xs"?"":s`${this.index}`}</slot></${f}>${o?s`<div class="${e(!this.noTail&&"flex-1","flex flex-col gap-1")}"><div class="${e("flex w-full",c&&"gap-2",this.size==="sm"&&!a?"mt-1":"mt-3")}">${c&&s`<div part="label" id="label" class="${e("font-bold whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div>`} ${this.noTail?"":s`<div part="tail" class="${e("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${a?s`<div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm wrap-break-word",a?"flex-1":"w-0 h-0 overflow-hidden",a&&!this.noTail&&"pr-4",(this.disabled||this.waiting)&&"!text-neutral-700")}">${this.description||s`<slot></slot>`}</div>`:""}</div>`:this.noTail?"":s`<div part="tail" class="${e(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l grow shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary group-hover:border-primary-500":"border-neutral-500")}"></div>`}</div>${o?"":s`<div part="text-container" class="${e("wrap-break-word flex flex-col gap-2",this.size==="xs"?"-mt-1 mb-4":"mt-4",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?this.size==="xs"?"ml-0":"ml-2":"mr-4")}"><div part="label" id="label" class="${e("font-bold",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||s`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,p`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{flex:1}:host([orientation=horizontal]) [part=tail]{border-top-width:var(--sd-step__tail-border-width)}:host([orientation=vertical]) [part=tail]{border-left-width:var(--sd-step__tail-border-width)}:host([no-tail]){flex-grow:0}:host(:not([current])) (:not([notInteractive])) slot[name=circle-content]{color:rgba(var(--sd-color-text-neutral-700))}slot[name=circle-content] sd-6-24-0-icon,slot[name=circle-content]::slotted(sd-6-24-0-icon){color:rgba(var(--sd-color-icon-fill-primary))}[part=circle]:hover slot[name=circle-content] sd-6-24-0-icon,[part=circle]:hover slot[name=circle-content]::slotted(sd-6-24-0-icon){color:rgba(var(--sd-color-icon-fill-primary-500))}:host([horizontal-inline]):has([part=description]){min-width:calc(var(--sd-spacing-1) * 0);flex:1}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:String,reflect:!0})],t.prototype,"orientation",2),i([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),i([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),i([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),i([r({type:String,reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"description",2),i([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),i([r({type:String,reflect:!0})],t.prototype,"href",2),i([l("current")],t.prototype,"handleCurrentChange",1),i([l("disabled")],t.prototype,"handleDisabledChange",1),i([l("waiting")],t.prototype,"handleWaitingChange",1),i([l("notInteractive")],t.prototype,"handleInteractivityChange",1),t=i([v("sd-6-24-0-step")],t);export{t as a};

package/cdn-versioned/chunks/chunk.5B4C742P.js

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.VMZSSKC5.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-6-23-0-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-6-23-0-teaser--neutral-400-color-border","neutral-100":"sd-6-23-0-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-6-23-0-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-23-0-teaser")],t);export{t as a};
+import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as h,b as a,c as d,d as c,h as s}from"./chunk.VMZSSKC5.js";import{b as l,e as n}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends s{constructor(){super(...arguments);this.variant="white";this.breakpoint=448;this.inset=!1;this.reversedLayout=!1;this.hasSlotController=new p(this,"[default]","media","meta","headline")}connectedCallback(){super.connectedCallback(),this.breakpoint===0?this._orientation="horizontal":this.breakpoint===9999?this._orientation="vertical":window.ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>this.updateOrientation()),this.resizeObserver.observe(this))}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver&&this.resizeObserver.disconnect()}updated(i){super.updated(i),i.has("breakpoint")&&this.updateOrientation()}updateOrientation(){this._orientation=this.offsetWidth>=this.breakpoint?"horizontal":"vertical"}render(){let i=this.variant==="white border-neutral-400"||this.inset,o={"teaser-has-default":this.hasSlotController.test("[default]"),"teaser-has-media":this.hasSlotController.test("media"),"teaser-has-meta":this.hasSlotController.test("meta"),"teaser-has-headline":this.hasSlotController.test("headline")};return n`<div class="${r("flex sd-6-24-0-teaser-border-radius",{white:"bg-white","white border-neutral-400":"bg-white border sd-6-24-0-teaser--neutral-400-color-border","neutral-100":"sd-6-24-0-teaser--neutral-100-color-background",primary:"bg-primary text-white","primary-100":"sd-6-24-0-teaser--primary-100-color-background"}[this.variant],this._orientation==="vertical"&&"flex-col",this._orientation==="horizontal"&&"flex-row gap-8",this._orientation==="horizontal"&&i&&"py-8 px-10")}" part="base"><div style="${this._orientation==="horizontal"?`width: var(--distribution-content, 100%); ${i?"width: var(--distribution-content, calc(100% - 2rem));":""}`:""}" class="${r("flex flex-col text-left order-2",this._orientation==="horizontal"&&"flex flex-col",this._orientation==="vertical"&&i&&"m-4")}" part="content"><div class="flex flex-col-reverse"><div part="headline" class="${r("text-lg font-bold m-0",this.variant==="primary"?"text-white":"text-black")}"><slot name="headline">Always insert one semantically correct heading element here (e. g. &lt;h2>)</slot></div><div part="meta" class="${r("gap-2 mb-4",!o["teaser-has-meta"]&&"hidden")}"><slot name="meta"></slot></div></div><div part="main" class="${r(!o["teaser-has-default"]&&"hidden")}" role="group" aria-labelledby="headline"><slot></slot></div></div><div part="media" id="media" style="${this._orientation==="horizontal"?"width: var(--distribution-media, 100%);":""}" class="${r("order-1",!i&&this._orientation==="vertical"&&"mb-4",!o["teaser-has-media"]&&"hidden",this.variant==="white border-neutral-400"&&this._orientation==="vertical"&&"mx-[-1px] mt-[-1px]",this._orientation!=="vertical"&&this.reversedLayout&&"order-2")}"><slot name="media"></slot></div></div>`}};t.styles=[...s.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}::slotted([slot=headline]){margin:calc(var(--sd-spacing-1) * 0)!important;font-size:var(--sd-text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))!important;--tw-font-weight:var(--sd-font-weight-bold);font-weight:var(--sd-font-weight-bold)}@property --tw-font-weight{syntax:"*";inherits:false}`],e([a({type:String,reflect:!0})],t.prototype,"variant",2),e([a({reflect:!0,type:Number})],t.prototype,"breakpoint",2),e([a({type:Boolean,reflect:!0})],t.prototype,"inset",2),e([a({type:Boolean,reflect:!0,attribute:"reversed-layout"})],t.prototype,"reversedLayout",2),e([c('[part="base"]')],t.prototype,"teaser",2),e([d()],t.prototype,"_orientation",2),t=e([h("sd-6-24-0-teaser")],t);export{t as a};

package/cdn-versioned/chunks/chunk.5D2QLOPO.js

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk.LHSR56PH.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.VAM5SM3O.js";import{a as t}from"./chunk.UFTAQNZB.js";import{a as h,b as i,h as d}from"./chunk.VMZSSKC5.js";import{b as c,e as r,i as n}from"./chunk.OBAEIKIV.js";import{e as a}from"./chunk.6EV4YU6C.js";var e=class extends d{constructor(){super();this.hasSlotController=new p(this,"label");this.value=null;this.max=100;this.label="";this.valuePosition=null;this.inverted=!1;this.showLabel=!1;this.localize=new u(this);this.valueFormatter=this.localize.number.bind(this.localize)}get safeMax(){return this.max>0?this.max:100}get clampedValue(){var o;return Math.min(Math.max((o=this.value)!=null?o:0,0),this.safeMax)}get percentage(){return this.clampedValue/this.safeMax*100}get isLoading(){return this.value===void 0||this.value===null||isNaN(this.value)}get showValue(){return!this.isLoading&&(this.valuePosition==="right"||this.valuePosition==="bottom")}render(){let o={label:this.hasSlotController.test("label")},l=this.label?!0:!!o.label;return r`<div part="base" class="text-start" aria-hidden="${!l}">${l?r`<label part="label" id="label" class="${t("text-base",!this.showLabel&&"sr-only",this.inverted?"text-white":"text-black")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label>`:n}<div class="${t(this.valuePosition==="right"?"flex flex-row items-center gap-2 -mt-1":this.valuePosition==="bottom"?"flex flex-col gap-1 mt-1":"mt-1")}"><div part="bar" id="bar" class="${t("w-full h-[var(--height,0.125rem)]",this.isLoading?"relative ":"flex")}" role="progressbar" aria-valuemin="0" aria-valuemax="${this.safeMax}" aria-valuenow="${s(this.isLoading?void 0:this.valueFormatter(this.clampedValue))}" aria-valuetext="${s(this.isLoading?this.localize.term("loading"):this.valueFormatter(this.clampedValue))}" aria-label="${s(l?void 0:this.label||this.localize.term("progress"))}" aria-labelledby="${s(l?"label":this.label)}" style="${`--percentage: ${this.percentage}%;`}">${this.isLoading?r`<div part="track" class="${t("absolute top-0 left-0 h-full progress-bar__track--loading-left",this.inverted?"sd-6-23-0-progress-bar__slide-bar--inverted-color-background":"sd-6-23-0-progress-bar__slide-bar-color-background")}"></div><div part="track" class="${t("absolute top-0 right-0 h-full progress-bar__track--loading-right",this.inverted?"sd-6-23-0-progress-bar__slide-bar--inverted-color-background":"sd-6-23-0-progress-bar__slide-bar-color-background")}"></div><div part="indicator" class="${t("absolute top-0 h-full progress-bar__indicator--loading",this.inverted?"sd-6-23-0-progress-bar--active--inverted-color-background":"bg-accent")}"></div>`:r`<div part="indicator" class="${t("w-[var(--percentage)]",this.inverted?"sd-6-23-0-progress-bar--active--inverted-color-background":"bg-accent")}"></div>${this.value&&this.value>0&&this.value<this.safeMax?r`<div class="w-0.5 shrink-0"></div>`:n}<div part="track" class="${t("flex-1",this.inverted?"sd-6-23-0-progress-bar__slide-bar--inverted-color-background":"sd-6-23-0-progress-bar__slide-bar-color-background")}"></div>`}</div>${this.showValue?r`<span class="${t("text-neutral-700 text-xs w-shrink-0",this.inverted?"text-white":"text-neutral-700",this.valuePosition==="bottom"?"text-start":"text-center",this.valuePosition==="right"&&"whitespace-nowrap")}" part="value-${this.valuePosition}">${this.valueFormatter(this.clampedValue)}</span>`:n}</div></div>`}};e.styles=[...d.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block;width:100%}.progress-bar__indicator--loading{width:25%;animation:progress-loading-indicator 1.25s ease-in-out infinite alternate}.progress-bar__track--loading-left{animation:progress-loading-track-left 1.25s ease-in-out infinite alternate}.progress-bar__track--loading-right{animation:progress-loading-track-right 1.25s ease-in-out infinite alternate}@keyframes progress-loading-indicator{0%{left:0}100%{left:75%}}@keyframes progress-loading-track-left{0%{width:0}100%{width:calc(75% - .25rem)}}@keyframes progress-loading-track-right{0%{width:calc(75% - .25rem)}100%{width:0}}`],a([i({type:Number,reflect:!0})],e.prototype,"value",2),a([i({type:Number,reflect:!0})],e.prototype,"max",2),a([i({type:String,reflect:!0})],e.prototype,"label",2),a([i({type:String,reflect:!0,attribute:"value-position"})],e.prototype,"valuePosition",2),a([i({type:Boolean,reflect:!0})],e.prototype,"inverted",2),a([i({type:Boolean,reflect:!0,attribute:"show-label"})],e.prototype,"showLabel",2),a([i({attribute:!1})],e.prototype,"valueFormatter",2),e=a([h("sd-6-23-0-progress-bar")],e);export{e as a};
+import{a as s}from"./chunk.LHSR56PH.js";import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as u}from"./chunk.VAM5SM3O.js";import{a as t}from"./chunk.UFTAQNZB.js";import{a as h,b as i,h as d}from"./chunk.VMZSSKC5.js";import{b as c,e as r,i as n}from"./chunk.OBAEIKIV.js";import{e as a}from"./chunk.6EV4YU6C.js";var e=class extends d{constructor(){super();this.hasSlotController=new p(this,"label");this.value=null;this.max=100;this.label="";this.valuePosition=null;this.inverted=!1;this.showLabel=!1;this.localize=new u(this);this.valueFormatter=this.localize.number.bind(this.localize)}get safeMax(){return this.max>0?this.max:100}get clampedValue(){var o;return Math.min(Math.max((o=this.value)!=null?o:0,0),this.safeMax)}get percentage(){return this.clampedValue/this.safeMax*100}get isLoading(){return this.value===void 0||this.value===null||isNaN(this.value)}get showValue(){return!this.isLoading&&(this.valuePosition==="right"||this.valuePosition==="bottom")}render(){let o={label:this.hasSlotController.test("label")},l=this.label?!0:!!o.label;return r`<div part="base" class="text-start" aria-hidden="${!l}">${l?r`<label part="label" id="label" class="${t("text-base",!this.showLabel&&"sr-only",this.inverted?"text-white":"text-black")}" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label>`:n}<div class="${t(this.valuePosition==="right"?"flex flex-row items-center gap-2 -mt-1":this.valuePosition==="bottom"?"flex flex-col gap-1 mt-1":"mt-1")}"><div part="bar" id="bar" class="${t("w-full h-[var(--height,0.125rem)]",this.isLoading?"relative ":"flex")}" role="progressbar" aria-valuemin="0" aria-valuemax="${this.safeMax}" aria-valuenow="${s(this.isLoading?void 0:this.valueFormatter(this.clampedValue))}" aria-valuetext="${s(this.isLoading?this.localize.term("loading"):this.valueFormatter(this.clampedValue))}" aria-label="${s(l?void 0:this.label||this.localize.term("progress"))}" aria-labelledby="${s(l?"label":this.label)}" style="${`--percentage: ${this.percentage}%;`}">${this.isLoading?r`<div part="track" class="${t("absolute top-0 left-0 h-full progress-bar__track--loading-left",this.inverted?"sd-6-24-0-progress-bar__slide-bar--inverted-color-background":"sd-6-24-0-progress-bar__slide-bar-color-background")}"></div><div part="track" class="${t("absolute top-0 right-0 h-full progress-bar__track--loading-right",this.inverted?"sd-6-24-0-progress-bar__slide-bar--inverted-color-background":"sd-6-24-0-progress-bar__slide-bar-color-background")}"></div><div part="indicator" class="${t("absolute top-0 h-full progress-bar__indicator--loading",this.inverted?"sd-6-24-0-progress-bar--active--inverted-color-background":"bg-accent")}"></div>`:r`<div part="indicator" class="${t("w-[var(--percentage)]",this.inverted?"sd-6-24-0-progress-bar--active--inverted-color-background":"bg-accent")}"></div>${this.value&&this.value>0&&this.value<this.safeMax?r`<div class="w-0.5 shrink-0"></div>`:n}<div part="track" class="${t("flex-1",this.inverted?"sd-6-24-0-progress-bar__slide-bar--inverted-color-background":"sd-6-24-0-progress-bar__slide-bar-color-background")}"></div>`}</div>${this.showValue?r`<span class="${t("text-neutral-700 text-xs w-shrink-0",this.inverted?"text-white":"text-neutral-700",this.valuePosition==="bottom"?"text-start":"text-center",this.valuePosition==="right"&&"whitespace-nowrap")}" part="value-${this.valuePosition}">${this.valueFormatter(this.clampedValue)}</span>`:n}</div></div>`}};e.styles=[...d.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block;width:100%}.progress-bar__indicator--loading{width:25%;animation:progress-loading-indicator 1.25s ease-in-out infinite alternate}.progress-bar__track--loading-left{animation:progress-loading-track-left 1.25s ease-in-out infinite alternate}.progress-bar__track--loading-right{animation:progress-loading-track-right 1.25s ease-in-out infinite alternate}@keyframes progress-loading-indicator{0%{left:0}100%{left:75%}}@keyframes progress-loading-track-left{0%{width:0}100%{width:calc(75% - .25rem)}}@keyframes progress-loading-track-right{0%{width:calc(75% - .25rem)}100%{width:0}}`],a([i({type:Number,reflect:!0})],e.prototype,"value",2),a([i({type:Number,reflect:!0})],e.prototype,"max",2),a([i({type:String,reflect:!0})],e.prototype,"label",2),a([i({type:String,reflect:!0,attribute:"value-position"})],e.prototype,"valuePosition",2),a([i({type:Boolean,reflect:!0})],e.prototype,"inverted",2),a([i({type:Boolean,reflect:!0,attribute:"show-label"})],e.prototype,"showLabel",2),a([i({attribute:!1})],e.prototype,"valueFormatter",2),e=a([h("sd-6-24-0-progress-bar")],e);export{e as a};

package/cdn-versioned/chunks/chunk.5LQXIFL5.js

@@ -1,2 +1,2 @@
 import{a as l}from"./chunk.D4E5ZIRW.js";import{a as s}from"./chunk.NYKJXI3Q.js";import{a as y,b as a,f,h as r}from"./chunk.VMZSSKC5.js";import{b as c,e as d}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.hasStarted=!1;this.name="none";this.play=!1;this.delay=0;this.direction="normal";this.duration=1e3;this.easing="linear";this.endDelay=0;this.fill="auto";this.iterations=1/0;this.iterationStart=0;this.playbackRate=1}get currentTime(){var i,n;return(n=(i=this.animation)==null?void 0:i.currentTime)!=null?n:0}set currentTime(i){this.animation&&(this.animation.currentTime=i)}connectedCallback(){super.connectedCallback(),this.createAnimation(),this.handleAnimationCancel=this.handleAnimationCancel.bind(this),this.handleAnimationFinish=this.handleAnimationFinish.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.destroyAnimation()}handleAnimationFinish(){this.play=!1,this.hasStarted=!1,this.emit("sd-finish")}handleAnimationCancel(){this.play=!1,this.hasStarted=!1,this.emit("sd-cancel")}handleSlotChange(){this.destroyAnimation(),this.createAnimation()}async createAnimation(){var o,m;let i=(o=l.easings[this.easing])!=null?o:this.easing,n=(m=this.keyframes)!=null?m:l[this.name],h=(await this.defaultSlot).assignedElements()[0];return!h||!n?!1:(this.destroyAnimation(),this.animation=h.animate(n,{delay:this.delay,direction:this.direction,duration:this.duration,easing:i,endDelay:this.endDelay,fill:this.fill,iterationStart:this.iterationStart,iterations:this.iterations}),this.animation.playbackRate=this.playbackRate,this.animation.addEventListener("cancel",this.handleAnimationCancel),this.animation.addEventListener("finish",this.handleAnimationFinish),this.play?(this.hasStarted=!0,this.emit("sd-start")):this.animation.pause(),!0)}destroyAnimation(){this.animation&&(this.animation.cancel(),this.animation.removeEventListener("cancel",this.handleAnimationCancel),this.animation.removeEventListener("finish",this.handleAnimationFinish),this.hasStarted=!1)}handleAnimationChange(){this.hasUpdated&&this.createAnimation()}handlePlayChange(){return this.animation?(this.play&&!this.hasStarted&&(this.hasStarted=!0,this.emit("sd-start")),this.play?this.animation.play():this.animation.pause(),!0):!1}handlePlaybackRateChange(){this.animation&&(this.animation.playbackRate=this.playbackRate)}cancel(){var i;(i=this.animation)==null||i.cancel()}finish(){var i;(i=this.animation)==null||i.finish()}render(){return d`<slot @slotchange="${this.handleSlotChange}"></slot>`}};t.styles=[...r.styles,c`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:contents}`],e([f("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([y("sd-6-23-0-animation")],t);export{t as a};
+:host{display:contents}`],e([f("slot")],t.prototype,"defaultSlot",2),e([a()],t.prototype,"name",2),e([a({type:Boolean,reflect:!0})],t.prototype,"play",2),e([a({type:Number})],t.prototype,"delay",2),e([a()],t.prototype,"direction",2),e([a({type:Number})],t.prototype,"duration",2),e([a()],t.prototype,"easing",2),e([a({attribute:"end-delay",type:Number})],t.prototype,"endDelay",2),e([a()],t.prototype,"fill",2),e([a({type:Number})],t.prototype,"iterations",2),e([a({attribute:"iteration-start",type:Number})],t.prototype,"iterationStart",2),e([a({attribute:!1})],t.prototype,"keyframes",2),e([a({attribute:"playback-rate",type:Number})],t.prototype,"playbackRate",2),e([s(["name","delay","direction","duration","easing","endDelay","fill","iterations","iterationsStart","keyframes"])],t.prototype,"handleAnimationChange",1),e([s("play")],t.prototype,"handlePlayChange",1),e([s("playbackRate")],t.prototype,"handlePlaybackRateChange",1),t=e([y("sd-6-24-0-animation")],t);export{t as a};

package/cdn-versioned/chunks/chunk.6ZVU7R22.js

@@ -1,2 +1,2 @@
-import{a as g}from"./chunk.I2H6CZK5.js";import{a as z}from"./chunk.2AQOPKKH.js";import{a as L}from"./chunk.G7HKVXLR.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as o,c as l}from"./chunk.B2NUKX6G.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as C}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.UFTAQNZB.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as x,b as r,d as c,h as b}from"./chunk.VMZSSKC5.js";import{b as k,e as u}from"./chunk.OBAEIKIV.js";import{b as n,e as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new C(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 y;let e=(y=this.closeButton.shadowRoot)==null?void 0:y.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${g(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${g(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,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,w(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 overlay-color-background 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-[var(--width)] h-full",start:"top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-6-23-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-6-23-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-23-0-icon></sd-6-23-0-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><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 ms-4 absolute top-2 end-2"><sd-6-23-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-6-23-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-23-0-icon></sd-6-23-0-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=[...b.styles,k`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}:host [part=panel]{outline:1px solid rgb(var(--sd-panel-color-border,transparent))}`],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([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([v("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([x("sd-6-23-0-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 g}from"./chunk.I2H6CZK5.js";import{a as z}from"./chunk.2AQOPKKH.js";import{a as L}from"./chunk.G7HKVXLR.js";import{a as m,b as f}from"./chunk.3L472FD4.js";import{a as E}from"./chunk.CGQ2BPPZ.js";import{a as o,c as l}from"./chunk.B2NUKX6G.js";import{a as w}from"./chunk.KLRPP4NQ.js";import{a as C}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.UFTAQNZB.js";import{a as v}from"./chunk.NYKJXI3Q.js";import{a as x,b as r,d as c,h as b}from"./chunk.VMZSSKC5.js";import{b as k,e as u}from"./chunk.OBAEIKIV.js";import{b as n,e as h}from"./chunk.W4QBFD6E.js";import{e as i}from"./chunk.6EV4YU6C.js";var t=class extends b{constructor(){super(...arguments);this.hasSlotController=new E(this,"footer");this.localize=new C(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 y;let e=(y=this.closeButton.shadowRoot)==null?void 0:y.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${g(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${g(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,w(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,w(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 overlay-color-background 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-[var(--width)] h-full",start:"top-0 end-auto bottom-auto start-0 w-[var(--width)] h-full"}[this.placement])}" role="dialog" aria-modal="true" aria-label="${this.label}" tabindex="0">${this.noHeader?u`<sd-6-24-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}" class="absolute top-2 end-2 z-10"><sd-6-24-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-24-0-icon></sd-6-24-0-button>`:u`<header part="header" class="flex justify-between py-2 px-4 items-center flex-shrink-0" style="min-height:64px"><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 ms-4 absolute top-2 end-2"><sd-6-24-0-button variant="tertiary" size="lg" part="close-button" @click="${()=>this.requestClose("close-button")}"><sd-6-24-0-icon label="${this.localize.term("close")}" name="close" library="_internal"></sd-6-24-0-icon></sd-6-24-0-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=[...b.styles,k`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{--width:25rem;display:contents}:host([contained]){z-index:initial}:host(:not([contained])){z-index:var(--sd-z-index-drawer,700)}[part=body]{-webkit-overflow-scrolling:touch;overflow-y:scroll;scrollbar-width:none}[part=body]::-webkit-scrollbar{height:calc(var(--sd-spacing-1) * 0);width:calc(var(--sd-spacing-1) * 0)}:host [part=panel]{outline:1px solid rgb(var(--sd-panel-color-border,transparent))}`],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([v("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),i([v("contained",{waitUntilFirstUpdate:!0})],t.prototype,"handleNoModalChange",1),t=i([x("sd-6-24-0-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.7EYPTWOC.js

@@ -1,2 +1,2 @@
-import{a as s}from"./chunk.LHSR56PH.js";import{a as S}from"./chunk.VAM5SM3O.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as T,b as h,c as f,d as u,h as y}from"./chunk.VMZSSKC5.js";import{b as k,e as c}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var n=class extends y{constructor(){super(...arguments);this.localize=new S(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.handleContainerScroll()}),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.container&&this.resizeObserver.unobserve(this.container)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.handleContainerScroll())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get scrollButtons(){return{left:this.leftButton,right:this.rightButton,up:this.upButton,down:this.downButton}}handleContainerScroll(){if(!this.container)return;let t=this.container.scrollLeft>0,l=this.container.scrollLeft+this.container.clientWidth<this.container.scrollWidth-1,e=this.container.scrollTop>0,d=this.container.scrollTop+this.container.clientHeight<this.container.scrollHeight-1,a=this.canScroll,i={left:this.isScrollHorizontalEnabled&&t,right:this.isScrollHorizontalEnabled&&l,up:this.isScrollVerticalEnabled&&e,down:this.isScrollVerticalEnabled&&d},v=a.left&&!i.left,m=a.up&&!i.up,E=a.right&&!i.right,b=a.down&&!i.down;(v||m)&&this.dispatchEvent(new CustomEvent("start")),(E||b)&&this.dispatchEvent(new CustomEvent("end")),this.canScroll=i}handleScroll(t,l){var z,x,B;let e=["left","up"].includes(t)?-this.step:this.step,d=["left","right"].includes(t)?"horizontal":"vertical",a=["left","up"].includes(t)?"start":"end",i=!["mouse","touch"].includes((z=l==null?void 0:l.pointerType)!=null?z:""),v=d==="horizontal"?"left":"top";(x=this.container)==null||x.scrollBy({behavior:"smooth",[v]:e});let m=`button-${t}`;this.dispatchEvent(new CustomEvent(m,{bubbles:!0,composed:!0}));let b=(d==="horizontal"?this.container.scrollLeft:this.container.scrollTop)+e,C=d==="horizontal"?this.container.scrollWidth-this.container.clientWidth:this.container.scrollHeight-this.container.clientHeight,$=a==="start"&&b<=0,H=a==="end"&&b>=C-1;if(!($||H)){let w=this.localize.term("scrolled");this.announcementContainer.textContent=this.announcementContainer.textContent===w?`${w}\u200B`:w;return}let g=this.scrollButtons[t],p={left:this.rightButton,right:this.leftButton,up:this.downButton,down:this.upButton}[t],L=$?`${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}`:`${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;(B=p==null?void 0:p.querySelector("sd-6-23-0-icon"))==null||B.setAttribute("label",L),i?p==null||p.focus():g==null||g.blur()}handleButtonBlur(t,l){var i;let d=(["left","up"].includes(t)?"start":"end")==="start"?this.localize.term("scrollToStart"):this.localize.term("scrollToEnd");(i=l.target.querySelector("sd-6-23-0-icon"))==null||i.setAttribute("label",d)}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",l="scroll-shadow absolute z-10 pointer-events-none transition-opacity duration-medium ease-in-out";return c`<div part="base" class="${r("scroll-container flex overflow-hidden flex-1",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset&&"p-4",{horizontal:"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",vertical:"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",auto:"scroll-auto overflow-auto"}[this.orientation])}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?c`${this.isScrollHorizontalEnabled?c`<div part="button-left" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.left&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.left||void 0)}" tabindex="${s(this.canScroll.left?void 0:-1)}" @click="${e=>this.handleScroll("left",e)}" @blur="${e=>this.handleButtonBlur("left",e)}"><slot name="icon-start"><sd-6-23-0-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-23-0-icon></slot></button></div><div part="button-right" class="${r("absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.right&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.right||void 0)}" tabindex="${s(this.canScroll.right?void 0:-1)}" @click="${e=>this.handleScroll("right",e)}" @blur="${e=>this.handleButtonBlur("right",e)}"><slot name="icon-end"><sd-6-23-0-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-23-0-icon></slot></button></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="button-top" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.up&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.up||void 0)}" tabindex="${s(this.canScroll.up?void 0:-1)}" @click="${e=>this.handleScroll("up",e)}" @blur="${e=>this.handleButtonBlur("up",e)}"><slot name="icon-start"><sd-6-23-0-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-23-0-icon></slot></button></div><div part="button-bottom" class="${r("absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.down&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.down||void 0)}" tabindex="${s(this.canScroll.down?void 0:-1)}" @click="${e=>this.handleScroll("down",e)}" @blur="${e=>this.handleButtonBlur("down",e)}"><slot name="icon-end"><sd-6-23-0-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-23-0-icon></slot></button></div>`:null}`:null} ${this.shadows?c`${this.isScrollHorizontalEnabled?c`<div part="shadow-left" class="${r("left top-0 left-0 w-[6px] h-full",l,this.canScroll.left?"opacity-100":"opacity-0")}"></div><div part="shadow-right" class="${r("right top-0 right-0 w-[6px] h-full",l,this.canScroll.right?"opacity-100":"opacity-0")}"></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="shadow-top" class="${r("top top-0 left-0 w-full h-[6px]",l,this.canScroll.up?"opacity-100":"opacity-0")}"></div><div part="shadow-bottom" class="${r("bottom bottom-0 left-0 w-full h-[6px]",l,this.canScroll.down?"opacity-100":"opacity-0")}"></div>`:null}`:null}`}};n.styles=[...y.styles,k`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-6-23-0-icon--top{align-self:flex-start}.sd-6-23-0-icon--down{align-self:flex-end}`],o([u('[part="button-right"] button')],n.prototype,"rightButton",2),o([u('[part="button-left"] button')],n.prototype,"leftButton",2),o([u('[part="button-bottom"] button')],n.prototype,"downButton",2),o([u('[part="button-top"] button')],n.prototype,"upButton",2),o([u(".scroll-container")],n.prototype,"container",2),o([u("#announcement-container")],n.prototype,"announcementContainer",2),o([h({type:String,reflect:!0})],n.prototype,"orientation",2),o([h({type:Boolean,reflect:!0})],n.prototype,"scrollbars",2),o([h({type:Boolean,reflect:!0})],n.prototype,"buttons",2),o([h({type:Boolean,reflect:!0})],n.prototype,"shadows",2),o([h({type:Boolean,reflect:!0})],n.prototype,"inset",2),o([h({type:Number,reflect:!0})],n.prototype,"step",2),o([f()],n.prototype,"canScroll",2),o([f()],n.prototype,"isScrollHorizontalEnabled",2),o([f()],n.prototype,"isScrollVerticalEnabled",2),n=o([T("sd-6-23-0-scrollable")],n);export{n as a};
+import{a as s}from"./chunk.LHSR56PH.js";import{a as S}from"./chunk.VAM5SM3O.js";import{a as r}from"./chunk.UFTAQNZB.js";import{a as T,b as h,c as f,d as u,h as y}from"./chunk.VMZSSKC5.js";import{b as k,e as c}from"./chunk.OBAEIKIV.js";import{e as o}from"./chunk.6EV4YU6C.js";var n=class extends y{constructor(){super(...arguments);this.localize=new S(this);this.orientation="horizontal";this.scrollbars=!1;this.buttons=!1;this.shadows=!1;this.inset=!1;this.step=150;this.canScroll={left:!1,right:!1,up:!1,down:!1};this.isScrollHorizontalEnabled=!1;this.isScrollVerticalEnabled=!1}connectedCallback(){super.connectedCallback(),this.updateScrollEnabledFlags(),this.resizeObserver=new ResizeObserver(()=>{this.handleContainerScroll()}),this.updateComplete.then(()=>{this.container&&this.resizeObserver.observe(this.container)})}disconnectedCallback(){super.disconnectedCallback(),this.container&&this.resizeObserver.unobserve(this.container)}updated(t){super.updated(t),(t.has("orientation")||t.has("buttons")||t.has("shadows"))&&(this.updateScrollEnabledFlags(),this.handleContainerScroll())}updateScrollEnabledFlags(){let t=this.orientation;this.isScrollHorizontalEnabled=t==="horizontal"||t==="auto",this.isScrollVerticalEnabled=t==="vertical"||t==="auto"}get scrollButtons(){return{left:this.leftButton,right:this.rightButton,up:this.upButton,down:this.downButton}}handleContainerScroll(){if(!this.container)return;let t=this.container.scrollLeft>0,l=this.container.scrollLeft+this.container.clientWidth<this.container.scrollWidth-1,e=this.container.scrollTop>0,d=this.container.scrollTop+this.container.clientHeight<this.container.scrollHeight-1,a=this.canScroll,i={left:this.isScrollHorizontalEnabled&&t,right:this.isScrollHorizontalEnabled&&l,up:this.isScrollVerticalEnabled&&e,down:this.isScrollVerticalEnabled&&d},v=a.left&&!i.left,m=a.up&&!i.up,E=a.right&&!i.right,b=a.down&&!i.down;(v||m)&&this.dispatchEvent(new CustomEvent("start")),(E||b)&&this.dispatchEvent(new CustomEvent("end")),this.canScroll=i}handleScroll(t,l){var z,x,B;let e=["left","up"].includes(t)?-this.step:this.step,d=["left","right"].includes(t)?"horizontal":"vertical",a=["left","up"].includes(t)?"start":"end",i=!["mouse","touch"].includes((z=l==null?void 0:l.pointerType)!=null?z:""),v=d==="horizontal"?"left":"top";(x=this.container)==null||x.scrollBy({behavior:"smooth",[v]:e});let m=`button-${t}`;this.dispatchEvent(new CustomEvent(m,{bubbles:!0,composed:!0}));let b=(d==="horizontal"?this.container.scrollLeft:this.container.scrollTop)+e,C=d==="horizontal"?this.container.scrollWidth-this.container.clientWidth:this.container.scrollHeight-this.container.clientHeight,$=a==="start"&&b<=0,H=a==="end"&&b>=C-1;if(!($||H)){let w=this.localize.term("scrolled");this.announcementContainer.textContent=this.announcementContainer.textContent===w?`${w}\u200B`:w;return}let g=this.scrollButtons[t],p={left:this.rightButton,right:this.leftButton,up:this.downButton,down:this.upButton}[t],L=$?`${this.localize.term("scrolled")}. ${this.localize.term("scrollToEnd")}`:`${this.localize.term("scrolled")}. ${this.localize.term("scrollToStart")}`;(B=p==null?void 0:p.querySelector("sd-6-24-0-icon"))==null||B.setAttribute("label",L),i?p==null||p.focus():g==null||g.blur()}handleButtonBlur(t,l){var i;let d=(["left","up"].includes(t)?"start":"end")==="start"?this.localize.term("scrollToStart"):this.localize.term("scrollToEnd");(i=l.target.querySelector("sd-6-24-0-icon"))==null||i.setAttribute("label",d)}render(){let t="relative p-0 border-0 bg-transparent cursor-pointer w-5 h-5 flex items-center justify-center sd-interactive rounded-md flex text-lg",l="scroll-shadow absolute z-10 pointer-events-none transition-opacity duration-medium ease-in-out";return c`<div part="base" class="${r("scroll-container flex overflow-hidden flex-1",this.scrollbars?"show-scrollbars":"hide-scrollbars",this.inset&&"p-4",{horizontal:"scroll-horizontal flex-row whitespace-nowrap items-center overflow-x-scroll overflow-y-hidden",vertical:"scroll-vertical justify-items-center overflow-y-scroll overflow-x-hidden",auto:"scroll-auto overflow-auto"}[this.orientation])}" @scroll="${this.handleContainerScroll}" tabindex="0"><div id="announcement-container" role="status" class="sr-only"></div><div part="scroll-content" class="flex-1"><slot></slot></div></div>${this.buttons?c`${this.isScrollHorizontalEnabled?c`<div part="button-left" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.left&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.left||void 0)}" tabindex="${s(this.canScroll.left?void 0:-1)}" @click="${e=>this.handleScroll("left",e)}" @blur="${e=>this.handleButtonBlur("left",e)}"><slot name="icon-start"><sd-6-24-0-icon library="_internal" name="chevron-up" class="rotate-[-90deg]" label="${this.localize.term("scrollToStart")}"></sd-6-24-0-icon></slot></button></div><div part="button-right" class="${r("absolute z-10 flex items-center justify-center top-0 right-0 h-full w-8 transition-opacity duration-medium ease-in-out",!this.canScroll.right&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.right||void 0)}" tabindex="${s(this.canScroll.right?void 0:-1)}" @click="${e=>this.handleScroll("right",e)}" @blur="${e=>this.handleButtonBlur("right",e)}"><slot name="icon-end"><sd-6-24-0-icon library="_internal" name="chevron-down" class="rotate-[-90deg]" label="${this.localize.term("scrollToEnd")}"></sd-6-24-0-icon></slot></button></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="button-top" class="${r("absolute z-10 flex items-center justify-center top-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.up&&"opacity-0 pointer-events-none")}"><button part="button-start" class="${r(t)}" aria-hidden="${s(!this.canScroll.up||void 0)}" tabindex="${s(this.canScroll.up?void 0:-1)}" @click="${e=>this.handleScroll("up",e)}" @blur="${e=>this.handleButtonBlur("up",e)}"><slot name="icon-start"><sd-6-24-0-icon library="_internal" name="chevron-up" label="${this.localize.term("scrollToStart")}"></sd-6-24-0-icon></slot></button></div><div part="button-bottom" class="${r("absolute z-10 flex items-center justify-center bottom-0 left-0 w-full h-8 transition-opacity duration-medium ease-in-out",!this.canScroll.down&&"opacity-0 pointer-events-none")}"><button part="button-end" class="${r(t)}" aria-hidden="${s(!this.canScroll.down||void 0)}" tabindex="${s(this.canScroll.down?void 0:-1)}" @click="${e=>this.handleScroll("down",e)}" @blur="${e=>this.handleButtonBlur("down",e)}"><slot name="icon-end"><sd-6-24-0-icon library="_internal" name="chevron-down" label="${this.localize.term("scrollToEnd")}"></sd-6-24-0-icon></slot></button></div>`:null}`:null} ${this.shadows?c`${this.isScrollHorizontalEnabled?c`<div part="shadow-left" class="${r("left top-0 left-0 w-[6px] h-full",l,this.canScroll.left?"opacity-100":"opacity-0")}"></div><div part="shadow-right" class="${r("right top-0 right-0 w-[6px] h-full",l,this.canScroll.right?"opacity-100":"opacity-0")}"></div>`:null} ${this.isScrollVerticalEnabled?c`<div part="shadow-top" class="${r("top top-0 left-0 w-full h-[6px]",l,this.canScroll.up?"opacity-100":"opacity-0")}"></div><div part="shadow-bottom" class="${r("bottom bottom-0 left-0 w-full h-[6px]",l,this.canScroll.down?"opacity-100":"opacity-0")}"></div>`:null}`:null}`}};n.styles=[...y.styles,k`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{--gradient-color:transparent;--gradient:var(--gradient-color) 0%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 80%,rgba(var(--sd-color-background-white, rgba(var(--sd-color-white)))) 100%;position:relative;display:flex;overflow:hidden}.hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbars::-webkit-scrollbar{display:none}.scroll-container::-webkit-scrollbar-thumb{background-color:transparent}.scroll-container:hover::-webkit-scrollbar-thumb{background:var(--background-neutral-400,#c3c3c3);border-radius:var(--sd-radius-sm)}.scroll-container::-webkit-scrollbar{height:var(--sd-spacing-1);width:var(--sd-spacing-1)}.scroll-auto{overflow:auto}[part=button-left]{background:linear-gradient(270deg,var(--gradient))}[part=button-right]{background:linear-gradient(90deg,var(--gradient))}[part=button-top]{background:linear-gradient(0deg,var(--gradient))}[part=button-bottom]{background:linear-gradient(180deg,var(--gradient))}[part=shadow-left]{background:linear-gradient(270deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-right]{background:linear-gradient(90deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-top]{background:linear-gradient(0deg,transparent 50%,rgba(24,24,24,.4) 100%)}[part=shadow-bottom]{background:linear-gradient(180deg,transparent 50%,rgba(24,24,24,.4) 100%)}.sd-6-24-0-icon--top{align-self:flex-start}.sd-6-24-0-icon--down{align-self:flex-end}`],o([u('[part="button-right"] button')],n.prototype,"rightButton",2),o([u('[part="button-left"] button')],n.prototype,"leftButton",2),o([u('[part="button-bottom"] button')],n.prototype,"downButton",2),o([u('[part="button-top"] button')],n.prototype,"upButton",2),o([u(".scroll-container")],n.prototype,"container",2),o([u("#announcement-container")],n.prototype,"announcementContainer",2),o([h({type:String,reflect:!0})],n.prototype,"orientation",2),o([h({type:Boolean,reflect:!0})],n.prototype,"scrollbars",2),o([h({type:Boolean,reflect:!0})],n.prototype,"buttons",2),o([h({type:Boolean,reflect:!0})],n.prototype,"shadows",2),o([h({type:Boolean,reflect:!0})],n.prototype,"inset",2),o([h({type:Number,reflect:!0})],n.prototype,"step",2),o([f()],n.prototype,"canScroll",2),o([f()],n.prototype,"isScrollHorizontalEnabled",2),o([f()],n.prototype,"isScrollVerticalEnabled",2),n=o([T("sd-6-24-0-scrollable")],n);export{n as a};

package/cdn-versioned/chunks/chunk.7R76DQCY.js

@@ -1,2 +1,2 @@
-import{a as o}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as h,b as a}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as m,b as r,d as p,h as f}from"./chunk.VMZSSKC5.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new x(this,"[default]","description","children");this.localize=new b(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.stacked=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let i=this.defaultSlot.assignedNodes({flatten:!0});return i.length>0&&i.every(n=>{var c;return n.nodeType===Node.TEXT_NODE?!((c=n.textContent)!=null&&c.trim()):n.nodeType===Node.ELEMENT_NODE?n.tagName.toLowerCase()==="sd-6-23-0-icon":!1})}get isStackedHorizontal(){return!this.vertical&&this.stacked}handleClickButton(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}handleClickSummary(i){i.preventDefault(),i.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?h`div`:this.isAccordion&&!this.isLink?h`summary`:this.isLink?h`a`:h`button`}focus(){var i;this.disabled||(i=this.button)==null||i.focus()}blur(){var i;(i=this.button)==null||i.blur()}render(){let i=this.tag,n=this.isLink,c=this.isButton,l=this.isAccordion,y=this.isIconOnly,d={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},g=this.vertical?"py-3":this.isStackedHorizontal?"pt-1 pb-1":"py-2",u=a`<${i} part="base" class="${s("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",this.isStackedHorizontal?"text-xs leading-4.5":{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-6-23-0-navigation-item-color-text",this.current&&!this.disabled&&"sd-6-23-0-navigation-item--current-color-text",this.current&&!this.isStackedHorizontal&&"font-bold",!this.current&&!this.isStackedHorizontal&&"choice-control-font-weight",!l&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&(this.isStackedHorizontal?"inline-flex flex-col items-center justify-center text-center rounded-full wrap":"inline-flex items-center"),!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",y?"justify-center aspect-square p-3":this.isStackedHorizontal?"px-8":"px-4")}" aria-current="${o(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${o(c?this.disabled:void 0)}" href="${o(n?this.href:void 0)}" target="${o(n?this.target:void 0)}" download="${o(n?this.download:void 0)}" rel="${o(n&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:l?this.handleClickSummary:c?this.handleClickButton:void 0}"><div part="current-indicator" class="${s("absolute bg-accent pointer-events-none navigable__current-indicator-border-radius",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 left-0 group-hover:h-full group-hover:top-0":this.isStackedHorizontal?"h-[2px] left-6 right-6 bottom-0":"navigable__current-indicator-height w-[calc(100%-16px)] left-2 bottom-0 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="${s("inline-flex justify-center gap-1 w-full h-full",this.isStackedHorizontal?"flex-col items-center":"flex-col")}"><span part="content-area" class="${s("relative inline-flex justify-between items-center",l?"grow":"w-full",this.isStackedHorizontal&&"justify-center",d.description&&"pt-3",!d.description&&!this.separated&&g,this.calculatePaddingX)}">${this.divider&&this.vertical?a`<sd-6-23-0-divider part="divider" class="${s("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-6-23-0-divider>`:""} <span id="content" part="content-container" class="${s(this.vertical?"inline-flex flex-auto items-center gap-2":this.isStackedHorizontal?"inline-flex items-center text-center":"inline-flex flex-auto flex-col items-center justify-center gap-1 text-center")}"><slot part="content" class="${s(this.vertical?"inline-flex items-center gap-2":"inline-flex flex-col items-center justify-center gap-1 text-center")}"></slot></span>${this.chevron||d.children&&this.vertical&&!this.separated?a`<sd-6-23-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("h-6 w-6 ml-2 transition-all",l?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-23-0-icon>`:""} </span>${d.description&&this.vertical?a`<slot id="description" name="description" part="description" class="${s("inline-block text-sm text-left font-normal text-black pb-3",l||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${i}>`;return this.separated?a`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${u} ${d.children&&this.vertical?a`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-6-23-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("m-4 h-6 w-6 transition-all",l||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-23-0-icon></button>`:""}</div>${this.open?a`<slot name="children"></slot>`:""}</div>`:l?a`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${u}<slot name="children"></slot></details>`:a`${u}`}};t.styles=[...f.styles,v`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-6-23-0-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-6-23-0-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],e([p('[part="base"]')],t.prototype,"button",2),e([p("slot:not([name])")],t.prototype,"defaultSlot",2),e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([r({type:String,reflect:!0})],t.prototype,"size",2),e([r({reflect:!0})],t.prototype,"href",2),e([r({type:String,reflect:!0})],t.prototype,"target",2),e([r({reflect:!0})],t.prototype,"download",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({type:Boolean,reflect:!0})],t.prototype,"stacked",2),e([r({type:Boolean,reflect:!0})],t.prototype,"chevron",2),e([r({type:Boolean,reflect:!0})],t.prototype,"relaxed",2),e([r({type:Boolean,reflect:!0})],t.prototype,"divider",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indented",2),e([r({type:Boolean,reflect:!0})],t.prototype,"open",2),e([r({type:Boolean,reflect:!0})],t.prototype,"separated",2),t=e([m("sd-6-23-0-navigation-item")],t);export{t as a};
+import{a as o}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as h,b as a}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as m,b as r,d as p,h as f}from"./chunk.VMZSSKC5.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new x(this,"[default]","description","children");this.localize=new b(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.stacked=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let i=this.defaultSlot.assignedNodes({flatten:!0});return i.length>0&&i.every(n=>{var c;return n.nodeType===Node.TEXT_NODE?!((c=n.textContent)!=null&&c.trim()):n.nodeType===Node.ELEMENT_NODE?n.tagName.toLowerCase()==="sd-6-24-0-icon":!1})}get isStackedHorizontal(){return!this.vertical&&this.stacked}handleClickButton(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}handleClickSummary(i){i.preventDefault(),i.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?h`div`:this.isAccordion&&!this.isLink?h`summary`:this.isLink?h`a`:h`button`}focus(){var i;this.disabled||(i=this.button)==null||i.focus()}blur(){var i;(i=this.button)==null||i.blur()}render(){let i=this.tag,n=this.isLink,c=this.isButton,l=this.isAccordion,y=this.isIconOnly,d={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},g=this.vertical?"py-3":this.isStackedHorizontal?"pt-1 pb-1":"py-2",u=a`<${i} part="base" class="${s("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",this.isStackedHorizontal?"text-xs leading-4.5":{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-6-24-0-navigation-item-color-text",this.current&&!this.disabled&&"sd-6-24-0-navigation-item--current-color-text",this.current&&!this.isStackedHorizontal&&"font-bold",!this.current&&!this.isStackedHorizontal&&"choice-control-font-weight",!l&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&(this.isStackedHorizontal?"inline-flex flex-col items-center justify-center text-center rounded-full wrap":"inline-flex items-center"),!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",y?"justify-center aspect-square p-3":this.isStackedHorizontal?"px-8":"px-4")}" aria-current="${o(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${o(c?this.disabled:void 0)}" href="${o(n?this.href:void 0)}" target="${o(n?this.target:void 0)}" download="${o(n?this.download:void 0)}" rel="${o(n&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:l?this.handleClickSummary:c?this.handleClickButton:void 0}"><div part="current-indicator" class="${s("absolute bg-accent pointer-events-none navigable__current-indicator-border-radius",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 left-0 group-hover:h-full group-hover:top-0":this.isStackedHorizontal?"h-[2px] left-6 right-6 bottom-0":"navigable__current-indicator-height w-[calc(100%-16px)] left-2 bottom-0 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="${s("inline-flex justify-center gap-1 w-full h-full",this.isStackedHorizontal?"flex-col items-center":"flex-col")}"><span part="content-area" class="${s("relative inline-flex justify-between items-center",l?"grow":"w-full",this.isStackedHorizontal&&"justify-center",d.description&&"pt-3",!d.description&&!this.separated&&g,this.calculatePaddingX)}">${this.divider&&this.vertical?a`<sd-6-24-0-divider part="divider" class="${s("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-6-24-0-divider>`:""} <span id="content" part="content-container" class="${s(this.vertical?"inline-flex flex-auto items-center gap-2":this.isStackedHorizontal?"inline-flex items-center text-center":"inline-flex flex-auto flex-col items-center justify-center gap-1 text-center")}"><slot part="content" class="${s(this.vertical?"inline-flex items-center gap-2":"inline-flex flex-col items-center justify-center gap-1 text-center")}"></slot></span>${this.chevron||d.children&&this.vertical&&!this.separated?a`<sd-6-24-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("h-6 w-6 ml-2 transition-all",l?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-24-0-icon>`:""} </span>${d.description&&this.vertical?a`<slot id="description" name="description" part="description" class="${s("inline-block text-sm text-left font-normal text-black pb-3",l||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${i}>`;return this.separated?a`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${u} ${d.children&&this.vertical?a`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-6-24-0-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("m-4 h-6 w-6 transition-all",l||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-24-0-icon></button>`:""}</div>${this.open?a`<slot name="children"></slot>`:""}</div>`:l?a`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${u}<slot name="children"></slot></details>`:a`${u}`}};t.styles=[...f.styles,v`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
+:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-6-24-0-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-6-24-0-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],e([p('[part="base"]')],t.prototype,"button",2),e([p("slot:not([name])")],t.prototype,"defaultSlot",2),e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([r({type:String,reflect:!0})],t.prototype,"size",2),e([r({reflect:!0})],t.prototype,"href",2),e([r({type:String,reflect:!0})],t.prototype,"target",2),e([r({reflect:!0})],t.prototype,"download",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({type:Boolean,reflect:!0})],t.prototype,"stacked",2),e([r({type:Boolean,reflect:!0})],t.prototype,"chevron",2),e([r({type:Boolean,reflect:!0})],t.prototype,"relaxed",2),e([r({type:Boolean,reflect:!0})],t.prototype,"divider",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indented",2),e([r({type:Boolean,reflect:!0})],t.prototype,"open",2),e([r({type:Boolean,reflect:!0})],t.prototype,"separated",2),t=e([m("sd-6-24-0-navigation-item")],t);export{t as a};

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

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as i,b as a,h as r}from"./chunk.VMZSSKC5.js";import{b as l,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.localize=new c(this);this.subtick=!1}render(){return o`<div part="base" class="${s(this.subtick?"w-0.25":"w-0.5")}"><div part="line" class="${s(this.subtick?"h-2":"h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm sd-6-23-0-range-scale-ticks-color-text"><slot></slot></div></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-[part='line']{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}`],e([a({type:Boolean,reflect:!0})],t.prototype,"subtick",2),t=e([i("sd-6-23-0-range-tick")],t);export{t as a};
+import{a as c}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as i,b as a,h as r}from"./chunk.VMZSSKC5.js";import{b as l,e as o}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends r{constructor(){super(...arguments);this.localize=new c(this);this.subtick=!1}render(){return o`<div part="base" class="${s(this.subtick?"w-0.25":"w-0.5")}"><div part="line" class="${s(this.subtick?"h-2":"h-[10px]")}"></div><div part="label" class="flex items-center justify-center text-center text-nowrap text-sm sd-6-24-0-range-scale-ticks-color-text"><slot></slot></div></div>`}};t.styles=[...r.styles,l`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+[part='line']{background-color:rgba(var(--sd-color-border-neutral-400,rgba(var(--sd-color-neutral-400))))}`],e([a({type:Boolean,reflect:!0})],t.prototype,"subtick",2),t=e([i("sd-6-24-0-range-tick")],t);export{t as a};