@ni/spright-components 6.21.3 → 6.21.5

package/dist/all-components-bundle.min.js

@@ -21,7 +21,9 @@ if("undefined"!=typeof self)return self
 if("undefined"!=typeof window)return window
 try{return new Function("return this")()}catch{return{}}}()
 void 0===a.trustedTypes&&(a.trustedTypes={createPolicy:(t,e)=>e})
-const l={configurable:!1,enumerable:!1,writable:!1}
+for(const t of["Node","Element","HTMLElement","ShadowRoot","Event","CustomEvent","MutationObserver","ResizeObserver","IntersectionObserver","CSSStyleSheet"])void 0===a[t]&&(a[t]=class{})
+if(void 0===a.customElements){const t=new Map,e=new Map
+a.customElements={define(n,i){t.has(n)||(t.set(n,i),e.set(i,n))},get:e=>t.get(e),getName:t=>e.get(t)??null,whenDefined:()=>Promise.resolve(),upgrade(){}}}const l={configurable:!1,enumerable:!1,writable:!1}
 void 0===a.FAST&&Reflect.defineProperty(a,"FAST",{value:Object.create(null),...l})
 const c=a.FAST
 if(void 0===c.getById){const t=Object.create(null)
@@ -36,7 +38,7 @@ function n(){if(e.length)throw e.shift()}function i(t){try{t.call()}catch(t){e.p
 for(;e<t.length;)if(i(t[e]),e++,e>1024){for(let n=0,i=t.length-e;n<i;n++)t[n]=t[n+e]
 t.length-=e,e=0}t.length=0}return Object.freeze({enqueue:function(e){t.length<1&&a.requestAnimationFrame(o),t.push(e)},process:o})}),p=a.trustedTypes.createPolicy("fast-html",{createHTML:t=>t})
 let f=p
