@solid-design-system/components 4.7.2 → 4.8.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "4.7.2",
+  "version": "4.8.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",
@@ -111,7 +111,7 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 427,
+      "uncompressed": 428,
       "gzip": 100
     }
   },

package/cdn/chunks/chunk.S6AIHKKV.js

@@ -1,10 +0,0 @@
-import{a as H,b as S}from"./chunk.5XTSQKKL.js";import{a as B}from"./chunk.CDC46OKY.js";import{b as L}from"./chunk.6HLS5XU2.js";import{a as d}from"./chunk.YTG5BN3U.js";import{a as N}from"./chunk.6HO6CE4A.js";import{a as y,b as C,c as F}from"./chunk.CDEXCMVF.js";import{a as z}from"./chunk.DEXOQON7.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as v}from"./chunk.E2DRD2OX.js";import{a as M,b as l,c as f,d as x,h as k}from"./chunk.SC52UUUI.js";import{b as T,e as h,h as V,i as _}from"./chunk.UWPDCU52.js";import{a as E,e as i}from"./chunk.TJOCV4DC.js";var b=(a,r)=>{var s;let e=a._$AN;if(e===void 0)return!1;for(let o of e)(s=o._$AO)==null||s.call(o,r,!1),b(o,r);return!0},g=a=>{let r,e;do{if((r=a._$AM)===void 0)break;e=r._$AN,e.delete(a),a=r}while((e==null?void 0:e.size)===0)},U=a=>{for(let r;r=a._$AM;a=r){let e=r._$AN;if(e===void 0)r._$AN=e=new Set;else if(e.has(a))break;e.add(a),j(r)}};function R(a){this._$AN!==void 0?(g(this),this._$AM=a,U(this)):this._$AM=a}function J(a,r=!1,e=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(r)if(Array.isArray(s))for(let u=e;u<s.length;u++)b(s[u],!1),g(s[u]);else s!=null&&(b(s,!1),g(s));else b(this,a)}var j=a=>{var r,e;a.type==y.CHILD&&((r=a._$AP)!=null||(a._$AP=J),(e=a._$AQ)!=null||(a._$AQ=R))},$=class extends F{constructor(){super(...arguments),this._$AN=void 0}_$AT(r,e,s){super._$AT(r,e,s),U(this),this.isConnected=r._$AU}_$AO(r,e=!0){var s,o;r!==this.isConnected&&(this.isConnected=r,r?(s=this.reconnected)==null||s.call(this):(o=this.disconnected)==null||o.call(this)),e&&(b(this,r),g(this))}setValue(r){if(H(this._$Ct))this._$Ct._$AI(r,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=r,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var D=class extends ${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!==y.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return _}update(e,[s]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=E({},s),this.host.addEventListener("pointerdown",this.handlePointerDown)),V}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var s;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(s=this.observer)==null||s.disconnect(),this.observer=new MutationObserver(o=>{o.forEach(u=>{u.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()}},A=C(D);var O,Q=(O=navigator.userAgentData)==null?void 0:O.brands.some(a=>a.brand.includes("Chromium")),G=Q?!1:navigator.userAgent.includes("Firefox"),t=class extends k{constructor(){super(...arguments);this.formControlController=new L(this);this.hasSlotController=new N(this,"help-text","label","left","right","message","placeholder");this.localize=new z(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.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,s;return(s=(e=this.input)==null?void 0:e.valueAsDate)!=null?s:null}set valueAsDate(e){let s=document.createElement("input");s.type="date",s.valueAsDate=e,this.value=s.value}get valueAsNumber(){var e,s;return(s=(e=this.input)==null?void 0:e.valueAsNumber)!=null?s:parseFloat(this.value)}set valueAsNumber(e){let s=document.createElement("input");s.type="number",s.valueAsNumber=e,this.value=s.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 s=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!s&&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,s,o="none"){this.input.setSelectionRange(e,s,o)}setRangeText(e,s,o,u){this.input.setRangeText(e,s,o,u),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")},s=this.label?!0:!!e.label,o=this.helpText?!0:!!e.helpText,u=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),K=!!e.tooltip,w=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",P=this.size==="sm"?"text-sm":"text-base",q={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[w],m=this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",p={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],c={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return h`<div part="form-control" class="${n((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${s||K?h`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${n(s?"inline-block":"hidden",P)}" for="input" aria-hidden="${s?"false":"true"}"><slot name="label">${this.label}</slot></label> ${e.tooltip?h`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${n("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${n("absolute w-full h-full pointer-events-none border rounded-default",q)}"></div><div part="base" class="${n("px-4 flex flex-row items-center rounded-default transition-all",this.size==="lg"?"py-2":"py-1",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",w==="disabled"||w==="visuallyDisabled"?"text-neutral-500":"text-black")}">${e.left?h`<slot name="left" part="left" class="${n("inline-flex",this.size==="sm"?"mr-1":"mr-2",m,c)}"></slot>`:""} <input part="input" id="input" class="${n("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder-neutral-500 cursor-not-allowed":"placeholder-neutral-700",this.size==="sm"?"h-6":"h-8",P)}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${d(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${d(this.placeholder)}" minlength="${d(this.minlength)}" maxlength="${d(this.maxlength)}" min="${d(this.min)}" max="${d(this.max)}" step="${d(this.step)}" .value="${S(this.value)}" autocapitalize="${d(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${d(this.autocomplete)}" autocorrect="${d(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${d(this.pattern)}" enterkeyhint="${d(this.enterkeyhint)}" inputmode="${d(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}"> ${u?h`<button part="clear-button" class="${n("flex justify-center",p)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-icon class="${n("text-neutral-700",c)}" library="system" name="closing-round"></sd-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?h`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${n("flex items-center sd-interactive",p)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?h`<slot name="show-password-icon"><sd-icon class="${n(m,c)}" library="system" name="eye"></sd-icon></slot>`:h`<slot name="hide-password-icon"><sd-icon class="${n(m,c)}" library="system" name="eye-crossed-out"></sd-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!G?h`<sd-icon class="${n(m,p,c)}" library="system" name="calendar"></sd-icon>`:""} ${this.type==="time"?h`<sd-icon class="${n(m,p,c)}" library="system" name="clock"></sd-icon>`:""} ${this.type==="search"?h`<button class="${n("flex items-center sd-interactive",p)}" type="button" @click="${this.handleSearchClick}"><sd-icon class="${n(m,c)}" library="system" name="magnifying-glass" label="${this.localize.term("search")}"></sd-icon></button>`:""} ${this.showInvalidStyle?h`<sd-icon part="invalid-icon" class="${n("text-error",p,c)}" library="system" name="risk"></sd-icon>`:""} ${this.showValidStyle&&this.styleOnValid?h`<sd-icon class="${n("text-success flex-shrink-0",p,c)}" library="system" name="status-check" part="valid-icon"></sd-icon>`:""} ${e.right?h`<slot name="right" part="right" class="${n("inline-flex",m,p,c)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?h`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-icon name="system/minus-circle" label="Decrease value" class="${n(m,p,c)}"></sd-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-icon name="system/plus-circle" label="Decrease value" class="${n(m,p,c)}"></sd-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${n("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...k.styles,T`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #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{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`],i([x("#input")],t.prototype,"input",2),i([x("#invalid-message")],t.prototype,"invalidMessage",2),i([f()],t.prototype,"hasFocus",2),i([f()],t.prototype,"showValidStyle",2),i([f()],t.prototype,"showInvalidStyle",2),i([l({type:String,reflect:!0})],t.prototype,"type",2),i([l({type:String,reflect:!0})],t.prototype,"size",2),i([l({type:String,reflect:!0})],t.prototype,"inputmode",2),i([l()],t.prototype,"value",2),i([B()],t.prototype,"defaultValue",2),i([l({type:String,reflect:!0})],t.prototype,"placeholder",2),i([l({type:String,reflect:!0})],t.prototype,"label",2),i([l({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),i([l({type:Boolean,reflect:!0})],t.prototype,"clearable",2),i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([l({attribute:"password-toggle",type:Boolean,reflect:!0})],t.prototype,"passwordToggle",2),i([l({attribute:"password-visible",type:Boolean,reflect:!0})],t.prototype,"passwordVisible",2),i([l({attribute:"spin-buttons",type:Boolean,reflect:!0})],t.prototype,"spinButtons",2),i([l({type:Number,reflect:!0})],t.prototype,"minlength",2),i([l({type:Number,reflect:!0})],t.prototype,"maxlength",2),i([l({reflect:!0})],t.prototype,"min",2),i([l({reflect:!0})],t.prototype,"max",2),i([l({type:String,reflect:!0})],t.prototype,"form",2),i([l({type:String,reflect:!0})],t.prototype,"name",2),i([l({type:String,reflect:!0})],t.prototype,"title",2),i([l({type:Boolean,reflect:!0})],t.prototype,"required",2),i([l()],t.prototype,"pattern",2),i([l({reflect:!0})],t.prototype,"step",2),i([l({type:String,reflect:!0})],t.prototype,"autocapitalize",2),i([l({type:String,reflect:!0})],t.prototype,"autocorrect",2),i([l({reflect:!0})],t.prototype,"autocomplete",2),i([l({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),i([l({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),i([l({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),i([l({type:Boolean,converter:{fromAttribute:e=>!(!e||e==="false"),toAttribute:e=>e?"true":"false"}})],t.prototype,"spellcheck",2),i([v("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([v("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),i([v("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=i([M("sd-input")],t);export{t as a};
-/*! Bundled license information:
-
-lit-html/async-directive.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/

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

@@ -1,10 +0,0 @@
-import{a as H,b as S}from"./chunk.5XTSQKKL.js";import{a as B}from"./chunk.CDC46OKY.js";import{b as L}from"./chunk.6HLS5XU2.js";import{a as d}from"./chunk.YTG5BN3U.js";import{a as N}from"./chunk.6HO6CE4A.js";import{a as y,b as C,c as F}from"./chunk.CDEXCMVF.js";import{a as z}from"./chunk.DEXOQON7.js";import{a as n}from"./chunk.26V4EXHB.js";import{a as v}from"./chunk.E2DRD2OX.js";import{a as M,b as l,c as f,d as x,h as k}from"./chunk.SC52UUUI.js";import{b as T,e as h,h as V,i as _}from"./chunk.UWPDCU52.js";import{a as E,e as i}from"./chunk.TJOCV4DC.js";var b=(a,r)=>{var s;let e=a._$AN;if(e===void 0)return!1;for(let o of e)(s=o._$AO)==null||s.call(o,r,!1),b(o,r);return!0},g=a=>{let r,e;do{if((r=a._$AM)===void 0)break;e=r._$AN,e.delete(a),a=r}while((e==null?void 0:e.size)===0)},U=a=>{for(let r;r=a._$AM;a=r){let e=r._$AN;if(e===void 0)r._$AN=e=new Set;else if(e.has(a))break;e.add(a),j(r)}};function R(a){this._$AN!==void 0?(g(this),this._$AM=a,U(this)):this._$AM=a}function J(a,r=!1,e=0){let s=this._$AH,o=this._$AN;if(o!==void 0&&o.size!==0)if(r)if(Array.isArray(s))for(let u=e;u<s.length;u++)b(s[u],!1),g(s[u]);else s!=null&&(b(s,!1),g(s));else b(this,a)}var j=a=>{var r,e;a.type==y.CHILD&&((r=a._$AP)!=null||(a._$AP=J),(e=a._$AQ)!=null||(a._$AQ=R))},$=class extends F{constructor(){super(...arguments),this._$AN=void 0}_$AT(r,e,s){super._$AT(r,e,s),U(this),this.isConnected=r._$AU}_$AO(r,e=!0){var s,o;r!==this.isConnected&&(this.isConnected=r,r?(s=this.reconnected)==null||s.call(this):(o=this.disconnected)==null||o.call(this)),e&&(b(this,r),g(this))}setValue(r){if(H(this._$Ct))this._$Ct._$AI(r,this);else{let e=[...this._$Ct._$AH];e[this._$Ci]=r,this._$Ct._$AI(e,this,0)}}disconnected(){}reconnected(){}};var D=class extends ${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!==y.ELEMENT||!(e.element instanceof HTMLButtonElement))throw new Error("The `longPress` directive must be used on an HTMLButtonElement.")}render(e){return _}update(e,[s]){return this.callbacks===void 0&&this.host===void 0&&(this.host=e.element,this.callbacks=E({},s),this.host.addEventListener("pointerdown",this.handlePointerDown)),V}disconnected(){this.stopSpinningAndCleanUp(),this.host.removeEventListener("pointerdown",this.handlePointerDown),document.removeEventListener("pointerup",this.handlePointerUp)}spinOnLongPressCallback(e){var s;e.preventDefault(),e.stopPropagation(),this.timeout=setTimeout(()=>{this.timeout=void 0,this.interval=setInterval(()=>{this.callbacks.start()},50)},500),document.addEventListener("pointerup",this.handlePointerUp),(s=this.observer)==null||s.disconnect(),this.observer=new MutationObserver(o=>{o.forEach(u=>{u.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()}},A=C(D);var O,Q=(O=navigator.userAgentData)==null?void 0:O.brands.some(a=>a.brand.includes("Chromium")),G=Q?!1:navigator.userAgent.includes("Firefox"),t=class extends k{constructor(){super(...arguments);this.formControlController=new L(this);this.hasSlotController=new N(this,"help-text","label","left","right","message","placeholder");this.localize=new z(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.styleOnValid=!1;this.spellcheck=!0}get valueAsDate(){var e,s;return(s=(e=this.input)==null?void 0:e.valueAsDate)!=null?s:null}set valueAsDate(e){let s=document.createElement("input");s.type="date",s.valueAsDate=e,this.value=s.value}get valueAsNumber(){var e,s;return(s=(e=this.input)==null?void 0:e.valueAsNumber)!=null?s:parseFloat(this.value)}set valueAsNumber(e){let s=document.createElement("input");s.type="number",s.valueAsNumber=e,this.value=s.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 s=e.metaKey||e.ctrlKey||e.shiftKey||e.altKey;e.key==="Enter"&&!s&&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,s,o="none"){this.input.setSelectionRange(e,s,o)}setRangeText(e,s,o,u){this.input.setRangeText(e,s,o,u),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")},s=this.label?!0:!!e.label,o=this.helpText?!0:!!e.helpText,u=this.clearable&&!this.readonly&&(typeof this.value=="number"||this.value.length>0),K=!!e.tooltip,w=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",P=this.size==="sm"?"text-sm":"text-base",q={disabled:"border-neutral-500",visuallyDisabled:"border-neutral-500",readonly:"border-neutral-800",activeInvalid:"border-error border-2",activeValid:"border-success border-2",active:"border-primary border-2",invalid:"border-error",valid:"border-success",default:"border-neutral-800"}[w],m=this.disabled||this.visuallyDisabled?"text-neutral-500":"text-primary",p={sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size],c={sm:"text-base",md:"text-lg",lg:"text-xl"}[this.size];return h`<div part="form-control" class="${n((this.disabled||this.visuallyDisabled)&&"cursor-not-allowed")}">${s||K?h`<div class="flex items-center gap-1 mb-2"><label part="form-control-label" id="label" class="${n(s?"inline-block":"hidden",P)}" for="input" aria-hidden="${s?"false":"true"}"><slot name="label">${this.label}</slot></label> ${e.tooltip?h`<slot name="tooltip"></slot>`:""}</div>`:null}<div part="form-control-input" class="${n("relative w-full",this.disabled&&"pointer-events-none",this.visuallyDisabled&&"cursor-not-allowed")}"><div part="border" class="${n("absolute w-full h-full pointer-events-none border rounded-default",q)}"></div><div part="base" class="${n("px-4 flex flex-row items-center rounded-default transition-all",this.size==="lg"?"py-2":"py-1",!this.disabled&&!this.readonly&&!this.visuallyDisabled?"hover:bg-neutral-200":"",this.readonly?"bg-neutral-100":"bg-white",w==="disabled"||w==="visuallyDisabled"?"text-neutral-500":"text-black")}">${e.left?h`<slot name="left" part="left" class="${n("inline-flex",this.size==="sm"?"mr-1":"mr-2",m,c)}"></slot>`:""} <input part="input" id="input" class="${n("min-w-0 flex-grow focus:outline-none bg-transparent",this.visuallyDisabled||this.disabled?"placeholder-neutral-500 cursor-not-allowed":"placeholder-neutral-700",this.size==="sm"?"h-6":"h-8",P)}" type="${this.type==="password"&&this.passwordVisible?"text":this.type}" title="${this.title}" name="${d(this.name)}" ?disabled="${this.disabled}" ?readonly="${this.readonly}" ?required="${this.required}" placeholder="${d(this.placeholder)}" minlength="${d(this.minlength)}" maxlength="${d(this.maxlength)}" min="${d(this.min)}" max="${d(this.max)}" step="${d(this.step)}" .value="${S(this.value)}" autocapitalize="${d(this.type==="password"?"off":this.autocapitalize)}" autocomplete="${d(this.autocomplete)}" autocorrect="${d(this.type==="password"?"off":this.autocorrect)}" ?autofocus="${this.autofocus}" spellcheck="${this.spellcheck}" pattern="${d(this.pattern)}" enterkeyhint="${d(this.enterkeyhint)}" inputmode="${d(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}"> ${u?h`<button part="clear-button" class="${n("flex justify-center",p)}" type="button" aria-label="${this.localize.term("clearEntry")}" @click="${this.handleClearClick}" tabindex="-1"><slot name="clear-icon"><sd-4-7-2-icon class="${n("text-neutral-700",c)}" library="system" name="closing-round"></sd-4-7-2-icon></slot></button>`:""} ${this.passwordToggle&&this.type==="password"?h`<button aria-label="${this.localize.term(this.passwordVisible?"hidePassword":"showPassword")}" part="password-toggle-button" class="${n("flex items-center sd-interactive",p)}" type="button" @click="${this.handlePasswordToggle}">${this.passwordVisible?h`<slot name="show-password-icon"><sd-4-7-2-icon class="${n(m,c)}" library="system" name="eye"></sd-4-7-2-icon></slot>`:h`<slot name="hide-password-icon"><sd-4-7-2-icon class="${n(m,c)}" library="system" name="eye-crossed-out"></sd-4-7-2-icon></slot>`}</button>`:""} ${(this.type==="date"||this.type==="datetime-local")&&!G?h`<sd-4-7-2-icon class="${n(m,p,c)}" library="system" name="calendar"></sd-4-7-2-icon>`:""} ${this.type==="time"?h`<sd-4-7-2-icon class="${n(m,p,c)}" library="system" name="clock"></sd-4-7-2-icon>`:""} ${this.type==="search"?h`<button class="${n("flex items-center sd-interactive",p)}" type="button" @click="${this.handleSearchClick}"><sd-4-7-2-icon class="${n(m,c)}" library="system" name="magnifying-glass" label="${this.localize.term("search")}"></sd-4-7-2-icon></button>`:""} ${this.showInvalidStyle?h`<sd-4-7-2-icon part="invalid-icon" class="${n("text-error",p,c)}" library="system" name="risk"></sd-4-7-2-icon>`:""} ${this.showValidStyle&&this.styleOnValid?h`<sd-4-7-2-icon class="${n("text-success flex-shrink-0",p,c)}" library="system" name="status-check" part="valid-icon"></sd-4-7-2-icon>`:""} ${e.right?h`<slot name="right" part="right" class="${n("inline-flex",m,p,c)}"></slot>`:""} ${this.type==="number"&&this.spinButtons?h`<div part="stepper" class="flex items-center"><button part="decrement-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isDecrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepDown(),end:()=>this.handleChange()})} tabindex="-1"><slot name="decrement-number-stepper"><sd-4-7-2-icon name="system/minus-circle" label="Decrease value" class="${n(m,p,c)}"></sd-4-7-2-icon></slot></button> <button part="increment-number-stepper" class="stepper-button flex" type="button" ?disabled="${this.isIncrementDisabled()}" aria-hidden="true" ${A({start:()=>this.handleStepUp(),end:()=>this.handleChange()})} tabindex="-1"><slot name="increment-number-stepper"><sd-4-7-2-icon name="system/plus-circle" label="Decrease value" class="${n(m,p,c)}"></sd-4-7-2-icon></slot></button></div>`:""}</div></div><slot name="help-text" part="form-control-help-text" id="help-text" class="${n("text-sm text-neutral-700 mt-2",o?"block":"hidden")}" aria-hidden="${!o}">${this.helpText}</slot></div>${this.formControlController.renderInvalidMessage()}`}};t.styles=[...k.styles,T`:host{box-sizing:border-box;display:inline-block;position:relative;text-align:left;width:100%}:host([vertical]){display:block}:host([required]) #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-4-7-2-icon{--tw-text-opacity:1;color:rgb(var(--sd-color-neutral-500,174 174 174)/var(--tw-text-opacity,1))}`],i([x("#input")],t.prototype,"input",2),i([x("#invalid-message")],t.prototype,"invalidMessage",2),i([f()],t.prototype,"hasFocus",2),i([f()],t.prototype,"showValidStyle",2),i([f()],t.prototype,"showInvalidStyle",2),i([l({type:String,reflect:!0})],t.prototype,"type",2),i([l({type:String,reflect:!0})],t.prototype,"size",2),i([l({type:String,reflect:!0})],t.prototype,"inputmode",2),i([l()],t.prototype,"value",2),i([B()],t.prototype,"defaultValue",2),i([l({type:String,reflect:!0})],t.prototype,"placeholder",2),i([l({type:String,reflect:!0})],t.prototype,"label",2),i([l({type:String,attribute:"help-text",reflect:!0})],t.prototype,"helpText",2),i([l({type:Boolean,reflect:!0})],t.prototype,"clearable",2),i([l({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([l({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),i([l({type:Boolean,reflect:!0})],t.prototype,"readonly",2),i([l({attribute:"password-toggle",type:Boolean,reflect:!0})],t.prototype,"passwordToggle",2),i([l({attribute:"password-visible",type:Boolean,reflect:!0})],t.prototype,"passwordVisible",2),i([l({attribute:"spin-buttons",type:Boolean,reflect:!0})],t.prototype,"spinButtons",2),i([l({type:Number,reflect:!0})],t.prototype,"minlength",2),i([l({type:Number,reflect:!0})],t.prototype,"maxlength",2),i([l({reflect:!0})],t.prototype,"min",2),i([l({reflect:!0})],t.prototype,"max",2),i([l({type:String,reflect:!0})],t.prototype,"form",2),i([l({type:String,reflect:!0})],t.prototype,"name",2),i([l({type:String,reflect:!0})],t.prototype,"title",2),i([l({type:Boolean,reflect:!0})],t.prototype,"required",2),i([l()],t.prototype,"pattern",2),i([l({reflect:!0})],t.prototype,"step",2),i([l({type:String,reflect:!0})],t.prototype,"autocapitalize",2),i([l({type:String,reflect:!0})],t.prototype,"autocorrect",2),i([l({reflect:!0})],t.prototype,"autocomplete",2),i([l({type:Boolean,reflect:!0})],t.prototype,"autofocus",2),i([l({type:String,reflect:!0})],t.prototype,"enterkeyhint",2),i([l({type:Boolean,reflect:!0,attribute:"style-on-valid"})],t.prototype,"styleOnValid",2),i([l({type:Boolean,converter:{fromAttribute:e=>!(!e||e==="false"),toAttribute:e=>e?"true":"false"}})],t.prototype,"spellcheck",2),i([v("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),i([v("step",{waitUntilFirstUpdate:!0})],t.prototype,"handleStepChange",1),i([v("value",{waitUntilFirstUpdate:!0})],t.prototype,"handleValueChange",1),t=i([M("sd-4-7-2-input")],t);export{t as a};
-/*! Bundled license information:
-
-lit-html/async-directive.js:
-  (**
-   * @license
-   * Copyright 2017 Google LLC
-   * SPDX-License-Identifier: BSD-3-Clause
-   *)
-*/