@solid-design-system/components 6.0.0-next.16 → 6.0.0-next.18

package/cdn/chunks/{chunk.ZCQLAJP5.js → chunk.QGEF6LTQ.js}

@@ -1,2 +1,2 @@
-import{a as N}from"./chunk.CSLPZKLY.js";import{a as B}from"./chunk.VYBQ3X2B.js";import{a as A}from"./chunk.N3WG3NAL.js";import{b as z}from"./chunk.JS2HQ2N4.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.PV6UYBMY.js";import{a as T,b as L}from"./chunk.D6LAH53B.js";import{a}from"./chunk.YFQFOIEM.js";import{a as F}from"./chunk.7BPPDSHY.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as V,b as s,c as m,d as g,h as x}from"./chunk.77FHAJLL.js";import{b as D,e as r,h as E,i as P}from"./chunk.763RLJEK.js";import{a as k,e as i}from"./chunk.6EV4YU6C.js";var w=class extends N{constructor(e){super(e);this.handlePointerDown=e=>{e.button!==0||this.host.disabled||this.spinOnLongPressCallback(e)};this.handlePointerUp=e=>{e==null||e.preventDefault(),e==null||e.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(e.type!==T.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return P}update(e,[l]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=k({},l),this.host.addEventListener("pointerdown",this.handlePointerDown)),E}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var l;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(l=this.observer)==null||l.disconnect(),this.observer=new MutationObserver(c=>{c.forEach(p=>{p.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var e;clearInterval(this.interval),clearTimeout(this.timeout),(e=this.observer)==null||e.disconnect()}},$=L(w);var _,R=(_=navigator.userAgentData)==null?void 0:_.brands.some(f=>f.brand.includes("Chromium")),J=R?!1:navigator.userAgent.includes("Firefox"),t=class extends x{constructor(){super(...arguments);this.formControlController=new z(this);this.hasSlotController=new M(this,"help-text","label","left","right","message","placeholder");this.localize=new F(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,l;return(l=(e=this.input)==null?void 0:e.valueAsDate)!=null?l:null}set valueAsDate(e){let l=document.createElement("input");l.type="date",l.valueAsDate=e,this.value=l.value}get valueAsNumber(){var e,l;return(l=(e=this.input)==null?void 0:e.valueAsNumber)!=null?l:parseFloat(this.value)}set valueAsNumber(e){let l=document.createElement("input");l.type="number",l.valueAsNumber=e,this.value=l.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(e){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),e.stopPropagation()}handleSearchClick(e){this.emit("sd-search"),e.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.input.value=this.value;return}this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleKeyDown(e){let l=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!l&&setTimeout(()=>{!e.defaultPrevented&&!e.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let e=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=e}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let e=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=e}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,l,c="none"){this.input.setSelectionRange(e,l,c)}setRangeText(e,l,c,p){this.input.setRangeText(e,l,c,p),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var e;return(e=this.input)==null?void 0:e.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right"),tooltip:this.hasSlotController.test("tooltip")},l=this.label?!0:!!e.label,c=this.helpText?!0:!!e.helpText,p=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),U=!!e.tooltip,S=e.left,v=this.value!==null&&String(this.value).length>0,u=this.floatingLabel&&l&&(this.hasFocus||v||this.placeholder),y=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",C=this.size==="sm"?"text-sm":"text-base",O={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[y],d=this.disabled||this.visuallyDisabled?"text-neutral-500":"form-control-color-icon",h={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],o={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],K=this.size==="lg"?this.floatingLabel?u?"py-3":"py-4":"py-2":this.floatingLabel?u?"py-2":"py-3":"py-1",q={sm:"left-[36px]",md:"left-[44px]",lg:"left-12"}[this.size];return r`<div part="form-control" class="${a((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${(l||U)&&!this.floatingLabel?r`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a(l?"inline-block form-control-color-text":"hidden",C)}" for="input" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${e.tooltip?r`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${a("absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast",O)}"></div><div part="base" class="${a("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",["disabled","visuallyDisabled"].includes(y)?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(y)&&"form-control--invalid-color-background",K)}">${e.left?r`<slot name="left" part="left" class="${a("inline-flex",this.size==="sm"?"mr-1":"mr-2",d,o)}"></slot>`:""} <input part="input" id="input" class="${a("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",this.size==="sm"?u?"h-4":"h-6":u?"h-6":"h-8",C,u&&"leading-none mt-4")}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${n(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${n(this.placeholder)}" minlength="${n(this.minlength)}" maxlength="${n(this.maxlength)}" min="${n(this.min)}" max="${n(this.max)}" step="${n(this.step)}" .value="${B(this.value)}" autocapitalize="${n(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${n(this.autocomplete)}" autocorrect="${n(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${n(this.pattern)}" enterkeyhint="${n(this.enterkeyhint)}" inputmode="${n(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled||this.disabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${l&&this.floatingLabel?r`<label part="form-control-floating-label" class="${a("pointer-events-none absolute",S?q:"left-4",!this.readonly&&"transition-all duration-medium ease-out",!u||!v&&(this.readonly||this.visuallyDisabled)?"top-1/2 -translate-y-1/2":this.size==="lg"?"top-2":"top-1")}" for="input" aria-hidden="${l?"false":"true"}"><span id="floating-label" class="${a("pointer-events-none leading-none",!this.readonly&&"transition-all duration-medium ease-out",!u||!v&&(this.readonly||this.visuallyDisabled)?"text-base":"text-xs",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",u&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null} ${p?r`<button part="clear-button" class="${a("flex justify-center",h)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${a(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-neutral-700",o)}" library="_internal" name="closing-round"></sd-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?r`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${a("flex items-center sd-interactive",h)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?r`<slot name="show-password-icon"><sd-icon class="${a(d,o)}" library="_internal" name="eye"></sd-icon></slot>`:r`<slot name="hide-password-icon"><sd-icon class="${a(d,o)}" library="_internal" name="eye-crossed-out"></sd-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!J?r`<sd-icon class="${a(d,h,o)}" library="_internal" name="calendar"></sd-icon>`:""} ${this.type==="time"?r`<sd-icon class="${a(d,h,o)}" library="_internal" name="clock"></sd-icon>`:""} ${this.type==="search"?r`<button class="${a("flex items-center sd-interactive",h)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${a(d,o)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>`:""} ${this.showInvalidStyle?r`<sd-icon part="invalid-icon" class="${a("text-error",h,o)}" library="_internal" name="risk"></sd-icon>`:""} ${this.showValidStyle&&this.styleOnValid?r`<sd-icon class="${a("text-success flex-shrink-0",h,o)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""} ${e.right?r`<slot name="right" part="right" class="${a("inline-flex",d,h,o)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?r`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${$({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-icon library="_internal" name="minus-circle" label="Decrease value" class="${a(d,h,o)}"></sd-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${$({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-icon library="_internal" name="plus-circle" label="Decrease value" class="${a(d,h,o)}"></sd-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700 mt-1",c?"block":"hidden")}" aria-hidden="${!c}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...x.styles,D`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+import{a as N}from"./chunk.CSLPZKLY.js";import{a as B}from"./chunk.VYBQ3X2B.js";import{a as A}from"./chunk.N3WG3NAL.js";import{b as z}from"./chunk.JS2HQ2N4.js";import{a as M}from"./chunk.CGQ2BPPZ.js";import{a as n}from"./chunk.PV6UYBMY.js";import{a as T,b as L}from"./chunk.D6LAH53B.js";import{a}from"./chunk.YFQFOIEM.js";import{a as F}from"./chunk.7BPPDSHY.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as V,b as s,c as m,d as g,h as x}from"./chunk.77FHAJLL.js";import{b as D,e as r,h as E,i as P}from"./chunk.763RLJEK.js";import{a as k,e as i}from"./chunk.6EV4YU6C.js";var w=class extends N{constructor(e){super(e);this.handlePointerDown=e=>{e.button!==0||this.host.disabled||this.spinOnLongPressCallback(e)};this.handlePointerUp=e=>{e==null||e.preventDefault(),e==null||e.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(e.type!==T.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return P}update(e,[l]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=k({},l),this.host.addEventListener("pointerdown",this.handlePointerDown)),E}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var l;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(l=this.observer)==null||l.disconnect(),this.observer=new MutationObserver(c=>{c.forEach(p=>{p.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var e;clearInterval(this.interval),clearTimeout(this.timeout),(e=this.observer)==null||e.disconnect()}},$=L(w);var S,R=(S=navigator.userAgentData)==null?void 0:S.brands.some(f=>f.brand.includes("Chromium")),J=R?!1:navigator.userAgent.includes("Firefox"),t=class extends x{constructor(){super(...arguments);this.formControlController=new z(this);this.hasSlotController=new M(this,"help-text","label","left","right","message","placeholder");this.localize=new F(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,l;return(l=(e=this.input)==null?void 0:e.valueAsDate)!=null?l:null}set valueAsDate(e){let l=document.createElement("input");l.type="date",l.valueAsDate=e,this.value=l.value}get valueAsNumber(){var e,l;return(l=(e=this.input)==null?void 0:e.valueAsNumber)!=null?l:parseFloat(this.value)}set valueAsNumber(e){let l=document.createElement("input");l.type="number",l.valueAsNumber=e,this.value=l.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(e){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),e.stopPropagation()}handleSearchClick(e){this.emit("sd-search"),e.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.input.value=this.value;return}this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(e){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(e),this.invalidMessage.textContent=e.target.validationMessage}handleKeyDown(e){let l=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!l&&setTimeout(()=>{!e.defaultPrevented&&!e.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let e=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=e}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let e=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=e}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(e){this.input.focus(e)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(e,l,c="none"){this.input.setSelectionRange(e,l,c)}setRangeText(e,l,c,p){this.input.setRangeText(e,l,c,p),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var e;return(e=this.input)==null?void 0:e.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(e){this.input.setCustomValidity(e),this.formControlController.updateValidity()}render(){let e={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right"),tooltip:this.hasSlotController.test("tooltip")},l=this.label?!0:!!e.label,c=this.helpText?!0:!!e.helpText,p=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),H=!!e.tooltip,U=e.left,v=this.value!==null&&String(this.value).length>0,u=this.floatingLabel&&l&&(this.hasFocus||v||this.placeholder),y=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",C=this.size==="sm"?"text-sm":"text-base",O={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[y],d=this.disabled||this.visuallyDisabled?"text-neutral-500":"form-control-color-icon",h={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],o={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],K=this.size==="lg"?this.floatingLabel?u?"py-3":"py-4":"py-2":this.floatingLabel?u?"py-2":"py-3":"py-1",q={sm:"left-[36px]",md:"left-[44px]",lg:"left-12"}[this.size];return r`<div part="form-control" class="${a((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${(l||H)&&!this.floatingLabel?r`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${a(l?"inline-block form-control-color-text":"hidden",C)}" for="input" aria-hidden="${l?"false":"true"}"><slot name="label">${this.label}</slot></label> ${e.tooltip?r`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${a("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${a("absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast",O)}"></div><div part="base" class="${a("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",["disabled","visuallyDisabled"].includes(y)?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(y)&&"form-control--invalid-color-background",K)}">${e.left?r`<slot name="left" part="left" class="${a("inline-flex",this.size==="sm"?"mr-1":"mr-2",d,o)}"></slot>`:""} <input part="input" id="input" class="${a("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",this.size==="sm"?u?"h-4":"h-6":u?"h-6":"h-8",C,u&&"leading-none mt-4")}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${n(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${n(this.placeholder)}" minlength="${n(this.minlength)}" maxlength="${n(this.maxlength)}" min="${n(this.min)}" max="${n(this.max)}" step="${n(this.step)}" .value="${B(this.value)}" autocapitalize="${n(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${n(this.autocomplete)}" autocorrect="${n(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${n(this.pattern)}" enterkeyhint="${n(this.enterkeyhint)}" inputmode="${n(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled||this.disabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${l&&this.floatingLabel?r`<label part="form-control-floating-label" class="${a("pointer-events-none absolute",U?q:"left-4",!this.readonly&&"transition-all duration-medium ease-out",!u||!v&&(this.readonly||this.visuallyDisabled)?"top-1/2 -translate-y-1/2":this.size==="lg"?"top-2":"top-1")}" for="input" aria-hidden="${l?"false":"true"}"><span id="floating-label" class="${a("pointer-events-none leading-none",!this.readonly&&"transition-all duration-medium ease-out",!u||!v&&(this.readonly||this.visuallyDisabled)?"text-base":"text-xs",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",u&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null} ${p?r`<button part="clear-button" class="${a("flex justify-center",h)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${a(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-neutral-700",o)}" library="_internal" name="closing-round"></sd-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?r`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${a("flex items-center sd-interactive",h)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?r`<slot name="show-password-icon"><sd-icon class="${a(d,o)}" library="_internal" name="eye"></sd-icon></slot>`:r`<slot name="hide-password-icon"><sd-icon class="${a(d,o)}" library="_internal" name="eye-crossed-out"></sd-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!J?r`<sd-icon class="${a(d,h,o)}" library="_internal" name="calendar"></sd-icon>`:""} ${this.type==="time"?r`<sd-icon class="${a(d,h,o)}" library="_internal" name="clock"></sd-icon>`:""} ${this.type==="search"?r`<button class="${a("flex items-center sd-interactive",h)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${a(d,o)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>`:""} ${this.showInvalidStyle?r`<sd-icon part="invalid-icon" class="${a("text-error",h,o)}" library="_internal" name="risk"></sd-icon>`:""} ${this.showValidStyle&&this.styleOnValid?r`<sd-icon class="${a("text-success flex-shrink-0",h,o)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""} ${e.right?r`<slot name="right" part="right" class="${a("inline-flex",d,h,o)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?r`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${$({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-icon library="_internal" name="minus-circle" label="Decrease value" class="${a(d,h,o)}"></sd-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${$({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-icon library="_internal" name="plus-circle" label="Decrease value" class="${a(d,h,o)}"></sd-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${a("text-sm text-neutral-700 mt-1",c&&!this.showInvalidStyle?"block":"hidden")}" aria-hidden="${!c||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...x.styles,D`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-icon{color:rgba(var(--sd-color-text-neutral-500))}`],i([g("#input")],t.prototype,"input",2),i([g("#invalid-message")],t.prototype,"invalidMessage",2),i([m()],t.prototype,"hasFocus",2),i([m()],t.prototype,"showValidStyle",2),i([m()],t.prototype,"showInvalidStyle",2),i([s({type:String,reflect:!0})],t.prototype,"type",2),i([s({type:String,reflect:!0})],t.prototype,"size",2),i([s({type:String,reflect:!0})],t.prototype,"inputmode",2),i([s()],t.prototype,"value",2),i([A()],t.prototype,"defaultValue",2),i([s({type:String,reflect:!0})],t.prototype,"placeholder",2),i([s({type:String,reflect:!0})],t.prototype,"label",2),i([s({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),i([s({type:Boolean,reflect:!0})],t.prototype,"clearable",2),i([s({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([s({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([s({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([s({attribute:"password-toggle",type:Boolean,reflect:!0})],t.prototype,"passwordToggle",2),i([s({attribute:"password-visible",type:Boolean,reflect:!0})],t.prototype,"passwordVisible",2),i([s({attribute:"spin-buttons",type:Boolean,reflect:!0})],t.prototype,"spinButtons",2),i([s({type:Number,reflect:!0})],t.prototype,"minlength",2),i([s({type:Number,reflect:!0})],t.prototype,"maxlength",2),i([s({reflect:!0})],t.prototype,"min",2),i([s({reflect:!0})],t.prototype,"max",2),i([s({type:String,reflect:!0})],t.prototype,"form",2),i([s({type:String,reflect:!0})],t.prototype,"name",2),i([s({type:String,reflect:!0})],t.prototype,"title",2),i([s({type:Boolean,reflect:!0})],t.prototype,"required",2),i([s({attribute:"floating-label",type:Boolean,reflect:!0})],t.prototype,"floatingLabel",2),i([s()],t.prototype,"pattern",2),i([s({reflect:!0})],t.prototype,"step",2),i([s({type:String,reflect:!0})],t.prototype,"autocapitalize",2),i([s({type:String,reflect:!0})],t.prototype,"autocorrect",2),i([s({reflect:!0})],t.prototype,"autocomplete",2),i([s({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),i([s({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),i([s({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),i([s({type:Boolean,converter:{fromAttribute:e=>!(!e||e==="false"),toAttribute:e=>e?"true":"false"}})],t.prototype,"spellcheck",2),i([b("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([b("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),i([b("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=i([V("sd-input")],t);export{t as a};

package/cdn/chunks/{chunk.J7OBYVAZ.js → chunk.YCUW3CQB.js}

@@ -1,2 +1,2 @@
-import{a as $}from"./chunk.VYBQ3X2B.js";import{a as C}from"./chunk.N3WG3NAL.js";import{b as g}from"./chunk.JS2HQ2N4.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.PV6UYBMY.js";import{a as s}from"./chunk.YFQFOIEM.js";import{a as u}from"./chunk.NYKJXI3Q.js";import{a as y,b as i,c as d,d as p,h as m}from"./chunk.77FHAJLL.js";import{b as v,e as n}from"./chunk.763RLJEK.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends m{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new x(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(l){this.textarea.focus(l)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.textarea.scrollTop=l.top),typeof l.left=="number"&&(this.textarea.scrollLeft=l.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(l,a,o="none"){this.textarea.setSelectionRange(l,a,o)}setRangeText(l,a,o,c){this.textarea.setRangeText(l,a,o,c),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var l;return(l=this.textarea)==null?void 0:l.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(l){this.textarea.setCustomValidity(l),this.formControlController.updateValidity()}render(){let l={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},a=this.label?!0:!!l.label,o=this.helpText?!0:!!l.helpText,c=!!l.tooltip,h=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",b={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return n`<div part="form-control" class="flex flex-col h-full text-left">${a||c?n`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s(a?"inline-block form-control-color-text":"hidden",f)}" for="input" aria-hidden="${a?"false":"true"}"><slot name="label">${this.label}</slot></label> ${l.tooltip?n`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${s("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${s("absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[h])}"></div><div part="base" class="${s("textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",h==="disabled"||h==="visuallyDisabled"?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(h)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${s("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-icon]:pe-8",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size],this.disabled&&"cursor-not-allowed",f)}" title="${this.title}" name="${r(this.name)}" .value="${$(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${r(this.placeholder)}" minlength="${r(this.minlength)}" maxlength="${r(this.maxlength)}" rows="${r(this.rows)}" autocapitalize="${r(this.autocapitalize)}" autocorrect="${r(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${r(this.spellcheck)}" enterkeyhint="${r(this.enterkeyhint)}" inputmode="${r(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?n`<sd-icon class="${s("text-error absolute right-4 pointer-events-none",b)}" library="_internal" name="risk" part="invalid-icon"></sd-icon>`:""} ${this.styleOnValid&&this.showValidStyle?n`<sd-icon class="${s("text-success absolute right-4 pointer-events-none",b)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${s("text-sm text-neutral-700 mt-1",o?"block":"hidden")}" aria-hidden="${o?"false":"true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...m.styles,v`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+import{a as $}from"./chunk.VYBQ3X2B.js";import{a as C}from"./chunk.N3WG3NAL.js";import{b as g}from"./chunk.JS2HQ2N4.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as r}from"./chunk.PV6UYBMY.js";import{a as s}from"./chunk.YFQFOIEM.js";import{a as u}from"./chunk.NYKJXI3Q.js";import{a as y,b as i,c as d,d as p,h as m}from"./chunk.77FHAJLL.js";import{b as v,e as n}from"./chunk.763RLJEK.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends m{constructor(){super(...arguments);this.formControlController=new g(this);this.hasSlotController=new x(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(l){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(l),this.invalidMessage.textContent=l.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(l){this.textarea.focus(l)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(l){if(l){typeof l.top=="number"&&(this.textarea.scrollTop=l.top),typeof l.left=="number"&&(this.textarea.scrollLeft=l.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(l,a,o="none"){this.textarea.setSelectionRange(l,a,o)}setRangeText(l,a,o,c){this.textarea.setRangeText(l,a,o,c),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var l;return(l=this.textarea)==null?void 0:l.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(l){this.textarea.setCustomValidity(l),this.formControlController.updateValidity()}render(){let l={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},a=this.label?!0:!!l.label,o=this.helpText?!0:!!l.helpText,c=!!l.tooltip,h=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",b={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return n`<div part="form-control" class="flex flex-col h-full text-left">${a||c?n`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${s(a?"inline-block form-control-color-text":"hidden",f)}" for="input" aria-hidden="${a?"false":"true"}"><slot name="label">${this.label}</slot></label> ${l.tooltip?n`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${s("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${s("absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[h])}"></div><div part="base" class="${s("textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",h==="disabled"||h==="visuallyDisabled"?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(h)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${s("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-icon]:pe-8",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size],this.disabled&&"cursor-not-allowed",f)}" title="${this.title}" name="${r(this.name)}" .value="${$(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${r(this.placeholder)}" minlength="${r(this.minlength)}" maxlength="${r(this.maxlength)}" rows="${r(this.rows)}" autocapitalize="${r(this.autocapitalize)}" autocorrect="${r(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${r(this.spellcheck)}" enterkeyhint="${r(this.enterkeyhint)}" inputmode="${r(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?n`<sd-icon class="${s("text-error absolute right-4 pointer-events-none",b)}" library="_internal" name="risk" part="invalid-icon"></sd-icon>`:""} ${this.styleOnValid&&this.showValidStyle?n`<sd-icon class="${s("text-success absolute right-4 pointer-events-none",b)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${s("text-sm text-neutral-700 mt-1",o&&!this.showInvalidStyle?"block":"hidden")}" aria-hidden="${!o||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...m.styles,v`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([required]) #label::after{content:' *'}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],e([p("#input")],t.prototype,"textarea",2),e([p("#invalid-message")],t.prototype,"invalidMessage",2),e([d()],t.prototype,"hasFocus",2),e([d()],t.prototype,"showValidStyle",2),e([d()],t.prototype,"showInvalidStyle",2),e([i({type:String,reflect:!0})],t.prototype,"title",2),e([i({type:String,reflect:!0})],t.prototype,"name",2),e([i()],t.prototype,"value",2),e([i({type:String,reflect:!0})],t.prototype,"size",2),e([i({type:String,reflect:!0})],t.prototype,"label",2),e([i({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),e([i({type:String,reflect:!0})],t.prototype,"placeholder",2),e([i({type:Number,reflect:!0})],t.prototype,"rows",2),e([i({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([i({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([i({type:Boolean,reflect:!0})],t.prototype,"readonly",2),e([i({type:String,reflect:!0})],t.prototype,"form",2),e([i({type:Boolean,reflect:!0})],t.prototype,"required",2),e([i({type:Number,reflect:!0})],t.prototype,"minlength",2),e([i({type:Number,reflect:!0})],t.prototype,"maxlength",2),e([i({type:String,reflect:!0})],t.prototype,"autocapitalize",2),e([i({type:String,reflect:!0})],t.prototype,"autocorrect",2),e([i({reflect:!0})],t.prototype,"autocomplete",2),e([i({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),e([i({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),e([i({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),e([i({type:Boolean,converter:{fromAttribute:l=>!(!l||l==="false"),toAttribute:l=>l?"true":"false"}})],t.prototype,"spellcheck",2),e([i({type:String,reflect:!0})],t.prototype,"inputmode",2),e([C()],t.prototype,"defaultValue",2),e([u("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),e([u("rows",{waitUntilFirstUpdate:!0})],t.prototype,"handleRowsChange",1),e([u("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=e([y("sd-textarea")],t);export{t as a};

package/cdn/components/input/input.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.ZCQLAJP5.js";import"../../chunks/chunk.CSLPZKLY.js";import"../../chunks/chunk.VYBQ3X2B.js";import"../../chunks/chunk.SIY4LRPB.js";import"../../chunks/chunk.N3WG3NAL.js";import"../../chunks/chunk.JS2HQ2N4.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.PV6UYBMY.js";import"../../chunks/chunk.SPAZJMG4.js";import"../../chunks/chunk.MP6XEXRW.js";import"../../chunks/chunk.D6LAH53B.js";import"../../chunks/chunk.D6O3QBSW.js";import"../../chunks/chunk.3FMN7C5N.js";import"../../chunks/chunk.7OU5VHPS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.YFQFOIEM.js";import"../../chunks/chunk.7BPPDSHY.js";import"../../chunks/chunk.CIAY7P3F.js";import"../../chunks/chunk.2PZOUYOE.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.77FHAJLL.js";import"../../chunks/chunk.763RLJEK.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};
+import{a}from"../../chunks/chunk.QGEF6LTQ.js";import"../../chunks/chunk.CSLPZKLY.js";import"../../chunks/chunk.VYBQ3X2B.js";import"../../chunks/chunk.SIY4LRPB.js";import"../../chunks/chunk.N3WG3NAL.js";import"../../chunks/chunk.JS2HQ2N4.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.PV6UYBMY.js";import"../../chunks/chunk.SPAZJMG4.js";import"../../chunks/chunk.MP6XEXRW.js";import"../../chunks/chunk.D6LAH53B.js";import"../../chunks/chunk.D6O3QBSW.js";import"../../chunks/chunk.3FMN7C5N.js";import"../../chunks/chunk.7OU5VHPS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.YFQFOIEM.js";import"../../chunks/chunk.7BPPDSHY.js";import"../../chunks/chunk.CIAY7P3F.js";import"../../chunks/chunk.2PZOUYOE.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.77FHAJLL.js";import"../../chunks/chunk.763RLJEK.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};

package/cdn/components/textarea/textarea.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.J7OBYVAZ.js";import"../../chunks/chunk.VYBQ3X2B.js";import"../../chunks/chunk.SIY4LRPB.js";import"../../chunks/chunk.N3WG3NAL.js";import"../../chunks/chunk.JS2HQ2N4.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.PV6UYBMY.js";import"../../chunks/chunk.SPAZJMG4.js";import"../../chunks/chunk.MP6XEXRW.js";import"../../chunks/chunk.D6LAH53B.js";import"../../chunks/chunk.D6O3QBSW.js";import"../../chunks/chunk.3FMN7C5N.js";import"../../chunks/chunk.7OU5VHPS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.YFQFOIEM.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.77FHAJLL.js";import"../../chunks/chunk.763RLJEK.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};
+import{a}from"../../chunks/chunk.YCUW3CQB.js";import"../../chunks/chunk.VYBQ3X2B.js";import"../../chunks/chunk.SIY4LRPB.js";import"../../chunks/chunk.N3WG3NAL.js";import"../../chunks/chunk.JS2HQ2N4.js";import"../../chunks/chunk.CGQ2BPPZ.js";import"../../chunks/chunk.PV6UYBMY.js";import"../../chunks/chunk.SPAZJMG4.js";import"../../chunks/chunk.MP6XEXRW.js";import"../../chunks/chunk.D6LAH53B.js";import"../../chunks/chunk.D6O3QBSW.js";import"../../chunks/chunk.3FMN7C5N.js";import"../../chunks/chunk.7OU5VHPS.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.YFQFOIEM.js";import"../../chunks/chunk.NYKJXI3Q.js";import"../../chunks/chunk.77FHAJLL.js";import"../../chunks/chunk.763RLJEK.js";import"../../chunks/chunk.W4QBFD6E.js";import"../../chunks/chunk.6EV4YU6C.js";export{a as default};

package/cdn/custom-elements.json

@@ -22476,7 +22476,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "6.0.0-next.16",
+    "version": "6.0.0-next.18",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"

package/cdn/solid-components.bundle.js

@@ -222,7 +222,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
           var(--sd-informational-gradient--primary-800-color-background, rgba(var(--sd-color-primary-800)))
         )}`],a([v('[part="front"]')],Nt.prototype,"front",2),a([v('[part="back"]')],Nt.prototype,"back",2),a([d({reflect:!0,attribute:"flip-direction"})],Nt.prototype,"flipDirection",2),a([d({reflect:!0})],Nt.prototype,"placement",2),a([d({type:String,reflect:!0,attribute:"front-variant"})],Nt.prototype,"frontVariant",2),a([d({type:String,reflect:!0,attribute:"back-variant"})],Nt.prototype,"backVariant",2),a([L()],Nt.prototype,"activeSide",2),Nt=a([w("sd-flipcard")],Nt);var pe=class extends g{constructor(){super(...arguments);this.fixed=!1}connectedCallback(){super.connectedCallback(),this.updateCalculatedHeight=this.updateCalculatedHeight.bind(this),this.addResizeObserver=this.addResizeObserver.bind(this),window.addEventListener("resize",this.updateCalculatedHeight)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.updateCalculatedHeight)}firstUpdated(){this.updateCalculatedHeight(),this.addResizeObserver()}updated(t){super.updated(t),t.has("fixed")&&this.updateCalculatedHeight()}addResizeObserver(){this.resizeObserver=new ResizeObserver(this.updateCalculatedHeight),this.header&&this.resizeObserver.observe(this.header)}updateCalculatedHeight(){let t=parseFloat(getComputedStyle(document.documentElement).fontSize),e=window.innerHeight/t;this.header&&this.fixed&&e>=32?document.documentElement.style.setProperty("--sd-header-calculated-height",`${this.header.clientHeight}px`):document.documentElement.style.removeProperty("--sd-header-calculated-height")}render(){return p`<header class="w-full sd-header-color-background relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`}};pe.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{position:relative;z-index:var(--sd-z-index-header,600);display:block}@media (min-height:32rem){:host([fixed]){padding-bottom:var(--sd-header-calculated-height)!important}:host([fixed]) header{position:fixed;top:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);width:100%}:host([fixed]) header::after{position:absolute;top:100%;right:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);height:var(--sd-spacing-2);--tw-content:'';content:var(--tw-content);background:var(--gradient-vertical-black-40-transparent,linear-gradient(0deg,#18181800 50%,#18181866 100%))}}[part=main]{width:var(--sd-header-inner-width);max-width:var(--sd-header-inner-max-width);padding:var(--sd-header-padding,12px 16px)}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],a([d({reflect:!0,type:Boolean})],pe.prototype,"fixed",2),a([v("header")],pe.prototype,"header",2),a([xi(100)],pe.prototype,"updateCalculatedHeight",1),pe=a([w("sd-header")],pe);var oe=class extends g{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(t){let e=document.createElement("script");[...t.attributes].forEach(r=>e.setAttribute(r.name,r.value)),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{let t=this.src,e=await br(t,this.mode);if(t!==this.src)return;if(!e.ok){this.emit("sd-error",{detail:{status:e.status}});return}this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(r=>this.executeScript(r)),this.emit("sd-load")}catch(t){this.emit("sd-error",{detail:{status:-1}})}}render(){return p`<slot></slot>`}};oe.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}`],a([d({reflect:!0})],oe.prototype,"src",2),a([d({type:String,reflect:!0})],oe.prototype,"mode",2),a([d({attribute:"allow-scripts",type:Boolean,reflect:!0})],oe.prototype,"allowScripts",2),a([E("src")],oe.prototype,"handleSrcChange",1),oe=a([w("sd-include")],oe);var Zi=(s,i)=>{var e;let t=s._$AN;if(t===void 0)return!1;for(let r of t)(e=r._$AO)==null||e.call(r,i,!1),Zi(r,i);return!0},Vr=s=>{let i,t;do{if((i=s._$AM)===void 0)break;t=i._$AN,t.delete(s),s=i}while((t==null?void 0:t.size)===0)},fo=s=>{for(let i;i=s._$AM;s=i){let t=i._$AN;if(t===void 0)i._$AN=t=new Set;else if(t.has(s))break;t.add(s),zd(i)}};function Ld(s){this._$AN!==void 0?(Vr(this),this._$AM=s,fo(this)):this._$AM=s}function Md(s,i=!1,t=0){let e=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(i)if(Array.isArray(e))for(let o=t;o<e.length;o++)Zi(e[o],!1),Vr(e[o]);else e!=null&&(Zi(e,!1),Vr(e));else Zi(this,s)}var zd=s=>{var i,t;s.type==Kt.CHILD&&((i=s._$AP)!=null||(s._$AP=Md),(t=s._$AQ)!=null||(s._$AQ=Ld))},$i=class extends Ie{constructor(){super(...arguments),this._$AN=void 0}_$AT(i,t,e){super._$AT(i,t,e),fo(this),this.isConnected=i._$AU}_$AO(i,t=!0){var e,r;i!==this.isConnected&&(this.isConnected=i,i?(e=this.reconnected)==null||e.call(this):(r=this.disconnected)==null||r.call(this)),t&&(Zi(this,i),Vr(this))}setValue(i){if(Tr(this._$Ct))this._$Ct._$AI(i,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=i,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var Es=class extends $i{constructor(t){super(t);this.handlePointerDown=t=>{t.button!==0||this.host.disabled||this.spinOnLongPressCallback(t)};this.handlePointerUp=t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(t.type!==Kt.ELEMENT||!(t.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(t){return W}update(t,[e]){return this.callbacks===void 0&&this.host===void 0&&(this.host=t.element,this.callbacks=B({},e),this.host.addEventListener("pointerdown",this.handlePointerDown)),Mt}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(t){var e;t.preventDefault(),t.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(e=this.observer)==null||e.disconnect(),this.observer=new MutationObserver(r=>{r.forEach(o=>{o.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var t;clearInterval(this.interval),clearTimeout(this.timeout),(t=this.observer)==null||t.disconnect()}},Cs=te(Es);var go,Sd=(go=navigator.userAgentData)==null?void 0:go.brands.some(s=>s.brand.includes("Chromium")),Ad=Sd?!1:navigator.userAgent.includes("Firefox"),H=class extends g{constructor(){super(...arguments);this.formControlController=new dt(this);this.hasSlotController=new P(this,"help-text","label","left","right","message","placeholder");this.localize=new O(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var t,e;return(e=(t=this.input)==null?void 0:t.valueAsDate)!=null?e:null}set valueAsDate(t){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}get valueAsNumber(){var t,e;return(e=(t=this.input)==null?void 0:t.valueAsNumber)!=null?e:parseFloat(this.value)}set valueAsNumber(t){let e=document.createElement("input");e.type="number",e.valueAsNumber=t,this.value=e.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(t){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),t.stopPropagation()}handleSearchClick(t){this.emit("sd-search"),t.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.input.value=this.value;return}this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleKeyDown(t){let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!e&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let t=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=t}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let t=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=t}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,e,r="none"){this.input.setSelectionRange(t,e,r)}setRangeText(t,e,r,o){this.input.setRangeText(t,e,r,o),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,r=this.helpText?!0:!!t.helpText,o=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),n=!!t.tooltip,l=t.left,c=this.value!==null&&String(this.value).length>0,u=this.floatingLabel&&e&&(this.hasFocus||c||this.placeholder),m=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",x={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[m],b=this.disabled||this.visuallyDisabled?"text-neutral-500":"form-control-color-icon",k={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],T={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],M=this.size==="lg"?this.floatingLabel?u?"py-3":"py-4":"py-2":this.floatingLabel?u?"py-2":"py-3":"py-1",z={sm:"left-[36px]",md:"left-[44px]",lg:"left-12"}[this.size];return p`<div part="form-control" class="${h((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${(e||n)&&!this.floatingLabel?p`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${h(e?"inline-block form-control-color-text":"hidden",f)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${h("absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast",x)}"></div><div part="base" class="${h("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",["disabled","visuallyDisabled"].includes(m)?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(m)&&"form-control--invalid-color-background",M)}">${t.left?p`<slot name="left" part="left" class="${h("inline-flex",this.size==="sm"?"mr-1":"mr-2",b,T)}"></slot>`:""} <input part="input" id="input" class="${h("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",this.size==="sm"?u?"h-4":"h-6":u?"h-6":"h-8",f,u&&"leading-none mt-4")}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${C(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${C(this.placeholder)}" minlength="${C(this.minlength)}" maxlength="${C(this.maxlength)}" min="${C(this.min)}" max="${C(this.max)}" step="${C(this.step)}" .value="${Ee(this.value)}" autocapitalize="${C(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${C(this.autocomplete)}" autocorrect="${C(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${C(this.pattern)}" enterkeyhint="${C(this.enterkeyhint)}" inputmode="${C(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled||this.disabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${e&&this.floatingLabel?p`<label part="form-control-floating-label" class="${h("pointer-events-none absolute",l?z:"left-4",!this.readonly&&"transition-all duration-medium ease-out",!u||!c&&(this.readonly||this.visuallyDisabled)?"top-1/2 -translate-y-1/2":this.size==="lg"?"top-2":"top-1")}" for="input" aria-hidden="${e?"false":"true"}"><span id="floating-label" class="${h("pointer-events-none leading-none",!this.readonly&&"transition-all duration-medium ease-out",!u||!c&&(this.readonly||this.visuallyDisabled)?"text-base":"text-xs",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",u&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null} ${o?p`<button part="clear-button" class="${h("flex justify-center",k)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${h(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-neutral-700",T)}" library="_internal" name="closing-round"></sd-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?p`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${h("flex items-center sd-interactive",k)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?p`<slot name="show-password-icon"><sd-icon class="${h(b,T)}" library="_internal" name="eye"></sd-icon></slot>`:p`<slot name="hide-password-icon"><sd-icon class="${h(b,T)}" library="_internal" name="eye-crossed-out"></sd-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!Ad?p`<sd-icon class="${h(b,k,T)}" library="_internal" name="calendar"></sd-icon>`:""} ${this.type==="time"?p`<sd-icon class="${h(b,k,T)}" library="_internal" name="clock"></sd-icon>`:""} ${this.type==="search"?p`<button class="${h("flex items-center sd-interactive",k)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${h(b,T)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>`:""} ${this.showInvalidStyle?p`<sd-icon part="invalid-icon" class="${h("text-error",k,T)}" library="_internal" name="risk"></sd-icon>`:""} ${this.showValidStyle&&this.styleOnValid?p`<sd-icon class="${h("text-success flex-shrink-0",k,T)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""} ${t.right?p`<slot name="right" part="right" class="${h("inline-flex",b,k,T)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?p`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${Cs({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-icon library="_internal" name="minus-circle" label="Decrease value" class="${h(b,k,T)}"></sd-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${Cs({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-icon library="_internal" name="plus-circle" label="Decrease value" class="${h(b,k,T)}"></sd-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-1",r?"block":"hidden")}" aria-hidden="${!r}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};H.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block}`],a([d({reflect:!0})],oe.prototype,"src",2),a([d({type:String,reflect:!0})],oe.prototype,"mode",2),a([d({attribute:"allow-scripts",type:Boolean,reflect:!0})],oe.prototype,"allowScripts",2),a([E("src")],oe.prototype,"handleSrcChange",1),oe=a([w("sd-include")],oe);var Zi=(s,i)=>{var e;let t=s._$AN;if(t===void 0)return!1;for(let r of t)(e=r._$AO)==null||e.call(r,i,!1),Zi(r,i);return!0},Vr=s=>{let i,t;do{if((i=s._$AM)===void 0)break;t=i._$AN,t.delete(s),s=i}while((t==null?void 0:t.size)===0)},fo=s=>{for(let i;i=s._$AM;s=i){let t=i._$AN;if(t===void 0)i._$AN=t=new Set;else if(t.has(s))break;t.add(s),zd(i)}};function Ld(s){this._$AN!==void 0?(Vr(this),this._$AM=s,fo(this)):this._$AM=s}function Md(s,i=!1,t=0){let e=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(i)if(Array.isArray(e))for(let o=t;o<e.length;o++)Zi(e[o],!1),Vr(e[o]);else e!=null&&(Zi(e,!1),Vr(e));else Zi(this,s)}var zd=s=>{var i,t;s.type==Kt.CHILD&&((i=s._$AP)!=null||(s._$AP=Md),(t=s._$AQ)!=null||(s._$AQ=Ld))},$i=class extends Ie{constructor(){super(...arguments),this._$AN=void 0}_$AT(i,t,e){super._$AT(i,t,e),fo(this),this.isConnected=i._$AU}_$AO(i,t=!0){var e,r;i!==this.isConnected&&(this.isConnected=i,i?(e=this.reconnected)==null||e.call(this):(r=this.disconnected)==null||r.call(this)),t&&(Zi(this,i),Vr(this))}setValue(i){if(Tr(this._$Ct))this._$Ct._$AI(i,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=i,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var Es=class extends $i{constructor(t){super(t);this.handlePointerDown=t=>{t.button!==0||this.host.disabled||this.spinOnLongPressCallback(t)};this.handlePointerUp=t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(t.type!==Kt.ELEMENT||!(t.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(t){return W}update(t,[e]){return this.callbacks===void 0&&this.host===void 0&&(this.host=t.element,this.callbacks=B({},e),this.host.addEventListener("pointerdown",this.handlePointerDown)),Mt}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(t){var e;t.preventDefault(),t.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(e=this.observer)==null||e.disconnect(),this.observer=new MutationObserver(r=>{r.forEach(o=>{o.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var t;clearInterval(this.interval),clearTimeout(this.timeout),(t=this.observer)==null||t.disconnect()}},Cs=te(Es);var go,Sd=(go=navigator.userAgentData)==null?void 0:go.brands.some(s=>s.brand.includes("Chromium")),Ad=Sd?!1:navigator.userAgent.includes("Firefox"),H=class extends g{constructor(){super(...arguments);this.formControlController=new dt(this);this.hasSlotController=new P(this,"help-text","label","left","right","message","placeholder");this.localize=new O(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var t,e;return(e=(t=this.input)==null?void 0:t.valueAsDate)!=null?e:null}set valueAsDate(t){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}get valueAsNumber(){var t,e;return(e=(t=this.input)==null?void 0:t.valueAsNumber)!=null?e:parseFloat(this.value)}set valueAsNumber(t){let e=document.createElement("input");e.type="number",e.valueAsNumber=t,this.value=e.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(t){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),t.stopPropagation()}handleSearchClick(t){this.emit("sd-search"),t.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.input.value=this.value;return}this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleKeyDown(t){let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!e&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let t=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=t}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let t=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=t}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,e,r="none"){this.input.setSelectionRange(t,e,r)}setRangeText(t,e,r,o){this.input.setRangeText(t,e,r,o),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,r=this.helpText?!0:!!t.helpText,o=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),n=!!t.tooltip,l=t.left,c=this.value!==null&&String(this.value).length>0,u=this.floatingLabel&&e&&(this.hasFocus||c||this.placeholder),m=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",x={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[m],b=this.disabled||this.visuallyDisabled?"text-neutral-500":"form-control-color-icon",k={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],T={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],M=this.size==="lg"?this.floatingLabel?u?"py-3":"py-4":"py-2":this.floatingLabel?u?"py-2":"py-3":"py-1",z={sm:"left-[36px]",md:"left-[44px]",lg:"left-12"}[this.size];return p`<div part="form-control" class="${h((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${(e||n)&&!this.floatingLabel?p`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${h(e?"inline-block form-control-color-text":"hidden",f)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${h("absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast",x)}"></div><div part="base" class="${h("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",["disabled","visuallyDisabled"].includes(m)?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(m)&&"form-control--invalid-color-background",M)}">${t.left?p`<slot name="left" part="left" class="${h("inline-flex",this.size==="sm"?"mr-1":"mr-2",b,T)}"></slot>`:""} <input part="input" id="input" class="${h("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",this.size==="sm"?u?"h-4":"h-6":u?"h-6":"h-8",f,u&&"leading-none mt-4")}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${C(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${C(this.placeholder)}" minlength="${C(this.minlength)}" maxlength="${C(this.maxlength)}" min="${C(this.min)}" max="${C(this.max)}" step="${C(this.step)}" .value="${Ee(this.value)}" autocapitalize="${C(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${C(this.autocomplete)}" autocorrect="${C(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${C(this.pattern)}" enterkeyhint="${C(this.enterkeyhint)}" inputmode="${C(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled||this.disabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${e&&this.floatingLabel?p`<label part="form-control-floating-label" class="${h("pointer-events-none absolute",l?z:"left-4",!this.readonly&&"transition-all duration-medium ease-out",!u||!c&&(this.readonly||this.visuallyDisabled)?"top-1/2 -translate-y-1/2":this.size==="lg"?"top-2":"top-1")}" for="input" aria-hidden="${e?"false":"true"}"><span id="floating-label" class="${h("pointer-events-none leading-none",!this.readonly&&"transition-all duration-medium ease-out",!u||!c&&(this.readonly||this.visuallyDisabled)?"text-base":"text-xs",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",u&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null} ${o?p`<button part="clear-button" class="${h("flex justify-center",k)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${h(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-neutral-700",T)}" library="_internal" name="closing-round"></sd-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?p`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${h("flex items-center sd-interactive",k)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?p`<slot name="show-password-icon"><sd-icon class="${h(b,T)}" library="_internal" name="eye"></sd-icon></slot>`:p`<slot name="hide-password-icon"><sd-icon class="${h(b,T)}" library="_internal" name="eye-crossed-out"></sd-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!Ad?p`<sd-icon class="${h(b,k,T)}" library="_internal" name="calendar"></sd-icon>`:""} ${this.type==="time"?p`<sd-icon class="${h(b,k,T)}" library="_internal" name="clock"></sd-icon>`:""} ${this.type==="search"?p`<button class="${h("flex items-center sd-interactive",k)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${h(b,T)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>`:""} ${this.showInvalidStyle?p`<sd-icon part="invalid-icon" class="${h("text-error",k,T)}" library="_internal" name="risk"></sd-icon>`:""} ${this.showValidStyle&&this.styleOnValid?p`<sd-icon class="${h("text-success flex-shrink-0",k,T)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""} ${t.right?p`<slot name="right" part="right" class="${h("inline-flex",b,k,T)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?p`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${Cs({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-icon library="_internal" name="minus-circle" label="Decrease value" class="${h(b,k,T)}"></sd-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${Cs({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-icon library="_internal" name="plus-circle" label="Decrease value" class="${h(b,k,T)}"></sd-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-1",r&&!this.showInvalidStyle?"block":"hidden")}" aria-hidden="${!r||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};H.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-icon{color:rgba(var(--sd-color-text-neutral-500))}`],a([v("#input")],H.prototype,"input",2),a([v("#invalid-message")],H.prototype,"invalidMessage",2),a([L()],H.prototype,"hasFocus",2),a([L()],H.prototype,"showValidStyle",2),a([L()],H.prototype,"showInvalidStyle",2),a([d({type:String,reflect:!0})],H.prototype,"type",2),a([d({type:String,reflect:!0})],H.prototype,"size",2),a([d({type:String,reflect:!0})],H.prototype,"inputmode",2),a([d()],H.prototype,"value",2),a([Ft()],H.prototype,"defaultValue",2),a([d({type:String,reflect:!0})],H.prototype,"placeholder",2),a([d({type:String,reflect:!0})],H.prototype,"label",2),a([d({type:String,attribute:"help-text",reflect:!0})],H.prototype,"helpText",2),a([d({type:Boolean,reflect:!0})],H.prototype,"clearable",2),a([d({type:Boolean,reflect:!0})],H.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],H.prototype,"visuallyDisabled",2),a([d({type:Boolean,reflect:!0})],H.prototype,"readonly",2),a([d({attribute:"password-toggle",type:Boolean,reflect:!0})],H.prototype,"passwordToggle",2),a([d({attribute:"password-visible",type:Boolean,reflect:!0})],H.prototype,"passwordVisible",2),a([d({attribute:"spin-buttons",type:Boolean,reflect:!0})],H.prototype,"spinButtons",2),a([d({type:Number,reflect:!0})],H.prototype,"minlength",2),a([d({type:Number,reflect:!0})],H.prototype,"maxlength",2),a([d({reflect:!0})],H.prototype,"min",2),a([d({reflect:!0})],H.prototype,"max",2),a([d({type:String,reflect:!0})],H.prototype,"form",2),a([d({type:String,reflect:!0})],H.prototype,"name",2),a([d({type:String,reflect:!0})],H.prototype,"title",2),a([d({type:Boolean,reflect:!0})],H.prototype,"required",2),a([d({attribute:"floating-label",type:Boolean,reflect:!0})],H.prototype,"floatingLabel",2),a([d()],H.prototype,"pattern",2),a([d({reflect:!0})],H.prototype,"step",2),a([d({type:String,reflect:!0})],H.prototype,"autocapitalize",2),a([d({type:String,reflect:!0})],H.prototype,"autocorrect",2),a([d({reflect:!0})],H.prototype,"autocomplete",2),a([d({type:Boolean,reflect:!0})],H.prototype,"autofocus",2),a([d({type:String,reflect:!0})],H.prototype,"enterkeyhint",2),a([d({type:Boolean,reflect:!0,attribute:"style-on-valid"})],H.prototype,"styleOnValid",2),a([d({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],H.prototype,"spellcheck",2),a([E("disabled",{waitUntilFirstUpdate:!0})],H.prototype,"handleDisabledChange",1),a([E("step",{waitUntilFirstUpdate:!0})],H.prototype,"handleStepChange",1),a([E("value",{waitUntilFirstUpdate:!0})],H.prototype,"handleValueChange",1),H=a([w("sd-input")],H);var Ht=class extends g{constructor(){super(...arguments);this.hasSlotController=new P(this,"[default]","icon-left","icon-right");this.standalone=!1;this.size="inherit";this.inverted=!1;this.href="";this.visuallyDisabled=!1}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(t){this.visuallyDisabled&&(t.preventDefault(),t.stopPropagation())}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){let t={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return p`<a part="base" class="${h(this.standalone?"flex items-start":"inline",this.href&&!this.visuallyDisabled?"cursor-pointer":"",this.visuallyDisabled?"cursor-not-allowed focus-visible:focus-outline":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:interactive--active-color-text focus-visible:focus-outline",visuallyDisabled:this.inverted?"text-neutral-600":"text-neutral-500"}[this.href&&!this.visuallyDisabled?"enabled":this.visuallyDisabled?"visuallyDisabled":"disabled"])}" href="${C(this.href||void 0)}" target="${C(this.target||void 0)}" download="${C(this.download)}" rel="${C(this.target?"noreferrer noopener":void 0)}" aria-disabled="${!this.href||this.visuallyDisabled?"true":"false"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${h("inline",t["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${h("inline",t["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};Ht.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 ::slotted(sd-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`],a([v("a")],Ht.prototype,"button",2),a([d({type:Boolean,reflect:!0})],Ht.prototype,"standalone",2),a([d({type:String,reflect:!0})],Ht.prototype,"size",2),a([d({type:Boolean,reflect:!0})],Ht.prototype,"inverted",2),a([d({type:String,reflect:!0})],Ht.prototype,"href",2),a([d({type:Boolean,attribute:"visually-disabled",reflect:!0})],Ht.prototype,"visuallyDisabled",2),a([d({type:String,reflect:!0})],Ht.prototype,"target",2),a([d({reflect:!0})],Ht.prototype,"download",2),Ht=a([w("sd-link")],Ht);var Ut=class extends g{constructor(){super(...arguments);this.variant="main";this.state="default";this.animated=!1;this.notInteractive=!1;this.href="";this.label="";this.marker={cluster:`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
@@ -274,7 +274,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
 :host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}:host([variant=white]) .background:focus-within{background-color:rgba(var(--sd-color-background-white))}@supports (color:color-mix(in lab,red,red)){:host([variant=white]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-white)) var(--sd-opacity-90),transparent)}}:host([variant=neutral-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-neutral-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=neutral-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-neutral-100)) var(--sd-opacity-90),transparent)}}:host([variant=primary]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary)) var(--sd-opacity-90),transparent)}}:host([variant=primary-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary-100)) var(--sd-opacity-90),transparent)}}:host([variant=gradient-light]) .bg-gradient-to-t{--sd-color-background-white:var(--sd-informational-gradient--white-color-background, var(--sd-color-white))}:host([variant=gradient-dark]) .bg-gradient-to-t{--sd-color-background-primary-800:var(
           --sd-informational-gradient--primary-800-color-background,
           var(--sd-color-primary-800)
-        )}`],a([d({type:String,reflect:!0})],Me.prototype,"variant",2),a([v('[part="base"]')],Me.prototype,"teaserMedia",2),Me=a([w("sd-teaser-media")],Me);var N=class extends g{constructor(){super(...arguments);this.formControlController=new dt(this);this.hasSlotController=new P(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(t){this.textarea.focus(t)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(t){if(t){typeof t.top=="number"&&(this.textarea.scrollTop=t.top),typeof t.left=="number"&&(this.textarea.scrollLeft=t.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(t,e,r="none"){this.textarea.setSelectionRange(t,e,r)}setRangeText(t,e,r,o){this.textarea.setRangeText(t,e,r,o),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var t;return(t=this.textarea)==null?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(t){this.textarea.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,r=this.helpText?!0:!!t.helpText,o=!!t.tooltip,n=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",l=this.size==="sm"?"text-sm":"text-base",c={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return p`<div part="form-control" class="flex flex-col h-full text-left">${e||o?p`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${h(e?"inline-block form-control-color-text":"hidden",l)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${h("absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[n])}"></div><div part="base" class="${h("textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",n==="disabled"||n==="visuallyDisabled"?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(n)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${h("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-icon]:pe-8",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size],this.disabled&&"cursor-not-allowed",l)}" title="${this.title}" name="${C(this.name)}" .value="${Ee(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${C(this.placeholder)}" minlength="${C(this.minlength)}" maxlength="${C(this.maxlength)}" rows="${C(this.rows)}" autocapitalize="${C(this.autocapitalize)}" autocorrect="${C(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${C(this.spellcheck)}" enterkeyhint="${C(this.enterkeyhint)}" inputmode="${C(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?p`<sd-icon class="${h("text-error absolute right-4 pointer-events-none",c)}" library="_internal" name="risk" part="invalid-icon"></sd-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-icon class="${h("text-success absolute right-4 pointer-events-none",c)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-1",r?"block":"hidden")}" aria-hidden="${r?"false":"true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};N.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+        )}`],a([d({type:String,reflect:!0})],Me.prototype,"variant",2),a([v('[part="base"]')],Me.prototype,"teaserMedia",2),Me=a([w("sd-teaser-media")],Me);var N=class extends g{constructor(){super(...arguments);this.formControlController=new dt(this);this.hasSlotController=new P(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(t){this.textarea.focus(t)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(t){if(t){typeof t.top=="number"&&(this.textarea.scrollTop=t.top),typeof t.left=="number"&&(this.textarea.scrollLeft=t.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(t,e,r="none"){this.textarea.setSelectionRange(t,e,r)}setRangeText(t,e,r,o){this.textarea.setRangeText(t,e,r,o),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var t;return(t=this.textarea)==null?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(t){this.textarea.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,r=this.helpText?!0:!!t.helpText,o=!!t.tooltip,n=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",l=this.size==="sm"?"text-sm":"text-base",c={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return p`<div part="form-control" class="flex flex-col h-full text-left">${e||o?p`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${h(e?"inline-block form-control-color-text":"hidden",l)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${h("absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[n])}"></div><div part="base" class="${h("textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",n==="disabled"||n==="visuallyDisabled"?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(n)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${h("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-icon]:pe-8",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size],this.disabled&&"cursor-not-allowed",l)}" title="${this.title}" name="${C(this.name)}" .value="${Ee(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${C(this.placeholder)}" minlength="${C(this.minlength)}" maxlength="${C(this.maxlength)}" rows="${C(this.rows)}" autocapitalize="${C(this.autocapitalize)}" autocorrect="${C(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${C(this.spellcheck)}" enterkeyhint="${C(this.enterkeyhint)}" inputmode="${C(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?p`<sd-icon class="${h("text-error absolute right-4 pointer-events-none",c)}" library="_internal" name="risk" part="invalid-icon"></sd-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-icon class="${h("text-success absolute right-4 pointer-events-none",c)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-1",r&&!this.showInvalidStyle?"block":"hidden")}" aria-hidden="${!r||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};N.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([required]) #label::after{content:' *'}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],a([v("#input")],N.prototype,"textarea",2),a([v("#invalid-message")],N.prototype,"invalidMessage",2),a([L()],N.prototype,"hasFocus",2),a([L()],N.prototype,"showValidStyle",2),a([L()],N.prototype,"showInvalidStyle",2),a([d({type:String,reflect:!0})],N.prototype,"title",2),a([d({type:String,reflect:!0})],N.prototype,"name",2),a([d()],N.prototype,"value",2),a([d({type:String,reflect:!0})],N.prototype,"size",2),a([d({type:String,reflect:!0})],N.prototype,"label",2),a([d({type:String,attribute:"help-text",reflect:!0})],N.prototype,"helpText",2),a([d({type:String,reflect:!0})],N.prototype,"placeholder",2),a([d({type:Number,reflect:!0})],N.prototype,"rows",2),a([d({type:Boolean,reflect:!0})],N.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],N.prototype,"visuallyDisabled",2),a([d({type:Boolean,reflect:!0})],N.prototype,"readonly",2),a([d({type:String,reflect:!0})],N.prototype,"form",2),a([d({type:Boolean,reflect:!0})],N.prototype,"required",2),a([d({type:Number,reflect:!0})],N.prototype,"minlength",2),a([d({type:Number,reflect:!0})],N.prototype,"maxlength",2),a([d({type:String,reflect:!0})],N.prototype,"autocapitalize",2),a([d({type:String,reflect:!0})],N.prototype,"autocorrect",2),a([d({reflect:!0})],N.prototype,"autocomplete",2),a([d({type:Boolean,reflect:!0})],N.prototype,"autofocus",2),a([d({type:String,reflect:!0})],N.prototype,"enterkeyhint",2),a([d({type:Boolean,reflect:!0,attribute:"style-on-valid"})],N.prototype,"styleOnValid",2),a([d({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],N.prototype,"spellcheck",2),a([d({type:String,reflect:!0})],N.prototype,"inputmode",2),a([Ft()],N.prototype,"defaultValue",2),a([E("disabled",{waitUntilFirstUpdate:!0})],N.prototype,"handleDisabledChange",1),a([E("rows",{waitUntilFirstUpdate:!0})],N.prototype,"handleRowsChange",1),a([E("value",{waitUntilFirstUpdate:!0})],N.prototype,"handleValueChange",1),N=a([w("sd-textarea")],N);var gt=class extends g{constructor(){super(...arguments);this.localize=new O(this);this.hasSlotController=new P(this,"[default]","content");this.size="lg";this.content="";this.placement="top";this.disabled=!1;this.open=!1;this.trigger="click focus";this.hoist=!1;this.handleMouseInteraction=()=>{this.interactionType="mouse"};this.handleKeyboardInteraction=()=>{this.interactionType="keyboard"}}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),document.addEventListener("mousedown",this.handleMouseInteraction),document.addEventListener("keydown",this.handleKeyboardInteraction),this.updateComplete.then(()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)})}firstUpdated(){this.body.hidden=!this.open,this.formatDefaultSlot(this.defaultSlot),this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),document.removeEventListener("mousedown",this.handleMouseInteraction),document.removeEventListener("keydown",this.handleKeyboardInteraction)}get hasCustomTrigger(){return this.hasSlotController.test("[default]")}formatDefaultSlot(t){if(!t)return;t.assignedNodes({flatten:!0}).forEach(r=>{var o,n;r.nodeType===Node.TEXT_NODE&&!((o=r==null?void 0:r.textContent)!=null&&o.trim())&&((n=r==null?void 0:r.parentNode)==null||n.removeChild(r))})}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.interactionType==="keyboard"&&this.show()}handleKeyDown(t){this.open&&t.key==="Escape"&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){let t=bi(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),t)}}handleMouseOut(){if(this.hasTrigger("hover")){let t=bi(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),t)}}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await Y(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:t,options:e}=q(this,"tooltip.show",{dir:this.localize.dir()});await K(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),await Y(this.body);let{keyframes:t,options:e}=q(this,"tooltip.hide",{dir:this.localize.dir()});await K(this.popup.popup,t,e),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,Z(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,this.trigger==="click"||this.trigger==="click focus"?this.focus():this.blur(),Z(this,"sd-after-hide")}render(){let t=this.placement.endsWith("-start"),e=this.placement.endsWith("-end");return p`<sd-popup part="base" exportparts="
           popup:base__popup,
           arrow:base__arrow

package/cdn/solid-components.iife.js

@@ -222,7 +222,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
           var(--sd-informational-gradient--primary-800-color-background, rgba(var(--sd-color-primary-800)))
         )}`],a([v('[part="front"]')],Rt.prototype,"front",2),a([v('[part="back"]')],Rt.prototype,"back",2),a([d({reflect:!0,attribute:"flip-direction"})],Rt.prototype,"flipDirection",2),a([d({reflect:!0})],Rt.prototype,"placement",2),a([d({type:String,reflect:!0,attribute:"front-variant"})],Rt.prototype,"frontVariant",2),a([d({type:String,reflect:!0,attribute:"back-variant"})],Rt.prototype,"backVariant",2),a([L()],Rt.prototype,"activeSide",2),Rt=a([w("sd-flipcard")],Rt);var de=class extends g{constructor(){super(...arguments);this.fixed=!1}connectedCallback(){super.connectedCallback(),this.updateCalculatedHeight=this.updateCalculatedHeight.bind(this),this.addResizeObserver=this.addResizeObserver.bind(this),window.addEventListener("resize",this.updateCalculatedHeight)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.updateCalculatedHeight)}firstUpdated(){this.updateCalculatedHeight(),this.addResizeObserver()}updated(t){super.updated(t),t.has("fixed")&&this.updateCalculatedHeight()}addResizeObserver(){this.resizeObserver=new ResizeObserver(this.updateCalculatedHeight),this.header&&this.resizeObserver.observe(this.header)}updateCalculatedHeight(){let t=parseFloat(getComputedStyle(document.documentElement).fontSize),e=window.innerHeight/t;this.header&&this.fixed&&e>=32?document.documentElement.style.setProperty("--sd-header-calculated-height",`${this.header.clientHeight}px`):document.documentElement.style.removeProperty("--sd-header-calculated-height")}render(){return p`<header class="w-full sd-header-color-background relative" role="banner"><div part="main" class="relative mx-auto my-0 box-border"><slot></slot></div></header>`}};de.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
 :host{position:relative;z-index:var(--sd-z-index-header,600);display:block}@media (min-height:32rem){:host([fixed]){padding-bottom:var(--sd-header-calculated-height)!important}:host([fixed]) header{position:fixed;top:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);width:100%}:host([fixed]) header::after{position:absolute;top:100%;right:calc(var(--sd-spacing-1) * 0);left:calc(var(--sd-spacing-1) * 0);height:var(--sd-spacing-2);--tw-content:'';content:var(--tw-content);background:var(--gradient-vertical-black-40-transparent,linear-gradient(0deg,#18181800 50%,#18181866 100%))}}[part=main]{width:var(--sd-header-inner-width);max-width:var(--sd-header-inner-max-width);padding:var(--sd-header-padding,12px 16px)}@property --tw-content{syntax:"*";inherits:false;initial-value:""}`],a([d({reflect:!0,type:Boolean})],de.prototype,"fixed",2),a([v("header")],de.prototype,"header",2),a([xi(100)],de.prototype,"updateCalculatedHeight",1),de=a([w("sd-header")],de);var Jt=class extends g{constructor(){super(...arguments);this.mode="cors";this.allowScripts=!1}executeScript(t){let e=document.createElement("script");[...t.attributes].forEach(r=>e.setAttribute(r.name,r.value)),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{let t=this.src,e=await vr(t,this.mode);if(t!==this.src)return;if(!e.ok){this.emit("sd-error",{detail:{status:e.status}});return}this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach(r=>this.executeScript(r)),this.emit("sd-load")}catch(t){this.emit("sd-error",{detail:{status:-1}})}}render(){return p`<slot></slot>`}};Jt.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{display:block}`],a([d({reflect:!0})],Jt.prototype,"src",2),a([d({type:String,reflect:!0})],Jt.prototype,"mode",2),a([d({attribute:"allow-scripts",type:Boolean,reflect:!0})],Jt.prototype,"allowScripts",2),a([E("src")],Jt.prototype,"handleSrcChange",1),Jt=a([w("sd-include")],Jt);var Qi=(s,i)=>{var e;let t=s._$AN;if(t===void 0)return!1;for(let r of t)(e=r._$AO)==null||e.call(r,i,!1),Qi(r,i);return!0},Fr=s=>{let i,t;do{if((i=s._$AM)===void 0)break;t=i._$AN,t.delete(s),s=i}while((t==null?void 0:t.size)===0)},vo=s=>{for(let i;i=s._$AM;s=i){let t=i._$AN;if(t===void 0)i._$AN=t=new Set;else if(t.has(s))break;t.add(s),Od(i)}};function Sd(s){this._$AN!==void 0?(Fr(this),this._$AM=s,vo(this)):this._$AM=s}function Ad(s,i=!1,t=0){let e=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(i)if(Array.isArray(e))for(let o=t;o<e.length;o++)Qi(e[o],!1),Fr(e[o]);else e!=null&&(Qi(e,!1),Fr(e));else Qi(this,s)}var Od=s=>{var i,t;s.type==Yt.CHILD&&((i=s._$AP)!=null||(s._$AP=Ad),(t=s._$AQ)!=null||(s._$AQ=Sd))},$i=class extends Be{constructor(){super(...arguments),this._$AN=void 0}_$AT(i,t,e){super._$AT(i,t,e),vo(this),this.isConnected=i._$AU}_$AO(i,t=!0){var e,r;i!==this.isConnected&&(this.isConnected=i,i?(e=this.reconnected)==null||e.call(this):(r=this.disconnected)==null||r.call(this)),t&&(Qi(this,i),Fr(this))}setValue(i){if(Lr(this._$Ct))this._$Ct._$AI(i,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=i,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var $s=class extends $i{constructor(t){super(t);this.handlePointerDown=t=>{t.button!==0||this.host.disabled||this.spinOnLongPressCallback(t)};this.handlePointerUp=t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(t.type!==Yt.ELEMENT||!(t.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(t){return W}update(t,[e]){return this.callbacks===void 0&&this.host===void 0&&(this.host=t.element,this.callbacks=B({},e),this.host.addEventListener("pointerdown",this.handlePointerDown)),Ot}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(t){var e;t.preventDefault(),t.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(e=this.observer)==null||e.disconnect(),this.observer=new MutationObserver(r=>{r.forEach(o=>{o.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var t;clearInterval(this.interval),clearTimeout(this.timeout),(t=this.observer)==null||t.disconnect()}},Ts=re($s);var yo,Dd=(yo=navigator.userAgentData)==null?void 0:yo.brands.some(s=>s.brand.includes("Chromium")),_d=Dd?!1:navigator.userAgent.includes("Firefox"),H=class extends g{constructor(){super(...arguments);this.formControlController=new pt(this);this.hasSlotController=new P(this,"help-text","label","left","right","message","placeholder");this.localize=new O(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var t,e;return(e=(t=this.input)==null?void 0:t.valueAsDate)!=null?e:null}set valueAsDate(t){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}get valueAsNumber(){var t,e;return(e=(t=this.input)==null?void 0:t.valueAsNumber)!=null?e:parseFloat(this.value)}set valueAsNumber(t){let e=document.createElement("input");e.type="number",e.valueAsNumber=t,this.value=e.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(t){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),t.stopPropagation()}handleSearchClick(t){this.emit("sd-search"),t.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.input.value=this.value;return}this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleKeyDown(t){let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!e&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let t=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=t}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let t=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=t}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,e,r="none"){this.input.setSelectionRange(t,e,r)}setRangeText(t,e,r,o){this.input.setRangeText(t,e,r,o),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,r=this.helpText?!0:!!t.helpText,o=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),n=!!t.tooltip,l=t.left,c=this.value!==null&&String(this.value).length>0,u=this.floatingLabel&&e&&(this.hasFocus||c||this.placeholder),m=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",x={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[m],b=this.disabled||this.visuallyDisabled?"text-neutral-500":"form-control-color-icon",k={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],T={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],M=this.size==="lg"?this.floatingLabel?u?"py-3":"py-4":"py-2":this.floatingLabel?u?"py-2":"py-3":"py-1",z={sm:"left-[36px]",md:"left-[44px]",lg:"left-12"}[this.size];return p`<div part="form-control" class="${h((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${(e||n)&&!this.floatingLabel?p`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${h(e?"inline-block form-control-color-text":"hidden",f)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${h("absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast",x)}"></div><div part="base" class="${h("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",["disabled","visuallyDisabled"].includes(m)?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(m)&&"form-control--invalid-color-background",M)}">${t.left?p`<slot name="left" part="left" class="${h("inline-flex",this.size==="sm"?"mr-1":"mr-2",b,T)}"></slot>`:""} <input part="input" id="input" class="${h("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",this.size==="sm"?u?"h-4":"h-6":u?"h-6":"h-8",f,u&&"leading-none mt-4")}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${C(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${C(this.placeholder)}" minlength="${C(this.minlength)}" maxlength="${C(this.maxlength)}" min="${C(this.min)}" max="${C(this.max)}" step="${C(this.step)}" .value="${Te(this.value)}" autocapitalize="${C(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${C(this.autocomplete)}" autocorrect="${C(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${C(this.pattern)}" enterkeyhint="${C(this.enterkeyhint)}" inputmode="${C(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled||this.disabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${e&&this.floatingLabel?p`<label part="form-control-floating-label" class="${h("pointer-events-none absolute",l?z:"left-4",!this.readonly&&"transition-all duration-medium ease-out",!u||!c&&(this.readonly||this.visuallyDisabled)?"top-1/2 -translate-y-1/2":this.size==="lg"?"top-2":"top-1")}" for="input" aria-hidden="${e?"false":"true"}"><span id="floating-label" class="${h("pointer-events-none leading-none",!this.readonly&&"transition-all duration-medium ease-out",!u||!c&&(this.readonly||this.visuallyDisabled)?"text-base":"text-xs",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",u&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null} ${o?p`<button part="clear-button" class="${h("flex justify-center",k)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${h(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-neutral-700",T)}" library="_internal" name="closing-round"></sd-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?p`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${h("flex items-center sd-interactive",k)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?p`<slot name="show-password-icon"><sd-icon class="${h(b,T)}" library="_internal" name="eye"></sd-icon></slot>`:p`<slot name="hide-password-icon"><sd-icon class="${h(b,T)}" library="_internal" name="eye-crossed-out"></sd-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!_d?p`<sd-icon class="${h(b,k,T)}" library="_internal" name="calendar"></sd-icon>`:""} ${this.type==="time"?p`<sd-icon class="${h(b,k,T)}" library="_internal" name="clock"></sd-icon>`:""} ${this.type==="search"?p`<button class="${h("flex items-center sd-interactive",k)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${h(b,T)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>`:""} ${this.showInvalidStyle?p`<sd-icon part="invalid-icon" class="${h("text-error",k,T)}" library="_internal" name="risk"></sd-icon>`:""} ${this.showValidStyle&&this.styleOnValid?p`<sd-icon class="${h("text-success flex-shrink-0",k,T)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""} ${t.right?p`<slot name="right" part="right" class="${h("inline-flex",b,k,T)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?p`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${Ts({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-icon library="_internal" name="minus-circle" label="Decrease value" class="${h(b,k,T)}"></sd-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${Ts({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-icon library="_internal" name="plus-circle" label="Decrease value" class="${h(b,k,T)}"></sd-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-1",r?"block":"hidden")}" aria-hidden="${!r}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};H.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+:host{display:block}`],a([d({reflect:!0})],Jt.prototype,"src",2),a([d({type:String,reflect:!0})],Jt.prototype,"mode",2),a([d({attribute:"allow-scripts",type:Boolean,reflect:!0})],Jt.prototype,"allowScripts",2),a([E("src")],Jt.prototype,"handleSrcChange",1),Jt=a([w("sd-include")],Jt);var Qi=(s,i)=>{var e;let t=s._$AN;if(t===void 0)return!1;for(let r of t)(e=r._$AO)==null||e.call(r,i,!1),Qi(r,i);return!0},Fr=s=>{let i,t;do{if((i=s._$AM)===void 0)break;t=i._$AN,t.delete(s),s=i}while((t==null?void 0:t.size)===0)},vo=s=>{for(let i;i=s._$AM;s=i){let t=i._$AN;if(t===void 0)i._$AN=t=new Set;else if(t.has(s))break;t.add(s),Od(i)}};function Sd(s){this._$AN!==void 0?(Fr(this),this._$AM=s,vo(this)):this._$AM=s}function Ad(s,i=!1,t=0){let e=this._$AH,r=this._$AN;if(r!==void 0&&r.size!==0)if(i)if(Array.isArray(e))for(let o=t;o<e.length;o++)Qi(e[o],!1),Fr(e[o]);else e!=null&&(Qi(e,!1),Fr(e));else Qi(this,s)}var Od=s=>{var i,t;s.type==Yt.CHILD&&((i=s._$AP)!=null||(s._$AP=Ad),(t=s._$AQ)!=null||(s._$AQ=Sd))},$i=class extends Be{constructor(){super(...arguments),this._$AN=void 0}_$AT(i,t,e){super._$AT(i,t,e),vo(this),this.isConnected=i._$AU}_$AO(i,t=!0){var e,r;i!==this.isConnected&&(this.isConnected=i,i?(e=this.reconnected)==null||e.call(this):(r=this.disconnected)==null||r.call(this)),t&&(Qi(this,i),Fr(this))}setValue(i){if(Lr(this._$Ct))this._$Ct._$AI(i,this);else{let t=[...this._$Ct._$AH];t[this._$Ci]=i,this._$Ct._$AI(t,this,0)}}disconnected(){}reconnected(){}};var $s=class extends $i{constructor(t){super(t);this.handlePointerDown=t=>{t.button!==0||this.host.disabled||this.spinOnLongPressCallback(t)};this.handlePointerUp=t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),this.timeout&&this.callbacks.start(),this.stopSpinningAndCleanUp(),this.callbacks.end(),document.removeEventListener("pointerup",this.handlePointerUp)};if(t.type!==Yt.ELEMENT||!(t.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(t){return W}update(t,[e]){return this.callbacks===void 0&&this.host===void 0&&(this.host=t.element,this.callbacks=B({},e),this.host.addEventListener("pointerdown",this.handlePointerDown)),Ot}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(t){var e;t.preventDefault(),t.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(e=this.observer)==null||e.disconnect(),this.observer=new MutationObserver(r=>{r.forEach(o=>{o.attributeName==="disabled"&&this.stopSpinningAndCleanUp()})}),this.observer.observe(this.host,{attributes:!0})}stopSpinningAndCleanUp(){var t;clearInterval(this.interval),clearTimeout(this.timeout),(t=this.observer)==null||t.disconnect()}},Ts=re($s);var yo,Dd=(yo=navigator.userAgentData)==null?void 0:yo.brands.some(s=>s.brand.includes("Chromium")),_d=Dd?!1:navigator.userAgent.includes("Firefox"),H=class extends g{constructor(){super(...arguments);this.formControlController=new pt(this);this.hasSlotController=new P(this,"help-text","label","left","right","message","placeholder");this.localize=new O(this);this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.type="text";this.size="lg";this.value="";this.defaultValue="";this.placeholder="";this.label="";this.helpText="";this.clearable=!1;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.passwordToggle=!1;this.passwordVisible=!1;this.spinButtons=!1;this.form="";this.name="";this.title="";this.required=!1;this.floatingLabel=!1;this.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var t,e;return(e=(t=this.input)==null?void 0:t.valueAsDate)!=null?e:null}set valueAsDate(t){let e=document.createElement("input");e.type="date",e.valueAsDate=t,this.value=e.value}get valueAsNumber(){var t,e;return(e=(t=this.input)==null?void 0:t.valueAsNumber)!=null?e:parseFloat(this.value)}set valueAsNumber(t){let e=document.createElement("input");e.type="number",e.valueAsNumber=t,this.value=e.value}get validity(){return this.input.validity}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.input.value,this.emit("sd-change")}handleClearClick(t){this.value="",this.emit("sd-clear"),this.emit("sd-input"),this.emit("sd-change"),this.input.focus(),t.stopPropagation()}handleSearchClick(t){this.emit("sd-search"),t.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.input.value=this.value;return}this.value=this.input.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}handleKeyDown(t){let e=t.metaKey||t.ctrlKey||t.shiftKey||t.altKey;t.key==="Enter"&&!e&&setTimeout(()=>{!t.defaultPrevented&&!t.isComposing&&this.formControlController.submit()})}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}isDecrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.min===void 0||this.min===null)return!1;let t=typeof this.min=="string"?parseFloat(this.min):this.min;return this.valueAsNumber<=t}isIncrementDisabled(){if(this.disabled||this.readonly)return!0;if(this.max===void 0||this.max===null)return!1;let t=typeof this.max=="string"?parseFloat(this.max):this.max;return this.valueAsNumber>=t}handleStep(){this.handleInput(),this.input.focus()}handleStepUp(){this.stepUp(),this.handleStep()}handleStepDown(){this.stepDown(),this.handleStep()}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(t,e,r="none"){this.input.setSelectionRange(t,e,r)}setRangeText(t,e,r,o){this.input.setRangeText(t,e,r,o),this.value!==this.input.value&&(this.value=this.input.value)}showPicker(){"showPicker"in HTMLInputElement.prototype&&this.input.showPicker()}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){var t;return(t=this.input)==null?void 0:t.checkValidity()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.input.reportValidity()}setCustomValidity(t){this.input.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),description:this.hasSlotController.test("description"),left:this.hasSlotController.test("left"),right:this.hasSlotController.test("right"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,r=this.helpText?!0:!!t.helpText,o=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),n=!!t.tooltip,l=t.left,c=this.value!==null&&String(this.value).length>0,u=this.floatingLabel&&e&&(this.hasFocus||c||this.placeholder),m=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",f=this.size==="sm"?"text-sm":"text-base",x={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[m],b=this.disabled||this.visuallyDisabled?"text-neutral-500":"form-control-color-icon",k={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],T={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size],M=this.size==="lg"?this.floatingLabel?u?"py-3":"py-4":"py-2":this.floatingLabel?u?"py-2":"py-3":"py-1",z={sm:"left-[36px]",md:"left-[44px]",lg:"left-12"}[this.size];return p`<div part="form-control" class="${h((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${(e||n)&&!this.floatingLabel?p`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${h(e?"inline-block form-control-color-text":"hidden",f)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${h("absolute w-full h-full pointer-events-none border rounded-default transition-[border] ease-in-out duration-medium hover:duration-fast",x)}"></div><div part="base" class="${h("px-4 flex flex-row items-center rounded-default transition-colors ease-in-out duration-medium hover:duration-fast",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",["disabled","visuallyDisabled"].includes(m)?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(m)&&"form-control--invalid-color-background",M)}">${t.left?p`<slot name="left" part="left" class="${h("inline-flex",this.size==="sm"?"mr-1":"mr-2",b,T)}"></slot>`:""} <input part="input" id="input" class="${h("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder:text-neutral-500 cursor-not-allowed":"placeholder:text-neutral-700",this.size==="sm"?u?"h-4":"h-6":u?"h-6":"h-8",f,u&&"leading-none mt-4")}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${C(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${C(this.placeholder)}" minlength="${C(this.minlength)}" maxlength="${C(this.maxlength)}" min="${C(this.min)}" max="${C(this.max)}" step="${C(this.step)}" .value="${Te(this.value)}" autocapitalize="${C(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${C(this.autocomplete)}" autocorrect="${C(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${C(this.pattern)}" enterkeyhint="${C(this.enterkeyhint)}" inputmode="${C(this.inputmode)}" aria-describedby="help-text invalid-message" aria-disabled="${this.visuallyDisabled||this.disabled?"true":"false"}" aria-invalid="${this.showInvalidStyle}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"> ${e&&this.floatingLabel?p`<label part="form-control-floating-label" class="${h("pointer-events-none absolute",l?z:"left-4",!this.readonly&&"transition-all duration-medium ease-out",!u||!c&&(this.readonly||this.visuallyDisabled)?"top-1/2 -translate-y-1/2":this.size==="lg"?"top-2":"top-1")}" for="input" aria-hidden="${e?"false":"true"}"><span id="floating-label" class="${h("pointer-events-none leading-none",!this.readonly&&"transition-all duration-medium ease-out",!u||!c&&(this.readonly||this.visuallyDisabled)?"text-base":"text-xs",(this.visuallyDisabled||this.disabled)&&"text-neutral-500",u&&!this.visuallyDisabled&&!this.disabled&&"form-control--filled__floating-label-color-text")}">${this.label}</span></label>`:null} ${o?p`<button part="clear-button" class="${h("flex justify-center",k)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${h(this.disabled||this.visuallyDisabled?"text-neutral-500":"text-neutral-700",T)}" library="_internal" name="closing-round"></sd-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?p`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${h("flex items-center sd-interactive",k)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?p`<slot name="show-password-icon"><sd-icon class="${h(b,T)}" library="_internal" name="eye"></sd-icon></slot>`:p`<slot name="hide-password-icon"><sd-icon class="${h(b,T)}" library="_internal" name="eye-crossed-out"></sd-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!_d?p`<sd-icon class="${h(b,k,T)}" library="_internal" name="calendar"></sd-icon>`:""} ${this.type==="time"?p`<sd-icon class="${h(b,k,T)}" library="_internal" name="clock"></sd-icon>`:""} ${this.type==="search"?p`<button class="${h("flex items-center sd-interactive",k)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${h(b,T)}" library="_internal" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>`:""} ${this.showInvalidStyle?p`<sd-icon part="invalid-icon" class="${h("text-error",k,T)}" library="_internal" name="risk"></sd-icon>`:""} ${this.showValidStyle&&this.styleOnValid?p`<sd-icon class="${h("text-success flex-shrink-0",k,T)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""} ${t.right?p`<slot name="right" part="right" class="${h("inline-flex",b,k,T)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?p`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${Ts({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-icon library="_internal" name="minus-circle" label="Decrease value" class="${h(b,k,T)}"></sd-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${Ts({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-icon library="_internal" name="plus-circle" label="Decrease value" class="${h(b,k,T)}"></sd-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-1",r&&!this.showInvalidStyle?"block":"hidden")}" aria-hidden="${!r||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};H.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{position:relative;box-sizing:border-box;display:inline-block;width:100%;text-align:left}:host([vertical]){display:block}:host([required]) :is(#label,#floating-label)::after{content:' *'}:host([visually-disabled]) input{caret-color:transparent}details summary::-webkit-details-marker{display:none}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}details summary::-webkit-details-marker,input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.stepper-button[disabled] sd-icon{color:rgba(var(--sd-color-text-neutral-500))}`],a([v("#input")],H.prototype,"input",2),a([v("#invalid-message")],H.prototype,"invalidMessage",2),a([L()],H.prototype,"hasFocus",2),a([L()],H.prototype,"showValidStyle",2),a([L()],H.prototype,"showInvalidStyle",2),a([d({type:String,reflect:!0})],H.prototype,"type",2),a([d({type:String,reflect:!0})],H.prototype,"size",2),a([d({type:String,reflect:!0})],H.prototype,"inputmode",2),a([d()],H.prototype,"value",2),a([Nt()],H.prototype,"defaultValue",2),a([d({type:String,reflect:!0})],H.prototype,"placeholder",2),a([d({type:String,reflect:!0})],H.prototype,"label",2),a([d({type:String,attribute:"help-text",reflect:!0})],H.prototype,"helpText",2),a([d({type:Boolean,reflect:!0})],H.prototype,"clearable",2),a([d({type:Boolean,reflect:!0})],H.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],H.prototype,"visuallyDisabled",2),a([d({type:Boolean,reflect:!0})],H.prototype,"readonly",2),a([d({attribute:"password-toggle",type:Boolean,reflect:!0})],H.prototype,"passwordToggle",2),a([d({attribute:"password-visible",type:Boolean,reflect:!0})],H.prototype,"passwordVisible",2),a([d({attribute:"spin-buttons",type:Boolean,reflect:!0})],H.prototype,"spinButtons",2),a([d({type:Number,reflect:!0})],H.prototype,"minlength",2),a([d({type:Number,reflect:!0})],H.prototype,"maxlength",2),a([d({reflect:!0})],H.prototype,"min",2),a([d({reflect:!0})],H.prototype,"max",2),a([d({type:String,reflect:!0})],H.prototype,"form",2),a([d({type:String,reflect:!0})],H.prototype,"name",2),a([d({type:String,reflect:!0})],H.prototype,"title",2),a([d({type:Boolean,reflect:!0})],H.prototype,"required",2),a([d({attribute:"floating-label",type:Boolean,reflect:!0})],H.prototype,"floatingLabel",2),a([d()],H.prototype,"pattern",2),a([d({reflect:!0})],H.prototype,"step",2),a([d({type:String,reflect:!0})],H.prototype,"autocapitalize",2),a([d({type:String,reflect:!0})],H.prototype,"autocorrect",2),a([d({reflect:!0})],H.prototype,"autocomplete",2),a([d({type:Boolean,reflect:!0})],H.prototype,"autofocus",2),a([d({type:String,reflect:!0})],H.prototype,"enterkeyhint",2),a([d({type:Boolean,reflect:!0,attribute:"style-on-valid"})],H.prototype,"styleOnValid",2),a([d({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],H.prototype,"spellcheck",2),a([E("disabled",{waitUntilFirstUpdate:!0})],H.prototype,"handleDisabledChange",1),a([E("step",{waitUntilFirstUpdate:!0})],H.prototype,"handleStepChange",1),a([E("value",{waitUntilFirstUpdate:!0})],H.prototype,"handleValueChange",1),H=a([w("sd-input")],H);var It=class extends g{constructor(){super(...arguments);this.hasSlotController=new P(this,"[default]","icon-left","icon-right");this.standalone=!1;this.size="inherit";this.inverted=!1;this.href="";this.visuallyDisabled=!1}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(t){this.visuallyDisabled&&(t.preventDefault(),t.stopPropagation())}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){let t={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return p`<a part="base" class="${h(this.standalone?"flex items-start":"inline",this.href&&!this.visuallyDisabled?"cursor-pointer":"",this.visuallyDisabled?"cursor-not-allowed focus-visible:focus-outline":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:interactive--active-color-text focus-visible:focus-outline",visuallyDisabled:this.inverted?"text-neutral-600":"text-neutral-500"}[this.href&&!this.visuallyDisabled?"enabled":this.visuallyDisabled?"visuallyDisabled":"disabled"])}" href="${C(this.href||void 0)}" target="${C(this.target||void 0)}" download="${C(this.download)}" rel="${C(this.target?"noreferrer noopener":void 0)}" aria-disabled="${!this.href||this.visuallyDisabled?"true":"false"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @click="${this.handleClick}"><slot name="icon-left" part="icon-left" class="${h("inline",t["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${h("inline",t["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};It.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 ::slotted(sd-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-icon){font-size:var(--sd-text-base);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}:host([size=lg][standalone]) ::slotted(sd-icon){font-size:var(--sd-text-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)))}`],a([v("a")],It.prototype,"button",2),a([d({type:Boolean,reflect:!0})],It.prototype,"standalone",2),a([d({type:String,reflect:!0})],It.prototype,"size",2),a([d({type:Boolean,reflect:!0})],It.prototype,"inverted",2),a([d({type:String,reflect:!0})],It.prototype,"href",2),a([d({type:Boolean,attribute:"visually-disabled",reflect:!0})],It.prototype,"visuallyDisabled",2),a([d({type:String,reflect:!0})],It.prototype,"target",2),a([d({reflect:!0})],It.prototype,"download",2),It=a([w("sd-link")],It);var Bt=class extends g{constructor(){super(...arguments);this.variant="main";this.state="default";this.animated=!1;this.notInteractive=!1;this.href="";this.label="";this.marker={cluster:`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
@@ -274,7 +274,7 @@ sd-button::part(base){display:flex;height:var(--sd-spacing-12);width:var(--sd-sp
 :host{display:block}::slotted(*){margin:calc(var(--sd-spacing-1) * 0)}:host([variant=white]) .background:focus-within{background-color:rgba(var(--sd-color-background-white))}@supports (color:color-mix(in lab,red,red)){:host([variant=white]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-white)) var(--sd-opacity-90),transparent)}}:host([variant=neutral-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-neutral-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=neutral-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-neutral-100)) var(--sd-opacity-90),transparent)}}:host([variant=primary]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary)) var(--sd-opacity-90),transparent)}}:host([variant=primary-100]) .background:focus-within{background-color:rgba(var(--sd-color-background-primary-100))}@supports (color:color-mix(in lab,red,red)){:host([variant=primary-100]) .background:focus-within{background-color:color-mix(in oklab,rgba(var(--sd-color-background-primary-100)) var(--sd-opacity-90),transparent)}}:host([variant=gradient-light]) .bg-gradient-to-t{--sd-color-background-white:var(--sd-informational-gradient--white-color-background, var(--sd-color-white))}:host([variant=gradient-dark]) .bg-gradient-to-t{--sd-color-background-primary-800:var(
           --sd-informational-gradient--primary-800-color-background,
           var(--sd-color-primary-800)
-        )}`],a([d({type:String,reflect:!0})],ye.prototype,"variant",2),a([v('[part="base"]')],ye.prototype,"teaserMedia",2),ye=a([w("sd-teaser-media")],ye);var N=class extends g{constructor(){super(...arguments);this.formControlController=new pt(this);this.hasSlotController=new P(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(t){this.textarea.focus(t)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(t){if(t){typeof t.top=="number"&&(this.textarea.scrollTop=t.top),typeof t.left=="number"&&(this.textarea.scrollLeft=t.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(t,e,r="none"){this.textarea.setSelectionRange(t,e,r)}setRangeText(t,e,r,o){this.textarea.setRangeText(t,e,r,o),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var t;return(t=this.textarea)==null?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(t){this.textarea.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,r=this.helpText?!0:!!t.helpText,o=!!t.tooltip,n=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",l=this.size==="sm"?"text-sm":"text-base",c={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return p`<div part="form-control" class="flex flex-col h-full text-left">${e||o?p`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${h(e?"inline-block form-control-color-text":"hidden",l)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${h("absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[n])}"></div><div part="base" class="${h("textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",n==="disabled"||n==="visuallyDisabled"?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(n)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${h("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-icon]:pe-8",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size],this.disabled&&"cursor-not-allowed",l)}" title="${this.title}" name="${C(this.name)}" .value="${Te(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${C(this.placeholder)}" minlength="${C(this.minlength)}" maxlength="${C(this.maxlength)}" rows="${C(this.rows)}" autocapitalize="${C(this.autocapitalize)}" autocorrect="${C(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${C(this.spellcheck)}" enterkeyhint="${C(this.enterkeyhint)}" inputmode="${C(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?p`<sd-icon class="${h("text-error absolute right-4 pointer-events-none",c)}" library="_internal" name="risk" part="invalid-icon"></sd-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-icon class="${h("text-success absolute right-4 pointer-events-none",c)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-1",r?"block":"hidden")}" aria-hidden="${r?"false":"true"}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};N.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
+        )}`],a([d({type:String,reflect:!0})],ye.prototype,"variant",2),a([v('[part="base"]')],ye.prototype,"teaserMedia",2),ye=a([w("sd-teaser-media")],ye);var N=class extends g{constructor(){super(...arguments);this.formControlController=new pt(this);this.hasSlotController=new P(this,"help-text","label");this.hasFocus=!1;this.showValidStyle=!1;this.showInvalidStyle=!1;this.title="";this.name="";this.value="";this.size="lg";this.label="";this.helpText="";this.placeholder="";this.rows=4;this.disabled=!1;this.visuallyDisabled=!1;this.readonly=!1;this.form="";this.required=!1;this.styleOnValid=!1;this.spellcheck=!0;this.defaultValue=""}get validity(){return this.textarea.validity}get validationMessage(){return this.textarea.validationMessage}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.setTextareaHeight()})}firstUpdated(){this.formControlController.updateValidity()}disconnectedCallback(){super.disconnectedCallback()}handleBlur(){this.hasFocus=!1,this.emit("sd-blur")}handleChange(){this.value=this.textarea.value,this.setTextareaHeight(),this.emit("sd-change")}handleFocus(){this.hasFocus=!0,this.emit("sd-focus")}handleInput(){if(this.visuallyDisabled){this.textarea.value=this.value;return}this.value=this.textarea.value,this.formControlController.updateValidity(),this.emit("sd-input")}handleInvalid(t){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(t),this.invalidMessage.textContent=t.target.validationMessage}setTextareaHeight(){this.textarea.style.height=void 0}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity(),this.setTextareaHeight()}focus(t){this.textarea.focus(t)}blur(){this.textarea.blur()}select(){this.textarea.select()}scrollPosition(t){if(t){typeof t.top=="number"&&(this.textarea.scrollTop=t.top),typeof t.left=="number"&&(this.textarea.scrollLeft=t.left);return}return{top:this.textarea.scrollTop,left:this.textarea.scrollTop}}setSelectionRange(t,e,r="none"){this.textarea.setSelectionRange(t,e,r)}setRangeText(t,e,r,o){this.textarea.setRangeText(t,e,r,o),this.value!==this.textarea.value&&(this.value=this.textarea.value),this.value!==this.textarea.value&&(this.value=this.textarea.value,this.setTextareaHeight())}checkValidity(){var t;return(t=this.textarea)==null?void 0:t.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.formControlController.fakeUserInteraction(),this.textarea.reportValidity()}setCustomValidity(t){this.textarea.setCustomValidity(t),this.formControlController.updateValidity()}render(){let t={label:this.hasSlotController.test("label"),helpText:this.hasSlotController.test("help-text"),tooltip:this.hasSlotController.test("tooltip")},e=this.label?!0:!!t.label,r=this.helpText?!0:!!t.helpText,o=!!t.tooltip,n=this.disabled?"disabled":this.visuallyDisabled&&!this.hasFocus?"visuallyDisabled":this.readonly?"readonly":this.hasFocus&&this.showInvalidStyle?"activeInvalid":this.hasFocus&&this.styleOnValid&&this.showValidStyle?"activeValid":this.hasFocus?"active":this.showInvalidStyle?"invalid":this.styleOnValid&&this.showValidStyle?"valid":"default",l=this.size==="sm"?"text-sm":"text-base",c={sm:"text-base top-1",md:"text-lg top-2",lg:"text-xl top-2"}[this.size];return p`<div part="form-control" class="flex flex-col h-full text-left">${e||o?p`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${h(e?"inline-block form-control-color-text":"hidden",l)}" for="input" aria-hidden="${e?"false":"true"}"><slot name="label">${this.label}</slot></label> ${t.tooltip?p`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${h("relative h-full w-full",this.disabled&&"cursor-not-allowed")}"><div part="border" class="${h("absolute w-full h-full pointer-events-none border rounded-default transition-[border] duration-medium ease-in-out",{disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"form-control-color-border",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"form-control-color-border"}[n])}"></div><div part="base" class="${h("textarea h-full flex items-top rounded-default group transition-colors duration-medium hover:duration-fast ease-in-out",{sm:"textarea-sm",md:"textarea-md",lg:"textarea-lg"}[this.size],!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",n==="disabled"||n==="visuallyDisabled"?"text-neutral-500":"form-control-color-text",["invalid","activeInvalid"].includes(n)&&"form-control--invalid-color-background")}"><textarea part="textarea" id="input" class="${h("ps-4 flex-grow focus:outline-none bg-transparent placeholder:text-neutral-700 resize-none group-has-[sd-icon]:pe-8",{sm:"py-1",md:"py-1",lg:"py-2"}[this.size],this.disabled&&"cursor-not-allowed",l)}" title="${this.title}" name="${C(this.name)}" .value="${Te(this.value)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" ?visually-disabled="${this.visuallyDisabled}" placeholder="${C(this.placeholder)}" minlength="${C(this.minlength)}" maxlength="${C(this.maxlength)}" rows="${C(this.rows)}" autocapitalize="${C(this.autocapitalize)}" autocorrect="${C(this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${C(this.spellcheck)}" enterkeyhint="${C(this.enterkeyhint)}" inputmode="${C(this.inputmode)}" aria-describedby="help-text invalid-message" aria-invalid="${this.showInvalidStyle}" aria-disabled="${this.disabled||this.visuallyDisabled}" @change="${this.handleChange}" @input="${this.handleInput}" @invalid="${this.handleInvalid}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"></textarea> ${this.showInvalidStyle?p`<sd-icon class="${h("text-error absolute right-4 pointer-events-none",c)}" library="_internal" name="risk" part="invalid-icon"></sd-icon>`:""} ${this.styleOnValid&&this.showValidStyle?p`<sd-icon class="${h("text-success absolute right-4 pointer-events-none",c)}" library="_internal" name="confirm-circle" part="valid-icon"></sd-icon>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${h("text-sm text-neutral-700 mt-1",r&&!this.showInvalidStyle?"block":"hidden")}" aria-hidden="${!r||this.showInvalidStyle}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};N.styles=[...g.styles,y`/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
 :host{display:block;height:100%}:host textarea{scrollbar-gutter:stable}:host([disabled]) ::-moz-placeholder,:host([visually-disabled]) ::-moz-placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([disabled]) ::placeholder,:host([visually-disabled]) ::placeholder{color:rgba(var(--sd-color-text-neutral-500))}:host([required]) #label::after{content:' *'}:host([visually-disabled]) textarea{caret-color:transparent}.no-scrollbar::-webkit-scrollbar{display:none}`],a([v("#input")],N.prototype,"textarea",2),a([v("#invalid-message")],N.prototype,"invalidMessage",2),a([L()],N.prototype,"hasFocus",2),a([L()],N.prototype,"showValidStyle",2),a([L()],N.prototype,"showInvalidStyle",2),a([d({type:String,reflect:!0})],N.prototype,"title",2),a([d({type:String,reflect:!0})],N.prototype,"name",2),a([d()],N.prototype,"value",2),a([d({type:String,reflect:!0})],N.prototype,"size",2),a([d({type:String,reflect:!0})],N.prototype,"label",2),a([d({type:String,attribute:"help-text",reflect:!0})],N.prototype,"helpText",2),a([d({type:String,reflect:!0})],N.prototype,"placeholder",2),a([d({type:Number,reflect:!0})],N.prototype,"rows",2),a([d({type:Boolean,reflect:!0})],N.prototype,"disabled",2),a([d({type:Boolean,reflect:!0,attribute:"visually-disabled"})],N.prototype,"visuallyDisabled",2),a([d({type:Boolean,reflect:!0})],N.prototype,"readonly",2),a([d({type:String,reflect:!0})],N.prototype,"form",2),a([d({type:Boolean,reflect:!0})],N.prototype,"required",2),a([d({type:Number,reflect:!0})],N.prototype,"minlength",2),a([d({type:Number,reflect:!0})],N.prototype,"maxlength",2),a([d({type:String,reflect:!0})],N.prototype,"autocapitalize",2),a([d({type:String,reflect:!0})],N.prototype,"autocorrect",2),a([d({reflect:!0})],N.prototype,"autocomplete",2),a([d({type:Boolean,reflect:!0})],N.prototype,"autofocus",2),a([d({type:String,reflect:!0})],N.prototype,"enterkeyhint",2),a([d({type:Boolean,reflect:!0,attribute:"style-on-valid"})],N.prototype,"styleOnValid",2),a([d({type:Boolean,converter:{fromAttribute:t=>!(!t||t==="false"),toAttribute:t=>t?"true":"false"}})],N.prototype,"spellcheck",2),a([d({type:String,reflect:!0})],N.prototype,"inputmode",2),a([Nt()],N.prototype,"defaultValue",2),a([E("disabled",{waitUntilFirstUpdate:!0})],N.prototype,"handleDisabledChange",1),a([E("rows",{waitUntilFirstUpdate:!0})],N.prototype,"handleRowsChange",1),a([E("value",{waitUntilFirstUpdate:!0})],N.prototype,"handleValueChange",1),N=a([w("sd-textarea")],N);var gt=class extends g{constructor(){super(...arguments);this.localize=new O(this);this.hasSlotController=new P(this,"[default]","content");this.size="lg";this.content="";this.placement="top";this.disabled=!1;this.open=!1;this.trigger="click focus";this.hoist=!1;this.handleMouseInteraction=()=>{this.interactionType="mouse"};this.handleKeyboardInteraction=()=>{this.interactionType="keyboard"}}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),document.addEventListener("mousedown",this.handleMouseInteraction),document.addEventListener("keydown",this.handleKeyboardInteraction),this.updateComplete.then(()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)})}firstUpdated(){this.body.hidden=!this.open,this.formatDefaultSlot(this.defaultSlot),this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut),document.removeEventListener("mousedown",this.handleMouseInteraction),document.removeEventListener("keydown",this.handleKeyboardInteraction)}get hasCustomTrigger(){return this.hasSlotController.test("[default]")}formatDefaultSlot(t){if(!t)return;t.assignedNodes({flatten:!0}).forEach(r=>{var o,n;r.nodeType===Node.TEXT_NODE&&!((o=r==null?void 0:r.textContent)!=null&&o.trim())&&((n=r==null?void 0:r.parentNode)==null||n.removeChild(r))})}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){this.hasTrigger("click")&&(this.open?this.hide():this.show())}handleFocus(){this.hasTrigger("focus")&&this.interactionType==="keyboard"&&this.show()}handleKeyDown(t){this.open&&t.key==="Escape"&&(t.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){let t=bi(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),t)}}handleMouseOut(){if(this.hasTrigger("hover")){let t=bi(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),t)}}hasTrigger(t){return this.trigger.split(" ").includes(t)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await Y(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:t,options:e}=q(this,"tooltip.show",{dir:this.localize.dir()});await K(this.popup.popup,t,e),this.emit("sd-after-show")}else{this.emit("sd-hide"),await Y(this.body);let{keyframes:t,options:e}=q(this,"tooltip.hide",{dir:this.localize.dir()});await K(this.popup.popup,t,e),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.hide()}async show(){if(!this.open)return this.open=!0,J(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,this.trigger==="click"||this.trigger==="click focus"?this.focus():this.blur(),J(this,"sd-after-hide")}render(){let t=this.placement.endsWith("-start"),e=this.placement.endsWith("-end");return p`<sd-popup part="base" exportparts="
           popup:base__popup,
           arrow:base__arrow