-const m=`fast-${Math.random().toString(36).substring(2,8)}`,g=`${m}{`,v=`}${m}`,b=Object.freeze({supportsAdoptedStyleSheets:Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype,setHTMLPolicy(t){if(f!==p)throw new Error("The HTML policy can only be set once.")
+const m=`fast-${Math.random().toString(36).substring(2,8)}`,g=`${m}{`,v=`}${m}`,b=Object.freeze({supportsAdoptedStyleSheets:"undefined"!=typeof document&&"undefined"!=typeof CSSStyleSheet&&Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype,setHTMLPolicy(t){if(f!==p)throw new Error("The HTML policy can only be set once.")
 f=t},createHTML:t=>f.createHTML(t),isMarker:t=>t&&8===t.nodeType&&t.data.startsWith(m),extractDirectiveIndexFromMarker:t=>parseInt(t.data.replace(`${m}:`,"")),createInterpolationPlaceholder:t=>`${g}${t}${v}`,createCustomAttributePlaceholder(t,e){return`${t}="${this.createInterpolationPlaceholder(e)}"`},createBlockPlaceholder:t=>`\x3c!--${m}:${t}--\x3e`,queueUpdate:u.enqueue,processUpdates:u.process,nextUpdate:()=>new Promise(u.enqueue),setAttribute(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)},setBooleanAttribute(t,e,n){n?t.setAttribute(e,""):t.removeAttribute(e)},removeChildNodes(t){for(let e=t.firstChild;null!==e;e=t.firstChild)t.removeChild(e)},createTemplateWalker:t=>document.createTreeWalker(t,133,null,!1)})
 class y{constructor(t,e){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.source=t,this.sub1=e}has(t){return void 0===this.spillover?this.sub1===t||this.sub2===t:-1!==this.spillover.indexOf(t)}subscribe(t){const e=this.spillover
 if(void 0===e){if(this.has(t))return
@@ -597,7 +599,7 @@ this.slottedBreadcrumbItems.forEach(e=>{const n=e===t
 this.setItemSeparator(e,n),this.setAriaCurrent(e,n)})}}setItemSeparator(t,e){t instanceof _n&&(t.separator=!e)}findChildWithHref(t){return t.childElementCount>0?t.querySelector("a[href]"):t.shadowRoot?.childElementCount?t.shadowRoot?.querySelector("a[href]"):null}setAriaCurrent(t,e){const n=this.findChildWithHref(t)
 null===n&&t.hasAttribute("href")&&t instanceof _n?e?t.setAttribute("aria-current","page"):t.removeAttribute("aria-current"):null!==n&&(e?n.setAttribute("aria-current","page"):n.removeAttribute("aria-current"))}}
 t([C],Mn.prototype,"slottedBreadcrumbItems",void 0)
-const In="form-associated-proxy",En="ElementInternals",An=En in window&&"setFormValue"in window[En].prototype,Tn=new WeakMap
+const In="form-associated-proxy",En="ElementInternals",An="undefined"!=typeof window&&En in window&&"setFormValue"in window[En].prototype,Tn=new WeakMap
 function On(t){const e=class extends t{static get formAssociated(){return An}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels))
 if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){const t=this.proxy.labels,e=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),n=t?e.concat(Array.from(t)):e
 return Object.freeze(n)}return d}valueChanged(t,e){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.currentValue=this.value,this.setFormValue(this.value),this.validate()}currentValueChanged(){this.value=this.currentValue}initialValueChanged(t,e){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(t,e){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),b.queueUpdate(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(t,e){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,e){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),b.queueUpdate(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!An)return null
@@ -686,7 +688,7 @@ class ni{}function ii(t){const e=t.parentElement
 if(e)return e
 {const e=t.getRootNode()
 if(e.host instanceof HTMLElement)return e.host}return null}t([C],ni.prototype,"ariaAutoComplete",void 0),t([C],ni.prototype,"ariaControls",void 0),je(ni,Wn),je(ei,ne,ni)
-const oi=document.createElement("div")
+const oi="undefined"==typeof document?{}:document.createElement("div")
 class ri{setProperty(t,e){b.queueUpdate(()=>this.target.setProperty(t,e))}removeProperty(t){b.queueUpdate(()=>this.target.removeProperty(t))}}class si extends ri{constructor(){super()
 const t=new CSSStyleSheet
 this.target=t.cssRules[t.insertRule(":root{}")].style,document.adoptedStyleSheets=[...document.adoptedStyleSheets,t]}}class ai extends ri{constructor(){super(),this.style=document.createElement("style"),document.head.appendChild(this.style)
@@ -705,9 +707,10 @@ const n=pi.getOrCreate(this.normalizeRoot(t))
 for(const t in di.properties)n.setProperty(t,di.properties[t])}}static unregisterRoot(t){const{roots:e}=di
 if(e.has(t)){e.delete(t)
 const n=pi.getOrCreate(di.normalizeRoot(t))
-for(const t in di.properties)n.removeProperty(t)}}static normalizeRoot(t){return t===oi?document:t}}const hi=new WeakMap,ui=b.supportsAdoptedStyleSheets?class extends ri{constructor(t){super()
+for(const t in di.properties)n.removeProperty(t)}}static normalizeRoot(t){return t===oi&&"undefined"!=typeof document?document:t}}const hi=new WeakMap,ui=b.supportsAdoptedStyleSheets?class extends ri{constructor(t){super()
 const e=new CSSStyleSheet
-e[nt]=!0,this.target=e.cssRules[e.insertRule(":host{}")].style,t.$fastController.addStyles(Q.create([e]))}}:li,pi=Object.freeze({getOrCreate(t){if(hi.has(t))return hi.get(t)
+e[nt]=!0,this.target=e.cssRules[e.insertRule(":host{}")].style,t.$fastController.addStyles(Q.create([e]))}}:li,pi=Object.freeze({getOrCreate(t){if("undefined"==typeof document)return{setProperty(){},removeProperty(){}}
+if(hi.has(t))return hi.get(t)
 let e
 return t===oi?e=new di:t instanceof Document?e=b.supportsAdoptedStyleSheets?new si:new ai:e=t instanceof kt?new ui(t):new ci(t),hi.set(t,e),e}})
 class fi extends St{get appliedTo(){return[...this._appliedTo]}static from(t){return new fi({name:"string"==typeof t?t:t.name,cssCustomPropertyName:"string"==typeof t?t:void 0===t.cssCustomPropertyName?t.name:t.cssCustomPropertyName})}static isCSSDesignToken(t){return"string"==typeof t.cssCustomProperty}static isDerivedDesignTokenValue(t){return"function"==typeof t}static{this.uniqueId=(()=>{let t=0
@@ -1016,7 +1019,7 @@ class Vo extends xn{}const Ho=t=>`${Po(t)}:host{box-sizing:border-box;}*{box-siz
         color-scheme: dark;
     }
 `
-class ka{constructor(){this.lang=document.documentElement.lang
+class ka{constructor(){if(this.lang="undefined"==typeof document?"":document.documentElement.lang,"undefined"==typeof document)return
 new MutationObserver(t=>{for(const e of t)"attributes"===e.type&&"lang"===e.attributeName&&(this.lang=e.target.lang)}).observe(document.documentElement,{attributeFilter:["lang"]})}}t([C],ka.prototype,"lang",void 0)
 const Sa=new ka
 function $a(t){try{return new Intl.Locale(t),!0}catch(t){return!1}}const _a=xi.create({name:"lang",cssCustomPropertyName:null}).withDefault(()=>$a(Sa.lang)?Sa.lang:"en-US"),Ma=xi.create({name:"direction",cssCustomPropertyName:null}).withDefault(mn.ltr),Ia=xi.create({name:"theme",cssCustomPropertyName:null}).withDefault(qo)
@@ -1858,18 +1861,18 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
         }
 
         :host([severity="error"]) .control {
-            --ni-private-step-icon-color: ${rc};
+            --ni-private-step-icon-color: var(--ni-private-step-icon-inverse-color);
             --ni-private-step-icon-border-color: ${rc};
-            --ni-private-step-icon-background-color: rgb(from ${rc} r g b / 30%);
-            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
+            --ni-private-step-icon-background-color: ${rc};
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-full-size);
             --ni-private-step-line-color: ${rc};
         }
 
         :host([severity="warning"]) .control {
-            --ni-private-step-icon-color: ${sc};
+            --ni-private-step-icon-color: var(--ni-private-step-icon-inverse-color);
             --ni-private-step-icon-border-color: ${sc};
-            --ni-private-step-icon-background-color: rgb(from ${sc} r g b / 30%);
-            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
+            --ni-private-step-icon-background-color: ${sc};
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-full-size);
             --ni-private-step-line-color: ${sc};
         }
 
@@ -1890,6 +1893,27 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
             --ni-private-step-line-color: ${dc};
         }
 
+        :host([selected][severity="error"]) .control {
+            --ni-private-step-icon-color: ${rc};
+            --ni-private-step-icon-border-color: ${rc};
+            --ni-private-step-icon-background-color: rgb(from ${rc} r g b / 30%);
+            --ni-private-step-line-color: ${rc};
+        }
+
+        :host([selected][severity="warning"]) .control {
+            --ni-private-step-icon-color: ${sc};
+            --ni-private-step-icon-border-color: ${sc};
+            --ni-private-step-icon-background-color: rgb(from ${sc} r g b / 30%);
+            --ni-private-step-line-color: ${sc};
+        }
+
+        :host([selected][severity="success"]) .control {
+            --ni-private-step-icon-color: ${lc};
+            --ni-private-step-icon-border-color: ${lc};
+            --ni-private-step-icon-background-color: rgb(from ${lc} r g b / 30%);
+            --ni-private-step-line-color: ${lc};
+        }
+
         .icon-background {
             grid-area: icon;
             display: inline-block;
@@ -1958,7 +1982,6 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
             display: none;
         }
 
-        :host([selected]) .step-indicator,
         :host([disabled]) .step-indicator {
             display: contents;
         }
@@ -1973,7 +1996,6 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
             display: contents;
         }
 
-        :host([selected]) .icon-severity,
         :host([disabled]) .icon-severity {
             display: none;
         }
@@ -2064,14 +2086,16 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
         }
 
         :host([severity="error"]) .control:hover {
+            --ni-private-step-icon-color: var(--ni-private-step-icon-inverse-color);
             --ni-private-step-icon-border-color: ${rc};
-            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-inset-size);
             --ni-private-step-line-color: ${rc};
         }
 
         :host([severity="warning"]) .control:hover {
+            --ni-private-step-icon-color: var(--ni-private-step-icon-inverse-color);
             --ni-private-step-icon-border-color: ${sc};
-            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-inset-size);
             --ni-private-step-line-color: ${sc};
         }
 
