@enegelai/bot-widget 1.14.0 → 1.14.2

package/dist/index.es.js

@@ -22,7 +22,7 @@ import "@shoelace-style/shoelace/dist/components/alert/alert.js";
 import "@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.js";
 import "@shoelace-style/shoelace/dist/components/badge/badge.js";
 import { repeat as He } from "lit/directives/repeat.js";
-import { until as Pt } from "lit-html/directives/until.js";
+import { until as zt } from "lit-html/directives/until.js";
 import fi from "markdown-it";
 import bi from "markdown-it-link-attributes";
 import Et from "highlight.js";
@@ -120,7 +120,7 @@ const ui = (s, e) => e !== s && (e === e || s === s), Gt = class Gt extends Even
   }
 };
 Gt.finalized = !1;
-let zt = Gt;
+let Pt = Gt;
 class Ve {
   constructor(e, t, a) {
     this.host = e, this.state = t, this.callback = a || (() => this.host.requestUpdate()), this.host.addController(this);
@@ -195,8 +195,8 @@ function yi() {
         "warn",
         "error"
       ], o = {}, c = null;
-      function p(A, z) {
-        var I = A[z];
+      function p(A, P) {
+        var I = A[P];
         if (typeof I.bind == "function")
           return I.bind(A);
         try {
@@ -214,9 +214,9 @@ function yi() {
         return A === "debug" && (A = "log"), typeof console === t ? !1 : A === "trace" && a ? v : console[A] !== void 0 ? p(console, A) : console.log !== void 0 ? p(console, "log") : e;
       }
       function S() {
-        for (var A = this.getLevel(), z = 0; z < n.length; z++) {
-          var I = n[z];
-          this[I] = z < A ? e : this.methodFactory(I, A, this.name);
+        for (var A = this.getLevel(), P = 0; P < n.length; P++) {
+          var I = n[P];
+          this[I] = P < A ? e : this.methodFactory(I, A, this.name);
         }
         if (this.log = this.debug, typeof console === t && A < this.levels.SILENT)
           return "No console available for logging";
@@ -226,10 +226,10 @@ function yi() {
           typeof console !== t && (S.call(this), this[A].apply(this, arguments));
         };
       }
-      function _(A, z, I) {
+      function _(A, P, I) {
         return y(A) || w.apply(this, arguments);
       }
-      function L(A, z) {
+      function L(A, P) {
         var I = this, be, Q, ie, ee = "loglevel";
         typeof A == "string" ? ee += ":" + A : typeof A == "symbol" && (ee = void 0);
         function It(D) {
@@ -289,7 +289,7 @@ function yi() {
           WARN: 3,
           ERROR: 4,
           SILENT: 5
-        }, I.methodFactory = z || _, I.getLevel = function() {
+        }, I.methodFactory = P || _, I.getLevel = function() {
           return ie ?? Q ?? be;
         }, I.setLevel = function(D, W) {
           return ie = Se(D), W !== !1 && It(ie), S.call(I);
@@ -311,12 +311,12 @@ function yi() {
         var j = We();
         j != null && (ie = Se(j)), S.call(I);
       }
-      c = new L(), c.getLogger = function(z) {
-        if (typeof z != "symbol" && typeof z != "string" || z === "")
+      c = new L(), c.getLogger = function(P) {
+        if (typeof P != "symbol" && typeof P != "string" || P === "")
           throw new TypeError("You must supply a name when creating a logger.");
-        var I = o[z];
-        return I || (I = o[z] = new L(
-          z,
+        var I = o[P];
+        return I || (I = o[P] = new L(
+          P,
           c.methodFactory
         )), I;
       };
@@ -1008,13 +1008,13 @@ const oa = [
   "A",
   "A#",
   "B"
-], ze = [], Vt = [];
+], Pe = [], Vt = [];
 for (let s = 1; s <= 8; s++)
   for (let e = 0; e < oa.length; e++) {
     const t = oa[e];
-    ze.push(t / Math.pow(2, 8 - s)), Vt.push(Ei[e] + s);
+    Pe.push(t / Math.pow(2, 8 - s)), Vt.push(Ei[e] + s);
   }
-const mt = [32, 2e3], ca = ze.filter((s, e) => ze[e] > mt[0] && ze[e] < mt[1]), Ti = Vt.filter((s, e) => ze[e] > mt[0] && ze[e] < mt[1]);
+const mt = [32, 2e3], ca = Pe.filter((s, e) => Pe[e] > mt[0] && Pe[e] < mt[1]), Ti = Vt.filter((s, e) => Pe[e] > mt[0] && Pe[e] < mt[1]);
 class st {
   /**
    * Retrieves frequency domain data from an AnalyserNode adjusted to a decibel range
@@ -1032,16 +1032,16 @@ class st {
     const p = t / 2, v = 1 / a.length * p;
     let y, S, w;
     if (n === "music" || n === "voice") {
-      const E = n === "voice" ? ca : ze, A = Array(E.length).fill(o);
-      for (let z = 0; z < a.length; z++) {
-        const I = z * v, be = a[z];
+      const E = n === "voice" ? ca : Pe, A = Array(E.length).fill(o);
+      for (let P = 0; P < a.length; P++) {
+        const I = P * v, be = a[P];
         for (let Q = E.length - 1; Q >= 0; Q--)
           if (I > E[Q]) {
             A[Q] = Math.max(A[Q], be);
             break;
           }
       }
-      y = A, S = n === "voice" ? ca : ze, w = n === "voice" ? Ti : Vt;
+      y = A, S = n === "voice" ? ca : Pe, w = n === "voice" ? Ti : Vt;
     } else
       y = Array.from(a), S = y.map((E, A) => v * A), w = S.map((E) => `${E.toFixed(2)} Hz`);
     const _ = y.map((E) => Math.max(
@@ -1206,9 +1206,9 @@ class StreamProcessor extends AudioWorkletProcessor {
 }
 
 registerProcessor('stream_processor', StreamProcessor);
-`, Pi = new Blob([Li], {
+`, zi = new Blob([Li], {
   type: "application/javascript"
-}), zi = URL.createObjectURL(Pi), qi = zi;
+}), Pi = URL.createObjectURL(zi), qi = Pi;
 class Aa {
   /**
    * Creates a new WavStreamPlayer instance
@@ -1927,12 +1927,12 @@ class Hi {
     if (L <= 0)
       return this._float32ToInt16(t);
     for (let E = 0; E <= L; E += v) {
-      let A = 0, z = 0;
+      let A = 0, P = 0;
       for (let Q = 0; Q < y; Q++) {
         const ie = o[Q], ee = _[E + Q];
-        A += ie * ee, z += ee * ee;
+        A += ie * ee, P += ee * ee;
       }
-      const I = S * (Math.sqrt(z) + 1e-12), be = I > 0 ? A / I : 0;
+      const I = S * (Math.sqrt(P) + 1e-12), be = I > 0 ? A / I : 0;
       if (be > w && (w = be), w > Math.min(0.98, this.threshold + 0.25)) break;
     }
     if (w >= this.threshold) {
@@ -2081,8 +2081,8 @@ class ji {
     for (let y = 0; y <= o; y += p) {
       let S = 0, w = 0;
       for (let E = 0; E < a; E++) {
-        const A = t[E], z = n[y + E];
-        S += A * z, w += z * z;
+        const A = t[E], P = n[y + E];
+        S += A * P, w += P * P;
       }
       const _ = c * (Math.sqrt(w) + 1e-12), L = _ > 0 ? S / _ : 0;
       if (L > v && (v = L), v > Math.min(0.98, this.high + 0.25)) break;
@@ -2352,7 +2352,7 @@ var Xi = Object.defineProperty, R = (s, e, t, a) => {
 const T = Ne.noConflict();
 T.setLevel("info");
 const ne = "cb_";
-class q extends zt {
+class q extends Pt {
   constructor() {
     super(...arguments), this.actionIdCounter = 0, this.currentLoadContext = {}, this.prefilledFormValues = {}, this.wsClient = null, this.webAudioProcessor = null, this.webAudioTrackId = null, this.webAudioCurrentMark = null, this.replyMessage = null, this.streamingResponseInProgress = !1, this.streamingResponseLastText = null, this.streamingResponseBuffer = null, this.streamingResponseTagStartPos = 0, this.streamingResponseCurrentTag = null;
   }
@@ -2648,118 +2648,119 @@ class q extends zt {
     this.typingActive ? e && ["message", "message-chunk", "media", "typing-stopped"].includes(e?.type) && (this.typingActive = !1, T.info("c7o: typing stopped")) : e && e?.type === "typing" && (this.typingActive = !0, T.info("c7o: typing started"));
   }
   handleWscMessage(e) {
-    if (e?.type !== "ack")
-      switch (this.updateTypingState(e), this.lastConversationUpdate = Date.now(), e?.type) {
-        case "message": {
-          if (e?.author === "user") {
-            const t = {
+    if (e?.type === "ack")
+      return;
+    switch (this.updateTypingState(e), ["message", "message-chunk", "agent-connected", "agent-disconnected", "typing", "typing-stopped", "form", "actions"].includes(e?.type) && (this.lastConversationUpdate = Date.now()), e?.type) {
+      case "message": {
+        if (e?.author === "user") {
+          const a = {
+            id: e?.id || null,
+            type: "text",
+            author: "user",
+            data: {
+              text: e.text
+            }
+          };
+          this.replyMessage ? this.insertMessage(a, -1) : this.addMessage(a);
+        } else {
+          if (this.replyMessage)
+            "userName" in e && (this.replyMessage.data.userName = e.userName), "userAvatar" in e && (this.replyMessage.data.userAvatar = e.userAvatar), this.streamingResponseInProgress ? (this.finishStreamingResponse(e.text), this.streamingResponseInProgress = !1) : (this.replyMessage.data.text = e.text, this.updateMessage(this.replyMessage, "")), this.replyMessage = null;
+          else {
+            const a = {
               id: e?.id || null,
               type: "text",
-              author: "user",
+              author: "assistant",
               data: {
                 text: e.text
               }
             };
-            this.replyMessage ? this.insertMessage(t, -1) : this.addMessage(t);
-          } else {
-            if (this.replyMessage)
-              "userName" in e && (this.replyMessage.data.userName = e.userName), "userAvatar" in e && (this.replyMessage.data.userAvatar = e.userAvatar), this.streamingResponseInProgress ? (this.finishStreamingResponse(e.text), this.streamingResponseInProgress = !1) : (this.replyMessage.data.text = e.text, this.updateMessage(this.replyMessage, "")), this.replyMessage = null;
-            else {
-              const t = {
-                id: e?.id || null,
-                type: "text",
-                author: "assistant",
-                data: {
-                  text: e.text
-                }
-              };
-              "userName" in e && (t.data.userName = e.userName), "userAvatar" in e && (t.data.userAvatar = e.userAvatar);
-              const a = this.formatMessage(t);
-              this.messages = this.messages.concat([a]);
-            }
-            this.open || (this.unreadMessages++, this.playAudioNotification());
+            "userName" in e && (a.data.userName = e.userName), "userAvatar" in e && (a.data.userAvatar = e.userAvatar);
+            const n = this.formatMessage(a);
+            this.messages = this.messages.concat([n]);
           }
-          break;
-        }
-        case "message-chunk": {
-          e.text && this.processStreamingResponse(e.text);
-          break;
-        }
-        // TODO Instead of "thinking" message, use state flag "typing" and show special thinking indicator in the message-list component
-        //  so we can avoid adding/removing "reply" message for typing start / stop
-        case "typing": {
-          this.replyMessage || (this.replyMessage = {
-            id: e?.id || null,
-            author: "assistant",
-            type: "text",
-            isThinking: !0,
-            data: {
-              text: ""
-            }
-          }, this.addMessage(this.replyMessage));
-          break;
-        }
-        case "typing-stopped": {
-          this.replyMessage && typeof this.replyMessage.id == "string" && this.replyMessage.isThinking && (this.removeMessage(this.replyMessage.id), this.replyMessage = null);
-          break;
-        }
-        case "agent-connected": {
-          this.addMessage({
-            id: e?.id || null,
-            author: "assistant",
-            type: "text",
-            data: {
-              text: "_Joined chat_",
-              ...e.userName && { userName: e.userName },
-              ...e.userAvatar && { userAvatar: e.userAvatar }
-            }
-          });
-          break;
-        }
-        case "agent-disconnected": {
-          this.addMessage({
-            id: e?.id || null,
-            author: "assistant",
-            type: "text",
-            data: {
-              text: "_Left chat_",
-              ...e.userName && { userName: e.userName },
-              ...e.userAvatar && { userAvatar: e.userAvatar }
-            }
-          });
-          break;
+          this.open || (this.unreadMessages++, this.playAudioNotification());
         }
-        //{"type":"agent-connected","author":"assistant","userName":"SF DEV ADMIN"}
-        //{"type":"agent-disconnected","author":"assistant","userName":"SF DEV ADMIN"}
-        case "form": {
-          if (T.info("Got form:", e), this.replyMessage && this.replyMessage.id) {
-            const t = this.replyMessage.data?.text || "";
-            (this.replyMessage.isThinking || t.trim() === "") && (this.removeMessage(this.replyMessage.id), this.replyMessage = null);
+        break;
+      }
+      case "message-chunk": {
+        e.text && this.processStreamingResponse(e.text);
+        break;
+      }
+      // TODO Instead of "thinking" message, use state flag "typing" and show special thinking indicator in the message-list component
+      //  so we can avoid adding/removing "reply" message for typing start / stop
+      case "typing": {
+        this.replyMessage || (this.replyMessage = {
+          id: e?.id || null,
+          author: "assistant",
+          type: "text",
+          isThinking: !0,
+          data: {
+            text: ""
           }
-          this.initForm(e.form);
-          break;
-        }
-        case "actions": {
-          this.addActions(e?.actions || []);
-          break;
-        }
-        // Multi-Modal // //////////////////////
-        case "media": {
-          this.handleMediaReceived(e).catch((t) => {
-          });
-          break;
-        }
-        case "mediaClear": {
-          this.handleMediaClear(e).catch((t) => {
-          });
-          break;
-        }
-        case "mediaMark": {
-          this.handleMediaMark(e).catch((t) => {
-          });
-          break;
+        }, this.addMessage(this.replyMessage));
+        break;
+      }
+      case "typing-stopped": {
+        this.replyMessage && typeof this.replyMessage.id == "string" && this.replyMessage.isThinking && (this.removeMessage(this.replyMessage.id), this.replyMessage = null);
+        break;
+      }
+      case "agent-connected": {
+        this.addMessage({
+          id: e?.id || null,
+          author: "assistant",
+          type: "text",
+          data: {
+            text: "_Joined chat_",
+            ...e.userName && { userName: e.userName },
+            ...e.userAvatar && { userAvatar: e.userAvatar }
+          }
+        });
+        break;
+      }
+      case "agent-disconnected": {
+        this.addMessage({
+          id: e?.id || null,
+          author: "assistant",
+          type: "text",
+          data: {
+            text: "_Left chat_",
+            ...e.userName && { userName: e.userName },
+            ...e.userAvatar && { userAvatar: e.userAvatar }
+          }
+        });
+        break;
+      }
+      //{"type":"agent-connected","author":"assistant","userName":"SF DEV ADMIN"}
+      //{"type":"agent-disconnected","author":"assistant","userName":"SF DEV ADMIN"}
+      case "form": {
+        if (T.info("Got form:", e), this.replyMessage && this.replyMessage.id) {
+          const a = this.replyMessage.data?.text || "";
+          (this.replyMessage.isThinking || a.trim() === "") && (this.removeMessage(this.replyMessage.id), this.replyMessage = null);
         }
+        this.initForm(e.form);
+        break;
+      }
+      case "actions": {
+        this.addActions(e?.actions || []);
+        break;
       }
+      // Multi-Modal // //////////////////////
+      case "media": {
+        this.handleMediaReceived(e).catch((a) => {
+        });
+        break;
+      }
+      case "mediaClear": {
+        this.handleMediaClear(e).catch((a) => {
+        });
+        break;
+      }
+      case "mediaMark": {
+        this.handleMediaMark(e).catch((a) => {
+        });
+        break;
+      }
+    }
   }
   processStreamingResponseTagBr() {
     if (!this.streamingResponseBuffer || !this.replyMessage || this.streamingResponseBuffer.length < this.streamingResponseTagStartPos + 4)
@@ -3301,6 +3302,13 @@ var Zi = Object.defineProperty, Ji = (s, e, t, a) => {
 di("system", {
   resolver: (s) => ""
 });
+(() => {
+  try {
+    return new CustomEvent("t", { composed: !0 }).composed === !0;
+  } catch {
+    return !1;
+  }
+})();
 class ae extends At {
   constructor() {
     super(...arguments), this.lang = "en";
@@ -3313,7 +3321,7 @@ class ae extends At {
       detail: {},
       ...t
     });
-    return this.dispatchEvent(a), a;
+    return window.dispatchEvent(a), a;
   }
 }
 Ji([
@@ -3721,18 +3729,18 @@ function rs() {
       }
       function w(i) {
         var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, l = r.onElement, d = r.withCallback, f = r.avoidDuplicate, g = f === void 0 || f, h = r.once, m = h !== void 0 && h, C = r.useCapture, k = C !== void 0 && C, M = arguments.length > 2 ? arguments[2] : void 0, $ = l || [];
-        function P(B) {
-          j(d) && d.call(M, B, this), m && P.destroy();
+        function z(B) {
+          j(d) && d.call(M, B, this), m && z.destroy();
         }
-        return D($) && ($ = document.querySelectorAll($)), P.destroy = function() {
+        return D($) && ($ = document.querySelectorAll($)), z.destroy = function() {
           y($, function(B) {
-            var F = S(B, i, P);
-            F.found && F.all.splice(F.evt, 1), B.removeEventListener && B.removeEventListener(i, P, k);
+            var F = S(B, i, z);
+            F.found && F.all.splice(F.evt, 1), B.removeEventListener && B.removeEventListener(i, z, k);
           });
         }, y($, function(B) {
-          var F = S(B, i, P);
-          (B.addEventListener && g && !F.found || !g) && (B.addEventListener(i, P, k), F.all.push({ eventName: i, fn: P }));
-        }), P;
+          var F = S(B, i, z);
+          (B.addEventListener && g && !F.found || !g) && (B.addEventListener(i, z, k), F.all.push({ eventName: i, fn: z }));
+        }), z;
       }
       function _(i, r) {
         y(r.split(" "), function(l) {
@@ -3753,7 +3761,7 @@ function rs() {
           if (typeof i.matches == "function" ? i.matches(r) : i.msMatchesSelector(r)) return i;
         }
       }
-      function z(i) {
+      function P(i) {
         var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", l = arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
         if (!i || r === "") return !1;
         if (r === "none") return j(l) && l(), !1;
@@ -3959,12 +3967,12 @@ function rs() {
         var r = this, l = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
         t(this, i);
         var d = l.dragEl, f = l.toleranceX, g = f === void 0 ? 40 : f, h = l.toleranceY, m = h === void 0 ? 65 : h, C = l.slide, k = C === void 0 ? null : C, M = l.instance, $ = M === void 0 ? null : M;
-        this.el = d, this.active = !1, this.dragging = !1, this.currentX = null, this.currentY = null, this.initialX = null, this.initialY = null, this.xOffset = 0, this.yOffset = 0, this.direction = null, this.lastDirection = null, this.toleranceX = g, this.toleranceY = m, this.toleranceReached = !1, this.dragContainer = this.el, this.slide = k, this.instance = $, this.el.addEventListener("mousedown", function(P) {
-          return r.dragStart(P);
-        }, !1), this.el.addEventListener("mouseup", function(P) {
-          return r.dragEnd(P);
-        }, !1), this.el.addEventListener("mousemove", function(P) {
-          return r.drag(P);
+        this.el = d, this.active = !1, this.dragging = !1, this.currentX = null, this.currentY = null, this.initialX = null, this.initialY = null, this.xOffset = 0, this.yOffset = 0, this.direction = null, this.lastDirection = null, this.toleranceX = g, this.toleranceY = m, this.toleranceReached = !1, this.dragContainer = this.el, this.slide = k, this.instance = $, this.el.addEventListener("mousedown", function(z) {
+          return r.dragStart(z);
+        }, !1), this.el.addEventListener("mouseup", function(z) {
+          return r.dragEnd(z);
+        }, !1), this.el.addEventListener("mousemove", function(z) {
+          return r.drag(z);
         }, !1);
       }, [{ key: "dragStart", value: function(i) {
         if (this.slide.classList.contains("zoomed")) this.active = !1;
@@ -4018,14 +4026,14 @@ function rs() {
         _(g, "gvideo-container"), m.insertBefore(ie('<div class="gvideo-wrapper"></div>'), m.firstChild);
         var k = i.querySelector(".gvideo-wrapper");
         nt(this.settings.plyr.css, "Plyr");
-        var M = r.href, $ = r?.videoProvider, P = !1;
+        var M = r.href, $ = r?.videoProvider, z = !1;
         m.style.maxWidth = r.width, nt(this.settings.plyr.js, "Plyr", function() {
           if (!$ && M.match(/vimeo\.com\/([0-9]*)/) && ($ = "vimeo"), !$ && (M.match(/(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/) || M.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) || M.match(/(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/) || M.match(/(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/)) && ($ = "youtube"), $ === "local" || !$) {
             $ = "local";
             var B = '<video id="' + h + '" ';
-            B += 'style="background:#000; max-width: '.concat(r.width, ';" '), B += 'preload="metadata" ', B += 'x-webkit-airplay="allow" ', B += "playsinline ", B += "controls ", B += 'class="gvideo-local">', B += '<source src="'.concat(M, '">'), P = ie(B += "</video>");
+            B += 'style="background:#000; max-width: '.concat(r.width, ';" '), B += 'preload="metadata" ', B += 'x-webkit-airplay="allow" ', B += "playsinline ", B += "controls ", B += 'class="gvideo-local">', B += '<source src="'.concat(M, '">'), z = ie(B += "</video>");
           }
-          var F = P || ie('<div id="'.concat(h, '" data-plyr-provider="').concat($, '" data-plyr-embed-id="').concat(M, '"></div>'));
+          var F = z || ie('<div id="'.concat(h, '" data-plyr-provider="').concat($, '" data-plyr-embed-id="').concat(M, '"></div>'));
           _(k, "".concat($, "-video gvideo")), k.appendChild(F), k.setAttribute("data-id", h), k.setAttribute("data-index", l);
           var G = K(f.settings.plyr, "config") ? f.settings.plyr.config : {}, he = new Plyr("#" + h, G);
           he.on("ready", function(fe) {
@@ -4055,8 +4063,8 @@ function rs() {
           $.style.height = r.height, $.style.maxWidth = r.width, _($, "ginlined-content"), f = $;
         }
         if (!f) return console.error("Unable to append inline slide content", r), !1;
-        h.style.height = r.height, h.style.width = r.width, h.appendChild(f), this.events["inlineclose" + m] = w("click", { onElement: h.querySelectorAll(".gtrigger-close"), withCallback: function(P) {
-          P.preventDefault(), g.close();
+        h.style.height = r.height, h.style.width = r.width, h.appendChild(f), this.events["inlineclose" + m] = w("click", { onElement: h.querySelectorAll(".gtrigger-close"), withCallback: function(z) {
+          z.preventDefault(), g.close();
         } }), j(d) && d();
       }
       function Ja(i, r, l, d) {
@@ -4117,8 +4125,8 @@ function rs() {
           $ && (d.description = $);
         }
         if (!d.description) {
-          var P = i.querySelector(".glightbox-desc");
-          P && (d.description = P.innerHTML);
+          var z = i.querySelector(".glightbox-desc");
+          z && (d.description = z.innerHTML);
         }
         return this.setSize(d, r, i), this.slideConfig = d, d;
       } }, { key: "setSize", value: function(i, r) {
@@ -4135,18 +4143,18 @@ function rs() {
         if (E(r, "loaded")) return !1;
         var d = this.instance.settings, f = this.slideConfig, g = Se();
         j(d.beforeSlideLoad) && d.beforeSlideLoad({ index: this.index, slide: r, player: !1 });
-        var h = f.type, m = f.descPosition, C = r.querySelector(".gslide-media"), k = r.querySelector(".gslide-title"), M = r.querySelector(".gslide-desc"), $ = r.querySelector(".gdesc-inner"), P = l, B = "gSlideTitle_" + this.index, F = "gSlideDesc_" + this.index;
-        if (j(d.afterSlideLoad) && (P = function() {
+        var h = f.type, m = f.descPosition, C = r.querySelector(".gslide-media"), k = r.querySelector(".gslide-title"), M = r.querySelector(".gslide-desc"), $ = r.querySelector(".gdesc-inner"), z = l, B = "gSlideTitle_" + this.index, F = "gSlideDesc_" + this.index;
+        if (j(d.afterSlideLoad) && (z = function() {
           j(l) && l(), d.afterSlideLoad({ index: i.index, slide: r, player: i.instance.getSlidePlayerInstance(i.index) });
         }), f.title == "" && f.description == "" ? $ && $.parentNode.parentNode.removeChild($.parentNode) : (k && f.title !== "" ? (k.id = B, k.innerHTML = f.title) : k.parentNode.removeChild(k), M && f.description !== "" ? (M.id = F, g && d.moreLength > 0 ? (f.smallDescription = this.slideShortDesc(f.description, d.moreLength, d.moreText), M.innerHTML = f.smallDescription, this.descriptionEvents(M, f)) : M.innerHTML = f.description) : M.parentNode.removeChild(M), _(C.parentNode, "desc-".concat(m)), _($.parentNode, "description-".concat(m))), _(C, "gslide-".concat(h)), _(r, "loaded"), h !== "video") {
-          if (h !== "external") return h === "inline" ? (Za.apply(this.instance, [r, f, this.index, P]), void (f.draggable && new Kt({ dragEl: r.querySelector(".gslide-inline"), toleranceX: d.dragToleranceX, toleranceY: d.dragToleranceY, slide: r, instance: this.instance }))) : void (h !== "image" ? j(P) && P() : Xa(r, f, this.index, function() {
+          if (h !== "external") return h === "inline" ? (Za.apply(this.instance, [r, f, this.index, z]), void (f.draggable && new Kt({ dragEl: r.querySelector(".gslide-inline"), toleranceX: d.dragToleranceX, toleranceY: d.dragToleranceY, slide: r, instance: this.instance }))) : void (h !== "image" ? j(z) && z() : Xa(r, f, this.index, function() {
             var G = r.querySelector("img");
             f.draggable && new Kt({ dragEl: G, toleranceX: d.dragToleranceX, toleranceY: d.dragToleranceY, slide: r, instance: i.instance }), f.zoomable && G.naturalWidth > G.offsetWidth && (_(G, "zoomable"), new Ya(G, r, function() {
               i.instance.resize();
-            })), j(P) && P();
+            })), j(z) && z();
           }));
-          Ja.apply(this, [r, f, this.index, P]);
-        } else Ga.apply(this.instance, [r, f, this.index, P]);
+          Ja.apply(this, [r, f, this.index, z]);
+        } else Ga.apply(this.instance, [r, f, this.index, z]);
       } }, { key: "slideShortDesc", value: function(i) {
         var r = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 50, l = arguments.length > 2 && arguments[2] !== void 0 && arguments[2], d = document.createElement("div");
         d.innerHTML = i;
@@ -4283,7 +4291,7 @@ function rs() {
       }
       function ai(i) {
         if (i.events.hasOwnProperty("touch")) return !1;
-        var r, l, d, f = ee(), g = f.width, h = f.height, m = !1, C = null, k = null, M = null, $ = !1, P = 1, B = 1, F = !1, G = !1, he = null, fe = null, Ae = null, se = null, Me = 0, Ie = 0, Ke = !1, Ye = !1, ve = {}, we = {}, ia = 0, sa = 0, ni = document.getElementById("glightbox-slider"), lt = document.querySelector(".goverlay"), ri = new ti(ni, { touchStart: function(U) {
+        var r, l, d, f = ee(), g = f.width, h = f.height, m = !1, C = null, k = null, M = null, $ = !1, z = 1, B = 1, F = !1, G = !1, he = null, fe = null, Ae = null, se = null, Me = 0, Ie = 0, Ke = !1, Ye = !1, ve = {}, we = {}, ia = 0, sa = 0, ni = document.getElementById("glightbox-slider"), lt = document.querySelector(".goverlay"), ri = new ti(ni, { touchStart: function(U) {
           if (m = !0, (E(U.targetTouches[0].target, "ginner-container") || A(U.targetTouches[0].target, ".gslide-desc") || U.targetTouches[0].target.nodeName.toLowerCase() == "a") && (m = !1), A(U.targetTouches[0].target, ".gslide-inline") && !E(U.targetTouches[0].target.parentNode, "gslide-inline") && (m = !1), m) {
             if (we = U.targetTouches[0], ve.pageX = U.targetTouches[0].pageX, ve.pageY = U.targetTouches[0].pageY, ia = U.targetTouches[0].clientX, sa = U.targetTouches[0].clientY, C = i.activeSlide, k = C.querySelector(".gslide-media"), d = C.querySelector(".gslide-inline"), M = null, E(k, "gslide-image") && (M = k.querySelector("img")), (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) > 769 && (k = C.querySelector(".ginner-container")), L(lt, "greset"), U.pageX > 20 && U.pageX < window.innerWidth - 20) return;
             U.preventDefault();
@@ -4295,8 +4303,8 @@ function rs() {
               if (Math.abs(oe) <= 13) return !1;
             }
             $ = !0;
-            var Pe, dt = U.targetTouches[0].clientX, oi = U.targetTouches[0].clientY, ci = ia - dt, li = sa - oi;
-            if (Math.abs(ci) > Math.abs(li) ? (Ke = !1, Ye = !0) : (Ye = !1, Ke = !0), r = we.pageX - ve.pageX, Me = 100 * r / g, l = we.pageY - ve.pageY, Ie = 100 * l / h, Ke && M && (Pe = 1 - Math.abs(l) / h, lt.style.opacity = Pe, i.settings.touchFollowAxis && (Me = 0)), Ye && (Pe = 1 - Math.abs(r) / g, k.style.opacity = Pe, i.settings.touchFollowAxis && (Ie = 0)), !M) return I(k, "translate3d(".concat(Me, "%, 0, 0)"));
+            var ze, dt = U.targetTouches[0].clientX, oi = U.targetTouches[0].clientY, ci = ia - dt, li = sa - oi;
+            if (Math.abs(ci) > Math.abs(li) ? (Ke = !1, Ye = !0) : (Ye = !1, Ke = !0), r = we.pageX - ve.pageX, Me = 100 * r / g, l = we.pageY - ve.pageY, Ie = 100 * l / h, Ke && M && (ze = 1 - Math.abs(l) / h, lt.style.opacity = ze, i.settings.touchFollowAxis && (Me = 0)), Ye && (ze = 1 - Math.abs(r) / g, k.style.opacity = ze, i.settings.touchFollowAxis && (Ie = 0)), !M) return I(k, "translate3d(".concat(Me, "%, 0, 0)"));
             I(k, "translate3d(".concat(Me, "%, ").concat(Ie, "%, 0)"));
           }
         }, touchEnd: function() {
@@ -4311,18 +4319,18 @@ function rs() {
             F = !1;
           }, 50);
         }, multipointStart: function() {
-          F = !0, P = B || 1;
+          F = !0, z = B || 1;
         }, pinch: function(U) {
           if (!M || $) return !1;
-          F = !0, M.scaleX = M.scaleY = P * U.zoom;
-          var oe = P * U.zoom;
+          F = !0, M.scaleX = M.scaleY = z * U.zoom;
+          var oe = z * U.zoom;
           if (G = !0, oe <= 1) return G = !1, oe = 1, se = null, Ae = null, he = null, fe = null, void M.setAttribute("style", "");
           oe > 4.5 && (oe = 4.5), M.style.transform = "scale3d(".concat(oe, ", ").concat(oe, ", 1)"), B = oe;
         }, pressMove: function(U) {
           if (G && !F) {
-            var oe = we.pageX - ve.pageX, Pe = we.pageY - ve.pageY;
-            Ae && (oe += Ae), se && (Pe += se), he = oe, fe = Pe;
-            var dt = "translate3d(".concat(oe, "px, ").concat(Pe, "px, 0)");
+            var oe = we.pageX - ve.pageX, ze = we.pageY - ve.pageY;
+            Ae && (oe += Ae), se && (ze += se), he = oe, fe = ze;
+            var dt = "translate3d(".concat(oe, "px, ").concat(ze, "px, 0)");
             B && (dt += " scale3d(".concat(B, ", ").concat(B, ", 1)")), I(M, dt);
           }
         }, swipe: function(U) {
@@ -4379,7 +4387,7 @@ function rs() {
           var d = i.getAttribute("data-gallery");
           d && (this.fullElementsList = this.elements, this.elements = this.getGalleryElements(this.elements, d)), de(l) && (l = this.getElementIndex(i)) < 0 && (l = 0);
         }
-        rt(l) || (l = 0), this.build(), z(this.overlay, this.settings.openEffect === "none" ? "none" : this.settings.cssEfects.fade.in);
+        rt(l) || (l = 0), this.build(), P(this.overlay, this.settings.openEffect === "none" ? "none" : this.settings.cssEfects.fade.in);
         var f = document.body, g = window.innerWidth - document.documentElement.clientWidth;
         if (g > 0) {
           var h = document.createElement("style");
@@ -4447,12 +4455,12 @@ function rs() {
         r && (this.getActiveSlideIndex() == i && (i == this.elements.length - 1 ? this.prevSlide() : this.nextSlide()), r.parentNode.removeChild(r)), this.elements.splice(i, 1), this.trigger("slide_removed", i), j(this.settings.slideRemoved) && this.settings.slideRemoved(i);
       } }, { key: "slideAnimateIn", value: function(i, r) {
         var l = this, d = i.querySelector(".gslide-media"), f = i.querySelector(".gslide-description"), g = { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlide, slideConfig: de(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: de(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, h = { index: this.index, slide: this.activeSlide, slideNode: this.activeSlide, slideConfig: this.elements[this.index].slideConfig, slideIndex: this.index, trigger: this.elements[this.index].node, player: this.getSlidePlayerInstance(this.index) };
-        if (d.offsetWidth > 0 && f && (Q(f), f.style.display = ""), L(i, this.effectsClasses), r) z(i, this.settings.cssEfects[this.settings.openEffect].in, function() {
+        if (d.offsetWidth > 0 && f && (Q(f), f.style.display = ""), L(i, this.effectsClasses), r) P(i, this.settings.cssEfects[this.settings.openEffect].in, function() {
           l.settings.autoplayVideos && l.slidePlayerPlay(i), l.trigger("slide_changed", { prev: g, current: h }), j(l.settings.afterSlideChange) && l.settings.afterSlideChange.apply(l, [g, h]);
         });
         else {
           var m = this.settings.slideEffect, C = m !== "none" ? this.settings.cssEfects[m].in : m;
-          this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (C = this.settings.cssEfects.slideBack.in), z(i, C, function() {
+          this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (C = this.settings.cssEfects.slideBack.in), P(i, C, function() {
             l.settings.autoplayVideos && l.slidePlayerPlay(i), l.trigger("slide_changed", { prev: g, current: h }), j(l.settings.afterSlideChange) && l.settings.afterSlideChange.apply(l, [g, h]);
           });
         }
@@ -4464,7 +4472,7 @@ function rs() {
         var i = this.prevActiveSlide;
         L(i, this.effectsClasses), _(i, "prev");
         var r = this.settings.slideEffect, l = r !== "none" ? this.settings.cssEfects[r].out : r;
-        this.slidePlayerPause(i), this.trigger("slide_before_change", { prev: { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlideIndex, slideConfig: de(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: de(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, current: { index: this.index, slide: this.activeSlide, slideNode: this.activeSlide, slideIndex: this.index, slideConfig: this.elements[this.index].slideConfig, trigger: this.elements[this.index].node, player: this.getSlidePlayerInstance(this.index) } }), j(this.settings.beforeSlideChange) && this.settings.beforeSlideChange.apply(this, [{ index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, { index: this.index, slide: this.activeSlide, player: this.getSlidePlayerInstance(this.index) }]), this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (l = this.settings.cssEfects.slideBack.out), z(i, l, function() {
+        this.slidePlayerPause(i), this.trigger("slide_before_change", { prev: { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlideIndex, slideConfig: de(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: de(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, current: { index: this.index, slide: this.activeSlide, slideNode: this.activeSlide, slideIndex: this.index, slideConfig: this.elements[this.index].slideConfig, trigger: this.elements[this.index].node, player: this.getSlidePlayerInstance(this.index) } }), j(this.settings.beforeSlideChange) && this.settings.beforeSlideChange.apply(this, [{ index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, { index: this.index, slide: this.activeSlide, player: this.getSlidePlayerInstance(this.index) }]), this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (l = this.settings.cssEfects.slideBack.out), P(i, l, function() {
           var d = i.querySelector(".ginner-container"), f = i.querySelector(".gslide-media"), g = i.querySelector(".gslide-description");
           d.style.transform = "", f.style.transform = "", L(f, "greset"), f.style.opacity = "", g && (g.style.opacity = ""), L(i, "prev");
         });
@@ -4584,8 +4592,8 @@ function rs() {
             if (f && (E(f, "description-bottom") || E(f, "description-top")) && !E(f, "gabsolute") && (m = !0), d) {
               if (g <= 768) d.querySelector("img");
               else if (m) {
-                var C, k, M = f.offsetHeight, $ = d.querySelector("img"), P = (C = this.elements[this.index]) === null || C === void 0 ? void 0 : C.node, B = "100vh";
-                P && (B = (k = P.getAttribute("data-height")) !== null && k !== void 0 ? k : B), $.setAttribute("style", "max-height: calc(".concat(B, " - ").concat(M, "px)")), f.setAttribute("style", "max-width: ".concat($.offsetWidth, "px;"));
+                var C, k, M = f.offsetHeight, $ = d.querySelector("img"), z = (C = this.elements[this.index]) === null || C === void 0 ? void 0 : C.node, B = "100vh";
+                z && (B = (k = z.getAttribute("data-height")) !== null && k !== void 0 ? k : B), $.setAttribute("style", "max-height: calc(".concat(B, " - ").concat(M, "px)")), f.setAttribute("style", "max-width: ".concat($.offsetWidth, "px;"));
               }
             }
             if (l) {
@@ -4622,7 +4630,7 @@ function rs() {
         if (this.closing) return !1;
         this.closing = !0, this.slidePlayerPause(this.activeSlide), this.fullElementsList && (this.elements = this.fullElementsList), this.bodyHiddenChildElms.length && y(this.bodyHiddenChildElms, function(l) {
           l.removeAttribute("aria-hidden");
-        }), _(this.modal, "glightbox-closing"), z(this.overlay, this.settings.openEffect == "none" ? "none" : this.settings.cssEfects.fade.out), z(this.activeSlide, this.settings.cssEfects[this.settings.closeEffect].out, function() {
+        }), _(this.modal, "glightbox-closing"), P(this.overlay, this.settings.openEffect == "none" ? "none" : this.settings.cssEfects.fade.out), P(this.activeSlide, this.settings.cssEfects[this.settings.closeEffect].out, function() {
           if (i.activeSlide = null, i.prevActiveSlideIndex = null, i.prevActiveSlide = null, i.built = !1, i.events) {
             for (var l in i.events) i.events.hasOwnProperty(l) && i.events[l].destroy();
             i.events = null;
@@ -6497,7 +6505,7 @@ let Te = class extends ae {
       () => u`<div class="assistant-message-user-name">${s.data.userName}</div>`,
       () => null
     )}
-        ${Pt(
+        ${zt(
       this._getMessageText(s).then((e) => u`${e}`)
     )}
       </div>` : s.type === "file" ? u`${He(
@@ -6509,7 +6517,7 @@ let Te = class extends ae {
       (e) => e.name,
       (e) => u`<div>${e.name}</div>`
     )}` : u`<div class="cb-message-text">
-      ${Pt(
+      ${zt(
       Ot(s.data.text?.toString() || "").then((e) => u`${e}`)
     )}
     </div>`;
@@ -6654,7 +6662,7 @@ let pe = class extends ae {
     return !b.setting.disclaimerMessage || !b.isConversationStart() ? null : u`
       <details class="cb-disclaimer-wrapper" part="disclaimer-wrapper">
         <summary class="cb-disclaimer-message" part="disclaimer-message">
-          ${Pt(
+          ${zt(
       Ot(b.setting.disclaimerMessage).then((s) => u`${s}`)
     )}
         </summary>
@@ -6670,6 +6678,7 @@ let pe = class extends ae {
       (s) => {
         const e = s?.required || !1, t = b.getPrefilledFormFieldValue(s.name);
         switch (s.type) {
+          case "name":
           case "string":
             return u`<sl-input
                 value="${t}"
@@ -6944,7 +6953,7 @@ ke([
 pe = ke([
   J("cb-message-list")
 ], pe);
-const Ps = Z`
+const zs = Z`
   ${ye}
 
   :host {
@@ -6986,11 +6995,11 @@ const Ps = Z`
     align-items: center;
     margin: 6px 2px;
   }
-`, Pa = '<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.76z"/></svg>', za = '<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>', qa = '<svg viewBox="0 0 24 24" width="26px" height="26px" ><path fill="currentColor" d="M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3m5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72z"/></svg>', Wt = '<svg viewBox="0 0 24 24" width="26px" height="26px" ><path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>';
-var zs = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, _e = (s, e, t, a) => {
+`, za = '<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.76z"/></svg>', Pa = '<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>', qa = '<svg viewBox="0 0 24 24" width="26px" height="26px" ><path fill="currentColor" d="M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3m5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72z"/></svg>', Wt = '<svg viewBox="0 0 24 24" width="26px" height="26px" ><path fill="currentColor" d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>';
+var Ps = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, _e = (s, e, t, a) => {
   for (var n = a > 1 ? void 0 : a ? qs(e, t) : e, o = s.length - 1, c; o >= 0; o--)
     (c = s[o]) && (n = (a ? c(e, t, n) : c(n)) || n);
-  return a && n && zs(e, t, n), n;
+  return a && n && Ps(e, t, n), n;
 };
 let ge = class extends ae {
   constructor() {
@@ -7066,7 +7075,7 @@ let ge = class extends ae {
             ${N(
       b.setting.sendIconSvg !== "",
       () => u`<cb-icon part="user-input-send-icon" svg="${b.setting.sendIconSvg}"></cb-icon>`,
-      () => u`<cb-icon part="user-input-send-icon" svg="${Pa}"></cb-icon>`
+      () => u`<cb-icon part="user-input-send-icon" svg="${za}"></cb-icon>`
     )}
           </sl-button>
           ${N(
@@ -7076,7 +7085,7 @@ let ge = class extends ae {
                 ${N(
         b.setting.attachIconSvg !== "",
         () => u`<cb-icon part="user-input-attach-icon" svg="${b.setting.attachIconSvg}"></cb-icon>`,
-        () => u`<cb-icon part="user-input-attach-icon" svg="${za}"></cb-icon>`
+        () => u`<cb-icon part="user-input-attach-icon" svg="${Pa}"></cb-icon>`
       )}
                 <!-- select file input -->
                 <input type="file" id="file" name="file" class="file-input" />
@@ -7105,7 +7114,7 @@ let ge = class extends ae {
     s.key === "Enter" && !s.shiftKey && this._sendHandler();
   }
 };
-ge.styles = Ps;
+ge.styles = zs;
 _e([
   x({ type: String, attribute: "placeholder" })
 ], ge.prototype, "placeholder", 2);
@@ -7346,7 +7355,7 @@ let me = class extends ae {
             ${N(
       b.setting.sendIconSvg !== "",
       () => u`<cb-icon part="user-input-send-icon" svg="${b.setting.sendIconSvg}"></cb-icon>`,
-      () => u`<cb-icon part="user-input-send-icon" svg="${Pa}"></cb-icon>`
+      () => u`<cb-icon part="user-input-send-icon" svg="${za}"></cb-icon>`
     )}
           </sl-button>
           ${N(
@@ -7356,7 +7365,7 @@ let me = class extends ae {
                 ${N(
         b.setting.attachIconSvg !== "",
         () => u`<cb-icon part="user-input-attach-icon" svg="${b.setting.attachIconSvg}"></cb-icon>`,
-        () => u`<cb-icon part="user-input-attach-icon" svg="${za}"></cb-icon>`
+        () => u`<cb-icon part="user-input-attach-icon" svg="${Pa}"></cb-icon>`
       )}
                 <!-- select file input -->
                 <input type="file" id="file" name="file" class="file-input" />
@@ -8661,8 +8670,8 @@ class bt {
       if (y === 0)
         e.moveTo(S, w);
       else {
-        const _ = (y - 1) * c, L = this.renderPoints[y - 1] * a * 0.8, E = _ + c * 0.5, A = L, z = S - c * 0.5, I = w;
-        e.bezierCurveTo(E, A, z, I, S, w);
+        const _ = (y - 1) * c, L = this.renderPoints[y - 1] * a * 0.8, E = _ + c * 0.5, A = L, P = S - c * 0.5, I = w;
+        e.bezierCurveTo(E, A, P, I, S, w);
       }
     }
     e.lineTo(t, 0), e.lineTo(0, 0), n === Yt && !o ? this.currentColorRGB = this._lerpColor(this.currentColorRGB, this.inputColorRGB, 0.02) : this.currentColorRGB = this._lerpColor(this.currentColorRGB, this.outputColorRGB, 0.02);
@@ -9046,7 +9055,7 @@ const Ua = (s = {}, e = {}) => ({
   maxRetryAfter: Number.POSITIVE_INFINITY,
   backoffLimit: Number.POSITIVE_INFINITY,
   delay: (s) => 0.3 * 2 ** (s - 1) * 1e3
-}, Pn = (s = {}) => {
+}, zn = (s = {}) => {
   if (typeof s == "number")
     return {
       ...wa,
@@ -9061,7 +9070,7 @@ const Ua = (s = {}, e = {}) => ({
     ...s
   };
 };
-async function zn(s, e, t, a) {
+async function Pn(s, e, t, a) {
   return new Promise((n, o) => {
     const c = setTimeout(() => {
       t && t.abort(), o(new ja(s));
@@ -9149,7 +9158,7 @@ class Ct {
       method: $n(t.method ?? this._input.method ?? "GET"),
       // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
       prefixUrl: String(t.prefixUrl || ""),
-      retry: Pn(t.retry),
+      retry: zn(t.retry),
       throwHttpErrors: t.throwHttpErrors !== !1,
       timeout: t.timeout ?? 1e4,
       fetch: t.fetch ?? globalThis.fetch.bind(globalThis)
@@ -9228,7 +9237,7 @@ class Ct {
         return n;
     }
     const e = Bn(this.request, this._options), t = this.request;
-    return this.request = t.clone(), this._options.timeout === !1 ? this._options.fetch(t, e) : zn(t, e, this.abortController, this._options);
+    return this.request = t.clone(), this._options.timeout === !1 ? this._options.fetch(t, e) : Pn(t, e, this.abortController, this._options);
   }
 }
 /*! MIT License © Sindre Sorhus */
@@ -9504,6 +9513,9 @@ let H = class extends ae {
         }
       }
   }
+  sanitizeInputText(s) {
+    return !s || typeof s != "string" ? "" : s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+  }
   _addMessageHandler(s) {
     console.log("_addMessageHandler called", s);
     const e = s.detail, t = e?.data?.text || null;
@@ -9511,7 +9523,7 @@ let H = class extends ae {
       console.log("_addMessageHandler: input text is empty, ignored", s);
       return;
     }
-    b.isConversationStart() && (console.log("Start of conversation detected, emitting c7o:bot:conversationStart"), e.conversationId = b.conversationId, this.emit("c7o:bot:conversationStart", {
+    e.data.text = this.sanitizeInputText(t.trim()), b.isConversationStart() && (console.log("Start of conversation detected, emitting c7o:bot:conversationStart", e), e.conversationId = b.conversationId, this.emit("c7o:bot:conversationStart", {
       detail: e
     })), b.sendMessage(e);
   }