@enegelai/bot-widget 1.5.6 → 1.5.8

package/dist/index.es.js

@@ -2,7 +2,7 @@ var Aa = Object.defineProperty;
 var $a = (a, t, c) => t in a ? Aa(a, t, { enumerable: !0, configurable: !0, writable: !0, value: c }) : a[t] = c;
 var oe = (a, t, c) => ($a(a, typeof t != "symbol" ? t + "" : t, c), c);
 import { css as U, LitElement as rt, html as y, svg as ze } from "lit";
-import { property as C, customElement as Y, queryAll as Wt, query as Ve, eventOptions as kt } from "lit/decorators.js";
+import { property as C, customElement as Y, queryAll as Wt, query as Re, eventOptions as kt } from "lit/decorators.js";
 import { unsafeHTML as de } from "lit-html/directives/unsafe-html.js";
 import { when as fe } from "lit/directives/when.js";
 import "@shoelace-style/shoelace/dist/themes/light.css";
@@ -223,14 +223,14 @@ var Kt = { exports: {} };
       "error"
     ];
     function d(T, H) {
-      var V = T[H];
-      if (typeof V.bind == "function")
-        return V.bind(T);
+      var R = T[H];
+      if (typeof R.bind == "function")
+        return R.bind(T);
       try {
-        return Function.prototype.bind.call(V, T);
+        return Function.prototype.bind.call(R, T);
       } catch {
         return function() {
-          return Function.prototype.apply.apply(V, [T, arguments]);
+          return Function.prototype.apply.apply(R, [T, arguments]);
         };
       }
     }