@@ -2083,12 +2107,37 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
         }
 
         :host([selected]) .control:hover {
-            --ni-private-step-icon-color: ${Ad};
+            --ni-private-step-icon-color: ${dc};
             --ni-private-step-icon-border-color: ${dc};
-            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-inset-size);
+            --ni-private-step-icon-border-width: 3px;
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
             --ni-private-step-line-color: ${dc};
         }
 
+        :host([selected][severity="error"]) .control:hover {
+            --ni-private-step-icon-color: ${rc};
+            --ni-private-step-icon-border-color: ${rc};
+            --ni-private-step-icon-border-width: 3px;
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
+            --ni-private-step-line-color: ${rc};
+        }
+
+        :host([selected][severity="warning"]) .control:hover {
+            --ni-private-step-icon-color: ${sc};
+            --ni-private-step-icon-border-color: ${sc};
+            --ni-private-step-icon-border-width: 3px;
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
+            --ni-private-step-line-color: ${sc};
+        }
+
+        :host([selected][severity="success"]) .control:hover {
+            --ni-private-step-icon-color: ${lc};
+            --ni-private-step-icon-border-color: ${lc};
+            --ni-private-step-icon-border-width: 3px;
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
+            --ni-private-step-line-color: ${lc};
+        }
+
         :host([readonly]) .control:hover {
             --ni-private-step-icon-color: revert-layer;
             --ni-private-step-icon-border-color: revert-layer;
@@ -2097,6 +2146,14 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
             --ni-private-step-line-color: revert-layer;
         }
 
