@ni/ok-components 0.2.6 → 0.2.8

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

@@ -15866,6 +15866,7 @@ const LQ=Mt`
         placeholder="${t=>t.placeholder}"
         rows="1"
         tabindex="${t=>t.tabIndex}"
+        maxlength="${t=>t.maxLength}"
         @keydown="${(t,e)=>t.textAreaKeydownHandler(e.event)}"
         @input="${t=>t.textAreaInputHandler()}"
     ></textarea>
@@ -15883,9 +15884,9 @@ const LQ=Mt`
         <${lv} slot="start"><${lv}/>
     </${Rd}>    
 </div>`
-class PQ extends Ve{constructor(){super(...arguments),this.value="",this.disableSendButton=!0}textAreaKeydownHandler(t){return!(t.key===rn&&!t.shiftKey)||(this.sendButtonClickHandler(),!1)}textAreaInputHandler(){this.value=this.textArea.value,this.disableSendButton=this.shouldDisableSendButton()}valueChanged(){this.textArea&&(this.textArea.value=this.value,this.disableSendButton=this.shouldDisableSendButton())}connectedCallback(){super.connectedCallback(),this.textArea.value=this.value,this.disableSendButton=this.shouldDisableSendButton()}sendButtonClickHandler(){if(this.shouldDisableSendButton())return
+class PQ extends Ve{constructor(){super(...arguments),this.value="",this.maxLength=-1,this.disableSendButton=!0}textAreaKeydownHandler(t){return!(t.key===rn&&!t.shiftKey)||(this.sendButtonClickHandler(),!1)}textAreaInputHandler(){this.value=this.textArea.value,this.disableSendButton=this.shouldDisableSendButton()}valueChanged(){this.textArea&&(this.textArea.value=this.value,this.disableSendButton=this.shouldDisableSendButton())}connectedCallback(){super.connectedCallback(),this.textArea.value=this.value,this.disableSendButton=this.shouldDisableSendButton()}sendButtonClickHandler(){if(this.shouldDisableSendButton())return
 const t={text:this.textArea.value}
-this.resetInput(),this.$emit("send",t)}shouldDisableSendButton(){return 0===this.textArea.value.length}resetInput(){this.value="",this.disableSendButton=!0,this.textArea&&(this.textArea.value="",this.textArea.focus())}}t([ft],PQ.prototype,"placeholder",void 0),t([ft({attribute:"send-button-label"})],PQ.prototype,"sendButtonLabel",void 0),t([ft],PQ.prototype,"value",void 0),t([ft({attribute:"tabindex",converter:ut})],PQ.prototype,"tabIndex",void 0),t([C],PQ.prototype,"textArea",void 0),t([C],PQ.prototype,"disableSendButton",void 0)
+this.resetInput(),this.$emit("send",t)}shouldDisableSendButton(){return 0===this.textArea.value.length}resetInput(){this.value="",this.disableSendButton=!0,this.textArea&&(this.textArea.value="",this.textArea.focus())}}t([ft],PQ.prototype,"placeholder",void 0),t([ft({attribute:"send-button-label"})],PQ.prototype,"sendButtonLabel",void 0),t([ft],PQ.prototype,"value",void 0),t([ft({attribute:"tabindex",converter:ut})],PQ.prototype,"tabIndex",void 0),t([ft({attribute:"maxlength",converter:ut})],PQ.prototype,"maxLength",void 0),t([C],PQ.prototype,"textArea",void 0),t([C],PQ.prototype,"disableSendButton",void 0)
 const zQ=PQ.compose({baseName:"chat-input",template:BQ,styles:LQ,shadowOptions:{delegatesFocus:!0}})
 Mi.getOrCreate().withPrefix("spright").register(zQ())
 const VQ={system:void 0,outbound:"outbound",inbound:"inbound"},HQ=Mt`
@@ -16153,8 +16154,8 @@ const JQ=Mt`
 `,QQ=Q`<slot></slot>`
 const t0=class extends Ve{}.compose({baseName:"rectangle",template:QQ,styles:JQ})
 Mi.getOrCreate().withPrefix("spright").register(t0())
-const e0=Mt`
-    ${n0="inline-block",`${Po(n0)}:host{box-sizing:border-box;}*{box-sizing:border-box;}:host::before,:host::after,::before,::after{box-sizing:border-box;}`}
+const e0=t=>`${Po(t)}:host{box-sizing:border-box;}*{box-sizing:border-box;}:host::before,:host::after,::before,::after{box-sizing:border-box;}`,n0=Mt`
+    ${e0("inline-block")}
 
     :host {
         border: 2px solid ${$l};
@@ -16176,9 +16177,32 @@ const e0=Mt`
     :host([disabled]) slot {
         color: ${yc};
     }
-`
-var n0
-const i0=Q`<slot></slot>`
-const o0=class extends Ve{}.compose({baseName:"button",template:i0,styles:e0})
-Mi.getOrCreate().withPrefix("ok").register(o0())}()
+`,i0=Q`<slot></slot>`
+const o0=class extends Ve{}.compose({baseName:"button",template:i0,styles:n0})
+Mi.getOrCreate().withPrefix("ok").register(o0())
+const s0=Et`
+    user-select: none;
+    -webkit-user-select: none;
+`,r0=Mt`
+    ${e0("inline-flex")}
+
+    :host {
+        align-items: center;
+        ${s0}
+        width: ${jl};
+        height: ${jl};
+    }
+
+    img {
+        width: 100%;
+        height: 100%;
+    }
+`,a0=Q`<img aria-hidden="true" src=${t=>t.url}>`
+class l0 extends im{constructor(t){super(),this.url=t}static registerIconDynamic(t,e){const n="ok-icon-dynamic-"
+if(!t.startsWith(n))throw new Error(`Icon tag name must start with '${n}', provided name: ${t}`)
+const i=t.substring(16)
+if(!/^[a-z][a-z]+$/.test(i))throw new Error(`Icon name must be lowercase [a-z] and at least two characters long, provided name: ${i}`)
+const o=`IconDynamic${i.charAt(0).toUpperCase()+i.slice(1)}`,s=`icon-dynamic-${i}`,r={[o]:class extends l0{constructor(){super(e)}}}[o].compose({baseName:s,template:a0,styles:r0})
+Mi.getOrCreate().withPrefix("ok").register(r())}}const c0=l0.compose({baseName:"icon-dynamic",template:Q`<template></template>`,styles:Mt`${e0("none")}`})
+Mi.getOrCreate().withPrefix("ok").register(c0())}()
 //# sourceMappingURL=all-components-bundle.min.js.map