@@ -241,21 +241,21 @@ var Kt = { exports: {} };
       return T === "debug" && (T = "log"), typeof console === c ? !1 : T === "trace" && i ? l : console[T] !== void 0 ? d(console, T) : console.log !== void 0 ? d(console, "log") : t;
     }
     function S(T, H) {
-      for (var V = 0; V < n.length; V++) {
-        var $ = n[V];
-        this[$] = V < T ? t : this.methodFactory($, T, H);
+      for (var R = 0; R < n.length; R++) {
+        var $ = n[R];
+        this[$] = R < T ? t : this.methodFactory($, T, H);
       }
       this.log = this.debug;
     }
-    function D(T, H, V) {
+    function D(T, H, R) {
       return function() {
-        typeof console !== c && (S.call(this, H, V), this[T].apply(this, arguments));
+        typeof console !== c && (S.call(this, H, R), this[T].apply(this, arguments));
       };
     }
-    function L(T, H, V) {
+    function L(T, H, R) {
       return v(T) || D.apply(this, arguments);
     }
-    function E(T, H, V) {
+    function E(T, H, R) {
       var $ = this, he;
       H = H ?? "WARN";
       var ee = "loglevel";
@@ -312,7 +312,7 @@ var Kt = { exports: {} };
         WARN: 3,
         ERROR: 4,
         SILENT: 5
-      }, $.methodFactory = V || L, $.getLevel = function() {
+      }, $.methodFactory = R || L, $.getLevel = function() {
         return he;
       }, $.setLevel = function(w, ie) {
         if (typeof w == "string" && $.levels[w.toUpperCase()] !== void 0 && (w = $.levels[w.toUpperCase()]), typeof w == "number" && w >= 0 && w <= $.levels.SILENT) {
@@ -336,12 +336,12 @@ var Kt = { exports: {} };
     A.getLogger = function(H) {
       if (typeof H != "symbol" && typeof H != "string" || H === "")
         throw new TypeError("You must supply a name when creating a logger.");
-      var V = F[H];
-      return V || (V = F[H] = new E(
+      var R = F[H];
+      return R || (R = F[H] = new E(
         H,
         A.getLevel(),
         A.methodFactory
-      )), V;
+      )), R;
     };
     var ce = typeof window !== c ? window.log : void 0;
     return A.noConflict = function() {
@@ -487,27 +487,29 @@ const dt = /* @__PURE__ */ Jt(Ha), za = U`
     text-decoration: underline;
   }
 `, Qt = U`
-    ${ge}
+  ${ge}
 
-    :host {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        vertical-align: sub;
-        font-size: 1.2rem;
-    }
+  :host {
+    /*
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    vertical-align: sub;
+    font-size: var(--enegelai-bot-cb-icon-font-size, 1.2em);
+     */
+  }
 
-    .cb-icon {
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        vertical-align: sub;
-        font-size: 1.2rem;
-    }
+  .cb-icon {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    vertical-align: sub;
+    font-size: var(--enegelai-bot-cb-icon-font-size, 1.2em);
+  }
 
-    .color-white {
-        color: white;
-    }
+  .color-white {
+    color: white;
+  }
 `;
 var Ba = Object.defineProperty, qa = Object.getOwnPropertyDescriptor, Ct = (a, t, c, i) => {
   for (var n = i > 1 ? void 0 : i ? qa(t, c) : t, d = a.length - 1, l; d >= 0; d--)
@@ -532,7 +534,7 @@ Ct([
 Be = Ct([
   Y("cb-icon")
 ], Be);
-let Ra = (a) => crypto.getRandomValues(new Uint8Array(a)), Va = (a, t, c) => {
+let Va = (a) => crypto.getRandomValues(new Uint8Array(a)), Ra = (a, t, c) => {
   let i = (2 << Math.log(a.length - 1) / Math.LN2) - 1, n = -~(1.6 * i * t / a.length);
   return (d = t) => {
     let l = "";
@@ -543,7 +545,7 @@ let Ra = (a) => crypto.getRandomValues(new Uint8Array(a)), Va = (a, t, c) => {
           return l;
     }
   };
-}, Da = (a, t = 21) => Va(a, t, Ra);
+}, Da = (a, t = 21) => Ra(a, t, Va);
 const Fa = Da("1234567890abcdefghijklmnopqrstuvwxyz", 10);
 function mt(a = 10) {
   return Fa(a);
@@ -678,12 +680,12 @@ class Wa {
       });
     }*/
 }
-function R(a) {
+function V(a) {
   return a != null && typeof a == "object" && a["@@functional/placeholder"] === !0;
 }
 function Te(a) {
   return function t(c) {
-    return arguments.length === 0 || R(c) ? t : a.apply(this, arguments);
+    return arguments.length === 0 || V(c) ? t : a.apply(this, arguments);
   };
 }
 function ue(a) {
@@ -692,13 +694,13 @@ function ue(a) {
       case 0:
         return t;
       case 1:
-        return R(c) ? t : Te(function(n) {
+        return V(c) ? t : Te(function(n) {
           return a(c, n);
         });
       default:
-        return R(c) && R(i) ? t : R(c) ? Te(function(n) {
+        return V(c) && V(i) ? t : V(c) ? Te(function(n) {
           return a(n, i);
-        }) : R(i) ? Te(function(n) {
+        }) : V(i) ? Te(function(n) {
           return a(c, n);
         }) : a(c, i);
     }
@@ -710,29 +712,29 @@ function Ya(a) {
       case 0:
         return t;
       case 1:
-        return R(c) ? t : ue(function(d, l) {
+        return V(c) ? t : ue(function(d, l) {
           return a(c, d, l);
         });
       case 2:
-        return R(c) && R(i) ? t : R(c) ? ue(function(d, l) {
+        return V(c) && V(i) ? t : V(c) ? ue(function(d, l) {
           return a(d, i, l);
-        }) : R(i) ? ue(function(d, l) {
+        }) : V(i) ? ue(function(d, l) {
           return a(c, d, l);
         }) : Te(function(d) {
           return a(c, i, d);
         });
       default:
-        return R(c) && R(i) && R(n) ? t : R(c) && R(i) ? ue(function(d, l) {
+        return V(c) && V(i) && V(n) ? t : V(c) && V(i) ? ue(function(d, l) {
           return a(d, l, n);
-        }) : R(c) && R(n) ? ue(function(d, l) {
+        }) : V(c) && V(n) ? ue(function(d, l) {
           return a(d, i, l);
-        }) : R(i) && R(n) ? ue(function(d, l) {
+        }) : V(i) && V(n) ? ue(function(d, l) {
           return a(c, d, l);
-        }) : R(c) ? Te(function(d) {
+        }) : V(c) ? Te(function(d) {
           return a(d, i, n);
-        }) : R(i) ? Te(function(d) {
+        }) : V(i) ? Te(function(d) {
           return a(c, d, n);
-        }) : R(n) ? Te(function(d) {
+        }) : V(n) ? Te(function(d) {
           return a(c, i, d);
         }) : a(c, i, n);
     }
@@ -910,8 +912,6 @@ class W extends Ke {
     return this.messages.find((c) => c.author === "user") === void 0;
   }
   // Lazy initialization: avoid connecting until we actually need to send something
-  // TODO Depending on state, start ws & connect immediately when initialized
-  //  use case: page refresh in the middle of the conversation
   async getWsClient() {
     if (this.wsClient)
       return this.wsClient;
@@ -923,7 +923,7 @@ class W extends Ke {
       convId: this.conversationId
     }), await this.wsClient.start(), this.wsClient.onMessage = (i) => {
       this.handleWscMessage(i);
-    }, this.wsClient;
+    }, this.connectWs = "true", this.wsClient;
   }
   handleWscMessage(t) {
     var c;
@@ -939,7 +939,7 @@ class W extends Ke {
               text: t.text
             }
           };
-          "userName" in t && (i.data.userName = t.userName, this.connectWs = "true"), "userAvatar" in t && (i.data.userAvatar = t.userAvatar, this.connectWs = "true");
+          "userName" in t && (i.data.userName = t.userName), "userAvatar" in t && (i.data.userAvatar = t.userAvatar);
           const n = this.formatMessage(i);
           this.messages = this.messages.concat([n]);
         }
@@ -1699,7 +1699,7 @@ var ta = { exports: {} };
         return r.style.webkitTransform = "", r.style.MozTransform = "", r.style.msTransform = "", r.style.OTransform = "", r.style.transform = "", !1;
       r.style.webkitTransform = e, r.style.MozTransform = e, r.style.msTransform = e, r.style.OTransform = e, r.style.transform = e;
     }
-    function V(r) {
+    function R(r) {
       r.style.display = "block";
     }
     function $(r) {
@@ -2389,14 +2389,14 @@ var ta = { exports: {} };
         this.open(null, e);
       } }, { key: "showSlide", value: function() {
         var e = this, o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0, s = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
-        V(this.loader), this.index = parseInt(o);
+        R(this.loader), this.index = parseInt(o);
         var f = this.slidesContainer.querySelector(".current");
         f && A(f, "current"), this.slideAnimateOut();
         var b = this.slidesContainer.querySelectorAll(".gslide")[o];
         if (F(b, "loaded"))
           this.slideAnimateIn(b, s), $(this.loader);
         else {
-          V(this.loader);
+          R(this.loader);
           var h = this.elements[o], u = { index: this.index, slide: b, slideNode: b, slideConfig: h.slideConfig, slideIndex: this.index, trigger: h.node, player: null };
           this.trigger("slide_before_load", u), h.instance.setContent(b, function() {
             $(e.loader), e.resize(), e.slideAnimateIn(b, s), e.trigger("slide_after_load", u);
@@ -2868,7 +2868,7 @@ const Bt = {
   doc: Pc,
   docx: Hc
 };
-let Re = class extends Q {
+let Ve = class extends Q {
   constructor() {
     super(...arguments), this.filename = "", this.url = "";
   }
@@ -2898,17 +2898,17 @@ let Re = class extends Q {
         `;
   }
 };
-Re.styles = Mc;
+Ve.styles = Mc;
 _t([
   C({ type: String })
-], Re.prototype, "filename", 2);
+], Ve.prototype, "filename", 2);
 _t([
   C({ type: String })
-], Re.prototype, "url", 2);
-Re = _t([
+], Ve.prototype, "url", 2);
+Ve = _t([
   Y("cb-file")
-], Re);
-const qc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/></g></svg>', Rc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/></svg>', Vc = U`
+], Ve);
+const qc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/></g></svg>', Vc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/></svg>', Rc = U`
   pre code.hljs {
     display: block;
     overflow-x: auto;
@@ -4125,7 +4125,7 @@ const qc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
   }
 `, Dc = U`
   ${ge}
-  ${Vc}
+  ${Rc}
 
     .cb-message-row {
     width: 100%;
@@ -4314,7 +4314,7 @@ function Fc() {
   });
   return a.use(La, { attrs: { target: "_blank", rel: "noopener" } }), a;
 }
-async function Rt(a) {
+async function Vt(a) {
   const c = Fc().render(a);
   return y`${de(c)}`;
 }
@@ -4443,7 +4443,7 @@ let $e = class extends Q {
     `;
   }
   async _getMessageText(a) {
-    return Rt(a.data.text);
+    return Vt(a.data.text);
   }
   renderMessageContent(a) {
     var t;
@@ -4462,7 +4462,7 @@ let $e = class extends Q {
       (c) => y`<cb-file filename="${c.name}" url="${c.url}"></cb-file>`
     )}` : y`<div class="cb-message-text">
       ${zt(
-      Rt(((t = a.data.text) == null ? void 0 : t.toString()) || "").then((c) => y`${c}`)
+      Vt(((t = a.data.text) == null ? void 0 : t.toString()) || "").then((c) => y`${c}`)
     )}
     </div>`;
   }
@@ -4486,7 +4486,7 @@ let $e = class extends Q {
     return y`
       <div class="cb-message" part="cb-message" style="display: flex; justify-content: end;align-items: start;">
         <!--<sl-avatar class="avatar user-avatar small" label="User">
-          <cb-icon slot="icon" svg="${Rc}" color="white"></cb-icon>
+          <cb-icon slot="icon" svg="${Vc}" color="white"></cb-icon>
         </sl-avatar>-->
         <div class="avatar user-avatar">${de(x.setting.userIconSvg)}</div>
         ${this.renderMessage(a)}
@@ -4766,10 +4766,10 @@ ye([
   C({ type: Object })
 ], le.prototype, "form", 2);
 ye([
-  Ve("#cb-message-list-bottom-anchor")
+  Re("#cb-message-list-bottom-anchor")
 ], le.prototype, "_messageListBottomAnchor", 2);
 ye([
-  Ve(".cb-input-form")
+  Re(".cb-input-form")
 ], le.prototype, "_inputForm", 2);
 ye([
   kt({ capture: !1, passive: !0 })
@@ -4933,7 +4933,7 @@ ve([
   C({ type: String })
 ], be.prototype, "currentKey", 2);
 ve([
-  Ve("sl-textarea")
+  Re("sl-textarea")
 ], be.prototype, "inputElement", 2);
 be = ve([
   Y("cb-user-input")
@@ -5284,7 +5284,7 @@ He([
   C({ type: Boolean })
 ], Ce.prototype, "clearMessageDialogOpen", 2);
 He([
-  Ve("sl-dialog")
+  Re("sl-dialog")
 ], Ce.prototype, "dialog", 2);
 He([
   C({ type: Boolean })
@@ -5339,6 +5339,7 @@ const si = U`
 
   .cb-engage-popup {
     min-width: var(--enegelai-bot-popup-min-width, 250px);
+    max-width: var(--enegelai-bot-popup-max-width, 350px);
     min-height: var(--enegelai-bot-popup-min-height, 100px);
     color: var(--enegelai-bot-popup-color, rgb(0, 0, 0));
     padding: 10px 20px 10px 10px;
@@ -5411,10 +5412,26 @@ let it = class extends Q {
   _engageClickHandler(a) {
     console.log("engage close clicked!"), x.suppressEngagePopup(), a.stopPropagation();
   }
+  /*
+           ${when(
+              this.open,
+              () => html`<cb-icon color="white" svg="${BiXLg}"></cb-icon>`,
+              () => html`<cb-icon color="white" svg="${BiChatDotsFill}"></cb-icon>`,
+            )}
+   */
+  getPopupPlacement() {
+    let a = "top-end";
+    const t = document.querySelector("enegelai-bot");
+    if (t) {
+      let i = getComputedStyle(t).getPropertyValue("--enegelai-bot-anchor-popup-position").trim();
+      i && i != "" && (a = i);
+    }
+    return a;
+  }
   render() {
     return y`
-      <div class="cb-anchor ${this.open ? "open" : ""}" part="cb-anchor" @click=${this._clickHandler.bind(this)}>
-        <sl-popup placement="top-end" distance="16" ?active="${x.engage && !x.open}">
+      <div class="cb-anchor ${this.open ? "open" : ""}" part="anchor" @click=${this._clickHandler.bind(this)}>
+        <sl-popup placement="${this.getPopupPlacement()}" distance="16" ?active="${x.engage && !x.open}">
           <sl-button slot="anchor" label="Start" size="large" variant="primary" class="icon anchor-button" circle>
             ${fe(
       this.open,
@@ -5448,7 +5465,7 @@ it = ia([
 ], it);
 const li = U`
     ${ge}
-`, Vt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1z"/><path d="M7.002 11a1 1 0 1 1 2 0a1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></g></svg>', bi = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016a.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06a.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017a.163.163 0 0 1-.054-.06a.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/><path d="M7.002 12a1 1 0 1 1 2 0a1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></g></svg>', hi = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764a.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0a5.5 5.5 0 1 1-11 0"/><path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293L5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/></g></svg>', ui = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="m8.93 6.588l-2.29.287l-.082.38l.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319c.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246c-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g></svg>';
+`, Rt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353L4.54.146zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1z"/><path d="M7.002 11a1 1 0 1 1 2 0a1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></g></svg>', bi = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016a.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06a.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017a.163.163 0 0 1-.054-.06a.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"/><path d="M7.002 12a1 1 0 1 1 2 0a1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></g></svg>', hi = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764a.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0a5.5 5.5 0 1 1-11 0"/><path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293L5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z"/></g></svg>', ui = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="m8.93 6.588l-2.29.287l-.082.38l.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319c.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246c-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g></svg>';
 var pi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, na = (a, t, c, i) => {
   for (var n = i > 1 ? void 0 : i ? gi(t, c) : t, d = a.length - 1, l; d >= 0; d--)
     (l = a[d]) && (n = (i ? l(t, c, n) : l(n)) || n);
@@ -5457,11 +5474,11 @@ var pi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, na = (a, t
 const Dt = {
   error: {
     variant: "danger",
-    icon: Vt
+    icon: Rt
   },
   danger: {
     variant: "danger",
-    icon: Vt
+    icon: Rt
   },
   warning: {
     variant: "warning",
@@ -5967,7 +5984,7 @@ let P = class extends Q {
         <cb-message-list .messages=${x.messages} .actions=${x.actions} .form=${x.form} exportparts="form"></cb-message-list>
         ${this.renderUserInput()}
       </div>
-      <cb-anchor ?open=${x.open}></cb-anchor>
+      <cb-anchor ?open=${x.open} exportparts="anchor"></cb-anchor>
     `;
   }
   renderUserInput() {
@@ -6165,7 +6182,7 @@ q([
   C({ type: Boolean })
 ], P.prototype, "showAuthAlert", 2);
 q([
-  Ve("cb-message-list")
+  Re("cb-message-list")
 ], P.prototype, "_messageList", 2);
 P = q([
   Y("enegelai-bot")

package/package.json

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