+        :host([selected][readonly]) .control:hover {
+            --ni-private-step-icon-color: revert-layer;
+            --ni-private-step-icon-border-color: revert-layer;
+            --ni-private-step-icon-border-width: revert-layer;
+            --ni-private-step-icon-background-size: revert-layer;
+            --ni-private-step-line-color: revert-layer;
+        }
+
         .control:hover .line {
             transform: scale(1, 2);
         }
@@ -2120,16 +2177,18 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
         }
 
         :host([severity="error"]) .control${Uo} {
+            --ni-private-step-icon-color: var(--ni-private-step-icon-inverse-color);
             --ni-private-step-icon-border-color: ${rc};
-            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
-            --ni-private-step-icon-outline-inset-color: ${rc};
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-inset-size);
+            --ni-private-step-icon-outline-inset-color: transparent;
             --ni-private-step-line-color: ${rc};
         }
 
         :host([severity="warning"]) .control${Uo} {
+            --ni-private-step-icon-color: var(--ni-private-step-icon-inverse-color);
             --ni-private-step-icon-border-color: ${sc};
-            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
-            --ni-private-step-icon-outline-inset-color: ${sc};
+            --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-inset-size);
+            --ni-private-step-icon-outline-inset-color: transparent;
             --ni-private-step-line-color: ${sc};
         }
 
@@ -2149,6 +2208,27 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
             --ni-private-step-line-color: ${dc};
         }
 
