@enegelai/bot-widget 1.7.5 → 1.7.6

package/dist/index.es.js

@@ -1050,7 +1050,7 @@ class W extends Ke {
   finishStreamingResponse(e) {
     if (!this.replyMessage || !this.streamingResponseInProgress)
       return;
-    this.streamingResponseInProgress = !1;
+    this.streamingResponseInProgress = !1, this.streamingResponseBuffer = null, this.streamingResponseTagStartPos = 0, this.streamingResponseCurrentTag = null;
     let c = e;
     c = this.cleanupImageLinks(c);
     const i = c.lastIndexOf("<br>");
@@ -1350,7 +1350,7 @@ const w = new W(), rc = U`
   }
 
   .cb-header-close {
-    color: var(--enegelai-bot-header-color, rgba(255, 255, 255, 1));
+    color: var(--enegelai-bot-header-close-color, var(--enegelai-bot-header-color, rgba(255, 255, 255, 1)));
   }
 
   .cb-setting-button cb-icon {
@@ -2734,7 +2734,7 @@ var kc = Object.defineProperty, Cc = Object.getOwnPropertyDescriptor, Sc = (a, e
 };
 let vt = class extends ft {
   render() {
-    return m` <div class="cb-thinking" style="color: rgb(34, 34, 34);"><span></span><span></span><span></span></div>`;
+    return m` <div class="cb-thinking"><span></span><span></span><span></span></div>`;
   }
 };
 vt.styles = U`
@@ -2744,7 +2744,7 @@ vt.styles = U`
 
     .cb-thinking span {
       display: inline-block;
-      background-color: #b6b5ba;
+      background-color: var(--enegelai-bot-typing-color, rgb(34, 34, 34));
       width: 10px;
       height: 10px;
       border-radius: 100%;
@@ -4874,48 +4874,48 @@ le = ye([
   Y("cb-message-list")
 ], le);
 const Xc = U`
-    ${ge}
+  ${ge}
 
-    :host {
-        width: 100%;
-        background: rgb(244, 247, 249);
-        position: relative;
-        padding: 6px 5px;
-        box-sizing: border-box;
-        border-radius-bottom-left: 6px;
-        border-radius-bottom-right: 6px;
-    }
+  :host {
+    width: 100%;
+    background: rgb(244, 247, 249);
+    position: relative;
+    padding: 6px 5px;
+    box-sizing: border-box;
+    border-radius-bottom-left: 6px;
+    border-radius-bottom-right: 6px;
+  }
 
-    .cb-user-input-wrapper {
-        display: flex;
-        flex-direction: row;
-        justify-content: space-between;
-        align-items: center;
-    }
+  .cb-user-input-wrapper {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
 
-    .cb-user-input {
-        flex: 1;
-    }
+  .cb-user-input {
+    flex: 1;
+  }
 
-    .send-button {
-        font-size: 1.5rem;
-    }
+  .send-button {
+    font-size: 1.5rem;
+  }
 
-    .paperclip-button {
-        font-size: 1.5rem;
-        position: relative;
-    }
+  .paperclip-button {
+    font-size: 1.5rem;
+    position: relative;
+  }
 
-    .file-input {
-        visibility: hidden;
-        width: 100%;
-        height: 100%;
-        position: absolute;
-    }
+  .file-input {
+    visibility: hidden;
+    width: 100%;
+    height: 100%;
+    position: absolute;
+  }
 
-    .cb-input-buttons {
-        padding: 0 5px;
-    }
+  .cb-input-buttons {
+    padding: 0 5px;
+  }
 `, Zc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M15.854.146a.5.5 0 0 1 .11.54l-5.819 14.547a.75.75 0 0 1-1.329.124l-3.178-4.995L.643 7.184a.75.75 0 0 1 .124-1.33L15.314.037a.5.5 0 0 1 .54.11ZM6.636 10.07l2.761 4.338L14.13 2.576zm6.787-8.201L1.591 6.602l4.339 2.76l7.494-7.493Z"/></svg>', Gc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0z"/></svg>';
 var Jc = Object.defineProperty, Kc = Object.getOwnPropertyDescriptor, ve = (a, e, c, i) => {
   for (var n = i > 1 ? void 0 : i ? Kc(e, c) : e, f = a.length - 1, l; f >= 0; f--)
@@ -4969,6 +4969,7 @@ let be = class extends Q {
     return m`
       <div class="cb-user-input-wrapper" part="user-input-wrapper">
         <sl-textarea
+          part="user-input"
           @sl-input=${this._inputChangeHandler}
           placeholder=${this.placeholder}
           class="cb-user-input"
@@ -6083,7 +6084,7 @@ let H = class extends Q {
     `;
   }
   renderUserInput() {
-    return w.form || w.disabled && this.alwaysOpen ? null : m`<cb-user-input ?loading=${this.loading} ?disabled=${this.loading || w.form} ?enable-file-upload=${this.enableFileUpload}></cb-user-input>`;
+    return w.form || w.disabled && this.alwaysOpen ? null : m`<cb-user-input ?loading=${this.loading} ?disabled=${this.loading || w.form} ?enable-file-upload=${this.enableFileUpload} exportparts="user-input, user-input-wrapper"></cb-user-input>`;
   }
   connectedCallback() {
     super.connectedCallback(), je.info("connectedCallback"), addEventListener("c7o:bot:stateEvent", this.handleStateEvent), addEventListener("message:send", this.handleAddMessage), addEventListener("chatbot:toggle", this._chatbotToggleHandler), addEventListener("form:submit", this._formSubmitHandler);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enegelai/bot-widget",
-  "version": "1.7.5",
+  "version": "1.7.6",
   "description": "Enegel.ai Bot Widget",
   "scripts": {
     "dev": "vite",