@enegelai/bot-widget 1.2.6 → 1.2.9

package/dist/index.es.js

@@ -25,7 +25,7 @@ import { repeat as we } from "lit/directives/repeat.js";
 import { when as D } from "lit/directives/when.js";
 import { until as Ie } from "lit-html/directives/until.js";
 import hc from "markdown-it";
-import uc from "markdown-it-link-attributes";
+import gc from "markdown-it-link-attributes";
 import "@shoelace-style/shoelace/dist/components/popup/popup.js";
 function De(c) {
   return typeof c == "function" ? c() : c;
@@ -47,8 +47,8 @@ const ne = class ne extends Event {
 };
 j(ne, "eventName", "lit-state-changed");
 let R = ne;
-const gc = (c, e) => e !== c && (e === e || c === c);
-class X extends EventTarget {
+const uc = (c, e) => e !== c && (e === e || c === c);
+class Q extends EventTarget {
   constructor() {
     super();
     // hold a reference to hooks
@@ -81,7 +81,7 @@ class X extends EventTarget {
     Object.defineProperty(this.prototype, a, o);
   }
   static getPropertyDescriptor(a, f, t) {
-    const o = (t == null ? void 0 : t.hasChanged) || gc;
+    const o = (t == null ? void 0 : t.hasChanged) || uc;
     return {
       get() {
         return this[f];
@@ -123,8 +123,8 @@ class X extends EventTarget {
   }
 }
 // a map holding decorators definition.
-j(X, "propertyMap"), j(X, "properties"), j(X, "finalized", !1);
-class Fe {
+j(Q, "propertyMap"), j(Q, "properties"), j(Q, "finalized", !1);
+class Ue {
   constructor(e, a, f) {
     j(this, "host");
     j(this, "state");
@@ -143,7 +143,7 @@ class Fe {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ue = ({ finisher: c, descriptor: e }) => (a, f) => {
+const Fe = ({ finisher: c, descriptor: e }) => (a, f) => {
   var t;
   if (f === void 0) {
     const o = (t = a.originalKey) !== null && t !== void 0 ? t : a.key, d = e != null ? { kind: "method", placement: "prototype", key: o, descriptor: e(a.key) } : { ...a, key: o };
@@ -157,7 +157,7 @@ const Ue = ({ finisher: c, descriptor: e }) => (a, f) => {
   }
 };
 function O(c) {
-  return Ue({
+  return Fe({
     // @ts-ignore ctor is typof State and not typeof ReactiveElement
     finisher: (e, a) => {
       if (Object.getOwnPropertyDescriptor(e.prototype, a))
@@ -180,7 +180,7 @@ const yc = {
   prefix: "_ls"
 };
 function V(c) {
-  return c = { ...yc, ...c }, Ue({
+  return c = { ...yc, ...c }, Fe({
     // @ts-ignore ctor is typof State and not typeof ReactiveElement
     finisher: (e, a) => {
       const f = Object.getOwnPropertyDescriptor(e.prototype, a);
@@ -191,13 +191,13 @@ function V(c) {
         const m = o.initialValue;
         o.initialValue = () => mc(localStorage.getItem(t), d) ?? De(m), e.propertyMap.set(a, { ...o, ...c });
       }
-      const b = f == null ? void 0 : f.set, g = {
+      const b = f == null ? void 0 : f.set, u = {
         ...f,
         set: function(m) {
           m !== void 0 && localStorage.setItem(t, d === Object || d === Array ? JSON.stringify(m) : m), b && b.call(this, m);
         }
       };
-      Object.defineProperty(e.prototype, a, g);
+      Object.defineProperty(e.prototype, a, u);
     }
   });
 }
@@ -243,15 +243,15 @@ var Ze = { exports: {} };
       }
       this.log = this.debug;
     }
-    function g(p, y, w) {
+    function u(p, y, w) {
       return function() {
         typeof console !== a && (h.call(this, y, w), this[p].apply(this, arguments));
       };
     }
     function m(p, y, w) {
-      return b(p) || g.apply(this, arguments);
+      return b(p) || u.apply(this, arguments);
     }
-    function ge(p, y, w) {
+    function ue(p, y, w) {
       var l = this, Oe;
       y = y ?? "WARN";
       var A = "loglevel";
@@ -279,10 +279,10 @@ var Ze = { exports: {} };
           }
           if (typeof i === a)
             try {
-              var T = window.document.cookie, Y = T.indexOf(
+              var T = window.document.cookie, G = T.indexOf(
                 encodeURIComponent(A) + "="
               );
-              Y !== -1 && (i = /^([^;]+)/.exec(T.slice(Y))[1]);
+              G !== -1 && (i = /^([^;]+)/.exec(T.slice(G))[1]);
             } catch {
             }
           return l.levels[i] === void 0 && (i = void 0), i;
@@ -328,12 +328,12 @@ var Ze = { exports: {} };
       var ye = He();
       ye == null && (ye = y), l.setLevel(ye, !1);
     }
-    var S = new ge(), me = {};
+    var S = new ue(), me = {};
     S.getLogger = function(y) {
       if (typeof y != "symbol" && typeof y != "string" || y === "")
         throw new TypeError("You must supply a name when creating a logger.");
       var w = me[y];
-      return w || (w = me[y] = new ge(
+      return w || (w = me[y] = new ue(
         y,
         S.getLevel(),
         S.methodFactory
@@ -362,8 +362,8 @@ const pe = /* @__PURE__ */ wc(xc), kc = x`
     box-sizing: border-box;
     border-radius: 6px;
 
-    height: calc(100% - 120px);
-    max-height: 800px;
+    height: calc(100% - var(--enegelai-bot-height-top-margin, 220px));
+    max-height: var(--enegelai-bot-max-height, 600px);
     position: fixed;
     right: 25px;
     bottom: 100px;
@@ -405,11 +405,11 @@ const pe = /* @__PURE__ */ wc(xc), kc = x`
     }
   }
 
-  @media (max-width: 450px) {
+  @media (max-width: 640px) {
     .cb-wrapper {
       width: 100%;
-      height: 100%;
-      max-height: 100%;
+      height: calc(100% - var(--enegelai-bot-height-top-margin-sm, 100px));
+      max-height: var(--enegelai-bot-max-height, 100%);
       right: 0;
       bottom: 0;
       border-radius: 0;
@@ -510,26 +510,24 @@ var _c = Object.defineProperty, Cc = Object.getOwnPropertyDescriptor, Me = (c, e
     (d = c[o]) && (t = (f ? d(e, a, t) : d(t)) || t);
   return f && t && _c(e, a, t), t;
 };
-let W = class extends ie {
+let K = class extends ie {
   constructor() {
     super(...arguments), this.color = "primary", this.svg = "";
   }
   render() {
-    return s`<span class="cb-icon color-${this.color}" part="base"
-            >${B(this.svg)}</span
-        >`;
+    return s`<span class="cb-icon" part="base">${B(this.svg)}</span>`;
   }
 };
-W.styles = Ne;
+K.styles = Ne;
 Me([
   r({ type: String })
-], W.prototype, "color", 2);
+], K.prototype, "color", 2);
 Me([
   r({ type: String })
-], W.prototype, "svg", 2);
-W = Me([
+], K.prototype, "svg", 2);
+K = Me([
   k("cb-icon")
-], W);
+], K);
 let $c = (c) => crypto.getRandomValues(new Uint8Array(c)), jc = (c, e, a) => {
   let f = (2 << Math.log(c.length - 1) / Math.LN2) - 1, t = -~(1.6 * f * e / c.length);
   return (o = e) => {
@@ -685,7 +683,7 @@ var Ic = Object.defineProperty, Pc = Object.getOwnPropertyDescriptor, H = (c, e,
 const $ = pe.noConflict();
 $.setLevel("info");
 const q = "cb_";
-class M extends X {
+class M extends Q {
   constructor() {
     super(...arguments), this.actionIdCounter = 0, this.wsClient = null, this.replyMessage = null;
   }
@@ -732,7 +730,7 @@ class M extends X {
         $.error("No bot settings available - bot disabled"), this.disabled = !0;
         return;
       }
-      this.setting.welcomeMessage = (t == null ? void 0 : t.welcomeMessage) || "How can I help ?", this.setting.engageMessage = (t == null ? void 0 : t.engageMessage) || "How can I help ?", this.setting.engageTimeout = (t == null ? void 0 : t.engageTimeout) || 5, setTimeout(() => {
+      $.info("Got bot settings - bot is enabled", t), this.disabled = !1, this.setting.welcomeMessage = (t == null ? void 0 : t.welcomeMessage) || "How can I help ?", this.setting.engageMessage = (t == null ? void 0 : t.engageMessage) || "How can I help ?", this.setting.engageTimeout = (t == null ? void 0 : t.engageTimeout) || 5, setTimeout(() => {
         this.showEngagePopup();
       }, this.setting.engageTimeout * 1e3);
     }
@@ -947,7 +945,7 @@ H([
   O({ type: Boolean, value: !1 })
 ], M.prototype, "botSettingsInitialized", 2);
 H([
-  O({ type: Boolean, value: !1 })
+  O({ type: Boolean, value: !0 })
 ], M.prototype, "disabled", 2);
 H([
   O({ type: Boolean, value: !1 })
@@ -975,7 +973,7 @@ const n = new M(), Ec = x`
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
     width: 100%;
     text-align: left;
-    color: rgba(255, 255, 255, 1);
+    color: var(--enegelai-bot-header-color, rgba(255, 255, 255, 1));
     border-radius-top-left: 6px;
     border-radius-top-right: 6px;
     top: 0;
@@ -1003,7 +1001,15 @@ const n = new M(), Ec = x`
 
   .cb-setting-button {
     font-size: 1.5rem;
-    color: white;
+    color: var(--enegelai-bot-header-color, rgba(255, 255, 255, 1));
+  }
+
+  .cb-header-logo {
+    color: var(--enegelai-bot-header-color, rgba(255, 255, 255, 1));
+  }
+
+  .cb-header-close {
+    color: var(--enegelai-bot-header-color, rgba(255, 255, 255, 1));
   }
 
   .cb-setting-button cb-icon {
@@ -1043,17 +1049,22 @@ let fe = class extends C {
   constructor() {
     super(...arguments), this.title = "ChatBot";
   }
+  /*
+  createRenderRoot() {
+    return this; //Render template without shadow DOM
+  }
+  */
   render() {
     return s` <header class="cb-header" part="header">
       <span class="left">
-        <sl-button @click=${this._clickHandler} class="cb-setting-button" variant="text" circle>
-          <cb-icon color="white" svg="${n.setting.logoSvg}"></cb-icon>
+        <sl-button class="cb-setting-button" variant="text" circle>
+          <cb-icon class="cb-header-logo" svg="${n.setting.logoSvg}"></cb-icon>
         </sl-button>
       </span>
       <span class="center title">${this.title}</span>
       <span class="right">
         <sl-button @click=${this._clickCloseHandler} class="cb-setting-button" variant="text" circle>
-          <cb-icon color="white" svg="${te}"></cb-icon>
+          <cb-icon class="cb-header-close" svg="${te}"></cb-icon>
         </sl-button>
       </span>
     </header>`;
@@ -1091,8 +1102,8 @@ const qc = x`
         color: var(--primary-color);
     }
 `;
-var Dc = Object.defineProperty, Fc = Object.getOwnPropertyDescriptor, Uc = (c, e, a, f) => {
-  for (var t = f > 1 ? void 0 : f ? Fc(e, a) : e, o = c.length - 1, d; o >= 0; o--)
+var Dc = Object.defineProperty, Uc = Object.getOwnPropertyDescriptor, Fc = (c, e, a, f) => {
+  for (var t = f > 1 ? void 0 : f ? Uc(e, a) : e, o = c.length - 1, d; o >= 0; o--)
     (d = c[o]) && (t = (f ? d(e, a, t) : d(t)) || t);
   return f && t && Dc(e, a, t), t;
 };
@@ -1132,7 +1143,7 @@ let ke = class extends C {
   }
 };
 ke.styles = qc;
-ke = Uc([
+ke = Fc([
   k("cb-footer")
 ], ke);
 const Zc = x`
@@ -1354,7 +1365,7 @@ var Xc = Object.defineProperty, Qc = Object.getOwnPropertyDescriptor, Se = (c, e
     (d = c[o]) && (t = (f ? d(e, a, t) : d(t)) || t);
   return f && t && Xc(e, a, t), t;
 };
-let K = class extends ie {
+let J = class extends ie {
   constructor() {
     super(...arguments), this.url = "", this.inverse = !1;
   }
@@ -1374,7 +1385,7 @@ let K = class extends ie {
         `;
   }
 };
-K.styles = x`
+J.styles = x`
         :host {
             --primary-color: var(--sl-color-primary-600);
         }
@@ -1401,13 +1412,13 @@ K.styles = x`
     `;
 Se([
   r({ type: String })
-], K.prototype, "url", 2);
+], J.prototype, "url", 2);
 Se([
   r({ type: Boolean })
-], K.prototype, "inverse", 2);
-K = Se([
+], J.prototype, "inverse", 2);
+J = Se([
   k("cb-external-link")
-], K);
+], J);
 const ea = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-2v-1h2a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.928 15.849v-3.337h1.136v-.662H0v.662h1.134v3.337h.794Zm4.689-3.999h-.894L4.9 13.289h-.035l-.832-1.439h-.932l1.228 1.983l-1.24 2.016h.862l.853-1.415h.035l.85 1.415h.907l-1.253-1.992l1.274-2.007Zm1.93.662v3.337h-.794v-3.337H6.619v-.662h3.064v.662H8.546Z"/></svg>', ca = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm1.217-1.333v3.999h1.46c.401 0 .734-.08.998-.237a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084c0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.589-.68c-.264-.156-.599-.234-1.005-.234H3.362Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592a1.14 1.14 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.298 1.298 0 0 1-.483.082h-.563v-2.707Zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638H7.896Z"/></svg>', aa = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H9v-1h3a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM.706 13.189v2.66H0V11.85h.806l1.14 2.596h.026l1.14-2.596h.8v3.999h-.716v-2.66h-.038l-.946 2.159h-.516l-.952-2.16H.706Zm3.919 2.66V11.85h1.459c.406 0 .741.078 1.005.234c.263.157.46.383.589.68c.13.297.196.655.196 1.075c0 .422-.066.784-.196 1.084c-.131.301-.33.53-.595.689c-.264.158-.597.237-1 .237H4.626Zm1.353-3.354h-.562v2.707h.562c.186 0 .347-.028.484-.082a.8.8 0 0 0 .334-.252a1.14 1.14 0 0 0 .196-.422c.045-.168.067-.365.067-.592a2.1 2.1 0 0 0-.117-.753a.89.89 0 0 0-.354-.454c-.159-.102-.362-.152-.61-.152Z"/></svg>', ta = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM3.517 14.841a1.13 1.13 0 0 0 .401.823c.13.108.289.192.478.252c.19.061.411.091.665.091c.338 0 .624-.053.859-.158c.236-.105.416-.252.539-.44c.125-.189.187-.408.187-.656c0-.224-.045-.41-.134-.56a1.001 1.001 0 0 0-.375-.357a2.027 2.027 0 0 0-.566-.21l-.621-.144a.97.97 0 0 1-.404-.176a.37.37 0 0 1-.144-.299c0-.156.062-.284.185-.384c.125-.101.296-.152.512-.152c.143 0 .266.023.37.068a.624.624 0 0 1 .246.181a.56.56 0 0 1 .12.258h.75a1.092 1.092 0 0 0-.2-.566a1.21 1.21 0 0 0-.5-.41a1.813 1.813 0 0 0-.78-.152c-.293 0-.551.05-.776.15c-.225.099-.4.24-.527.421c-.127.182-.19.395-.19.639c0 .201.04.376.122.524c.082.149.2.27.352.367c.152.095.332.167.539.213l.618.144c.207.049.361.113.463.193a.387.387 0 0 1 .152.326a.505.505 0 0 1-.085.29a.559.559 0 0 1-.255.193c-.111.047-.249.07-.413.07c-.117 0-.223-.013-.32-.04a.838.838 0 0 1-.248-.115a.578.578 0 0 1-.255-.384h-.765ZM.806 13.693c0-.248.034-.46.102-.633a.868.868 0 0 1 .302-.399a.814.814 0 0 1 .475-.137c.15 0 .283.032.398.097a.7.7 0 0 1 .272.26a.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964a1.441 1.441 0 0 0-.489-.272a1.838 1.838 0 0 0-.606-.097c-.356 0-.66.074-.911.223c-.25.148-.44.359-.572.632c-.13.274-.196.6-.196.979v.498c0 .379.064.704.193.976c.131.271.322.48.572.626c.25.145.554.217.914.217c.293 0 .554-.055.785-.164c.23-.11.414-.26.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.799.799 0 0 1-.118.363a.7.7 0 0 1-.272.25a.874.874 0 0 1-.401.087a.845.845 0 0 1-.478-.132a.833.833 0 0 1-.299-.392a1.699 1.699 0 0 1-.102-.627v-.495Zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879l-1.327 4Z"/></svg>', fa = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5ZM1.6 11.85H0v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474a1.42 1.42 0 0 0 .161-.677c0-.25-.053-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.794.794 0 0 1-.375.082H.788V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm2.817-1.333h-1.6v3.999h.791v-1.342h.803c.287 0 .531-.057.732-.173c.203-.117.358-.275.463-.474c.108-.201.161-.427.161-.677c0-.25-.052-.476-.158-.677a1.176 1.176 0 0 0-.46-.477c-.2-.12-.443-.179-.732-.179Zm.545 1.333a.795.795 0 0 1-.085.38a.574.574 0 0 1-.238.241a.793.793 0 0 1-.375.082H4.15V12.48h.66c.218 0 .389.06.512.181c.123.122.185.296.185.522Zm2.767-.67v3.336H7.48v-3.337H6.346v-.662h3.065v.662H8.274Z"/></svg>', oa = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-7.839 9.166v.522c0 .256-.039.47-.117.641a.861.861 0 0 1-.322.387a.877.877 0 0 1-.469.126a.883.883 0 0 1-.471-.126a.868.868 0 0 1-.32-.386a1.55 1.55 0 0 1-.117-.642v-.522c0-.257.04-.471.117-.641a.868.868 0 0 1 .32-.387a.868.868 0 0 1 .471-.129c.176 0 .332.043.469.13a.861.861 0 0 1 .322.386c.078.17.117.384.117.641Zm.803.519v-.513c0-.377-.068-.7-.205-.972a1.46 1.46 0 0 0-.589-.63c-.254-.147-.56-.22-.917-.22c-.355 0-.662.073-.92.22a1.441 1.441 0 0 0-.589.627c-.136.271-.205.596-.205.975v.513c0 .375.069.7.205.973c.137.271.333.48.59.627c.257.144.564.216.92.216c.357 0 .662-.072.916-.216c.256-.147.452-.356.59-.627c.136-.274.204-.598.204-.973ZM0 11.926v4h1.459c.402 0 .735-.08.999-.238a1.45 1.45 0 0 0 .595-.689c.13-.3.196-.662.196-1.084c0-.42-.065-.778-.196-1.075a1.426 1.426 0 0 0-.59-.68c-.263-.156-.598-.234-1.004-.234H0Zm.791.645h.563c.248 0 .45.05.609.152a.89.89 0 0 1 .354.454c.079.201.118.452.118.753a2.3 2.3 0 0 1-.068.592a1.141 1.141 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.298 1.298 0 0 1-.483.082H.79V12.57Zm7.422.483a1.732 1.732 0 0 0-.103.633v.495c0 .246.034.455.103.627a.834.834 0 0 0 .298.393a.845.845 0 0 0 .478.131a.868.868 0 0 0 .401-.088a.699.699 0 0 0 .273-.248a.8.8 0 0 0 .117-.364h.765v.076a1.268 1.268 0 0 1-.226.674c-.137.194-.32.345-.55.454a1.81 1.81 0 0 1-.786.164c-.36 0-.664-.072-.914-.216a1.424 1.424 0 0 1-.571-.627c-.13-.272-.194-.597-.194-.976v-.498c0-.379.066-.705.197-.978c.13-.274.321-.485.571-.633c.252-.149.556-.223.911-.223c.219 0 .421.032.607.097c.187.062.35.153.489.272a1.326 1.326 0 0 1 .466.964v.073H9.78a.85.85 0 0 0-.12-.38a.7.7 0 0 0-.273-.261a.802.802 0 0 0-.398-.097a.814.814 0 0 0-.475.138a.868.868 0 0 0-.301.398Z"/></svg>', da = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5L14 4.5Zm-6.839 9.688v-.522a1.54 1.54 0 0 0-.117-.641a.861.861 0 0 0-.322-.387a.862.862 0 0 0-.469-.129a.868.868 0 0 0-.471.13a.868.868 0 0 0-.32.386a1.54 1.54 0 0 0-.117.641v.522c0 .256.04.47.117.641a.868.868 0 0 0 .32.387a.883.883 0 0 0 .471.126a.877.877 0 0 0 .469-.126a.861.861 0 0 0 .322-.386a1.55 1.55 0 0 0 .117-.642Zm.803-.516v.513c0 .375-.068.7-.205.973a1.47 1.47 0 0 1-.589.627c-.254.144-.56.216-.917.216a1.86 1.86 0 0 1-.92-.216a1.463 1.463 0 0 1-.589-.627a2.151 2.151 0 0 1-.205-.973v-.513c0-.379.069-.704.205-.975c.137-.274.333-.483.59-.627c.257-.147.564-.22.92-.22c.357 0 .662.073.916.22c.256.146.452.356.59.63c.136.271.204.595.204.972ZM1 15.925v-3.999h1.459c.406 0 .741.078 1.005.235c.264.156.46.382.589.68c.13.296.196.655.196 1.074c0 .422-.065.784-.196 1.084c-.131.301-.33.53-.595.689c-.264.158-.597.237-.999.237H1Zm1.354-3.354H1.79v2.707h.563c.185 0 .346-.028.483-.082a.8.8 0 0 0 .334-.252c.088-.114.153-.254.196-.422a2.3 2.3 0 0 0 .068-.592c0-.3-.04-.552-.118-.753a.89.89 0 0 0-.354-.454c-.158-.102-.361-.152-.61-.152Zm6.756 1.116c0-.248.034-.46.103-.633a.868.868 0 0 1 .301-.398a.814.814 0 0 1 .475-.138c.15 0 .283.032.398.097a.7.7 0 0 1 .273.26a.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964a1.44 1.44 0 0 0-.49-.272a1.836 1.836 0 0 0-.606-.097c-.355 0-.66.074-.911.223c-.25.148-.44.359-.571.633c-.131.273-.197.6-.197.978v.498c0 .379.065.704.194.976c.13.271.321.48.571.627c.25.144.555.216.914.216c.293 0 .555-.054.785-.164c.23-.11.414-.26.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364a.699.699 0 0 1-.273.248a.874.874 0 0 1-.401.088a.845.845 0 0 1-.478-.131a.834.834 0 0 1-.298-.393a1.7 1.7 0 0 1-.103-.627v-.495Zm5.092-1.76h.894l-1.275 2.006l1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015l-1.228-1.984h.932l.832 1.439h.035l.823-1.439Z"/></svg>';
 var ba = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, Ae = (c, e, a, f) => {
   for (var t = f > 1 ? void 0 : f ? ra(e, a) : e, o = c.length - 1, d; o >= 0; o--)
@@ -1423,7 +1434,7 @@ const Pe = {
   doc: oa,
   docx: da
 };
-let J = class extends C {
+let Y = class extends C {
   constructor() {
     super(...arguments), this.filename = "", this.url = "";
   }
@@ -1453,16 +1464,16 @@ let J = class extends C {
         `;
   }
 };
-J.styles = Gc;
+Y.styles = Gc;
 Ae([
   r({ type: String })
-], J.prototype, "filename", 2);
+], Y.prototype, "filename", 2);
 Ae([
   r({ type: String })
-], J.prototype, "url", 2);
-J = Ae([
+], Y.prototype, "url", 2);
+Y = Ae([
   k("cb-file")
-], J);
+], Y);
 const sa = '<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-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z"/><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 1v1ZM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z"/></g></svg>', na = '<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 6Zm2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4Zm-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.664h10Z"/></svg>', ia = x`
     pre code.hljs {
         display: block;
@@ -2722,7 +2733,8 @@ const sa = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
   .user-message {
     //margin-right: 0px;
     //margin-left: auto;
-    color: rgb(255, 255, 255);
+    //color: rgb(255, 255, 255);
+    color: var(--enegelai-bot-message-user-color, rgb(255, 255, 255));
     //background-color: var(--primary-color);
     background-color: var(--enegelai-bot-message-user-background, rgba(0, 208, 117, 1));
     text-align: left;
@@ -2738,7 +2750,8 @@ const sa = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     //margin-left: -12px;
     margin-left: 0px;
     margin-top: 2px;
-    color: rgb(34, 34, 34);
+    //color: rgb(34, 34, 34);
+    color: var(--enegelai-bot-message-bot-color, rgb(34, 34, 34));
     background-color: var(--enegelai-bot-message-bot-background, rgba(234, 234, 234, 0.3));
     padding: 4px 12px 6px 12px;
   }
@@ -2748,7 +2761,8 @@ const sa = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     //margin-left: -12px;
     margin-left: 0px;
     margin-top: 2px;
-    color: rgba(34, 34, 34, 0.6);
+    //color: rgba(34, 34, 34, 0.6);
+    color: var(--enegelai-bot-message-system-color, rgba(34, 34, 34, 0.6));
     background-color: var(--enegelai-bot-message-system-background, rgba(254, 243, 199, 0.5));
     padding: 4px 12px 6px 12px;
   }
@@ -2788,18 +2802,18 @@ function pa() {
   const c = new hc({
     linkify: !0
   });
-  return c.use(uc, { attrs: { target: "_blank", rel: "noopener" } }), c;
+  return c.use(gc, { attrs: { target: "_blank", rel: "noopener" } }), c;
 }
 async function Ee(c) {
   const e = pa();
   return s`${B(e.render(c))}`;
 }
-var ha = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, he = (c, e, a, f) => {
-  for (var t = f > 1 ? void 0 : f ? ua(e, a) : e, o = c.length - 1, d; o >= 0; o--)
+var ha = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, he = (c, e, a, f) => {
+  for (var t = f > 1 ? void 0 : f ? ga(e, a) : e, o = c.length - 1, d; o >= 0; o--)
     (d = c[o]) && (t = (f ? d(e, a, t) : d(t)) || t);
   return f && t && ha(e, a, t), t;
 };
-let F = class extends C {
+let U = class extends C {
   constructor() {
     super(...arguments), this.type = "assistant";
   }
@@ -2930,26 +2944,26 @@ let F = class extends C {
     `;
   }
 };
-F.styles = la;
+U.styles = la;
 he([
   r({ type: Object })
-], F.prototype, "message", 2);
+], U.prototype, "message", 2);
 he([
   r({ type: String })
-], F.prototype, "type", 2);
+], U.prototype, "type", 2);
 he([
   pc(".code-block-header__copy")
-], F.prototype, "copyBtns", 2);
-F = he([
+], U.prototype, "copyBtns", 2);
+U = he([
   k("cb-message")
-], F);
-var ga = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, Z = (c, e, a, f) => {
+], U);
+var ua = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, Z = (c, e, a, f) => {
   for (var t = f > 1 ? void 0 : f ? ma(e, a) : e, o = c.length - 1, d; o >= 0; o--)
     (d = c[o]) && (t = (f ? d(e, a, t) : d(t)) || t);
-  return f && t && ga(e, a, t), t;
+  return f && t && ua(e, a, t), t;
 };
-const Q = pe.noConflict();
-Q.setLevel("info");
+const ee = pe.noConflict();
+ee.setLevel("info");
 let E = class extends C {
   constructor() {
     super(...arguments), this.messages = [], this.actions = [], this.calendlyInjected = !1, this.activeCalendlyAction = -1;
@@ -2991,7 +3005,7 @@ let E = class extends C {
     return null;
   }
   handleCalendlyEvent(c) {
-    switch (Q.info("Got Calendly Event:", c.data), c.data.event) {
+    switch (ee.info("Got Calendly Event:", c.data), c.data.event) {
       case "calendly.event_scheduled": {
         const e = this.activeCalendlyAction;
         e >= 0 && (n.removeAction(e), n.addSystemMessage("Your meeting has been scheduled!"), this.activeCalendlyAction = -1);
@@ -2999,10 +3013,10 @@ let E = class extends C {
     }
   }
   invokeLinkAction(c = {}) {
-    Q.info("invokeLinkAction:", c), window.open(c.url, "_blank");
+    ee.info("invokeLinkAction:", c), window.open(c.url, "_blank");
   }
   invokeCalendlyAction(c = {}) {
-    return Q.info("invokeCalendlyAction:", c), "Calendly" in window && (this.activeCalendlyAction = c.internalId, window.Calendly.initPopupWidget({ url: c.url })), !1;
+    return ee.info("invokeCalendlyAction:", c), "Calendly" in window && (this.activeCalendlyAction = c.internalId, window.Calendly.initPopupWidget({ url: c.url })), !1;
   }
   renderCalendlyAction(c) {
     if (!("Calendly" in window) && !this.calendlyInjected) {
@@ -3255,12 +3269,12 @@ const _a = x`
         gap: 8px;
     }
 `;
-var Ca = Object.defineProperty, $a = Object.getOwnPropertyDescriptor, ue = (c, e, a, f) => {
+var Ca = Object.defineProperty, $a = Object.getOwnPropertyDescriptor, ge = (c, e, a, f) => {
   for (var t = f > 1 ? void 0 : f ? $a(e, a) : e, o = c.length - 1, d; o >= 0; o--)
     (d = c[o]) && (t = (f ? d(e, a, t) : d(t)) || t);
   return f && t && Ca(e, a, t), t;
 };
-let U = class extends C {
+let F = class extends C {
   constructor() {
     super(...arguments), this.open = !1, this.label = "Dialog", this.zindex = 100;
   }
@@ -3304,19 +3318,19 @@ let U = class extends C {
         </sl-dialog>`;
   }
 };
-U.styles = _a;
-ue([
+F.styles = _a;
+ge([
   r({ type: Boolean })
-], U.prototype, "open", 2);
-ue([
+], F.prototype, "open", 2);
+ge([
   r({ type: String, attribute: "label" })
-], U.prototype, "label", 2);
-ue([
+], F.prototype, "label", 2);
+ge([
   r({ type: Number })
-], U.prototype, "zindex", 2);
-U = ue([
+], F.prototype, "zindex", 2);
+F = ge([
   k("cb-dialog")
-], U);
+], F);
 var ja = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, Je = (c, e, a, f) => {
   for (var t = f > 1 ? void 0 : f ? Ma(e, a) : e, o = c.length - 1, d; o >= 0; o--)
     (d = c[o]) && (t = (f ? d(e, a, t) : d(t)) || t);
@@ -3629,7 +3643,6 @@ const Oa = x`
     width: var(--anchor-width);
     height: var(--anchor-width);
     //background-color: var(--primary-color);
-    background: rgb(0, 208, 117);
 
     position: fixed;
     right: 25px;
@@ -3657,8 +3670,8 @@ const Oa = x`
   }
 
   sl-button[variant='primary']::part(base) {
-    background-color: rgb(0, 208, 117);
-    border-color: rgb(0, 208, 117);
+    background: var(--enegelai-bot-anchor-background, rgb(0, 208, 117));
+    border-color: var(--enegelai-bot-anchor-border-color, rgb(0, 208, 117));
   }
 
   .cb-engage-popup {
@@ -3717,7 +3730,7 @@ var Ia = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, Ye = (c, e
 };
 let be = class extends C {
   constructor() {
-    super(...arguments), this.store = new Fe(this, n), this.open = !1;
+    super(...arguments), this.store = new Ue(this, n), this.open = !1;
   }
   // handler click
   _clickHandler() {
@@ -3864,9 +3877,9 @@ class cc extends Error {
     }), this.name = "TimeoutError", this.request = e;
   }
 }
-const ee = (c) => c !== null && typeof c == "object", G = (...c) => {
+const ce = (c) => c !== null && typeof c == "object", X = (...c) => {
   for (const e of c)
-    if ((!ee(e) || Array.isArray(e)) && typeof e < "u")
+    if ((!ce(e) || Array.isArray(e)) && typeof e < "u")
       throw new TypeError("The `options` argument must be an object");
   return Le({}, ...c);
 }, ac = (c = {}, e = {}) => {
@@ -3879,10 +3892,10 @@ const ee = (c) => c !== null && typeof c == "object", G = (...c) => {
   for (const f of c)
     if (Array.isArray(f))
       Array.isArray(e) || (e = []), e = [...e, ...f];
-    else if (ee(f)) {
+    else if (ce(f)) {
       for (let [t, o] of Object.entries(f))
-        ee(o) && t in e && (o = Le(e[t], o)), e = { ...e, [t]: o };
-      ee(f.headers) && (a = ac(a, f.headers), e.headers = a);
+        ce(o) && t in e && (o = Le(e[t], o)), e = { ...e, [t]: o };
+      ce(f.headers) && (a = ac(a, f.headers), e.headers = a);
     }
   return e;
 }, qa = (() => {
@@ -3896,7 +3909,7 @@ const ee = (c) => c !== null && typeof c == "object", G = (...c) => {
       return c = !0, "half";
     }
   }).headers.has("Content-Type")), c && !e;
-})(), Da = typeof globalThis.AbortController == "function", Fa = typeof globalThis.ReadableStream == "function", Ua = typeof globalThis.FormData == "function", tc = ["get", "post", "put", "patch", "head", "delete"], Za = {
+})(), Da = typeof globalThis.AbortController == "function", Ua = typeof globalThis.ReadableStream == "function", Fa = typeof globalThis.FormData == "function", tc = ["get", "post", "put", "patch", "head", "delete"], Za = {
   json: "application/json",
   text: "text/*",
   formData: "multipart/form-data",
@@ -3968,19 +3981,19 @@ class se {
       await Promise.resolve();
       let b = await f._fetch();
       for (const h of f._options.hooks.afterResponse) {
-        const g = await h(f.request, f._options, f._decorateResponse(b.clone()));
-        g instanceof globalThis.Response && (b = g);
+        const u = await h(f.request, f._options, f._decorateResponse(b.clone()));
+        u instanceof globalThis.Response && (b = u);
       }
       if (f._decorateResponse(b), !b.ok && f._options.throwHttpErrors) {
         let h = new Te(b, f.request, f._options);
-        for (const g of f._options.hooks.beforeError)
-          h = await g(h);
+        for (const u of f._options.hooks.beforeError)
+          h = await u(h);
         throw h;
       }
       if (f._options.onDownloadProgress) {
         if (typeof f._options.onDownloadProgress != "function")
           throw new TypeError("The `onDownloadProgress` option must be a function");
-        if (!Fa)
+        if (!Ua)
           throw new Error("Streams are not supported in your environment. `ReadableStream` is missing.");
         return f._stream(b.clone(), f._options.onDownloadProgress);
       }
@@ -4063,7 +4076,7 @@ class se {
     }
     if (qa && (this._options.duplex = "half"), this.request = new globalThis.Request(this._input, this._options), this._options.searchParams) {
       const t = "?" + (typeof this._options.searchParams == "string" ? this._options.searchParams.replace(/^\?/, "") : new URLSearchParams(this._options.searchParams).toString()), o = this.request.url.replace(/(?:\?.*?)?(?=#|$)/, t);
-      (Ua && this._options.body instanceof globalThis.FormData || this._options.body instanceof URLSearchParams) && !(this._options.headers && this._options.headers["content-type"]) && this.request.headers.delete("content-type"), this.request = new globalThis.Request(new globalThis.Request(o, { ...this.request }), this._options);
+      (Fa && this._options.body instanceof globalThis.FormData || this._options.body instanceof URLSearchParams) && !(this._options.headers && this._options.headers["content-type"]) && this.request.headers.delete("content-type"), this.request = new globalThis.Request(new globalThis.Request(o, { ...this.request }), this._options);
     }
     this._options.json !== void 0 && (this._options.body = JSON.stringify(this._options.json), this.request.headers.set("content-type", this._options.headers.get("content-type") ?? "application/json"), this.request = new globalThis.Request(this.request, { body: this._options.body }));
   }
@@ -4133,17 +4146,17 @@ class se {
         const d = e.body.getReader();
         a && a({ percent: 0, transferredBytes: 0, totalBytes: f }, new Uint8Array());
         async function b() {
-          const { done: h, value: g } = await d.read();
+          const { done: h, value: u } = await d.read();
           if (h) {
             o.close();
             return;
           }
           if (a) {
-            t += g.byteLength;
+            t += u.byteLength;
             const m = f === 0 ? 0 : t / f;
-            a({ percent: m, transferredBytes: t, totalBytes: f }, g);
+            a({ percent: m, transferredBytes: t, totalBytes: f }, u);
           }
-          o.enqueue(g), await b();
+          o.enqueue(u), await b();
         }
         await b();
       }
@@ -4156,10 +4169,10 @@ class se {
 }
 /*! MIT License © Sindre Sorhus */
 const je = (c) => {
-  const e = (a, f) => se.create(a, G(c, f));
+  const e = (a, f) => se.create(a, X(c, f));
   for (const a of tc)
-    e[a] = (f, t) => se.create(f, G(c, t, { method: a }));
-  return e.create = (a) => je(G(a)), e.extend = (a) => je(G(c, a)), e.stop = fc, e;
+    e[a] = (f, t) => se.create(f, X(c, t, { method: a }));
+  return e.create = (a) => je(X(a)), e.extend = (a) => je(X(c, a)), e.stop = fc, e;
 }, Qa = je(), e1 = Qa, dc = e1.extend({
   hooks: {
     beforeRequest: [
@@ -4170,15 +4183,15 @@ const je = (c) => {
 });
 async function c1(c, e) {
   const { onmessage: a, onclose: f, ...t } = e, o = async (d, b) => {
-    const { value: h, done: g } = await b.read();
-    g ? (d.close(), f == null || f()) : (a == null || a(h), d.enqueue(h), o(d, b));
+    const { value: h, done: u } = await b.read();
+    u ? (d.close(), f == null || f()) : (a == null || a(h), d.enqueue(h), o(d, b));
   };
   return t.body && typeof t.body == "object" && (t.body = JSON.stringify(t.body)), console.log("Fetching:", t), fetch(c, t).then((d) => {
     const b = d.body.getReader();
     return new ReadableStream({
-      start(g) {
+      start(u) {
         o(
-          g,
+          u,
           b
         );
       }
@@ -4247,9 +4260,9 @@ async function o1(c, e) {
     const { value: o, done: d } = await a.read();
     if (o) {
       let b = f.decode(o);
-      const h = b.lastIndexOf("data:"), g = b.lastIndexOf(`
+      const h = b.lastIndexOf("data:"), u = b.lastIndexOf(`
 `);
-      if (h !== -1 && (b = b.slice(h + 6)), g !== -1 && (b = b.slice(0, g)), b = b.trim(), b === `
+      if (h !== -1 && (b = b.slice(h + 6)), u !== -1 && (b = b.slice(0, u)), b = b.trim(), b === `
 ` || b === "")
         continue;
       if (b === "[DONE]") {
@@ -4297,11 +4310,11 @@ var b1 = Object.defineProperty, r1 = Object.getOwnPropertyDescriptor, v = (c, e,
     (d = c[o]) && (t = (f ? d(e, a, t) : d(t)) || t);
   return f && t && b1(e, a, t), t;
 };
-const ce = pe.noConflict();
-ce.setLevel("info");
-let u = class extends C {
+const W = pe.noConflict();
+W.setLevel("info");
+let g = class extends C {
   constructor() {
-    super(...arguments), this.store = new Fe(this, n), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.url = "ws://localhost:3070", this.logoSvg = `  <svg width="24" height="24" viewBox="0 0 40 40">
+    super(...arguments), this.store = new Ue(this, n), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.url = "ws://localhost:3070", this.logoSvg = `  <svg width="24" height="24" viewBox="0 0 40 40">
     <path
       d="M34.728 0.275L2.245 15.267c-3.748 1.749 -2.498 7.246 1.499 7.246h13.743v13.743c0 3.998 5.497 5.248 7.246 1.499l14.992 -32.483c1.249 -2.999 -1.999 -6.248 -4.998 -4.998z"
       fill="#E24D42"
@@ -4337,9 +4350,9 @@ let u = class extends C {
     return n.addMessage(c), c;
   }
   render() {
-    return s`
+    return n.disabled ? (W.error("Bot is disabled"), null) : s`
       <div class="cb-wrapper" style="${n.open ? "display:flex" : "display:none"}">
-        <cb-header title="${this.name}"></cb-header>
+        <cb-header title="${this.name}" exportparts="header"></cb-header>
         <cb-message-list .messages=${n.messages} .actions=${n.actions}></cb-message-list>
         <cb-user-input ?loading=${this.loading} ?disabled=${this.loading || this.showAuthAlert} ?enable-file-upload=${this.enableFileUpload}></cb-user-input>
       </div>
@@ -4347,7 +4360,7 @@ let u = class extends C {
     `;
   }
   connectedCallback() {
-    super.connectedCallback(), ce.info("connectedCallback"), addEventListener("setting:show", () => {
+    super.connectedCallback(), W.info("connectedCallback"), addEventListener("setting:show", () => {
       this.showSetting = !0;
     }), addEventListener("message:send", this._addMessageHandler.bind(this)), addEventListener("message:remove", this._deleteMessageHandler.bind(this)), addEventListener("setting:confirm", this._settingConfirmHandler.bind(this)), addEventListener("setting:hide", () => {
       this.showSetting = !1;
@@ -4364,7 +4377,7 @@ let u = class extends C {
   // Use to initialize
   // This is also called when state changes - ??? - i.e. when message added to the array
   updated(c) {
-    super.updated(c), ce.info("updated,_changedProperties:", c), c.size > 0 && (ce.info("updated,_changedProperties:", c), this._initSetting()), setTimeout(() => {
+    super.updated(c), W.info("updated,_changedProperties:", c), c.size > 0 && (W.info("updated,_changedProperties:", c), this._initSetting()), setTimeout(() => {
       this._scrollToBottom();
     }, 0);
   }
@@ -4480,64 +4493,64 @@ let u = class extends C {
     console.log("Scrolling to bottom ..."), (e = this._messageList) == null || e.scrollToBottom();
   }
 };
-u.styles = kc;
+g.styles = kc;
 v([
   r({ type: Boolean, attribute: "display-license" })
-], u.prototype, "displayLicense", 2);
+], g.prototype, "displayLicense", 2);
 v([
   r({ type: String, attribute: "name" })
-], u.prototype, "name", 2);
+], g.prototype, "name", 2);
 v([
   r({ type: String, attribute: "org-id" })
-], u.prototype, "orgId", 2);
+], g.prototype, "orgId", 2);
 v([
   r({ type: String, attribute: "bot-id" })
-], u.prototype, "botId", 2);
+], g.prototype, "botId", 2);
 v([
   r({ type: String, attribute: "url" })
-], u.prototype, "url", 2);
+], g.prototype, "url", 2);
 v([
   r({ type: String, attribute: "logo-svg" })
-], u.prototype, "logoSvg", 2);
+], g.prototype, "logoSvg", 2);
 v([
   r({ type: String, attribute: "bot-icon-svg" })
-], u.prototype, "botIconSvg", 2);
+], g.prototype, "botIconSvg", 2);
 v([
   r({ type: String, attribute: "user-icon-svg" })
-], u.prototype, "userIconSvg", 2);
+], g.prototype, "userIconSvg", 2);
 v([
   r({ type: String, attribute: "system-icon-svg" })
-], u.prototype, "systemIconSvg", 2);
+], g.prototype, "systemIconSvg", 2);
 v([
   r({ type: Boolean, attribute: "stream" })
-], u.prototype, "stream", 2);
+], g.prototype, "stream", 2);
 v([
   r({ type: Boolean, attribute: "custom-request" })
-], u.prototype, "customRequest", 2);
+], g.prototype, "customRequest", 2);
 v([
   r({ type: Boolean, attribute: "enable-file-upload" })
-], u.prototype, "enableFileUpload", 2);
+], g.prototype, "enableFileUpload", 2);
 v([
   r({ type: String, attribute: "upload-file-url" })
-], u.prototype, "uploadFileUrl", 2);
+], g.prototype, "uploadFileUrl", 2);
 v([
   r({ type: Boolean, attribute: "open" })
-], u.prototype, "open", 2);
+], g.prototype, "open", 2);
 v([
   r({ type: Boolean })
-], u.prototype, "loading", 2);
+], g.prototype, "loading", 2);
 v([
   r({ type: Boolean })
-], u.prototype, "showSetting", 2);
+], g.prototype, "showSetting", 2);
 v([
   r({ type: Boolean })
-], u.prototype, "showAuthAlert", 2);
+], g.prototype, "showAuthAlert", 2);
 v([
   le("cb-message-list")
-], u.prototype, "_messageList", 2);
-u = v([
+], g.prototype, "_messageList", 2);
+g = v([
   k("enegelai-bot")
-], u);
+], g);
 export {
-  u as default
+  g as default
 };