+        :host([selected][severity="error"]) .control${Uo} {
+            --ni-private-step-icon-color: ${rc};
+            --ni-private-step-icon-border-color: ${rc};
+            --ni-private-step-icon-outline-inset-color: ${rc};
+            --ni-private-step-line-color: ${rc};
+        }
+
+        :host([selected][severity="warning"]) .control${Uo} {
+            --ni-private-step-icon-color: ${sc};
+            --ni-private-step-icon-border-color: ${sc};
+            --ni-private-step-icon-outline-inset-color: ${sc};
+            --ni-private-step-line-color: ${sc};
+        }
+
+        :host([selected][severity="success"]) .control${Uo} {
+            --ni-private-step-icon-color: ${lc};
+            --ni-private-step-icon-border-color: ${lc};
+            --ni-private-step-icon-outline-inset-color: ${lc};
+            --ni-private-step-line-color: ${lc};
+        }
+
         .control${Uo} .icon::before {
             outline-width: ${Fc};
             ${""}
@@ -2174,12 +2254,14 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
         }
 
         :host([severity="error"]) .control:active {
+            --ni-private-step-icon-color: ${rc};
             --ni-private-step-icon-border-color: ${rc};
             --ni-private-step-icon-background-color: rgb(from ${rc} r g b / 30%);
             --ni-private-step-line-color: ${rc};
         }
 
         :host([severity="warning"]) .control:active {
+            --ni-private-step-icon-color: ${sc};
             --ni-private-step-icon-border-color: ${sc};
             --ni-private-step-icon-background-color: rgb(from ${sc} r g b / 30%);
             --ni-private-step-line-color: ${sc};
@@ -2199,6 +2281,27 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
             --ni-private-step-line-color: ${dc};
         }
 
+        :host([selected][severity="error"]) .control:active {
+            --ni-private-step-icon-color: ${rc};
+            --ni-private-step-icon-border-color: ${rc};
+            --ni-private-step-icon-background-color: rgb(from ${rc} r g b / 30%);
+            --ni-private-step-line-color: ${rc};
+        }
+
+        :host([selected][severity="warning"]) .control:active {
+            --ni-private-step-icon-color: ${sc};
+            --ni-private-step-icon-border-color: ${sc};
+            --ni-private-step-icon-background-color: rgb(from ${sc} r g b / 30%);
+            --ni-private-step-line-color: ${sc};
+        }
+
+        :host([selected][severity="success"]) .control:active {
+            --ni-private-step-icon-color: ${Ad};
+            --ni-private-step-icon-border-color: ${lc};
+            --ni-private-step-icon-background-color: rgb(from ${lc} r g b / 30%);
+            --ni-private-step-line-color: ${lc};
+        }
+
         :host([readonly]) .control:active {
             --ni-private-step-icon-color: revert-layer;
             --ni-private-step-icon-border-color: revert-layer;
@@ -2208,6 +2311,15 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
             --ni-private-step-line-color: revert-layer;
         }
 
+        :host([selected][readonly]) .control:active {
+            --ni-private-step-icon-color: revert-layer;
+            --ni-private-step-icon-border-color: revert-layer;
+            --ni-private-step-icon-border-width: revert-layer;
+            --ni-private-step-icon-background-color: revert-layer;
+            --ni-private-step-icon-background-size: revert-layer;
+            --ni-private-step-line-color: revert-layer;
+        }
+
         .control:active .icon::before {
             outline-width: 0px;
             outline-offset: -1px;
@@ -2274,10 +2386,35 @@ e&&Ia.unsubscribe(e)}}const yh=(t,e)=>new bh(t,e),wh=_t`
                     --ni-private-step-icon-inverse-color: ${nl};
                 }
 
+                :host([severity="error"]) .control {
+                    --ni-private-step-icon-border-color:: rgb(from ${rc} r g b / 30%);
+                    --ni-private-step-icon-background-color: rgb(from ${rc} r g b / 30%);
+                }
+
+                :host([severity="warning"]) .control {
+                    --ni-private-step-icon-border-color:: rgb(from ${sc} r g b / 30%);
+                    --ni-private-step-icon-background-color: rgb(from ${sc} r g b / 30%);
+                }
+
                 :host([severity="success"]) .control {
+                    --ni-private-step-icon-border-color:: rgb(from ${lc} r g b / 30%);
                     --ni-private-step-icon-background-color: rgb(from ${lc} r g b / 30%);
                 }
             }
+
+            @layer focusVisible {
+                :host([severity="error"]) .control${Uo} {
+                    --ni-private-step-icon-outline-inset-color: ${rc};
+                }
+
+                :host([severity="warning"]) .control${Uo} {
+                    --ni-private-step-icon-outline-inset-color: ${sc};
+                }
+
+                :host([severity="success"]) .control${Uo} {
+                    --ni-private-step-icon-outline-inset-color: ${lc};
+                }
+            }
         `)),xh=_t`
     ${wh}
     ${""}
@@ -17698,11 +17835,11 @@ const p3=_t`
     ></${Qm}>
     ${Cv}
 </div>`
-class m3 extends(kv(He)){constructor(){super(...arguments),this.value="",this.maxLength=-1,this.processing=!1,this.sendDisabled=!1,this.isInputEmpty=!0,this.scrollbarWidth=-1,this.footerActionsIsEmpty=!0,this.attachmentsIsEmpty=!0,this.updateScrollbarWidthQueued=!1}slottedFooterActionsElementsChanged(t,e){this.footerActionsIsEmpty=void 0===e||0===e.length}slottedAttachmentsElementsChanged(t,e){this.attachmentsIsEmpty=void 0===e||0===e.length}textAreaKeydownHandler(t){return!(t.key===sn&&!t.shiftKey)||(this.processing||this.sendButtonClickHandler(),!1)}textAreaInputHandler(){this.value=this.textArea.value,this.isInputEmpty=0===this.textArea.value.length,this.adjustTextAreaHeight(),this.queueUpdateScrollbarWidth()}placeholderChanged(){this.queueUpdateScrollbarWidth()}valueChanged(){this.textArea&&(this.textArea.value=this.value,this.isInputEmpty=0===this.textArea.value.length,this.adjustTextAreaHeight(),this.queueUpdateScrollbarWidth())}connectedCallback(){super.connectedCallback(),this.textArea.value=this.value,this.isInputEmpty=0===this.textArea.value.length,this.adjustTextAreaHeight(),this.resizeObserver=new ResizeObserver(()=>this.onResize()),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}sendButtonClickHandler(){if(this.shouldDisableSendButton())return
+class m3 extends(kv(He)){constructor(){super(...arguments),this.value="",this.maxLength=-1,this.processing=!1,this.sendDisabled=!1,this.isInputEmpty=!0,this.scrollbarWidth=-1,this.footerActionsIsEmpty=!0,this.attachmentsIsEmpty=!0,this.updateScrollbarWidthQueued=!1,this.fieldSizingSupported=CSS.supports("field-sizing","content")}slottedFooterActionsElementsChanged(t,e){this.footerActionsIsEmpty=void 0===e||0===e.length}slottedAttachmentsElementsChanged(t,e){this.attachmentsIsEmpty=void 0===e||0===e.length}textAreaKeydownHandler(t){return!(t.key===sn&&!t.shiftKey)||(this.processing||this.sendButtonClickHandler(),!1)}textAreaInputHandler(){this.value=this.textArea.value,this.isInputEmpty=0===this.textArea.value.length,this.adjustTextAreaHeight(),this.queueUpdateScrollbarWidth()}placeholderChanged(){this.queueUpdateScrollbarWidth()}valueChanged(){this.textArea&&(this.textArea.value=this.value,this.isInputEmpty=0===this.textArea.value.length,this.adjustTextAreaHeight(),this.queueUpdateScrollbarWidth())}connectedCallback(){super.connectedCallback(),this.textArea.value=this.value,this.isInputEmpty=0===this.textArea.value.length,this.adjustTextAreaHeight(),this.resizeObserver=new ResizeObserver(()=>this.onResize()),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}sendButtonClickHandler(){if(this.shouldDisableSendButton())return
 const t={text:this.textArea.value}
-this.resetInput(),this.$emit("send",t)}stopButtonClickHandler(){this.processing&&(this.$emit("stop"),this.textArea?.blur())}shouldDisableSendButton(){return this.sendDisabled||0===this.textArea.value.length}resetInput(){this.value="",this.isInputEmpty=!0,this.textArea&&(this.textArea.value="",this.adjustTextAreaHeight(),this.textArea.focus())}onResize(){this.adjustTextAreaHeight(),this.scrollbarWidth=this.textArea.offsetWidth-this.textArea.clientWidth}queueUpdateScrollbarWidth(){this.$fastController.isConnected&&(this.updateScrollbarWidthQueued||(this.updateScrollbarWidthQueued=!0,b.queueUpdate(()=>this.updateScrollbarWidth())))}adjustTextAreaHeight(){if(m3.fieldSizingSupported||!this.textArea)return
+this.resetInput(),this.$emit("send",t)}stopButtonClickHandler(){this.processing&&(this.$emit("stop"),this.textArea?.blur())}shouldDisableSendButton(){return this.sendDisabled||0===this.textArea.value.length}resetInput(){this.value="",this.isInputEmpty=!0,this.textArea&&(this.textArea.value="",this.adjustTextAreaHeight(),this.textArea.focus())}onResize(){this.adjustTextAreaHeight(),this.scrollbarWidth=this.textArea.offsetWidth-this.textArea.clientWidth}queueUpdateScrollbarWidth(){this.$fastController.isConnected&&(this.updateScrollbarWidthQueued||(this.updateScrollbarWidthQueued=!0,b.queueUpdate(()=>this.updateScrollbarWidth())))}adjustTextAreaHeight(){if(this.fieldSizingSupported||!this.textArea)return
 const t=this.textArea
-t.style.height="auto",t.style.height=`${t.scrollHeight}px`}updateScrollbarWidth(){this.updateScrollbarWidthQueued=!1,this.scrollbarWidth=this.textArea.offsetWidth-this.textArea.clientWidth}}m3.fieldSizingSupported=CSS.supports("field-sizing","content"),t([pt],m3.prototype,"placeholder",void 0),t([pt({attribute:"send-button-label"})],m3.prototype,"sendButtonLabel",void 0),t([pt({attribute:"stop-button-label"})],m3.prototype,"stopButtonLabel",void 0),t([pt],m3.prototype,"value",void 0),t([pt({attribute:"tabindex",converter:ht})],m3.prototype,"tabIndex",void 0),t([pt({attribute:"maxlength",converter:ht})],m3.prototype,"maxLength",void 0),t([pt({attribute:"processing",mode:"boolean"})],m3.prototype,"processing",void 0),t([pt({attribute:"send-disabled",mode:"boolean"})],m3.prototype,"sendDisabled",void 0),t([C],m3.prototype,"textArea",void 0),t([C],m3.prototype,"isInputEmpty",void 0),t([C],m3.prototype,"scrollbarWidth",void 0),t([C],m3.prototype,"footerActionsIsEmpty",void 0),t([C],m3.prototype,"slottedFooterActionsElements",void 0),t([C],m3.prototype,"attachmentsIsEmpty",void 0),t([C],m3.prototype,"slottedAttachmentsElements",void 0)
+t.style.height="auto",t.style.height=`${t.scrollHeight}px`}updateScrollbarWidth(){this.updateScrollbarWidthQueued=!1,this.scrollbarWidth=this.textArea.offsetWidth-this.textArea.clientWidth}}t([pt],m3.prototype,"placeholder",void 0),t([pt({attribute:"send-button-label"})],m3.prototype,"sendButtonLabel",void 0),t([pt({attribute:"stop-button-label"})],m3.prototype,"stopButtonLabel",void 0),t([pt],m3.prototype,"value",void 0),t([pt({attribute:"tabindex",converter:ht})],m3.prototype,"tabIndex",void 0),t([pt({attribute:"maxlength",converter:ht})],m3.prototype,"maxLength",void 0),t([pt({attribute:"processing",mode:"boolean"})],m3.prototype,"processing",void 0),t([pt({attribute:"send-disabled",mode:"boolean"})],m3.prototype,"sendDisabled",void 0),t([C],m3.prototype,"textArea",void 0),t([C],m3.prototype,"isInputEmpty",void 0),t([C],m3.prototype,"scrollbarWidth",void 0),t([C],m3.prototype,"footerActionsIsEmpty",void 0),t([C],m3.prototype,"slottedFooterActionsElements",void 0),t([C],m3.prototype,"attachmentsIsEmpty",void 0),t([C],m3.prototype,"slottedAttachmentsElements",void 0)
 const g3=m3.compose({baseName:"chat-input",template:f3,styles:p3,shadowOptions:{delegatesFocus:!0}})
 Mi.getOrCreate().withPrefix("spright").register(g3())
 const v3={system:void 0,outbound:"outbound",inbound:"inbound"},b3=_t`